|
|
Line 1: |
Line 1: |
- | <html>
| |
- | <style type="text/css">
| |
- | @charset "utf-8";
| |
- | /* CSS Document */
| |
| | | |
- | body {
| |
- | background-color:#666;
| |
- | margin:0px;
| |
- | padding:5px;
| |
- | padding-bottom:0px;
| |
- | border:none;
| |
- | text-align:justify;
| |
- | font-family:Verdana, Geneva, sans-serif;
| |
- | }
| |
- |
| |
- | img {
| |
- | border-style:none;
| |
- | }
| |
- |
| |
- | p.pad{
| |
- | text-indent:1em;
| |
- | padding-left:20px;
| |
- | padding-right:20px;
| |
- | }
| |
- |
| |
- | h1, h2, h3, h4, h5, h6 {
| |
- | color: black;
| |
- | background: none;
| |
- | font-weight: normal;
| |
- | margin: 0;
| |
- | padding-top: .5em;
| |
- | padding-bottom: .17em;
| |
- | border-bottom: 1px solid #aaa;
| |
- | }
| |
- |
| |
- | h1 { font-size: 188%; }
| |
- |
| |
- | h2 { font-size: 150%; }
| |
- |
| |
- | h3, h4, h5, h6 {
| |
- | border-bottom: none;
| |
- | font-weight: bold;
| |
- | }
| |
- |
| |
- | h3 { font-size: 132%; }
| |
- |
| |
- | h4 { font-size: 116%; }
| |
- |
| |
- | h5 { font-size: 100%; }
| |
- |
| |
- | h6 { font-size: 80%; }
| |
- |
| |
- |
| |
- | li{
| |
- | list-style:none !important;
| |
- | }
| |
- |
| |
- | .radius {
| |
- | -moz-border-radius: 10px; /* Firefox */
| |
- | -webkit-border-radius: 10px; /* Safari and Chrome */
| |
- | border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
| |
- |
| |
- | -moz-box-shadow: 5px 5px 10px #000; /* Firefox */
| |
- | -webkit-box-shadow: 5px 5px 10px #000; /* Safari and Chrome */
| |
- | box-shadow: 5px 5px 10px #000;
| |
- | behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
| |
- | }
| |
- |
| |
- | .top_radius {
| |
- | -moz-border-radius-topright:10px;
| |
- | -moz-border-radius-topleft:10px;
| |
- | -moz-border-radius-bottomright:0;
| |
- | -moz-border-radius-bottomleft:0;
| |
- | -webkit-border-top-right-radius:10px;
| |
- | -webkit-border-top-left-radius:10px;
| |
- | -webkit-border-bottom-right-radius:0;
| |
- | -webkit-border-bottom-left-radius:0;
| |
- | border-radius-topright:10px;
| |
- | border-radius-topleft:10px;
| |
- | border-radius-bottomright:0;
| |
- | border-radius-bottomleft:0;
| |
- |
| |
- | -moz-box-shadow: 5px 5px 10px #000;
| |
- | -webkit-box-shadow: 5px 5px 10px #000;
| |
- | box-shadow: 5px 5px 10px #000;
| |
- | behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);
| |
- | }
| |
- |
| |
- | /* MENU */
| |
- |
| |
- | /* MAIN MENU */
| |
- |
| |
- | a#igemlogo{
| |
- |
| |
- | position: absolute;
| |
- | top: 25px;
| |
- | right: 70px;
| |
- |
| |
- | }
| |
- |
| |
- | div#main_menu {
| |
- | background-color:white;
| |
- | background:url(https://static.igem.org/mediawiki/2010/a/a4/Menu_base.png) no-repeat;
| |
- | margin: -3px 0 0 0;
| |
- | padding-top: 8px;
| |
- | padding-right: 0px;
| |
- | padding-bottom: 0px;
| |
- | padding-left: 12px;
| |
- | border-top-style: none;
| |
- | border-right-style: none;
| |
- | border-bottom-style: none;
| |
- | border-left-style: none;
| |
- | height:339px;
| |
- | width:133px;
| |
- | float:left;
| |
- | }
| |
- |
| |
- | ul#main_menu {
| |
- | background-color:transparent;
| |
- | margin:10px 0 0 0;
| |
- | padding:0;
| |
- | }
| |
- |
| |
- | #main_menu>li {
| |
- | margin:0;
| |
- | paddding:0;
| |
- | }
| |
- |
| |
- | #main_menu>li>a {
| |
- | background-image:url(https://static.igem.org/mediawiki/2010/e/ed/Menu_chara.png);
| |
- | display:block;
| |
- | width:120px;
| |
- | height:26px;
| |
- | text-indent:-1000em;
| |
- | }
| |
- |
| |
- | #team {
| |
- | background-position: 0px 0px;
| |
- | }
| |
- |
| |
- | #project {
| |
- | background-position:0px -26px;
| |
- | }
| |
- |
| |
- | #parts {
| |
- | background-position:0px -52px;
| |
- | }
| |
- |
| |
- | #protocols {
| |
- | background-position:0px -78px;
| |
- | }
| |
- |
| |
- | #online {
| |
- | background-position:0px -104px;
| |
- | }
| |
- |
| |
- | #sponsor {
| |
- | background-position:0px -130px;
| |
- | }
| |
- |
| |
- | #consideration {
| |
- | background-position:0px -157px;
| |
- | }
| |
- |
| |
- | /* MAIN MENU END */
| |
- |
| |
- | /* SUB MENU*/
| |
- |
| |
- | div#sub_menu{
| |
- | background-color:#fff;
| |
- | margin:0 0 0 8px;
| |
- | padding:20px 0 13px 0;
| |
- | float:left;
| |
- | width:75px;
| |
- | text-align:center;
| |
- | font-family:"Times New Roman", Times, serif;
| |
- | font-weight:bold;
| |
- | font-size:10pt;
| |
- | }
| |
- |
| |
- | #sub_head{
| |
- | font-size:15pt;
| |
- | }
| |
- |
| |
- | #sub_menu a{
| |
- | display:block;
| |
- | text-decoration:none;
| |
- | }
| |
- |
| |
- | .ss_menu a:link{
| |
- | background-color:transparent;
| |
- | }
| |
- |
| |
- | *.ss_menu a:hover,*.ss_menu a:active{
| |
- | background-color:#FF6;
| |
- | -moz-border-radius: 10px;
| |
- | -webkit-border-radius: 10px;
| |
- | border-radius: 10px;
| |
- | -moz-box-shadow: 2px 2px 5px #000;
| |
- | -webkit-box-shadow: 2px 2px 5px #000;
| |
- | box-shadow: 2px 2px 5px #000;
| |
- | behavior: url(http://igem-ut.net/wiki2/js/ie-css3.htc);
| |
- | display:block;
| |
- | }
| |
- |
| |
- | #sub_menu ul{
| |
- | margin:-10px 0px 0px 0px;
| |
- | padding:0px;
| |
- | border:none;
| |
- | }
| |
- |
| |
- | #sub_menu>ul>li{
| |
- | margin-bottom:10px;
| |
- | }
| |
- |
| |
- | a.sub_logo{
| |
- | background:url(https://static.igem.org/mediawiki/2010/3/3a/Sub_menu_logo.png);
| |
- | width:75px;
| |
- | height:85px;
| |
- | margin:8px 0 8px 0;
| |
- | }
| |
- |
| |
- | .sub_logo{
| |
- | text-indent:-1000em;
| |
- | }
| |
- |
| |
- | a#sub_sudoku{
| |
- | background-position:0px 0px;
| |
- | }
| |
- |
| |
- | a#sub_allergy{
| |
- | background-position:-75px 0px;
| |
- | }
| |
- |
| |
- | a#sub_bio{
| |
- | background-position:-150px 0px;
| |
- | }
| |
- |
| |
- | ul.ss_menu {
| |
- | margin:4px 0px 8px 0px !important;
| |
- | display:block;
| |
- | }
| |
- |
| |
- | .ss_menu li{
| |
- | margin:0px 0px 0px 0px;
| |
- | padding:3px 0 5px 0;
| |
- | }
| |
- |
| |
- |
| |
- | /* sub sub menu base */
| |
- |
| |
- | #sss,#ssa,#ssb{
| |
- | padding:1px 0 0 0 !important;
| |
- | overflow:hidden;
| |
- | }
| |
- |
| |
- | /* For dynamic system */
| |
- |
| |
- | .open{
| |
- | background-image:url(https://static.igem.org/mediawiki/2010/3/35/Sub_menu_base.png);
| |
- | background-repeat: no-repeat ;
| |
- | height:290px ;
| |
- | }
| |
- |
| |
- | .hide{
| |
- | background-image:none;
| |
- | height:120px ;
| |
- |
| |
- | }
| |
- |
| |
- | /* For dynamic system end */
| |
- |
| |
- |
| |
- | li#sss{
| |
- | background-position:0px 0px !important;
| |
- |
| |
- | }
| |
- |
| |
- | li#sss a{
| |
- | color:#000;
| |
- | }
| |
- |
| |
- | li#ssa{
| |
- | background-position:0px -255px !important;
| |
- | color:#00f !important;
| |
- | text-decoration:underline;
| |
- |
| |
- | }
| |
- |
| |
- | li#ssb{
| |
- | background-position:0px -510px !important;
| |
- | color:#00f !important;
| |
- | text-decoration:underline !important;
| |
- | font-size:8pt;
| |
- | text-indent:0px !important;
| |
- | }
| |
- |
| |
- | .s_hide{
| |
- | display:none;
| |
- | }
| |
- |
| |
- | /* SUB MENU END */
| |
- |
| |
- | /* MENU END */
| |
- |
| |
- |
| |
- | /* MAIN CONTENTS */
| |
- |
| |
- | div#content_frame {
| |
- | float:right;
| |
- | background:#FFF;
| |
- | margin: 0px 5px 10px 8px;
| |
- | padding: 0px 0px 20px 0px;
| |
- | width:800px;
| |
- | overflow:hidden;
| |
- | }
| |
- |
| |
- | div#title {
| |
- | overflow:hidden;
| |
- | width:100%;
| |
- | margin:0;
| |
- | padding:0;
| |
- | }
| |
- |
| |
- | div#main_content {
| |
- | background-color:transparent;
| |
- | margin:0px;
| |
- | padding:15px 18px 10px 18px;
| |
- | border:none;
| |
- | width:95%;
| |
- | }
| |
- |
| |
- | div#descrap {
| |
- | margin:auto;
| |
- | padding:auto;
| |
- | width:705px;
| |
- | }
| |
- |
| |
- |
| |
- | p.desc1{
| |
- | color:#fff;
| |
- | margin: 10px 8px 0px -8px;
| |
- | margin-right:0px;
| |
- | padding: 50px 20px 15px 200px;
| |
- | width:495px;
| |
- | height:155px;
| |
- | }
| |
- |
| |
- | p.desc2{
| |
- | color:#fff;
| |
- | margin: 0px 0px 10px 0px;
| |
- | margin-right:-5px;
| |
- | padding: 135px 20px 15px 15px;
| |
- | width:315px;
| |
- | height:270px;
| |
- | float:left;
| |
- | }
| |
- |
| |
- | .desc img{
| |
- | display:block;
| |
- | margin:auto;
| |
- | padding:auto;
| |
- | }
| |
- |
| |
- | p#s_desc{
| |
- | background:url(https://static.igem.org/mediawiki/2010/3/37/Desc_base_s.png) no-repeat;
| |
- | }
| |
- |
| |
- | p#a_desc{
| |
- | background:url(https://static.igem.org/mediawiki/2010/6/64/Desc_base_a.png) no-repeat;
| |
- | font-size:8.8pt;
| |
- | }
| |
- |
| |
- | p#b_desc{
| |
- | background:url(https://static.igem.org/mediawiki/2010/e/e5/Desc_base_b.png) no-repeat;
| |
- | font-size:10pt;
| |
- | }
| |
- |
| |
- | /* MAIN CONTENTS END */
| |
- |
| |
- | /* FOOTER */
| |
- |
| |
- | div#foot{
| |
- | margin:0;
| |
- | background-color:#33C;
| |
- | clear:both;
| |
- | text-align:center;
| |
- | padding-top:30px;
| |
- | padding-bottom:30px;
| |
- | width:100%;
| |
- | height:10px;
| |
- | color:#FFF;
| |
- | }
| |
- |
| |
- | /* FOOTER END */
| |
- |
| |
- | /*wiki hack*/
| |
- | #globalWrapper {
| |
- | background-color: transparent;
| |
- | padding-bottom:0px;
| |
- | border: none;
| |
- | }
| |
- | #content {
| |
- | background-color: transparent;
| |
- | border:none;
| |
- | padding-bottom:none;
| |
- | margin-bottom:none;
| |
- | }
| |
- | #bodyContent {
| |
- | border: none;
| |
- | }
| |
- | #top-section {
| |
- | height: 14px;
| |
- | margin-top: -16px;
| |
- | margin-left: auto;
| |
- | margin-right: auto;
| |
- | margin-bottom: 4px !important;
| |
- | padding:0;
| |
- | border: none;
| |
- | }
| |
- | #p-logo {
| |
- | height:1px;
| |
- | overflow:hidden;
| |
- | border:none;
| |
- | }
| |
- | #search-controls {
| |
- | overflow:hidden;
| |
- | display:none;
| |
- | background: none;
| |
- | position: absolute;
| |
- | top: 100px;
| |
- | right: 40px;
| |
- | }
| |
- | .left-menu { width: 400px; display:block; float:left; margin-top:-62px; margin-right:30px; border: none; left:20px;}
| |
- | .left-menu ul { border: none; }
| |
- |
| |
- | #menubar.right-menu {
| |
- | width:300px;
| |
- | display:block;
| |
- | float:left;
| |
- | margin-top:-62px;
| |
- | padding-left:50px;
| |
- | border: none;
| |
- | right:50px;
| |
- | }
| |
- | .right-menu ul { border: none;}
| |
- |
| |
- | #menubar li a{
| |
- | color:#fcf;
| |
- | }
| |
- |
| |
- | #menubar li a:hover {
| |
- | color:#fcf;
| |
- | text-decoration:underline;
| |
- | }
| |
- |
| |
- | #menubar li.selected a {
| |
- | color:#555555;
| |
- | }
| |
- |
| |
- | #footer-box {
| |
- | background-color: white;
| |
- | border: none;
| |
- | width: 965px;
| |
- | margin: 0 auto;
| |
- | margin-bottom:none;
| |
- | padding-left:5px;
| |
- | padding-right:5px;
| |
- | }
| |
- | #footer {
| |
- | border: none;
| |
- | width: 965px;
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | background-color:white;
| |
- | } .firstHeading { display: none;}
| |
- | #f-list a {
| |
- | color: #333;
| |
- | font-size: 10px;
| |
- | }
| |
- | #f-list a:hover {
| |
- | color: #666;
| |
- | }
| |
- | #footer ul {
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | }
| |
- | #footer ul li {
| |
- | margin-top: 0;
| |
- | margin-bottom: 0;
| |
- | margin-left: 10px;
| |
- | margin-right: 10px;
| |
- | padding: 0;
| |
- | }
| |
- | /*wiki hack end*/
| |
- | </style>
| |
- | </html>
| |