Team:UCL E/css

From 2013.igem.org

(Difference between revisions)
 
(35 intermediate revisions not shown)
Line 5: Line 5:
}
}
-
.contentSub{
+
#contentSub{
   display:none;
   display:none;
}
}
h2{
h2{
-
     border-bottom: 2px solid #0A92D8;
+
     border-bottom: 3px solid #0A92D8;
-
    font-size:30px;
+
font-size: 30px;
-
    margin-top:15px;
+
margin-top: 17px;
 +
padding-bottom: 15px;
}
}
Line 80: Line 81:
   background-color: #999;  
   background-color: #999;  
   height: 100px;
   height: 100px;
-
}
 
-
 
-
#globalWrapper{
 
-
  padding-bottom:0px;
 
}
}
Line 105: Line 102:
   font-size:8px;
   font-size:8px;
text-align:right;
text-align:right;
 +
z-index:5;
}
}
Line 158: Line 156:
     margin-left:auto;
     margin-left:auto;
     margin-right:auto;
     margin-right:auto;
-
     margin-top:60px;
+
     padding-top:55px;
 +
    padding-bottom:120px;
 +
    background-color:#fff;
}
}
#ucligem #nav{
#ucligem #nav{
-
  font-size: 18px;
+
  font-size: 18px;
width: 1100px;
width: 1100px;
margin-left: auto;
margin-left: auto;
Line 168: Line 168:
margin-top: 0px;
margin-top: 0px;
position: fixed;
position: fixed;
-
border-bottom: 3px solid #762790;
+
border-bottom: 3px solid #F17600;
-
z-index: 1;
+
padding-bottom: 7px;
background-color: #fff;
background-color: #fff;
top: 0px;
top: 0px;
-
padding-top:3px;
+
padding-top: 8px;
 +
z-index:300;
}
}
Line 179: Line 180:
     list-style-image: none;
     list-style-image: none;
     position:absolute;
     position:absolute;
-
     top:11px;
+
     top:17px;
     left:0px;
     left:0px;
}
}
Line 186: Line 187:
     display:inline;
     display:inline;
     position:relative;
     position:relative;
-
     margin-left:43px;
+
     margin-left:50px;
     padding-bottom:10px;
     padding-bottom:10px;
}
}
Line 193: Line 194:
visibility: hidden;
visibility: hidden;
position: absolute;
position: absolute;
-
top: 25px;
+
top: 28px;
left: -14px;
left: -14px;
-
border-bottom: 3px solid #762790;
+
border-bottom: 3px solid #F17600;
-
border-left: 3px solid #762790;
+
border-left: 3px solid #F17600;
-
border-right: 3px solid #762790;
+
border-right: 3px solid #F17600;
font-size: 15px;
font-size: 15px;
padding-top: 5px;
padding-top: 5px;
Line 216: Line 217:
margin-bottom:3px;
margin-bottom:3px;
padding-bottom:0px;
padding-bottom:0px;
 +
min-width: 50px;
}
}
Line 234: Line 236:
#ucligem #nav a:hover{
#ucligem #nav a:hover{
     text-decoration:none;
     text-decoration:none;
-
     color: #762790;
+
     color: #F17600;
}
}
#ucligem #nav #igemlogo a{
#ucligem #nav #igemlogo a{
     position:absolute;
     position:absolute;
-
     bottom: 3px;
+
     bottom: 8px;
     right:0px;
     right:0px;
     width:44px;
     width:44px;
Line 253: Line 255:
#ucligem #nav #ucllogo a{
#ucligem #nav #ucllogo a{
     position:absolute;
     position:absolute;
-
     bottom: 3px;
+
     bottom: 8px;
     right:48px;
     right:48px;
     width:27px;
     width:27px;
Line 267: Line 269:
#ucligem #nav #facebooklogo a{
#ucligem #nav #facebooklogo a{
     position:absolute;
     position:absolute;
-
     bottom: 3px;
+
     bottom: 8px;
     right:81px;
     right:81px;
     width:17px;
     width:17px;
Line 281: Line 283:
#ucligem #nav #twitterlogo a{
#ucligem #nav #twitterlogo a{
     position:absolute;
     position:absolute;
-
     bottom: 3px;
+
     bottom: 8px;
     right:105px;
     right:105px;
     width:25px;
     width:25px;
Line 305: Line 307:
     margin-top:0px;
     margin-top:0px;
     margin-left:20px;
     margin-left:20px;
 +
}
 +
 +
#ucligem .column3left{
 +
    width:350px;
 +
    float:left;
 +
    margin-top:0px;
 +
}
 +
 +
#ucligem .column3middle{
 +
    width:350px;
 +
    float:left;
 +
    margin-top:0px;
 +
    margin-left:25px;
 +
}
 +
 +
 +
#ucligem .column3right{
 +
    width:350px;
 +
    float:right;
 +
    margin-top:0px;
 +
    margin-left:25px;
}
}
Line 312: Line 335:
#ucligem .album{ list-style:none;}
#ucligem .album{ list-style:none;}
-
#ucligem .album li{ float:left; height:90px; margin-bottom:10px; text-align:center;}
+
#ucligem .album li{ float:left; height:90px; margin-bottom:10px; text-align:center; margin-left:5px;}
#ucligem  .album a{ display:block; margin:5px; border:2px solid #F17600;}
#ucligem  .album a{ display:block; margin:5px; border:2px solid #F17600;}
Line 366: Line 389:
margin-bottom: 5px;
margin-bottom: 5px;
font-weight: bold;
font-weight: bold;
 +
}
 +
 +
#uclfooter{
 +
  background-image: url('https://static.igem.org/mediawiki/2013/8/8f/Ucl_Footer_2048px.png');
 +
    position:absolute;
 +
  bottom:0px;
 +
  width:100%;
 +
  height:70px;
 +
  display:none;
 +
  z-index:5;
 +
}
 +
 +
#globalWrapper{
 +
  padding-bottom:0px;
 +
  min-height:100%;
}
}

Latest revision as of 03:59, 6 November 2013

body, html { width:100% ;

   height:100% ;
   background-color:#fff;
   font-family: 'Noto Sans', serif;

}

  1. contentSub{
  display:none;

}

h2{

   border-bottom: 3px solid #0A92D8;

font-size: 30px; margin-top: 17px; padding-bottom: 15px; }

p{

  text-align: justify;

}

.editsection{

  font-size:10px;

}

ul{

   list-style-image:none;

}

strong{

   font-weight:700;

}

  1. footer-box{
  display:none;

}

  1. toc{
     float: right;
     margin-left: 10px;

}

  1. search-controls{
     display: none;

}

  1. catlinks{
     display: none;

}

  1. p-logo{
    display: none;

}

  1. top-section{
    border: none;
    height: auto;
    top: -15px;

}

.firstHeading{ display:none; }

h1{

     border:none;

}

  1. content{
      width:100%;
      padding:0px;
      border:none;
      background:none;

}

  1. toc{
     display:none;

}

  1. topbar{
  background-color: #999; 
  height: 100px;

}

.left-menu{

 display: block;
 background-color:#fff;
 color:#999;
 right:0px;

}

  1. menubar li{
 display: block;
 top:15px;
 background-color:#fff;

}

  1. menubar{

width:70px;

  right:0px;

position:fixed;

  font-size:8px;

text-align:right; z-index:5; }

  1. menubar ul{

margin: 0; position:fixed; right:0px; width:70px; }

  1. menubar li{

background-color:#fff; }

.left-menu:hover {

   background-color: white;
   color: #999;

}

.left-menu:hover a {

   color: #999;

}

.right-menu li a{ text-align: left; background-color:#fff; color:#999; padding-right:10px; }

.right-menu li a:hover{ color:#999; }

.left-menu li a{ text-align: left; background-color:#fff; color:#999; padding-right:10px;

}

li#pt-userpage,li#pt-login{ padding-left:0px; }

.left-menu{ margin-top: 56px; }

  1. ucligem{
   width:1100px;
   margin-left:auto;
   margin-right:auto;
   padding-top:55px;
   padding-bottom:120px;
   background-color:#fff;

}

  1. ucligem #nav{
 font-size: 18px;

width: 1100px; margin-left: auto; margin-right: auto; margin-top: 0px; position: fixed; border-bottom: 3px solid #F17600; padding-bottom: 7px; background-color: #fff; top: 0px; padding-top: 8px; z-index:300; }

  1. ucligem #nav ul{
   list-style: none;
   list-style-image: none;
   position:absolute;
   top:17px;
   left:0px;

}

  1. ucligem #nav ul li{
   display:inline;
   position:relative;
   margin-left:50px;
   padding-bottom:10px;

}

  1. ucligem #nav ul ul{

visibility: hidden; position: absolute; top: 28px; left: -14px; border-bottom: 3px solid #F17600; border-left: 3px solid #F17600; border-right: 3px solid #F17600; font-size: 15px; padding-top: 5px; background-color: #fff; margin: 0px; min-width: 100px; }

  1. ucligem #nav ul li:hover ul{

visibility: visible; }

  1. ucligem #nav ul ul li{

float: none; display: inline-block; margin-left: 10px; margin-right: 10px; margin-bottom:3px; padding-bottom:0px; min-width: 50px; }

  1. ucligem a{
  color: #0A92D8;
  text-decoration:none;

}

  1. ucligem a:hover{
  color:#000;
  text-decoration:none;

}

  1. ucligem #nav a{
   text-decoration:none;
   color:#000;

}

  1. ucligem #nav a:hover{
   text-decoration:none;
   color: #F17600;

}

  1. ucligem #nav #igemlogo a{
   position:absolute;
   bottom: 8px;
   right:0px;
   width:44px;
   height:33px;
   background-image:url('https://static.igem.org/mediawiki/2013/a/a7/Ucl_e_igemlogo.png');
   font-size:5px;

}

  1. ucligem #nav #igemlogo a:hover{
   background-image:url('https://static.igem.org/mediawiki/2013/3/33/Ucl_e_igemlogohover.png');

}

  1. ucligem #nav #ucllogo a{
   position:absolute;
   bottom: 8px;
   right:48px;
   width:27px;
   height:30px;
   background-image:url('https://static.igem.org/mediawiki/2013/e/e2/Ucl_e_ucl.png');
   font-size:5px;

}

  1. ucligem #nav #ucllogo a:hover{
   background-image:url('https://static.igem.org/mediawiki/2013/1/1e/Ucl_e_uclhover.png');

}

  1. ucligem #nav #facebooklogo a{
   position:absolute;
   bottom: 8px;
   right:81px;
   width:17px;
   height:28px;
   background-image:url('https://static.igem.org/mediawiki/2013/d/d7/Ucl_e_facebook.png');
   font-size:5px;

}

  1. ucligem #nav #facebooklogo a:hover{
   background-image:url('https://static.igem.org/mediawiki/2013/9/94/Ucl_e_facebookhover.png');

}

  1. ucligem #nav #twitterlogo a{
   position:absolute;
   bottom: 8px;
   right:105px;
   width:25px;
   height:20px;
   background-image:url('https://static.igem.org/mediawiki/2013/e/e2/Ucl_e_twitter.png');
   font-size:5px;

}

  1. ucligem #nav #twitterlogo a:hover{
   background-image:url('https://static.igem.org/mediawiki/2013/7/7d/Ucl_e_twitterhover.png');

}

  1. ucligem .leftcolumn{
   width:530px;
   float:left;
   margin-top:0px;
   margin-right:20px;

}

  1. ucligem .rightcolumn{
   width:530px;
   float:right;
   margin-top:0px;
   margin-left:20px;

}

  1. ucligem .column3left{
   width:350px;
   float:left;
   margin-top:0px;

}

  1. ucligem .column3middle{
   width:350px;
   float:left;
   margin-top:0px;
   margin-left:25px;

}


  1. ucligem .column3right{
   width:350px;
   float:right;
   margin-top:0px;
   margin-left:25px;

}

  1. ucligem .columnclear{
   clear:both;

}

  1. ucligem .album{ list-style:none;}
  2. ucligem .album li{ float:left; height:90px; margin-bottom:10px; text-align:center; margin-left:5px;}
  3. ucligem .album a{ display:block; margin:5px; border:2px solid #F17600;}
  1. ucligem #teamprofile .teamprofilebox{

width: 344px; height: 228px; display:inline-block; position:relative; margin-bottom:10px; margin-left:5px;

   }
  1. ucligem #teamprofile .orange{
   border: 2px solid #F17600;

}

  1. ucligem #teamprofile .purple{
   border: 2px solid #762790;

}

  1. ucligem #teamprofile .blue{
   border: 2px solid #0A92D8;

}

  1. ucligem #teamprofile{
   margin-top:25px;

}

  1. ucligem #teamprofile .description{

position: absolute; background-image: url('https://static.igem.org/mediawiki/2013/9/9e/Ucl_e_teambox_semiwhite.png'); bottom: 0px; width: 334px; padding-left: 5px; overflow: hidden; height: 28px; padding-right: 5px; padding-bottom: 5px; }

  1. ucligem #teamprofile .name{
   font-size: 15px;

}

  1. ucligem .advisorimg{
   float: left;
  margin-right: 10px;
  border: 2px solid #F17600;

}

  1. ucligem .advisorname{
  font-size: 16px;

margin-bottom: 5px; font-weight: bold; }

  1. uclfooter{
  background-image: url('https://static.igem.org/mediawiki/2013/8/8f/Ucl_Footer_2048px.png');
   position:absolute;
  bottom:0px;
  width:100%;
  height:70px;
  display:none; 
  z-index:5;

}

  1. globalWrapper{
  padding-bottom:0px;
  min-height:100%;

}