Team:Stanford-Brown/Templates/css

From 2012.igem.org

(Difference between revisions)
Line 11: Line 11:
     font-weight:normal;
     font-weight:normal;
}
}
-
h1 { background: #222; }
+
h1 {  
-
h2 { background: #444; margin:0 0 1em;}
+
    background: #222;  
-
h3 { background: #666; font-size: 18px; border-bottom: none; }
+
}
-
h4 { background: #888; border-bottom: none; }
+
h2 {  
-
h5 { background: #AAA; }
+
    background: #444;  
-
h1, h1 a { color: #CCC !important; }
+
    margin:0 0 1em;
-
h2, h2 a { color: #AAA !important; }
+
}
-
h3, h3 a { font-weight: bold; color: #888 !important; }
+
h3 {  
-
h4, h4 a { color: #666 !important; }
+
    background: #666;  
-
h5, h5 a { color: #444 !important; }
+
    font-size: 18px;  
-
h1.firstHeading { display: none; }
+
    border-bottom: none;  
-
h2.topheader{ border-top:0; padding-top:0; margin-top:5px; }
+
}
 +
h4 {  
 +
    background: #888;  
 +
    border-bottom: none;  
 +
}
 +
h5 {  
 +
    background: #AAA;  
 +
}
 +
h1, h1 a {  
 +
    color: #CCC !important;  
 +
}
 +
h2, h2 a {  
 +
    color: #AAA !important;  
 +
}
 +
h3, h3 a {  
 +
    font-weight: bold;  
 +
    color: #888 !important;  
 +
}
 +
h4, h4 a {  
 +
    color: #666 !important;  
 +
}
 +
h5, h5 a {  
 +
    color: #444 !important;  
 +
}
 +
h1.firstHeading {  
 +
    display: none;  
 +
}
 +
h2.topheader{  
 +
    border-top:0;  
 +
    padding-top:0;  
 +
    margin-top:5px;  
 +
}
h2.noline{  
h2.noline{  
-
     border-top:0; margin-top:0; padding-top:0; margin-bottom:0;  
+
     border-top:0;  
-
     line-height:20px; padding-top:2px; font-size:20px; }
+
    margin-top:0;  
 +
    padding-top:0;  
 +
    margin-bottom:0;  
 +
     line-height:20px;  
 +
    padding-top:2px;  
 +
    font-size:20px;  
 +
}
<!--End of header formatting-->
<!--End of header formatting-->
Line 112: Line 149:
<!--Main menu formatting-->
<!--Main menu formatting-->
#nav {  
#nav {  
-
     z-index: 500; font-family:"Trebuchet MS", sans-serif; font-size: 15px;
+
     z-index: 500;  
-
     font-weight: 300; color: white; margin: 0 0 0 0; width: 1025px;
+
    font-family:"Trebuchet MS", sans-serif;  
-
     float: left; margin-left: -25px; list-style: none; background-color: #A32C2C;
+
    font-size: 15px;
-
     border-radius: 0px 1px 1px 0px; z-index: 5;
+
     font-weight: 300;  
 +
    color: white;  
 +
    margin: 0 0 0 0; width: 1025px;
 +
     float: left;  
 +
    margin-left: -25px;  
 +
    list-style: none;  
 +
    background-color: #A32C2C;
 +
     border-radius: 0px 1px 1px 0px;  
 +
    z-index: 5;
}
}
#nav li { float: left; margin-right:10px; position:relative; }
#nav li { float: left; margin-right:10px; position:relative; }

Revision as of 04:07, 30 September 2012

/*--STANFORD-BROWN iGEM 2012--*/

h1, h2, h3, h4, h5 {

   font-family:"Trebuchet MS", sans-serif;
   line-height:25px;
   border-bottom:1px dotted #3e3e3e;
   margin-bottom:5px;
   margin-top:10px;
   padding:10px;
   font-weight:normal;

} h1 {

   background: #222; 

} h2 {

   background: #444; 
   margin:0 0 1em;

} h3 {

   background: #666; 
   font-size: 18px; 
   border-bottom: none; 

} h4 {

   background: #888; 
   border-bottom: none; 

} h5 {

   background: #AAA; 

} h1, h1 a {

   color: #CCC !important; 

} h2, h2 a {

   color: #AAA !important; 

} h3, h3 a {

   font-weight: bold; 
   color: #888 !important; 

} h4, h4 a {

   color: #666 !important; 

} h5, h5 a {

   color: #444 !important; 

} h1.firstHeading {

   display: none; 

} h2.topheader{

   border-top:0; 
   padding-top:0; 
   margin-top:5px; 

} h2.noline{

   border-top:0; 
   margin-top:0; 
   padding-top:0; 
   margin-bottom:0; 
   line-height:20px; 
   padding-top:2px; 
   font-size:20px; 

}

  1. subHeaderList { margin: auto; width: 850px; }
  2. subHeaderList { padding: 0px 0px 25px 10px;}
  3. subHeaderList ul, #subHeaderList li { margin: 0; padding: 10px 0px 0px 0px; display: inline; list-style-type: none;}
  4. subHeaderList a:link, #subHeaderList a:visited {
   float: left;
   line-height: 14px;
   font-weight: bold;
   margin: 5px 10px 4px 10px;
   padding-bottom: 5px;
   text-decoration: none;
   color: #AAA;

}

  1. subHeaderList a:link#current, #subHeaderList a:visited#current, #subHeaderList a:hover {
   border-bottom: 4px solid #333;
   padding-bottom: 2px;
   background: transparent;
   color: #888;

}


  1. contentSub, #search-controls, .firstHeading, #catlinks, #p-logo { display:none; }
  2. content {
    position: relative;
    border: 0;
   width:  975px;
   margin: 0 auto;
   padding: 0px 10px 10px 10px;
   align: center;
   background-color: #fff;
   border-radius: 0px 0px 5px 5px;
   box-shadow: 0px 2px 6px 2px #222;
   border-left: 0px;
   border-right: 0px;
   color: black;
   z-index: 2;

} div.pageContent {

   position: relative;
   background: url("Brown-Stanford_Transparent_Blue.png") ;
   text-align: left;
   margin-left: auto;
   margin-right: auto;
   margin-top: 5px !important;
   color: black;
   padding: 20px 20px 20px 20px;
   z-index: 0;

}

  1. footer-box { border: 0px; width: 965px; }
  2. top-section {
   position: relative;
   height: 20px;
   width: 975px;
   margin-left: 0px;
   margin: 0 auto 0 auto;
   border-left: 0px;
   border-right: 0px;
   border-bottom: 0px;
   background: none;

}

  1. menubar { width: auto; }
  2. container {
   margin-top: 15px;
   margin-left: auto;
   margin-right: auto;
   width: 975px;

} body#space {

   background-color: #DBEFFF;
   background-image: url('https://static.igem.org/mediawiki/2012/4/4f/Space.jpg');
   background-attachment: fixed;

}

  1. globalwrapper {
   margin-top: none;
   margin-left: none;
   margin-right: auto;

}

  1. nav {
   z-index: 500; 
   font-family:"Trebuchet MS", sans-serif; 
   font-size: 15px;
   font-weight: 300; 
   color: white; 
   margin: 0 0 0 0; width: 1025px;
   float: left; 
   margin-left: -25px; 
   list-style: none; 
   background-color: #A32C2C;
   border-radius: 0px 1px 1px 0px; 
   z-index: 5;

}

  1. nav li { float: left; margin-right:10px; position:relative; }
  2. nav a {
   display: block; padding: 5px 15px; text-decoration: none; 
   color: white; border-style: none; }
  1. nav a:hover { color: #008ACF; }


  1. border-top {
   background-color: #6c6c6c;
   height: 6px;
   width: 995px;
   margin-left: -10px;
   margin-right: -10px;
   border-radius: 0px 1px 0px 0px;

}

  1. border-bottom {
   background-color: #6c6c6c;
   height: 30px;
   width: 995px;
   margin-left: 0px;
   padding-top: 36px;
   border-radius: 0px 1px 0px 0px;

}

  1. top-panel {
   background-color: #fff;
   height: 235px;
   margin-left: -10px;
   margin-top: -20px;
   margin-right: -10px;
   border-radius: 5px 5px 0px 0px;
   box-shadow: 0px -2px 6px 2px #222;
   background-image: url('https://static.igem.org/mediawiki/2012/5/52/Planets.png');

}

  1. bottom-panel {
   background-color: #fff;
   width: 995px;
   height: 390px;
   margin-left: -10px;
   margin-right: 20px;
   margin-top: 33px;
   border-radius: 0px 0px 5px 5px;
   box-shadow: 0px 2px 6px 2px #222;

}

  1. sa {
   line-height: 100%;
   font-family:"Trebuchet MS", sans-serif;
   font-size: 36px;
   font-weight: 300;
   color: #008ACF;
   padding-top: 55px;
   letter-spacing: 1.3px;
   text-align: right;   

}

  1. trans {
   text-align: right;
   color: #555;
   font-weight: 100;
   letter-spacing: 1.3px;

}

  1. abs-title {
   font-weight: 400;
   font-size: 30px;
   font-family: "Trebuchet MS", sans-serif;
   float: left;
   margin-top: 0px;
   margin-left: 40px;
   color: #6c6c6c;
   margin-top: 30px;

}

  1. abs-text {
   margin-top: 20px;
   font-weight: 300;
   text-align: left;
   font-family: "Trebuchet MS", sans-serif;
   color: #333;
   font-size: 13px;
   line-height: 180%;
   margin-left: 40px;

} .accomps {

   font-family: "Trebuchet MS", sans-serif;
   margin-top: -30px;
   margin-left: 35px;
   margin-bottom: 30px;
   background: #fff;
 	width: 320px;
   border-radius: 5px;
   border:1px solid #aaa;
   box-shadow: 0px 1px 2px 1px #ccc;
   color: #008ACF;
   font-size: 18px;

} .accomps ul {

   color: #555;
   font-weight: 500;
   font-size: 12px;
   list-style-type: none;
   padding-top: 5px;
   padding-left: 15px;
   padding-right: 15px;

} .accomps ul li {

   padding-bottom: 8px;

}

  1. proj-panel {
   background-color: #fff;
   height: 400px;
   width: 995px;
   margin-left: -10px;
   margin-right: 20px;
   margin-top: 15px;
   margin-bottom: 15px;
   border-radius: 5px 5px 5px 5px;
   box-shadow: 0px 2px 6px 2px #222;

} .feature {

   font-family: "Trebuchet MS", sans-serif;
   margin-top: 20px;
   margin-left: 16px;
   background: #fff;
   width: 285px;
   height: 300px;
   border-style: none;
   color: #008ACF;
   font-size: 18px;

} .brief {

   margin-top: 10px;
   font-weight: 300;
   text-align: left;
   font-family: "Trebuchet MS", sans-serif;
   color: #333;
   font-size: 13px;
   line-height: 180%;
   margin-right: 10px;

}

table { margin-left: 5px; }