Team:USTC-China/basic.css
From 2012.igem.org
(71 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | + | #top-section{height: 10px; border: none; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important;} #p-logo { border:none; height: 0px; margin: 0px; margin-left: auto; margin-right: auto;display:none; margin-bottom: 0; } #menubar.left-menu { background-color:#606060; width:965px; float:left;border: none;} #menubar.left-menu { background-color:#606060; width:975px; float:left; border: none;} #menubar.left-menu a {font-family: 'verdana' 'arial'; color:white; border:none;} #menubar.right-menu {font-family: 'verdana' 'arial'; border:none;} #right-menu ul {border:none;} #search-controls {display:none; } #bodycontent{border:none;} .firstHeading{display: none;width: 0px; height: 0px; margin-bottom: 0px; position: relative; top:0; left:0; margin:0;border:none;} #footer-box { dispaly: none; border:none; width: 100%; background-color: transparent; margin: 0; padding:0;} .visualClear { display: none;} #footer { display:none; border: none; background-color: transparent; width: 0px; margin: 0 auto; padding: 0;} #f-list a { font-family: 'verdana' 'arial'; color: #333; font-size: 12px;color:#000050;} #f-list a:hover {display:none; color: #666;color:#000050;} .printfooter { display: none; color:#FFF} #footer ul { display:none; border:none; margin: 0; padding: 0;color:#FFF;} #footer ul li { display:none; border:none; margin-top: 0; margin-bottom: 0; margin-left: 0px; margin-right: 0px; padding: 0;color:#FFF;} #search-controls { display:none; color:#FFF;} h3#siteSub { display: none;#FFF;} #contentSub {display: none;#FFF;} * {margin:0; padding:0; !important} | |
- | + | #catlinks{display:none;broder:none;width:0px;height:0px;} | |
- | + | #content {width:975px; height:inherit;background:transparent;border:none;padding-bottom:none; margin-bottom:none; } | |
div.nav_5style{background:transparent;padding:5px;overflow:hidden;} | div.nav_5style{background:transparent;padding:5px;overflow:hidden;} | ||
- | .nav_5style p.level0, .nav_5style p.level0 a:link, .nav_5style p.level0 a:visited, .nav_5style p.level0 a:hover, .nav_5style p.level0 a:active{color: | + | .nav_5style p.level0, .nav_5style p.level0 a:link, .nav_5style p.level0 a:visited, .nav_5style p.level0 a:hover, .nav_5style p.level0 a:active{color:black;font-family:"Trebuchet MS";font-size:13pt;text-decoration:none;} |
- | .nav_5style p.level0{font-family:"Trebuchet MS" | + | .nav_5style p.level0{font-family:"Trebuchet MS";font-size:10pt;text-decoration:none;margin:0px 0px 3px 0px;} |
.nav_5style p.level0 a:hover, .nav_5style p.level0 a:active{color:#393939;} | .nav_5style p.level0 a:hover, .nav_5style p.level0 a:active{color:#393939;} | ||
.nav_5style hr.level0{border:none 0;border-top:3px ridge #999999;height:3px;width:30%;text-align:left;margin:2px auto 2px 0;} | .nav_5style hr.level0{border:none 0;border-top:3px ridge #999999;height:3px;width:30%;text-align:left;margin:2px auto 2px 0;} | ||
- | .nav_5style p.level1, .nav_5style p.level1 a:link, .nav_5style p.level1 a:visited, .nav_5style p.level1 a:hover, .nav_5style p.level1 a:active{color: | + | .nav_5style p.level1, .nav_5style p.level1 a:link, .nav_5style p.level1 a:visited, .nav_5style p.level1 a:hover, .nav_5style p.level1 a:active{color:black;font-family:"Trebuchet MS";font-size:10pt;text-decoration:none;} |
- | .nav_5style p.level1{font-family:"Trebuchet MS" | + | .nav_5style p.level1{font-family:"Trebuchet MS";font-size:10pt;text-decoration:none;margin:0px 0px 0px 12px;} |
.nav_5style p.level1 a:hover, .nav_5style p.level1 a:active{color:#393939;} | .nav_5style p.level1 a:hover, .nav_5style p.level1 a:active{color:#393939;} | ||
.nav_5style hr.level1{border:none 0;border-top:3px ridge #999999;height:3px;width:30%;text-align:left;margin:2px auto 2px 0;} | .nav_5style hr.level1{border:none 0;border-top:3px ridge #999999;height:3px;width:30%;text-align:left;margin:2px auto 2px 0;} | ||
Line 18: | Line 18: | ||
} | } | ||
body { | body { | ||
- | background:url(https://static.igem.org/mediawiki/ | + | background:url(https://static.igem.org/mediawiki/2012/3/3d/Backlogo.png) repeat-x; |
- | background-attachment: | + | background-color:#6BB445; |
+ | background-attachment:scroll; | ||
line-height:18px; | line-height:18px; | ||
+ | height:auto; | ||
} | } | ||
Line 26: | Line 28: | ||
margin-left:50px; | margin-left:50px; | ||
border:none;} | border:none;} | ||
+ | #welcome{ | ||
+ | width:975px; | ||
+ | height:30px; | ||
+ | background-color:transparent; | ||
+ | border:none; | ||
+ | |||
+ | |||
+ | } | ||
+ | #welcome p{ | ||
+ | font-family:"Trebuchet MS",sans-serif;font-size:16pt;text-decoration:none; | ||
+ | color:#6BB643; | ||
+ | margin-left:70px; | ||
+ | margin-top:20px; | ||
+ | } | ||
#centercontent{ | #centercontent{ | ||
+ | background-color:#FFF; | ||
position:relative; | position:relative; | ||
- | + | top:20px; | |
width:975px; | width:975px; | ||
height:auto; | height:auto; | ||
- | |||
margin:0; | margin:0; | ||
} | } | ||
- | + | ||
- | + | ||
- | + | ||
div.kwicks_container { | div.kwicks_container { | ||
width: 840px; | width: 840px; | ||
margin: 25px auto 0 auto; | margin: 25px auto 0 auto; | ||
} | } | ||
+ | .returnTop{width:110px;height:130px;position:fixed;bottom:0;right:5px;opacity:0;z-index:10;filter: alpha(opacity = 9);}.returnTop a{display:block;width:110px;height:130px;text-indent:-999px;overflow:hidden;background:url(https://static.igem.org/mediawiki/2012/b/b5/Shang.gif) 0 0 no-repeat;-webkit-transition:none}.returnTop a:hover{background:url(https://static.igem.org/mediawiki/2012/4/49/Shangnhover.gif)0 0 no-repeat;-webkit-transition:none;} | ||
+ | |||
+ | |||
+ | |||
/*-------------------------KWICKS--------------------*/ | /*-------------------------KWICKS--------------------*/ | ||
.kwicks { | .kwicks { | ||
Line 66: | Line 84: | ||
} | } | ||
.kwicks li a { | .kwicks li a { | ||
- | background-image:url( | + | background-image:url(https://static.igem.org/mediawiki/2012/5/50/Sprites_menu.png); |
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial; | font-family: "Lucida Grande", "Lucida Sans Unicode", Arial; | ||
- | font-size: | + | font-size: 16px; |
letter-spacing: -0.07em; | letter-spacing: -0.07em; | ||
color: #AA0000; | color: #AA0000; | ||
- | height: | + | height: 50px; |
outline:none; | outline:none; | ||
display:block; | display:block; | ||
Line 87: | Line 105: | ||
width: 120px; | width: 120px; | ||
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial; | font-family: "Lucida Grande", "Lucida Sans Unicode", Arial; | ||
- | font-size: | + | font-size: 11px; |
color: #FF6600; | color: #FF6600; | ||
letter-spacing: -0.02em; | letter-spacing: -0.02em; |
Latest revision as of 08:11, 23 September 2012
- top-section{height: 10px; border: none; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important;} #p-logo { border:none; height: 0px; margin: 0px; margin-left: auto; margin-right: auto;display:none; margin-bottom: 0; } #menubar.left-menu { background-color:#606060; width:965px; float:left;border: none;} #menubar.left-menu { background-color:#606060; width:975px; float:left; border: none;} #menubar.left-menu a {font-family: 'verdana' 'arial'; color:white; border:none;} #menubar.right-menu {font-family: 'verdana' 'arial'; border:none;} #right-menu ul {border:none;} #search-controls {display:none; } #bodycontent{border:none;} .firstHeading{display: none;width: 0px; height: 0px; margin-bottom: 0px; position: relative; top:0; left:0; margin:0;border:none;} #footer-box { dispaly: none; border:none; width: 100%; background-color: transparent; margin: 0; padding:0;} .visualClear { display: none;} #footer { display:none; border: none; background-color: transparent; width: 0px; margin: 0 auto; padding: 0;} #f-list a { font-family: 'verdana' 'arial'; color: #333; font-size: 12px;color:#000050;} #f-list a:hover {display:none; color: #666;color:#000050;} .printfooter { display: none; color:#FFF} #footer ul { display:none; border:none; margin: 0; padding: 0;color:#FFF;} #footer ul li { display:none; border:none; margin-top: 0; margin-bottom: 0; margin-left: 0px; margin-right: 0px; padding: 0;color:#FFF;} #search-controls { display:none; color:#FFF;} h3#siteSub { display: none;#FFF;} #contentSub {display: none;#FFF;} * {margin:0; padding:0; !important}
- catlinks{display:none;broder:none;width:0px;height:0px;}
- content {width:975px; height:inherit;background:transparent;border:none;padding-bottom:none; margin-bottom:none; }
div.nav_5style{background:transparent;padding:5px;overflow:hidden;} .nav_5style p.level0, .nav_5style p.level0 a:link, .nav_5style p.level0 a:visited, .nav_5style p.level0 a:hover, .nav_5style p.level0 a:active{color:black;font-family:"Trebuchet MS";font-size:13pt;text-decoration:none;} .nav_5style p.level0{font-family:"Trebuchet MS";font-size:10pt;text-decoration:none;margin:0px 0px 3px 0px;} .nav_5style p.level0 a:hover, .nav_5style p.level0 a:active{color:#393939;} .nav_5style hr.level0{border:none 0;border-top:3px ridge #999999;height:3px;width:30%;text-align:left;margin:2px auto 2px 0;} .nav_5style p.level1, .nav_5style p.level1 a:link, .nav_5style p.level1 a:visited, .nav_5style p.level1 a:hover, .nav_5style p.level1 a:active{color:black;font-family:"Trebuchet MS";font-size:10pt;text-decoration:none;} .nav_5style p.level1{font-family:"Trebuchet MS";font-size:10pt;text-decoration:none;margin:0px 0px 0px 12px;} .nav_5style p.level1 a:hover, .nav_5style p.level1 a:active{color:#393939;} .nav_5style hr.level1{border:none 0;border-top:3px ridge #999999;height:3px;width:30%;text-align:left;margin:2px auto 2px 0;}
body, h3, div, ul, p { margin:0; padding:0; } body { background:url() repeat-x; background-color:#6BB445; background-attachment:scroll; line-height:18px;
height:auto;
}
- ustc img{
margin-left:50px; border:none;}
- welcome{
width:975px; height:30px; background-color:transparent; border:none;
}
- welcome p{
font-family:"Trebuchet MS",sans-serif;font-size:16pt;text-decoration:none;
color:#6BB643;
margin-left:70px;
margin-top:20px;
}
- centercontent{
background-color:#FFF; position:relative; top:20px; width:975px; height:auto; margin:0; }
div.kwicks_container { width: 840px; margin: 25px auto 0 auto; } .returnTop{width:110px;height:130px;position:fixed;bottom:0;right:5px;opacity:0;z-index:10;filter: alpha(opacity = 9);}.returnTop a{display:block;width:110px;height:130px;text-indent:-999px;overflow:hidden;background:url() 0 0 no-repeat;-webkit-transition:none}.returnTop a:hover{background:url(https://static.igem.org/mediawiki/2012/4/49/Shangnhover.gif)0 0 no-repeat;-webkit-transition:none;}
/*-------------------------KWICKS--------------------*/ .kwicks { list-style: none; position: relative; margin: 0; padding: 0; width:840px; height:50px; z-index:2; } .kwicks li { display: block; float: left; overflow: hidden; padding: 0; cursor: pointer; width: 100px; height: 35px; z-index:2; cursor:pointer; border-left-width: 1px; border-left-style: solid; border-left-color: #FF9933; } .kwicks li a { background-image:url(); background-repeat:no-repeat; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial; font-size: 16px; letter-spacing: -0.07em; color: #AA0000; height: 50px; outline:none; display:block; z-index:100; cursor:pointer; text-transform: uppercase; font-weight: bold; margin-top: -3px; margin-left: 5px; text-decoration: none; } .kwicks li h3 { position: absolute; width: 120px; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial; font-size: 11px; color: #FF6600; letter-spacing: -0.02em; outline:none; z-index:0; cursor:pointer; text-transform: uppercase; font-weight: normal; margin-left: 5px; text-decoration: none; left: 0px; top: 15px; right: 0px; bottom: 0px; }
- kwick_1, #kwick_2, #kwick_3, #kwick_4, #kwick_5, #kwick_6, #kwick_7 {
margin: 0pt; overflow: hidden; position: absolute; display: block; width: 120px; }
- kwick_1 {
left: 0px; border: none; }
- kwick_2 {
left: 120px; }
- kwick_3 {
left: 240px; }
- kwick_4 {
left: 360px; }
- kwick_5 {
left: 480px; }
- kwick_6 {
left: 600px; }
- kwick_7 {
right: 0px; }
- kwick_1 a {
background-position:0px 0px; } .kwicks a:hover, .kwicks #active { color: #3399FF; } .kwicks li a:hover h3, .kwicks li #active h3 { color: #999999; }
- kwick_2 a {
background-position:0px -50px; }
- kwick_3 a {
background-position:0px -192px; }
- kwick_4 a {
background-position:0px -100px; }
- kwick_5 a {
background-position:0px -150px; }
- kwick_6 a {
background-position:0px -250px; }
- kwick_7 a {
background-position:0px -300px; }