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