Team:USTC CHINA/main.css

From 2013.igem.org

(Difference between revisions)
(Created page with "* { margin: 0; padding: 0; } html { background-color: #fff; } body { color: #333333; font: 0.75em/1.5em Arial,sans-serif; } a{ color:#43adff; text-decor...")
 
(77 intermediate revisions not shown)
Line 3: Line 3:
     padding: 0;
     padding: 0;
}
}
-
html {
+
html {}
-
    background-color: #fff;
+
-
}
+
body {
body {
     color: #333333;
     color: #333333;
-
     font: 0.75em/1.5em Arial,sans-serif;
+
     font: 0.75em/1.5em "Times New Roman";
 +
}
 +
#globalWrapper {
 +
    position: relative;
 +
    font-size: 100%;
 +
    width: 100%;
 +
    margin: 0;
 +
    padding: 0;
 +
    padding-bottom: 10px;
 +
}
 +
h1, h2, h3, h4, h5, h6 {
 +
    color: black;
 +
    background: none;
 +
    font-weight: normal;
 +
    margin: 0;
 +
    padding-top: .5em;
 +
    padding-bottom: .17em;
 +
    border:none;
 +
}
 +
 
 +
ul {
 +
    line-height: 1.5em;
 +
    list-style-type: square;
 +
    margin:0 0 0 0;
 +
    padding: 0;
 +
    list-style-image: url(bullet.gif);
}
}
a{
a{
Line 16: Line 39:
a:hover{
a:hover{
color:#7bc5ff;
color:#7bc5ff;
 +
        text-decoration:none;
}
}
 +
.bar{
.bar{
margin-top:10px;
margin-top:10px;
Line 28: Line 53:
width:190px;
width:190px;
height:123px;
height:123px;
-
background:url(../images/logo-bg.png) no-repeat;
+
background:url(https://static.igem.org/mediawiki/2013/8/8a/2013ustc-china_Logo-bg.png) no-repeat;
-
z-index:2000;
+
float:right;
-
position:absolute;
+
        margin-top:-54px;
-
left:964px;
+
}
}
Line 39: Line 63:
width:794px;
width:794px;
height:53px;
height:53px;
-
background:url(../images/menu-bg.png) no-repeat;
+
background:url(https://static.igem.org/mediawiki/2013/b/b8/2013ustc-china_Menu-bg.png) no-repeat;
display:block;
display:block;
 +
padding-left:52px;
}
}
Line 54: Line 79:
color:#303030;
color:#303030;
font-size:18px;
font-size:18px;
-
font-family: 'Crimson Text', serif;
 
text-shadow: 0 0 1px #ccc;
text-shadow: 0 0 1px #ccc;
padding:0 11px;
padding:0 11px;
Line 63: Line 87:
#nav li:hover, #nav li.active{
#nav li:hover, #nav li.active{
-
background:url(../images/menu-link-bg.png) repeat-x;
+
background:url(https://static.igem.org/mediawiki/2013/3/3c/2013ustc-china_Menu-link-bg.png) repeat-x;
}
}
Line 71: Line 95:
#nav li ul{
#nav li ul{
width:230px;
width:230px;
-
background:url(../images/dd-bg.png);
+
background:url(https://static.igem.org/mediawiki/2013/d/dd/2013ustc-china_Dd-bg.png);
color:#fff;
color:#fff;
/*border-bottom:6px solid #747D82;*/
/*border-bottom:6px solid #747D82;*/
Line 84: Line 108:
width:208px;
width:208px;
line-height:37px;
line-height:37px;
-
border-bottom:1px solid #949494;
+
border-bottom:1px solid rgb(106,119,126);
-
border-bottom:1px solid #6a777e;
+
}
}
#nav li ul li:hover, #nav li ul li.active{
#nav li ul li:hover, #nav li ul li.active{
width:229px;
width:229px;
-
background:url(../images/dd-bg-hover.png);
+
background:url(https://static.igem.org/mediawiki/2013/b/be/2013ustc-china_Dd-bg-hover.png);
}
}
Line 103: Line 126:
#nav li:hover ul{
#nav li:hover ul{
display:block;
display:block;
 +
}
 +
#igemlogo{
 +
margin:5px 10px 0px 15px;
 +
float:left;
 +
position:relative;
}
}
.clear{
.clear{
Line 117: Line 145:
width:964px;
width:964px;
height:100%;
height:100%;
-
}
+
}
-
 
+
.leftbar h1{
 +
font size:40px
 +
}
 +
.basic-bar{
 +
width:580px;
 +
padding:20px 20px 16px 20px;
 +
        margin-bottom:20px;
 +
position:relative;
 +
clear:left;
 +
}
 +
.basic-bar h1{
 +
  font-weight:200;
 +
  font-size:36px;
 +
}
 +
.basic-bar h2{
 +
  font-size:28px;
 +
}
 +
.basic-bar h3{
 +
  font-size:24px;
 +
}
 +
.basic-bar p{
 +
  line-height:24px;
 +
  font-size:18px;
 +
  font-weight:none;
 +
}
 +
.basic-bar span{
 +
  line-height:24px;
 +
  font-size:20px;
 +
  color:#ff9933;
 +
}
#breadcrumb{
#breadcrumb{
float:left;
float:left;
Line 126: Line 183:
}
}
#breadcrumb a{
#breadcrumb a{
-
color:#a4a4a4;
+
color:#6b737a;
}
}
#breadcrumb a:hover{
#breadcrumb a:hover{
Line 136: Line 193:
}
}
.rightbar{
.rightbar{
 +
        position:fixed;
float:right;
float:right;
width:310px;
width:310px;
-
}
+
        right:200px;
-
#tag{
+
-
  width: 185px;
+
-
  height: 54px;
+
-
  float:left;
+
-
  margin: 0px 17px 17px 0;
+
-
  overflow:hidden;
+
-
  /*border: 1px #000 solid;*/
+
-
  position: relative;
+
-
  text-indent:40px;
+
-
  line-height:80px;
+
-
  font-size:36px;
+
}
}
-
#homecontent{
+
.img-left{
-
width:964px;
+
float:left;}
-
position:relative;
+
.img-right{
-
margin:10px auto;
+
float:right;
 +
}
 +
.port-sidebar-border{
 +
width:310px;
 +
height:40px;
 +
border-bottom: 2px solid #bababa;
}
}
-
.home3col{
+
.port-sidebar-border h{
-
width:240px;
+
-
background:#fff;
+
-
border:1px solid #ececec;
+
-
padding:40px 20px 16px 20px;
+
-
margin:0px 60px 10px 0;
+
float:left;
float:left;
-
position:relative;
+
margin-top:30px;
 +
font-size:24px;
 +
color: #303030;
 +
        background:url("https://static.igem.org/mediawiki/2013/6/62/2013ustc-china_Light_grey_bg.png");
}
}
-
 
+
.rightbar a{
-
.home3col#home3colLast{
+
color:#6b737a;
-
margin-right:-300px;
+
}
}
-
 
+
.rightbar a:hover{
-
.home3col-ribbon{
+
color:#303030;
-
width:76px;
+
-
height:90px;
+
-
background:url(../images/home3col-rb.png) no-repeat;
+
-
padding:10px 0 0 6px;
+
-
position:absolute;
+
-
top:17px;
+
-
left:-24px;
+
}
}
-
 
+
.rightbar a.active{
-
.home3col h1{
+
        color:#303030;
-
margin:0 0 40px 50px;
+
}
}
-
 
+
#t1{
-
.home3col-details{
+
font-size:20px;
-
width:24px;
+
line-height:30px;
-
height:23px;
+
margin-left:70px;
-
background:url(../images/home3col-details.png) no-repeat;
+
text-align:left;
-
margin:18px 0 0 -29px;
+
-
padding:1px 0 0 30px;
+
}
}
-
 
+
#t2{
-
.home3col-details a{
+
font-size:16px;
-
background:#fff;
+
line-height:28px;
-
padding-right:6px;
+
margin-left:130px;
-
float:left;
+
text-align:left;
-
position:relative;
+
-
z-index:10;
+
}
}
-
 
+
.img-left-side{
-
.home3col-details-border{
+
float:left;
-
width:240px;
+
width:300px;
-
height:1px;
+
height:200px;
-
background:#ebebeb;
+
margin:10px 10px 10px 0;
-
float:left;
+
}
-
margin-top:-5px;
+
.text-right-side{
-
position:relative;
+
float:right;
-
z-index:7;
+
width:270px;
 +
height:200px;
 +
margin:10px 0 10px 0;
}
}
-
.img-left{
 
-
float:left;}
 
-
.img-right{
 
-
float:right;
 
-
}
 

Latest revision as of 12:21, 28 October 2013

  • { 
   margin: 0;
   padding: 0;

} html {} body { 

   color: #333333;
   font: 0.75em/1.5em "Times New Roman";

}

  1. globalWrapper { 
   position: relative;
   font-size: 100%;
   width: 100%;
   margin: 0;
   padding: 0;
   padding-bottom: 10px;

} h1, h2, h3, h4, h5, h6 { 

   color: black;
   background: none;
   font-weight: normal;
   margin: 0;
   padding-top: .5em;
   padding-bottom: .17em;
   border:none;

}

ul { 

   line-height: 1.5em;
   list-style-type: square;
   margin:0 0 0 0;
   padding: 0;
   list-style-image: url(bullet.gif);

} a{ 

  color:#43adff;
  text-decoration:none;

} a:hover{ color:#7bc5ff; 

       text-decoration:none;

}

.bar{ margin-top:10px; height:54px; overflow:visible; } .container { 

   width: 964px;

}

  1. tlogo{

width:190px; height:123px; background:url(2013ustc-china_Logo-bg.png) no-repeat; float:right; 

       margin-top:-54px;

}


/* common and top level styles */

  1. nav{

width:794px; height:53px; background:url(2013ustc-china_Menu-bg.png) no-repeat; display:block; padding-left:52px; }

  1. nav li{

display:block; position:relative; float:left; font-size:18px; }

  1. nav li a{

line-height:51px; color:#303030; font-size:18px; text-shadow: 0 0 1px #ccc; padding:0 11px; display:block; margin-right:1px; float:left; }

  1. nav li:hover, #nav li.active{

background:url(2013ustc-china_Menu-link-bg.png) repeat-x; }


/* Dropdown */

  1. nav li ul{

width:230px; background:url(2013ustc-china_Dd-bg.png); color:#fff; /*border-bottom:6px solid #747D82;*/ display:none; z-index:1880; position:absolute; top:51px; }

  1. nav li ul li a{

color:#fff; width:208px; line-height:37px; border-bottom:1px solid rgb(106,119,126); }

  1. nav li ul li:hover, #nav li ul li.active{

width:229px; background:url(2013ustc-china_Dd-bg-hover.png); }

  1. nav li ul li:last-child a{

border:none; }

  1. nav li ul li.active{

text-indent:14px; }

  1. nav li:hover ul{

display:block; }

  1. igemlogo{

margin:5px 10px 0px 15px; float:left; position:relative; } .clear{ clear:both; } .content{ height:100%; } .conbar1{ width:964px; height:69px; } .conbar2{ width:964px; height:100%; } .leftbar h1{ font size:40px } .basic-bar{ width:580px; padding:20px 20px 16px 20px; 

       margin-bottom:20px;

position:relative; clear:left; } .basic-bar h1{ 

 font-weight:200;
 font-size:36px;

} .basic-bar h2{ 

 font-size:28px;

} .basic-bar h3{ 

 font-size:24px;

} .basic-bar p{ 

 line-height:24px;
 font-size:18px;
 font-weight:none;

} .basic-bar span{ 

 line-height:24px;
 font-size:20px;
 color:#ff9933;

}

  1. breadcrumb{

float:left; font-size:16px; line-height:60px; text-indent:3px; }

  1. breadcrumb a{

color:#6b737a; }

  1. breadcrumb a:hover{

color:#303030; } .leftbar{ float:left; width:620px; } .rightbar{ 

       position:fixed;

float:right; width:310px; 

       right:200px;

}

.img-left{ float:left;} .img-right{ float:right; } .port-sidebar-border{ width:310px; height:40px; border-bottom: 2px solid #bababa; } .port-sidebar-border h{ float:left; margin-top:30px; font-size:24px; color: #303030; 

       background:url("2013ustc-china_Light_grey_bg.png");

} .rightbar a{ color:#6b737a; } .rightbar a:hover{ color:#303030; } .rightbar a.active{ 

       color:#303030;

}

  1. t1{

font-size:20px; line-height:30px; margin-left:70px; text-align:left; }

  1. t2{

font-size:16px; line-height:28px; margin-left:130px; text-align:left; } .img-left-side{ float:left; width:300px; height:200px; margin:10px 10px 10px 0; } .text-right-side{ float:right; width:270px; height:200px; margin:10px 0 10px 0; }

Retrieved from "http://2013.igem.org/Team:USTC_CHINA/main.css"