Team:USTC-China/basic.css

From 2012.igem.org

(Difference between revisions)
 
(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}
-
  #content {width:975px; height:auto;background:transparent; border:none; padding-bottom:none; margin-bottom:none; } #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: white; margin: -10px auto 0 auto; padding: 20px 0;} .visualClear { display: none;} #footer { display:none; border: none; background-color: white; width: 960px; margin: 0 auto; padding: 0;color:#000050;}  #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: 10px; margin-right: 10px; 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:#51800c;font-family:"Trebuchet MS",sans-serif;font-size:10pt;text-decoration:none;}
+
.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",sans-serif;font-size:10pt;text-decoration:none;margin:0px 0px 3px 0px;}
+
.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:#51800c;font-family:"Trebuchet MS",sans-serif;font-size:10pt;text-decoration:none;}
+
.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",sans-serif;font-size:10pt;text-decoration:none;margin:0px 0px 0px 12px;}
+
.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/igem.org/9/9c/Back4.png) repeat-x;
+
background:url(https://static.igem.org/mediawiki/2012/3/3d/Backlogo.png) repeat-x;
-
background-attachment:fixed;
+
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;
-
background:url(file:///C:/Users/apple/Desktop/wiki/img/transparent.png) repeat-y;
+
top:20px;
width:975px;
width:975px;
height:auto;
height:auto;
-
z-index:2;
 
margin:0;
margin:0;
}
}
-
#goTopBtn {
+
 
-
POSITION: fixed; TEXT-ALIGN: center; LINE-HEIGHT: 30px; WIDTH: 56px; BOTTOM: 35px; HEIGHT: 28px; FONT-SIZE: 12px; CURSOR: pointer; RIGHT: 0px; _position: absolute; _right: auto;
+
-
}
+
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(file:///C:/Users/apple/Desktop/wiki/img/sprites_menu.png);
+
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: 14px;
+
font-size: 16px;
letter-spacing: -0.07em;
letter-spacing: -0.07em;
color: #AA0000;
color: #AA0000;
-
height: 40px;
+
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: 10px;
+
font-size: 11px;
color: #FF6600;
color: #FF6600;
letter-spacing: -0.02em;
letter-spacing: -0.02em;

Latest revision as of 08:11, 23 September 2012

  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}
  2. catlinks{display:none;broder:none;width:0px;height:0px;}
  3. 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(Backlogo.png) repeat-x; background-color:#6BB445; background-attachment:scroll; line-height:18px;

       height:auto;

}

  1. ustc img{

margin-left:50px; border:none;}

  1. welcome{

width:975px; height:30px; background-color:transparent; border:none;


}

  1. welcome p{

font-family:"Trebuchet MS",sans-serif;font-size:16pt;text-decoration:none;

       color:#6BB643;

margin-left:70px;

       margin-top:20px;

}

  1. 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(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 { 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(Sprites_menu.png); 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; }

  1. kwick_1, #kwick_2, #kwick_3, #kwick_4, #kwick_5, #kwick_6, #kwick_7 {

margin: 0pt; overflow: hidden; position: absolute; display: block; width: 120px; }

  1. kwick_1 {

left: 0px; border: none; }

  1. kwick_2 {

left: 120px; }

  1. kwick_3 {

left: 240px; }

  1. kwick_4 {

left: 360px; }

  1. kwick_5 {

left: 480px; }

  1. kwick_6 {

left: 600px; }

  1. kwick_7 {

right: 0px; }

  1. 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; }

  1. kwick_2 a {

background-position:0px -50px; }

  1. kwick_3 a {

background-position:0px -192px; }

  1. kwick_4 a {

background-position:0px -100px; }

  1. kwick_5 a {

background-position:0px -150px; }

  1. kwick_6 a {

background-position:0px -250px; }

  1. kwick_7 a {

background-position:0px -300px; }