IGEM:Kyoto/sp
From OpenWetWare
<html> <head> <meta name="viewport" content="width=device-width,initial-scale=1.0"> </head> <div id="kyoto-top-wrapper">
<div id="kyoto-top-header">
<div id="kyoto-top-header-menu-wrapper">
<div id="kyoto-top-header-menu">
<img src="http://openwetware.org/images/9/9f/Kyotosp-top-header-menu.png">
</div>
</div>
<div id="kyoto-top-header-logo-wrapper">
</div>
</div>
<div id="kyoto-top-content">
<div id="kyoto-top-content-text-wrapper">
</div>
<div id="kyoto-top-content-logo-wrapper">
</div>
<div class="kyoto-top-content-menu">
</div>
<div class="kyoto-top-content-menu">
</div>
<div class="kyoto-top-content-menu">
</div>
<div class="kyoto-top-content-menu">
</div>
<div class="kyoto-top-content-menu">
</div>
</div>
</div> </html> <html> <style type="text/css"> <!-- /******************デフォルトデザイン変更・横幅設定*****************/
- sidebar-main, #contentSub, #footer{
display:none;
} p{
margin:0px; line-height:2em; background-image:url(image);
} table{
font-size:16px;
}
- globalWrapper{
-webkit-text-size-adjust:100%;
} body{
background-color:#ffffff; font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
- column-content{
width:100%; margin-left:auto; margin-right:auto; margin-bottom:0px; float:none; border:0px; position:relative;
}
- column-one{
position:static; width:100%; margin-left:auto; margin-right:auto; float:none; padding:0px; z-index:2;
}
- content, #bodyContent{
margin-left:0px; margin-right:0px; border:0px; margin:0px; padding:0px; line-height:2em; font-size:16px;
} /*******メニューバー変更*******/
- p-cactions, #p-personal, #p-cactions .pBody, #p-personal .pBody{
position:static; padding-left:0px; padding-right:0px; border:0px;
}
- p-cactions{
float:left; width:45%;
}
- p-personal{
float:right; width:55%;
}
- p-cactions ul, #p-personal ul{
width:100%; height:20px; position:static; padding:0px; margin:0px;
background-color:#cccccc;
}
- p-cactions ul{
float:left; text-align:right;
}
- p-personal ul{
float:right; text-align:left;
}
- 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;
}
- p-cactions ul li, #p-personal ul li{
padding-left:5px; padding-right:5px;
} .firstHeading{
display:none;
} a, a:hover{
text-decoration:none;
} /******************コンテンツ設定(個別)*****************/ /*******TOP*******/
- kyoto-top-header{
width:100%; overflow:hidden;
}
- kyoto-top-header-menu-wrapper{
width:15%; float:left; background-color:#00ff00;
}
- kyoto-top-header-menu{
width:80%; padding:10% 10% 10% 10%;
}
- kyoto-top-header-menu img{
width:100%;
}
- kyoto-top-header-logo-wrapper{
width:85%; float:right; background-color:#ff0000;
}
- kyoto-top-content{
width:100%;
}
- kyoto-top-content-text-wrapper{
width:100%; height:120px; background:-webkit-gradient(linear, left top, left bottom, from(#3cf2c5), to(#81d2f5));
}
- 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>
