Template:MainPage/ThemeCSS

From 2014.igem.org

(Difference between revisions)
Line 44: Line 44:
-
<!--
 
-
/*--Menu Bar CSS--*/
 
-
#navbarcontainer { width: 100%; height: 35px; background: #414141; margin-top:0px;}
 
-
#navbar {width:975px; margin-left: auto; margin-right: auto; position:relative; height: 35px;}
 
-
#navbarsocial {float:right; padding-top: 4px;}
 
-
#flashylink {display: block; float: left; border: 0px solid #fff; color: #F37321; text-shadow: #000 1px 1px 1px; padding:3px; line-height: 100%; text-align: center; font-weight: bold; font-size: .8em; -webkit-border-radius: 3px;
 
-
-moz-border-radius: 3px;
 
-
border-radius: 3px; margin-right: 30px;}
 
-
#flashylink a:hover {color: #F37321;}
 
-
 
-
/*--Menu Begins Here http://www.sohtanaka.com/web-design/horizontal-sub-nav-with-css-jquery/ --*/
 
-
ul#topnav {
 
-
margin: 0; padding: 0;
 
-
float: left;
 
-
/*-- width: 960px;--*/
 
-
list-style: none;
 
-
position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
 
-
font-size: 1em;
 
-
background: #414141/*--url(https://static.igem.org/mediawiki/igem.org/c/c8/Navbar-3.gif) repeat-x--*/;
 
-
z-index: 6;
 
-
}
 
-
ul#topnav li {
 
-
float: left;
 
-
margin: 0; padding: 0;
 
-
height: 35px;
 
-
border-right: 1px solid #ccc; /*--Divider for each parent level links--*/
 
-
}
 
-
ul#topnav li a {
 
-
padding: 10px 15px;
 
-
display: block;
 
-
color: #fff;
 
-
font-weight: bold;
 
-
letter-spacing: 1px;
 
-
text-shadow: #333 1px 1px 1px;
 
-
text-decoration: none;
 
-
}
 
-
ul#topnav li:hover { background: #006633 url(topnav_active.gif) repeat-x; }
 
-
ul#topnav li span {
 
-
float: left;
 
-
padding: 10px 0;
 
-
position: absolute;
 
-
z-index:10;
 
-
left: 0; top:35px;
 
-
display: none; /*--Hide by default--*/
 
-
width: 975px;
 
-
background: #006633;
 
-
color: #fff;
 
-
/*--Bottom right rounded corner--*/
 
-
-moz-border-radius-bottomright: 10px;
 
-
-khtml-border-radius-bottomright: 10px;
 
-
-webkit-border-bottom-right-radius: 10px;
 
-
/*--Bottom left rounded corner--*/
 
-
-moz-border-radius-bottomleft: 10px;
 
-
-khtml-border-radius-bottomleft: 10px;
 
-
-webkit-border-bottom-left-radius: 10px;
 
-
}
 
-
ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/
 
-
ul#topnav li span a { display: inline; }
 
-
ul#topnav li span a:hover {text-decoration: underline;}
 
-
/*--Menu Ends Here--*/
 
-
 
-
.htitle {
 
-
display: block;
 
-
padding: 8px;
 
-
font-size: 1.2em;
 
-
font-weight: bold;
 
-
border-bottom: solid 1px #ccc;
 
-
margin-bottom: 0px;
 
-
clear:both;
 
-
color: #000;
 
-
}
 
-
.textboxes {
 
-
display: block;
 
-
position: relative;
 
-
border: 1px solid #f0f0f0;
 
-
background: #f0f0f0;
 
-
border-bottom: 2px solid #ccc; 
 
-
-webkit-border-radius: 10px;
 
-
-moz-border-radius: 10px;
 
-
border-radius: 10px;
 
-
margin-top: 10px; margin-bottom: 10px;
 
-
}
 
-
.innertextbox { /*--Goes inside textboxes class--*/
 
-
display: block;
 
-
position: relative;
 
-
margin: 10px;
 
-
padding: 20px;
 
-
-webkit-border-radius: 10px;
 
-
-moz-border-radius: 10px;
 
-
border-radius: 10px;
 
-
background: #fff;
 
-
} -->
 
</style>
</style>
</html>
</html>

Revision as of 15:25, 30 May 2014