Template:Kyoto/css

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
{{Kyoto/css/disable_official}}
<html>
<html>
<style type="text/css" media="all">
<style type="text/css" media="all">
-
 
+
body{
-
body{font-family:arial;
+
    font-family:arial;
}
}
#page{
#page{
-
width: auto;
+
    width: auto;
-
margin: auto;
+
    margin: auto;
}
}
table.note{
table.note{
-
width: 150px;
+
    width: 150px;
-
border-collapse: collapse;
+
    border-collapse: collapse;
}
}
table.note th{
table.note th{
-
width:30px;
+
    width:30px;
-
padding: 1px;
+
    padding: 1px;
-
text-align: left;
+
    text-align: left;
-
vertical-align: top;
+
    vertical-align: top;
-
color: #333;
+
    color: #333;
-
background-color: #eee;
+
    background-color: #eee;
-
border: 1px solid #b9b9b9;
+
    border: 1px solid #b9b9b9;
-
border-collapse: collapse;
+
    border-collapse: collapse;
}
}
table.note td{
table.note td{
-
padding: 1px;
+
    padding: 1px;
-
background-color: #fff;
+
    background-color: #fff;
-
border: 1px solid #b9b9b9;
+
    border: 1px solid #b9b9b9;
-
border-collapse: collapse;
+
    border-collapse: collapse;
-
}
+
-
 
+
-
/********* breaking official design *********/
+
-
/*** official content ***/
+
-
#content {
+
-
    max-width: 1366px;
+
-
    min-width: 965px;
+
-
    width: 100%;
+
-
    padding: 0px;
+
-
    border: none;
+
-
    margin-top: -15px;
+
-
    margin-bottom: -10px;
+
-
    background-color: transparent;
+
-
}
+
-
/*** igem official logo ***/
+
-
#top-section{
+
-
    height: 0px;
+
-
    top: 0px;
+
-
    margin-top: 0px;
+
-
    padding: 0px;
+
-
    border: 0px;
+
-
}
+
-
#p-logo {
+
-
    display: none;
+
-
}
+
-
#toc {
+
-
    display: none;
+
-
}
+
-
/*** wiki page's address ***/
+
-
.firstHeading {
+
-
    display: none;
+
-
    height:0px;
+
-
    visibility:hidden;
+
-
}
+
-
/*** wiki search box ***/
+
-
#search-controls{
+
-
    display:none;
+
-
}
+
-
/*** igem global footer ***/
+
-
#catlinks {
+
-
    display: none;
+
-
    height: 0px;
+
-
}
+
-
#footer-box {
+
-
    display: none;
+
}
}
-
/********* breaking official design end *********/
 
/********* for top page ***********/
/********* for top page ***********/
Line 230: Line 185:
/**** sandbox2用 *****/
/**** sandbox2用 *****/
-
.nav {width:970px;
+
.nav {
-
      height:110px; /*メニュー全体高さ*/  
+
    width:970px;
-
      background:#666666; /*メニュー全体背景色*/  
+
    height:110px; /*メニュー全体高さ*/
-
      color:#fff; /*メニュー全体文字色*/  
+
    background:#666666; /*メニュー全体背景色*/
-
      text-align:center;
+
    color:#fff; /*メニュー全体文字色*/
-
      margin-top:30px;
+
    text-align:center;
-
      margin-bottom:10px;
+
    margin-top:30px;
-
      margin-left:auto;
+
    margin-bottom:10px;
-
      margin-right:auto;
+
    margin-left:auto;
-
      position:relative;
+
    margin-right:auto;
-
      z-index:10;
+
    position:relative;
-
      padding:0px;
+
    z-index:10;
-
      border:collapse;
+
    padding:0px;
-
}  
+
    border:collapse;
-
.menu a {  
+
}
-
     float:left;  
+
.menu a {
 +
     float:left;
     background-color:#444444;
     background-color:#444444;
-
     color:#ee0000; /*リンクの文字色*/  
+
     color:#ee0000; /*リンクの文字色*/
-
     text-decoration:none;  
+
     text-decoration:none;
-
     width:140px;  
+
     width:140px;
     padding:0px;
     padding:0px;
     border:collapse;
     border:collapse;
-
     height:110px;  
+
     height:110px;
     margin-top:0px;
     margin-top:0px;
     margin-bottom:10px;
     margin-bottom:10px;
     position:relative;
     position:relative;
     z-index:15;
     z-index:15;
-
}  
+
}
-
.menu a:hover {  
+
.menu a:hover {
-
     color:#aaaaaa; /*マウスをのせた時の文字色*/  
+
     color:#aaaaaa; /*マウスをのせた時の文字色*/
     background-color:#00ff00;
     background-color:#00ff00;
-
}  
+
}
#menu1:hover #menu11{
#menu1:hover #menu11{
     top:-10px;
     top:-10px;
-
}  
+
}
#menu2:hover #menu21{
#menu2:hover #menu21{
     top:-10px;
     top:-10px;
-
}  
+
}
#menu2:hover #menu2121{
#menu2:hover #menu2121{
     top:-35px;
     top:-35px;
Line 273: Line 229:
#menu3:hover #menu31{
#menu3:hover #menu31{
     top:-10px;
     top:-10px;
-
}
+
}
#menu5:hover #menu51{
#menu5:hover #menu51{
     top:-10px;
     top:-10px;
-
}  
+
}
#menu6:hover #menu61{
#menu6:hover #menu61{
     top:-10px;
     top:-10px;
-
}  
+
}
-
.menu {  
+
.menu {
-
     list-style:none;
+
     list-style:none;
     text-align:center;
     text-align:center;
     margin:0 auto  ;
     margin:0 auto  ;
-
}  
+
}
-
.menu li {
+
.menu li {
-
     float:left;
+
     float:left;
-
     width:140px;  
+
     width:140px;
     height:110px;
     height:110px;
-
}  
+
}
.menu2 li{
.menu2 li{
     width:140px;
     width:140px;
     height:35px;
     height:35px;
}
}
-
.nodiv ul {  
+
.nodiv ul {
     list-style:none;
     list-style:none;
     position:relative;
     position:relative;
Line 309: Line 265:
     color:#ffffff;
     color:#ffffff;
}
}
-
.nodiv li a{  
+
.nodiv li a{
     background-color:#96514d;
     background-color:#96514d;
     color:#ffffff;
     color:#ffffff;
Line 319: Line 275:
     position:relative;
     position:relative;
     z-index:5;
     z-index:5;
-
}  
+
}
li.nodiv2 a{
li.nodiv2 a{
     background-color:#96514d;
     background-color:#96514d;
Line 363: Line 319:
}
}
#menu_logo{
#menu_logo{
-
background-color: #dddddd;
+
    background-color: #dddddd;
-
width:130px;
+
    width:130px;
-
height: 130px;
+
    height: 130px;
-
margin-top:-10px;
+
    margin-top:-10px;
-
margin-bottom:0px;
+
    margin-bottom:0px;
-
border:collapse;
+
    border:collapse;
}
}
#container{
#container{
-
width:970px;
+
    width:970px;
-
margin-left:auto;
+
    margin-left:auto;
-
margin-right:auto;
+
    margin-right:auto;
}
}
#side_menu{
#side_menu{
-
background-color: #bbbbbb;
+
    background-color: #bbbbbb;
-
width:200px;
+
    width:200px;
-
height:auto;
+
    height:auto;
-
float:left;
+
    float:left;
-
margin:0px;
+
    margin:0px;
-
border:collapse;
+
    border:collapse;
}
}
#content_page{
#content_page{
-
width:770px;
+
    width:770px;
-
height:auto;
+
    height:auto;
-
float:right;
+
    float:right;
-
background-color:#ffffff;
+
    background-color:#ffffff;
-
margin:0px;
+
    margin:0px;
-
border:collapse;
+
    border:collapse;
}
}
</style>
</style>
</html>
</html>

Revision as of 02:06, 13 September 2014

Retrieved from "http://2014.igem.org/Template:Kyoto/css"