|
|
| Line 722: |
Line 722: |
| | | | |
| | | | |
| - | /* ///////////////////////////////////////////////////////////////////////////
| |
| - | // Nav bar
| |
| - | /////////////////////////////////////////////////////////////////////////// */
| |
| - |
| |
| - |
| |
| - | /*--Menu Bar CSS--*/
| |
| - | #navbarcontainer {
| |
| - | width: 100%;
| |
| - | height: 35px;
| |
| - | background: #591e00;
| |
| - | margin-top:0px;
| |
| - | font-size: 12px;
| |
| - | -moz-border-radius-bottomright: 10px;
| |
| - | -khtml-border-radius-bottomright: 10px;
| |
| - | -webkit-border-bottom-right-radius: 10px;
| |
| - | -moz-border-radius-bottomleft: 10px;
| |
| - | -khtml-border-radius-bottomleft: 10px;
| |
| - | -webkit-border-bottom-left-radius: 10px;
| |
| - | -moz-border-radius-topleft: 10px;
| |
| - | -khtml-border-radius-topleft: 10px;
| |
| - | -webkit-border-top-left-radius: 10px;
| |
| - | -moz-border-radius-topright: 10px;
| |
| - | -khtml-border-radius-topright: 10px;
| |
| - | -webkit-border-top-right-radius: 10px;
| |
| - |
| |
| - | }
| |
| - | #navbar { width:975px;
| |
| - | margin-left: auto;
| |
| - | margin-right: auto;
| |
| - | position:relative;
| |
| - | height: 35px;
| |
| - |
| |
| - |
| |
| - | }
| |
| - | #flashylink { display: block;
| |
| - | float: centre;
| |
| - | border: 0px solid #fff;
| |
| - | color: #591e00;
| |
| - | 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: 10px;
| |
| - | }
| |
| - | #flashylink a:hover { color: #fff;
| |
| - | }
| |
| - |
| |
| - | /*--Menu Begins Here http://www.sohtanaka.com/web-design/horizontal-sub-nav-with-css-jquery/ --*/
| |
| - | ul#topnav {
| |
| - | margin: 0; padding: 0 0 0 100px;
| |
| - | float: centre;
| |
| - | /*-- width: 960px;--*/
| |
| - | list-style: none;
| |
| - | position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
| |
| - | font-size: 1em;
| |
| - | background: #591e00/*--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 a:hover{
| |
| - | color: #fff;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - | ul#topnav li:hover { background: #993300 url(topnav_active.gif) repeat-x; }
| |
| - | ul#topnav li span {
| |
| - | float: left;
| |
| - | padding: 10px 0;
| |
| - | position: absolute;
| |
| - | z-index:10;
| |
| - | top:35px;
| |
| - | display: none; /*--Hide by default--*/
| |
| - | background: #993300;
| |
| - | color: #fff;
| |
| - | -moz-border-radius-bottomright: 10px;
| |
| - | -khtml-border-radius-bottomright: 10px;
| |
| - | -webkit-border-bottom-right-radius: 10px;
| |
| - | -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;color: #fff}
| |
| - | /*--Menu Ends Here--*/
| |
| - |
| |
| - |
| |
| - | .htitle {
| |
| - | display: block;
| |
| - | padding: 8px;
| |
| - | font-size: 1em;
| |
| - | font-weight: normal;
| |
| - | border-bottom: solid 1px #ccc;
| |
| - | margin-bottom: 0px;
| |
| - | clear:both;
| |
| - | color: #000;
| |
| - | }
| |
| - | .textboxes {
| |
| - | 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;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /* ///////////////////////////////////////////////////////////////////////////
| |
| - | // Timeline
| |
| - | /////////////////////////////////////////////////////////////////////////// */
| |
| - |
| |
| - | /* Design provided by <a href="https://2010.igem.org/Team:TU_Delft#page=Home/">iGEM TU Delft 2010</a> */
| |
| - |
| |
| - | table {
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | border: none;
| |
| - | }
| |
| - | table td {
| |
| - | padding: 0px;
| |
| - | }
| |
| - | table .head {
| |
| - | background-color: none;
| |
| - | font-weight: normal;
| |
| - | color: #fff;
| |
| - | }
| |
| - | table .odd {
| |
| - | background-color: transparent;
| |
| - | }
| |
| - | #timeline_container {
| |
| - | overflow-x: scroll;
| |
| - | width: 600px;
| |
| - | /* border: 1px solid #216085; */
| |
| - | height: 250px;
| |
| - | overflow-y:hidden;
| |
| - | scrollbar-face-color:#266c96;
| |
| - | scrollbar-shadow-color:#216085;
| |
| - | scrollbar-highlight-color:#216085;
| |
| - | scrollbar-3dlight-color:#216085;
| |
| - | scrollbar-darkshadow-color:#216085;
| |
| - | scrollbar-track-color:#d0f1fa;
| |
| - | scrollbar-arrow-color:#fff;
| |
| - | }
| |
| - |
| |
| - | #timeline_content {
| |
| - | width: 1650px;
| |
| - | height: 380px;
| |
| - | }
| |
| - |
| |
| - | #content-block {
| |
| - | width: 210px;
| |
| - | padding: 10px;
| |
| - | float: left;
| |
| - | }
| |
| - | .fastlink {
| |
| - | font-size: 9px;
| |
| - | font-weight: bold;
| |
| - | text-decoration:none;
| |
| - | }
| |
| - | .fastlink:hover {
| |
| - | text-decoration: underline;
| |
| - | }
| |
| - | .month {
| |
| - | margin: 10px;
| |
| - | background-color: #108812;
| |
| - | text-align: center;
| |
| - | font-weight:bold;
| |
| - | display:block;
| |
| - | width: 100%;
| |
| - | line-height: 30px;
| |
| - | }
| |
| - |
| |
| - | .month-summary {
| |
| - | font-size: 11px;
| |
| - | margin-left: 10px;
| |
| - | margin-right: 10px;
| |
| - | display: block;
| |
| - | margin-bottom: -10px;
| |
| - | line-height: 12px;
| |
| - | }
| |
| - |
| |
| - | .month-summary img {
| |
| - | margin-bottom: 10px;
| |
| - | }
| |
| - |
| |
| - | .timeline-item {
| |
| - | display:block;
| |
| - | padding: 3px;
| |
| - | border: 1px solid #eee;
| |
| - | font-size: 10px;
| |
| - | float: left;
| |
| - | margin: 3px 10px;
| |
| - | line-height: 19px;
| |
| - | width: 210px;
| |
| - | overflow: hidden;
| |
| - | }
| |
| - |
| |
| - | .timeline-item .date {
| |
| - | display: block;
| |
| - | font-weight: bold;
| |
| - | font-size: 12px;
| |
| - | float: left;
| |
| - | line-height: 15px;
| |
| - | color: #fff;
| |
| - | background-color: #c4e438;
| |
| - | padding: 2px;
| |
| - | width: 20px;
| |
| - | text-align: center;
| |
| - | margin-right: 3px;
| |
| - | }
| |
| - | #content-block a {
| |
| - | color: #000;
| |
| - | }
| |
| - |
| |
| - | #content-block a:hover {
| |
| - | text-decoration: underline;
| |
| - | color: #000;
| |
| - | }
| |
| - |
| |
| - | h2,h3 {font-wright: bold; font-family: Calibri, Arial, Helvetica, sans-serif}
| |
| | | | |
| | </style> | | </style> |
| | </html> | | </html> |
"
