Team:Tokyo-NoKoGen/css

From 2010.igem.org

(Difference between revisions)
m
 
(48 intermediate revisions not shown)
Line 6: Line 6:
/* change the igem style to fit my design */
/* change the igem style to fit my design */
-
#content {background:#2000a0; border:0px;}
+
#content {background:#2000a0; border:0px; margin-top: 30px; margin-left: 20px; margin-right: 20px;}
#content h1.firstHeading {display: none;}
#content h1.firstHeading {display: none;}
Line 12: Line 12:
<!--
<!--
body  
body  
-
{background-image: url(https://static.igem.org/mediawiki/2010/e/e3/NoKoGen_BackGround.png); background-repeat: repeat; #000000;
+
{background-image: url(https://static.igem.org/mediawiki/2010/e/e3/NoKoGen_BackGround.png); background-repeat: repeat;
background-color: #FFFFFF;
background-color: #FFFFFF;
-
margin-top:60px;
+
}
-
margin-left:auto;
+
-
margin-bottom:2px;
+
-
margin-right:auto;}
+
-->
-->
 +
 +
/* =====  Roll up image  ===== */
 +
a img.css-hover{
 +
opacity:0; filter: alpha(opacity=0);
 +
}
 +
a:hover img.css-hover{
 +
opacity:1.0; filter: alpha(opacity=100);
 +
}
 +
/* ====== MENU STYLE ====== */
/* ====== MENU STYLE ====== */
Line 57: Line 63:
padding:0;
padding:0;
border:0;
border:0;
-
height:30px;                                  /* the menu's overall height */
+
height:15px;                                  /* the menu's overall height */
width:100%;        /* we always want our menu to fill the available space */
width:100%;        /* we always want our menu to fill the available space */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-family: Verdana, Arial, Helvetica, sans-serif;
Line 74: Line 80:
border:0;
border:0;
list-style-type:none;          /* we don't want to view the list as a list */
list-style-type:none;          /* we don't want to view the list as a list */
-
line-height:2em;          /* globally set the menu's item spacing. note */
+
line-height:2.0;          /* globally set the menu's item spacing. note */
}                              /* this must be 1.0 or 1.5 or 2.0 for Mozilla */
}                              /* this must be 1.0 or 1.5 or 2.0 for Mozilla */
Line 86: Line 92:
.menu ul li table {
.menu ul li table {
margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
-
m\argin:0;              /* re-zero the table margins for everyone but IE5 */
+
margin:0;              /* re-zero the table margins for everyone but IE5 */
border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
font-size:12px;        /* this sets the base font size for our entire menu */
font-size:12px;        /* this sets the base font size for our entire menu */
Line 95: Line 101:
.drop {
.drop {
display:block;
display:block;
-
padding:0px .5em;       /* this sets the l/r margins for our menu item */
+
padding:0px .1em;       /* this sets the l/r margins for our menu item */
margin:0;
margin:0;
text-align:right;  /* this right alignment goes with the float:left below */
text-align:right;  /* this right alignment goes with the float:left below */
Line 145: Line 151:
position:absolute;
position:absolute;
margin:0;
margin:0;
-
top:22px;              /* place us just up underneath the top-level images */
+
top:15px;              /* place us just up underneath the top-level images */
-
left:8px;      /* left-align our drop-down to the previous button border */
+
left:0px;      /* left-align our drop-down to the previous button border */
height:auto;      /* the drop-down height will be determiend by line count */
height:auto;      /* the drop-down height will be determiend by line count */
-
width:14em;
+
width:12em;
color:black;                        /* this sets the unselected-text color */
color:black;                        /* this sets the unselected-text color */
-
background:#ffffff;        /* this sets our menu's effective "border" color */
+
background:#00ccff;        /* this sets our menu's effective "border" color */
font-size:12px;        /* this (and also below) sets the menu's font size */
font-size:12px;        /* this (and also below) sets the menu's font size */
list-style: none;
list-style: none;
Line 162: Line 168:
.menu ul li:hover ul.skinny,
.menu ul li:hover ul.skinny,
.menu ul li a:hover ul.skinny {            /* 2nd level skinny drop-down box */
.menu ul li a:hover ul.skinny {            /* 2nd level skinny drop-down box */
-
width:8.08333em;  /* with a 12px default font, this is 97px width (97/12) */
+
width:14em;  /* with a 12px default font, this is 97px width (97/12) */
}
}
Line 182: Line 188:
height:auto;
height:auto;
color:#000000;              /* this sets the unselected drop-down text color */
color:#000000;              /* this sets the unselected drop-down text color */
-
background:#838d84;      /* this sets the drop-down menu background color */
+
background:#ccffff;      /* this sets the drop-down menu background color */
-
width:14em;
+
width:12em;
}
}
Line 199: Line 205:
}
}
 +
/*======================== 3RD LEVEL MENU DEFINITIONS ========================*/
 +
 +
.menu ul li:hover ul li ul,
 +
.menu ul li a:hover ul li a ul {            /* hide inactive 3rd-level menus */
 +
visibility:hidden;
 +
}
 +
   
 +
.menu ul li:hover ul li:hover ul,
 +
.menu ul li a:hover ul li a:hover ul {            /* 3rd level drop-down box */
 +
visibility:visible;
 +
position:absolute;
 +
margin-top:-1px;       /* bring the top edge of the 3rd level menu up one */
 +
top:0;
 +
left:14em;
 +
width:14em;
 +
 +
}
 +
 +
.menu ul li:hover ul li:hover ul li a,
 +
.menu ul li a:hover ul li a:hover ul li a {    /* 3rd level unselected items */
 +
width:14em;
 +
background:#838d84;
 +
        color:#000000;
 +
}
 +
 +
.menu ul li:hover ul li:hover ul li a:hover,
 +
.menu ul li a:hover ul li a:hover ul li a:hover {    /* level3 selected items */
 +
width:14em;
 +
background:white;
 +
        color:#000000;
 +
}
 +
 +
#text {          /* the Mac's standard Safari browser will not see this code */
 +
height:1.215em;#        /* ...  but every other browser will and should */
 +
} /* Safari barfs on the illegal pound sign (#) after the rule's property val */
 +
 +
 +
a.menu {
 +
  color: white;
 +
  width: 10em;
 +
  align:center;
 +
}
 +
 +
li.toclevel-1 .toclevel-2 {
 +
  margin-bottom:0em;
 +
}
 +
 +
 +
table {
 +
  font-color: #000000;
 +
 +
}
 +
 +
a.menu {
 +
  color: #000000;
 +
  width: 10em;
 +
}
 +
 +
 +
 +
/* footer */
 +
#wikifooter {clear: both; display: block; background: url(https://static.igem.org/mediawiki/2009/8/8d/Bg_footer.gif) bottom no-repeat; border-bottom: 20px solid #003000; text-align: center;}
 +
* html #footer {margin-top: 18px;}
 +
#wikifooter-top {display: block; width: 975px; height: 15px; background: url(https://static.igem.org/mediawiki/2009/5/58/Bg_footer-top.gif) top no-repeat;}
 +
#wikifooter p {color: #808080; padding: 0px 37px 20px 37px;}
 +
#wikifooter a, #wikifooter a:visited {color: #808080;}
</style>
</style>
</html>
</html>

Latest revision as of 09:27, 27 October 2010

Retrieved from "http://2010.igem.org/Team:Tokyo-NoKoGen/css"