Template:IGEM Kyoto/css/sp

From OpenWetWare
Jump to: navigation, search

<html> <style type="text/css"> <!-- /******************デフォルトデザイン変更・横幅設定*****************/

  1. sidebar-main, #contentSub, #footer{
   display:none;

} p{

   margin:0px;
   line-height:2em;
   background-image:url(image);

} table{

   font-size:16px;

}

  1. globalWrapper{
   -webkit-text-size-adjust:100%;

} body{

   background-color:#ffffff;
   font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;

}

  1. column-content{
   width:100%;
   margin-left:auto;
   margin-right:auto;
   margin-bottom:0px;
   float:none;
   border:0px;
   position:relative;

}

  1. column-one{
   position:static;
   width:100%;
   margin-left:auto;
   margin-right:auto;
   float:none;
   padding:0px;
   z-index:2;

}

  1. content, #bodyContent{
   margin-left:0px;
   margin-right:0px;
   border:0px;
   margin:0px;
   padding:0px;
   line-height:2em;
   font-size:16px;

} /*******メニューバー変更*******/

  1. p-cactions, #p-personal, #p-cactions .pBody, #p-personal .pBody{
   position:static;
   padding-left:0px;
   padding-right:0px;
   border:0px;

}

  1. p-cactions{
   float:left;
   width:45%;

}

  1. p-personal{
   float:right;
   width:55%;

}

  1. p-cactions ul, #p-personal ul{
   width:100%;
   height:20px;
   position:static;
   padding:0px;
   margin:0px;
   background-color:#cccccc;

}

  1. p-cactions ul{
   float:left;
   text-align:right;

}

  1. p-personal ul{
   float:right;
   text-align:left;

}

  1. p-cactions ul li, #p-personal ul li, #p-cactions li a, #p-personal li a, #p-cactions li a:hover, #p-cactions li.selected a, #p-cactions .new a, #p-personal li a:hover{
   position:static;
   padding-top:0px !important;
   padding-bottom:0px !important;
   margin:0px;
   border:0px;
   line-height:normal;
   font-size:12px;
   font-weight:normal;
   background-color:#cccccc;
   color:#ffffff;

} li#pt-userpage, li#pt-anonuserpage, li#pt-login{

   background-image:none;

}

  1. p-cactions ul li, #p-personal ul li{
   padding-left:5px;
   padding-right:5px;

} .firstHeading{

   display:none;

} a, a:hover{

   text-decoration:none;

} /******************コンテンツ設定(個別)*****************/ /*******TOP*******/

  1. kyoto-top-header{
   width:100%;
   overflow:hidden;

}

  1. kyoto-top-header-menu-wrapper{
   width:15%;
   float:left;
   background-color:#00ff00;

}

  1. kyoto-top-header-menu{
   width:80%;
   padding:10% 10% 10% 10%;

}

  1. kyoto-top-header-menu img{
   width:100%;

}

  1. kyoto-top-header-logo-wrapper{
   width:85%;
   float:right;
   background-color:#ff0000;

}

  1. kyoto-top-content{
   width:100%;

}

  1. kyoto-top-content-text-wrapper{
   width:100%;
   height:120px;
   background:-webkit-gradient(linear, left top, left bottom, from(#3cf2c5), to(#81d2f5)); 

}

  1. kyoto-top-content-logo-wrapper{
   width:100%;
   height:120px;
   background-color:#ffff00;

} .kyoto-top-content-menu{

   width:100%;
   height:80px;
   background-color:#ff00ff;

} --> </style> </html>