Template:IGEM Kyoto/css/sp: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
 
(7 intermediate revisions by the same user not shown)
Line 113: Line 113:
#kyoto-top-header-menu-wrapper{
#kyoto-top-header-menu-wrapper{
     width:15%;
     width:15%;
    height:40px;
     float:left;
     float:left;
     background-color:#00ff00;
     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{
#kyoto-top-header-logo-wrapper{
     width:85%;
     width:85%;
    height:40px;
     float:right;
     float:right;
     background-color:#ff0000;
     background-color:#ff0000;
}
}
#kyoto-top-content{
#kyoto-top-content{
     width:100%;
     width:100%;
Line 128: Line 134:
#kyoto-top-content-text-wrapper{
#kyoto-top-content-text-wrapper{
     width:100%;
     width:100%;
     height:210px;
     height:120px;
     background-color:#0000ff;
     background:-webkit-gradient(linear, left top, left bottom, from(#3cf2c5), to(#81d2f5));  
}
}
#kyoto-top-content-logo-wrapper{
#kyoto-top-content-logo-wrapper{
     width:100%;
     width:100%;
     height:210px;
     height:120px;
     background-color:#00ffff;
     background-color:#ffff00;
}
.kyoto-top-content-menu{
    width:100%;
    height:80px;
    background-color:#ff00ff;
}
}
-->
-->
</style>
</style>
</html>
</html>

Latest revision as of 08:30, 15 August 2015

<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>