CSS PHP Menu 折畳メニュ

CSS PHP Menu 折畳メニュ CSS ファイル
css_pp.css


63Pear Villageに戻る

@charset "utf-8";
/* CSS Document */
*{
    list-style:none;
}
#wrapper{
  width:300px;
  margin:8px auto;
}
#navi{
  width:300px;
  padding:4px 0px;
  background-color:pink;
  float:left;
}
.navi_up{
  padding:4px 0px;
  margin:2px 8px;
  background-color:white;
}
a{
  margin-left:8px;
}
#navi > li{
/* navi 直下にある li にスタイル適用 */
  padding-top:4px;
}
#main{
  width:300px;
  background-color:gold;
  float:left;
}
.keya{
  width:300px;
  height:900px;
  float:left;
}
.clearfix:after{
  content:"";
  display:block;
  clear:both;
}
@media only screen and
  (min-width: 601px) {
  #wrapper{
  width:640px;
  margin:0 auto;
  }
  #main{
  width:340px;
  background-color:gold;
  float:left;
  }
  .keya{
  width:340px;
  }
}