|
|
| Line 33: |
Line 33: |
| | height: 20px; | | height: 20px; |
| | width: 300px; | | width: 300px; |
| - | font-family: 'Molengo', sans-serif; | + | font-family: 'Book Antiqua', sans-serif; |
| | font-size: 8pt; | | font-size: 8pt; |
| | } | | } |
| | | | |
| | div#menubar .selected a { | | div#menubar .selected a { |
| - | color: #529dd9; | + | color: #440110; |
| | } | | } |
| | | | |
| | .left-menu,.left-menu a { | | .left-menu,.left-menu a { |
| - | color: #529dd9; | + | color: #440110; |
| | z-index: 1; | | z-index: 1; |
| | } | | } |
| | | | |
| | .left-menu:hover { | | .left-menu:hover { |
| - | background-color: #666666; | + | background-color: #8f0222; |
| | } | | } |
| | | | |
| Line 121: |
Line 121: |
| | | | |
| | /*Hacker ends here*/ /*Globle Settings*/ /*Color Definition*/ | | /*Hacker ends here*/ /*Globle Settings*/ /*Color Definition*/ |
| - | #red a {
| |
| - | color: #f8b4ae;
| |
| - | }
| |
| - |
| |
| - | #red h1 {
| |
| - | color: red;
| |
| - | }
| |
| - |
| |
| - | #red hr {
| |
| - | background-color: #f8b4ae;
| |
| - | }
| |
| - |
| |
| - | #red a:hover {
| |
| - | color: red;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - |
| |
| - | #red .bgcolors {
| |
| - | background-color: red;
| |
| - | }
| |
| - |
| |
| - | #red #accordion h4 {
| |
| - | background-color: red;
| |
| - | }
| |
| - |
| |
| - | #red #accordion h4 selected {
| |
| - | background-color: red;
| |
| - | }
| |
| - |
| |
| - | #blue a {
| |
| - | color: #7fb3d8;
| |
| - | }
| |
| - |
| |
| - | #blue h1 {
| |
| - | color: #006699;
| |
| - | }
| |
| - |
| |
| - | #blue hr {
| |
| - | background-color: #7fb3d8;
| |
| - | }
| |
| - |
| |
| - | #blue a:hover {
| |
| - | color: #006699;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - |
| |
| - | #blue .bgcolors {
| |
| - | background-color: #006699;
| |
| - | }
| |
| - |
| |
| - | #blue #accordion h4 {
| |
| - | background-color: #006699;
| |
| - | }
| |
| - |
| |
| - | #blue #accordion h4 selected {
| |
| - | background-color: #006699;
| |
| - | }
| |
| - |
| |
| - | #orange #accordion h4 {
| |
| - | background-color: #ff9933;
| |
| - | }
| |
| - |
| |
| - | #orange #accordion h4 selected {
| |
| - | background-color: #ff9933;
| |
| - | }
| |
| - |
| |
| - | #orange a {
| |
| - | color: #ffcc99;
| |
| - | }
| |
| - |
| |
| - | #orange h1 {
| |
| - | color: #ff9933;
| |
| - | }
| |
| - |
| |
| - | #orange hr {
| |
| - | background-color: #ffcc99;
| |
| - | }
| |
| - |
| |
| - | #orange a:hover {
| |
| - | color: #ff9933;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - |
| |
| - | #orange .bgcolors {
| |
| - | background-color: #ff9933;
| |
| - | }
| |
| - |
| |
| - | #cyan {
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #cyan a {
| |
| - | color: #3399ff;
| |
| - | }
| |
| - |
| |
| - | #cyan h1 {
| |
| - | color: #0066ff;
| |
| - | }
| |
| - |
| |
| - | #cyan hr {
| |
| - | background-color: #3399ff;
| |
| - | }
| |
| - |
| |
| - | #cyan a:hover {
| |
| - | color: #0066ff;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - |
| |
| - | #cyan .bgcolors {
| |
| - | background-color: #0066ff;
| |
| - | }
| |
| - |
| |
| - | #cyan #accordion h4 {
| |
| - | background-color: #0066ff;
| |
| - | }
| |
| - |
| |
| - | #cyan #accordion h4 selected {
| |
| - | background-color: #0066ff;
| |
| - | }
| |
| - |
| |
| - | #gray a {
| |
| - | color: #666666;
| |
| - | }
| |
| - |
| |
| - | #gray h1 {
| |
| - | color: #333333;
| |
| - | }
| |
| - |
| |
| - | #gray hr {
| |
| - | background-color: #666666;
| |
| - | }
| |
| - |
| |
| - | #gray a:hover {
| |
| - | color: #333333;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - |
| |
| - | #gray .bgcolors {
| |
| - | background-color: #333333;
| |
| - | }
| |
| - |
| |
| - | #gray #accordion h4 {
| |
| - | background-color: #ff9933;
| |
| - | }
| |
| - |
| |
| - | #gray #accordion h4 selected {
| |
| - | background-color: #ff9933;
| |
| - | }
| |
| - |
| |
| - | #green a {
| |
| - | color: #aadba5;
| |
| - | }
| |
| - |
| |
| - | #green h1 {
| |
| - | color: #56b74c;
| |
| - | }
| |
| - |
| |
| - | #green hr {
| |
| - | background-color: #aadba5;
| |
| - | }
| |
| - |
| |
| - | #green a:hover {
| |
| - | color: #56b74c;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - |
| |
| - | #green .bgcolors {
| |
| - | background-color: #56b74c;
| |
| - | }
| |
| - |
| |
| - | #green #accordion h4 {
| |
| - | background-color: #56b74c;
| |
| - | }
| |
| - |
| |
| - | #green #accordion h4 selected {
| |
| - | background-color: #56b74c;
| |
| - | }
| |
| - |
| |
| - | #pink a {
| |
| - | color: #ff66cc;
| |
| - | }
| |
| - |
| |
| - | #pink h1 {
| |
| - | color: #ff0099;
| |
| - | }
| |
| - |
| |
| - | #pink hr {
| |
| - | background-color: #ff66cc;
| |
| - | }
| |
| - |
| |
| - | #pink a:hover {
| |
| - | color: #ff0099;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - |
| |
| - | #pink .bgcolors {
| |
| - | background-color: #ff0099;
| |
| - | }
| |
| - |
| |
| - | #pink #accordion h4 {
| |
| - | background-color: #ff0099;
| |
| - | }
| |
| - |
| |
| - | #pink #accordion h4 selected {
| |
| - | background-color: #ff0099;
| |
| - | }
| |
| - |
| |
| - | #black a {
| |
| - | color: black;
| |
| - | }
| |
| - |
| |
| - | #black a:hover {
| |
| - | color: #999;
| |
| - | }
| |
| - |
| |
| - | #black .bgcolors {
| |
| - | background-color: #999;
| |
| - | }
| |
| - |
| |
| - | #black #accordion h4 {
| |
| - | background-color: #ff9933;
| |
| - | }
| |
| - |
| |
| - | #black #accordion h4 selected {
| |
| - | background-color: #ff9933;
| |
| - | }
| |
| - |
| |
| - | #purple a {
| |
| - | color: #9966cc;
| |
| - | }
| |
| - |
| |
| - | #purple h1 {
| |
| - | color: #4700b1;
| |
| - | }
| |
| - |
| |
| - | #purple hr {
| |
| - | background-color: #9966cc;
| |
| - | }
| |
| - |
| |
| - | #purple a:hover {
| |
| - | color: #4700b1;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - |
| |
| - | #purple .bgcolors {
| |
| - | background-color: #4700b1;
| |
| - | }
| |
| - |
| |
| - | #purple #accordion h4 {
| |
| - | background-color: #4700b1;
| |
| - | }
| |
| - |
| |
| - | #purple #accordion h4 selected {
| |
| - | background-color: #4700b1;
| |
| - | }
| |
| - |
| |
| - | /*others-------------------*/
| |
| - | a:hover {
| |
| - | text-decoration: none;
| |
| - | }
| |
| - |
| |
| - | #contentwrapper {
| |
| - | vertical-align: middle;
| |
| - | width: 970px;
| |
| - | margin: 0 auto;
| |
| - | text-align: left;
| |
| - | position: relative;
| |
| - | font-family: Arial, sans-serif;
| |
| - | background-color: #transparent;
| |
| - | }
| |
| - |
| |
| - | #contentwrapper .hc {
| |
| - | height: 300px;
| |
| - | }
| |
| - |
| |
| - | .main {
| |
| - | background-color: #transparent;
| |
| - | position: static;
| |
| - | top: auto;
| |
| - | height: auto;
| |
| - | padding: 10px;
| |
| - | padding-top: 0px;
| |
| - | padding-right: 10px;
| |
| - | }
| |
| - |
| |
| - | .block {
| |
| - | margin: 10px;
| |
| - | float: left;
| |
| - | color: #333333;
| |
| - | font-size: 12pt;
| |
| - | padding: 0;
| |
| - | width: 660px;
| |
| - | }
| |
| - |
| |
| - | .block h1 {
| |
| - | font-size: 36pt;
| |
| - | }
| |
| - |
| |
| - | .block a {
| |
| - | color: #ff3333;
| |
| - | }
| |
| - |
| |
| - | .block p {
| |
| - | margin: 20px;
| |
| - | }
| |
| - |
| |
| - | .block h1,h2 {
| |
| - | border-bottom: none;
| |
| - | padding-left: 10px;
| |
| - | padding-bottom: 0;
| |
| - | padding-top: 0;
| |
| - | }
| |
| - |
| |
| - | .block a {
| |
| - | color: #666666;
| |
| - | }
| |
| - |
| |
| - | .block hr {
| |
| - | height: 2px;
| |
| - | margin-left: 15px;
| |
| - | margin-right: 15px;
| |
| - | }
| |
| - |
| |
| - | .blocktop,.blockbottom {
| |
| - | width: 100%;
| |
| - | height: 10px;
| |
| - | }
| |
| - |
| |
| - | .blocktop {
| |
| - | background-image: url(http://ung.igem.org/wiki/images/1/17/Blocktop.png)
| |
| - | ;
| |
| - | background-repeat: no-repeat;
| |
| - | overflow: hidden;
| |
| - | }
| |
| - |
| |
| - | .blockbottom {
| |
| - | background-image:
| |
| - | url(http://ung.igem.org/wiki/images/1/16/Blockbottom.png);
| |
| - | background-repeat: no-repeat;
| |
| - | overflow: hidden;
| |
| - | }
| |
| - |
| |
| - | .blockcontent {
| |
| - | padding: 10px;
| |
| - | background-color: white;
| |
| - | overflow: hidden;
| |
| - | }
| |
| - |
| |
| - | .links {
| |
| - | background-color: white;
| |
| - | text-align: right;
| |
| - | padding-right: 24px;
| |
| - | font-size: 16px;
| |
| - | overflow: hidden;
| |
| - | }
| |
| - |
| |
| - | .links a:hover {
| |
| - | cursor: pointer;
| |
| - | }
| |
| - |
| |
| - | .sidebar {
| |
| - | float: right;
| |
| - | width: 250px;
| |
| - | }
| |
| - |
| |
| - | .sidebartop {
| |
| - | height: 10px;
| |
| - | background-image:
| |
| - | url(http://ung.igem.org/wiki/images/9/9f/Sidebartop.png);
| |
| - | background-repeat: no-repeat;
| |
| - | }
| |
| - |
| |
| - | .sidebarbottom {
| |
| - | height: 10px;
| |
| - | background-image:
| |
| - | url(http://ung.igem.org/wiki/images/7/79/Sidebarbottom.png);
| |
| - | background-repeat: : no-repeat;
| |
| - | }
| |
| - |
| |
| - | .footer {
| |
| - | background-color: #666666;
| |
| - | padding: 10px;
| |
| - | padding-left: 0px;
| |
| - | padding-right: 0px;
| |
| - | text-align: center;
| |
| - | position: relative;
| |
| - | bottom: 0;
| |
| - | width: 950px;
| |
| - | vertical-align: middle;
| |
| - | margin: auto;
| |
| - | }
| |
| - |
| |
| - | .footer a {
| |
| - | color: #cccccc;
| |
| - | margin: 10px;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - |
| |
| - | .footer a:hover {
| |
| - | color: #FFF;
| |
| - | text-decoration: none;
| |
| - | cursor: pointer;
| |
| - | }
| |
| - |
| |
| - | /*---------------Header----------------------*/
| |
| - | .bgimg {
| |
| - | background-image: url(http://ung.igem.org/wiki/images/5/5d/Homebg.png);
| |
| - | background-repeat: no-repeat;
| |
| - | position: absolute;
| |
| - | top: -1px;
| |
| - | left: 0px;
| |
| - | width: 970px;
| |
| - | height: 600px;
| |
| - | z-index: -1;
| |
| - | }
| |
| - |
| |
| - | .bgpart1 {
| |
| - | background-color: white;
| |
| - | position: absolute;
| |
| - | height: 320px;
| |
| - | width: 970px;
| |
| - | top: 0px;
| |
| - | left: 0px;
| |
| - | z-index: -2;
| |
| - | }
| |
| - |
| |
| - | .bgpart2 {
| |
| - | background-image: url(http://ung.igem.org/wiki/images/c/c2/Bg1.png);
| |
| - | background-repeat: no-repeat;
| |
| - | position: absolute;
| |
| - | height: 300px;
| |
| - | width: 970px;
| |
| - | top: 320px;
| |
| - | left: 0px;
| |
| - | z-index: -1;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | .bgpart3 {
| |
| - | background: #e9e9e9;
| |
| - | position: absolute;
| |
| - | height: 100%;
| |
| - | width: 970px;
| |
| - | margin-top:240px;
| |
| - | overflow: hidden;
| |
| - | left: 0px;
| |
| - | bottom:0px;
| |
| - | z-index: -2;
| |
| - | margin-left: auto;
| |
| - | margin-right: auto;
| |
| - | }
| |
| - |
| |
| - | .header {
| |
| - | background-color: transparent;
| |
| - | width: 970px;
| |
| - | height: 320px;
| |
| - | position: static;
| |
| - | top: 1px;
| |
| - | }
| |
| - |
| |
| - | .banner {
| |
| - | height: 220px;
| |
| - | z-index: -1;
| |
| - | }
| |
| - |
| |
| - | .nav {
| |
| - | top: 230px;
| |
| - | heigh: 100px;
| |
| - | position: absolute;
| |
| - | margin-left: auto;
| |
| - | margin-right: auto;
| |
| - | z-index: 100;
| |
| - | }
| |
| - |
| |
| - | .logo {
| |
| - | top: 20px;
| |
| - | left: 20px;
| |
| - | position: absolute;
| |
| - | z-index: -1;
| |
| - | }
| |
| - |
| |
| - | .title {
| |
| - | position: absolute;
| |
| - | left: 240px;
| |
| - | z-index: -0;
| |
| - | }
| |
| - |
| |
| - | .igemlogo {
| |
| - | position: absolute;
| |
| - | top: 30px;
| |
| - | left: 750px;
| |
| - | z-index: 9999;
| |
| - | }
| |
| - |
| |
| - | ul#topnav {
| |
| - | margin: 0;
| |
| - | margin-left: auto;
| |
| - | margin-right: auto;
| |
| - | padding: 0;
| |
| - | padding-top: 10px;
| |
| - | left: 10px;
| |
| - | float: left;
| |
| - | width: 960px;
| |
| - | list-style: none;
| |
| - | position: relative;
| |
| - | /*--Set relative positioning on the unordered list itself - not on the list item--*/
| |
| - | background: transparent;
| |
| - | /*background: url(topnav_stretch.gif) repeat-x;*/
| |
| - | z-index: 10;
| |
| - | }
| |
| - |
| |
| - | #search {
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | background-color: black;
| |
| - | filter: alpha(opacity = 40);
| |
| - | -moz-opacity: 0.4;
| |
| - | -khtml-opacity: 0.4;
| |
| - | opacity: 0.4;
| |
| - | height: 39px;
| |
| - | width: 245px;
| |
| - | }
| |
| - |
| |
| - | #searchbar {
| |
| - | margin-top: 2px;
| |
| - | margin-left: 2px;
| |
| - | }
| |
| - |
| |
| - | #contentwrapper .header .nav #topnav a {
| |
| - | font-family: 'Hammersmith One', sans-serif;
| |
| - | font-weight: bold;
| |
| - | font-size: 120%;
| |
| - | }
| |
| - |
| |
| - | ul#topnav li {
| |
| - | float: left;
| |
| - | /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
| |
| - |
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | border-right: 1px solid #555;
| |
| - | /*--Divider for each parent level links--*/
| |
| - | }
| |
| - |
| |
| - | ul#topnav li a {
| |
| - | padding-bottom:15px;
| |
| - | padding: 2px 12px;
| |
| - | font-size: 28px;
| |
| - | display: block;
| |
| - | color: #f0f0f0;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - |
| |
| - | ul#topnav li a:hover {
| |
| - | filter: alpha(opacity = 100);
| |
| - | -moz-opacity: 1.0;
| |
| - | -khtml-opacity: 1.0;
| |
| - | opacity: 1.0;
| |
| - | }
| |
| - |
| |
| - | /*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/
| |
| - | .nav #topnav #P_Pr {
| |
| - | background-color: #f19226;
| |
| - | filter: alpha(opacity = 40);
| |
| - | -moz-opacity: 0.4;
| |
| - | -khtml-opacity: 0.4;
| |
| - | opacity: 0.4;
| |
| - | }
| |
| - |
| |
| - | .nav #topnav #P_Te {
| |
| - | background-color: #56b74c;
| |
| - | filter: alpha(opacity = 40);
| |
| - | -moz-opacity: 0.4;
| |
| - | -khtml-opacity: 0.4;
| |
| - | opacity: 0.4;
| |
| - | }
| |
| - |
| |
| - | .nav #topnav #P_No {
| |
| - | background-color: #0068b1;
| |
| - | filter: alpha(opacity = 40);
| |
| - | -moz-opacity: 0.4;
| |
| - | -khtml-opacity: 0.4;
| |
| - | opacity: 0.4;
| |
| - | }
| |
| - |
| |
| - | .nav #topnav #P_Hu {
| |
| - | background-color: #4700b1;
| |
| - | filter: alpha(opacity = 40);
| |
| - | -moz-opacity: 0.4;
| |
| - | -khtml-opacity: 0.4;
| |
| - | opacity: 0.4;
| |
| - | }
| |
| - |
| |
| - | ul#topnav li span {
| |
| - | float: left;
| |
| - | padding: 3px;
| |
| - | position: absolute;
| |
| - | /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
| |
| - | width: 942px;
| |
| - | left: 0;
| |
| - | /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
| |
| - | top: 49px;
| |
| - | display: none; /*--Hide by default--*/
| |
| - | background: transparent;
| |
| - | color: #fff;
| |
| - | /*--Bottom right rounded corner--*/
| |
| - | -moz-border-radius-bottomright: 5px;
| |
| - | -khtml-border-radius-bottomright: 5px;
| |
| - | -webkit-border-bottom-right-radius: 5px;
| |
| - | /*--Bottom left rounded corner--*/
| |
| - | -moz-border-radius-bottomleft: 5px;
| |
| - | -khtml-border-radius-bottomleft: 5px;
| |
| - | -webkit-border-bottom-left-radius: 5px;
| |
| - | }
| |
| - |
| |
| - | #not {
| |
| - | margin-left: 210px;
| |
| - | }
| |
| - |
| |
| - | #pro {
| |
| - | margin-left: 1px;
| |
| - | }
| |
| - |
| |
| - | #tea {
| |
| - | margin-left: 170px;
| |
| - | }
| |
| - |
| |
| - | #hum {
| |
| - | margin-left: 250px;
| |
| - | }
| |
| - |
| |
| - | ul#topnav span a {
| |
| - | font-size: 22px;
| |
| - | padding: 10px 5px;
| |
| - | }
| |
| - |
| |
| - | ul#topnav li span a {
| |
| - | display: inline;
| |
| - | }
| |
| - |
| |
| - | /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
| |
| - | ul#topnav li span a:hover {
| |
| - | text-decoration: underline;
| |
| - | }
| |
| - |
| |
| - | .nav #P_Home {
| |
| - | background-color: #ed4334;
| |
| - | padding-top:5px;
| |
| - | padding-bottom:10px;
| |
| - | }
| |
| - |
| |
| - | .nav #P_Project {
| |
| - | padding-top:5px;
| |
| - | padding-bottom:10px;
| |
| - | background-color: #f19226;
| |
| - | filter: alpha(opacity = 40);
| |
| - | -moz-opacity: 0.4;
| |
| - | -khtml-opacity: 0.4;
| |
| - | opacity: 0.4;
| |
| - | /*set the alpha*/
| |
| - | cursor: pointer;
| |
| - | }
| |
| - |
| |
| - | .nav #P_Team {
| |
| - | padding-top:5px;
| |
| - | padding-bottom:10px;
| |
| - | background-color: #56b74c;
| |
| - | filter: alpha(opacity = 40);
| |
| - | -moz-opacity: 0.4;
| |
| - | -khtml-opacity: 0.4;
| |
| - | opacity: 0.4;
| |
| - | /*set the alpha*/
| |
| - | cursor: pointer;
| |
| - | }
| |
| - |
| |
| - | .nav #P_Notebook {
| |
| - | padding-top:5px;
| |
| - | padding-bottom:10px;
| |
| - | background-color: #0068b1;
| |
| - | filter: alpha(opacity = 50);
| |
| - | -moz-opacity: 0.4;
| |
| - | -khtml-opacity: 0.4;
| |
| - | opacity: 0.4;
| |
| - | /*set the alpha*/
| |
| - | cursor: pointer;
| |
| - | }
| |
| - |
| |
| - | .nav #P_HumanPractice {
| |
| - | padding-top:5px;
| |
| - | padding-bottom:10px;
| |
| - | background-color: #4700b1;
| |
| - | filter: alpha(opacity = 50);
| |
| - | -moz-opacity: 0.4;
| |
| - | -khtml-opacity: 0.4;
| |
| - | opacity: 0.4;
| |
| - | /*set the alpha*/
| |
| - | cursor: pointer;
| |
| - | }
| |
| - |
| |
| - | .pane a {
| |
| - | color: red;
| |
| - | }
| |
| - |
| |
| - | pic p {
| |
| - | text-align: center;
| |
| - | font-style: italic;
| |
| - | }
| |
| - | #TeamSelfintro{
| |
| - | height:100px;
| |
| - | }
| |
| | </style></html> | | </style></html> |
"
