Team:Stanford-Brown/Templates/css

From 2012.igem.org

(Difference between revisions)
Line 49: Line 49:
<!--End of sub-project list formatting-->
<!--End of sub-project list formatting-->
-
#contentSub, #search-controls, .firstHeading, #catlinks, #p-logo {
 
-
    display:none;}
 
 +
 +
<!--Content formatting-->
 +
#contentSub, #search-controls, .firstHeading, #catlinks, #p-logo { display:none; }
#content {
#content {
     position: relative;
     position: relative;
Line 67: Line 68:
     z-index: 2;
     z-index: 2;
}
}
-
 
div.pageContent {
div.pageContent {
     position: relative;
     position: relative;
Line 79: Line 79:
     z-index: 0;
     z-index: 0;
}
}
-
 
+
#footer-box { border: 0px; width: 965px; }
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
#footer-box {
+
-
border: 0px;
+
-
width: 965px;
+
-
}
+
-
 
+
-
 
+
#top-section {
#top-section {
     position: relative;
     position: relative;
Line 98: Line 85:
     width: 975px;
     width: 975px;
     margin-left: 0px;
     margin-left: 0px;
-
margin: 0 auto 0 auto;
+
    margin: 0 auto 0 auto;
     border-left: 0px;
     border-left: 0px;
     border-right: 0px;
     border-right: 0px;
Line 104: Line 91:
     background: none;
     background: none;
}
}
-
 
+
#menubar { width: auto; }
-
 
+
#container {
-
#menubar {
+
-
    width: auto;}
+
-
 
+
-
 
+
-
  #container {
+
     margin-top: 15px;
     margin-top: 15px;
     margin-left: auto;
     margin-left: auto;
     margin-right: auto;
     margin-right: auto;
     width: 975px;
     width: 975px;
-
  }
+
}
-
 
+
body#space {
body#space {
     background-color: #DBEFFF;
     background-color: #DBEFFF;
     background-image: url('https://static.igem.org/mediawiki/2012/4/4f/Space.jpg');
     background-image: url('https://static.igem.org/mediawiki/2012/4/4f/Space.jpg');
     background-attachment: fixed;
     background-attachment: fixed;
-
  }
+
}
-
  #globalwrapper {
+
#globalwrapper {
     margin-top: none;
     margin-top: none;
     margin-left: none;
     margin-left: none;
     margin-right: auto;
     margin-right: auto;
 +
}
 +
<!--End of content formatting-->
-
  }
+
<!--Main menu formatting-->
 +
#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;
 +
}
 +
#nav li { float: left; margin-right:10px; position:relative; }
 +
#nav a {
 +
    display: block; padding: 5px 15px; text-decoration: none;
 +
    color: white; border-style: none; }
 +
#nav a:hover { color: #008ACF; }
 +
<!--End of main menu formatting-->
-
  #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;
 
-
        margin-bottom:0px;
 
-
  list-style: none;
 
-
  background-color: #A32C2C;
 
-
/* box-shadow: 1px 0px 4px 1px #222;  */
 
-
  border-radius: 0px 1px 1px 0px;
 
-
z-index: 5;
 
-
  }
 
-
  #nav li {
 
-
  float: left;
 
-
margin-right:10px;
 
-
        margin-bottom:0px;
 
-
position:relative;
 
-
  }
 
-
  #nav a {
 
-
  display: block;
 
-
  padding: 5px 15px;
 
-
        margin-bottom:0px;
 
-
  text-decoration: none;
 
-
        color: white;
 
-
  border-style: none
 
-
  }
 
-
  #nav a:hover {
 
-
  color: #008ACF;
 
-
  }
 
-
 
+
#border-top {
-
 
+
-
  #border-top {
+
     background-color: #6c6c6c;
     background-color: #6c6c6c;
     height: 6px;
     height: 6px;
Line 174: Line 133:
     border-radius: 0px 1px 0px 0px;
     border-radius: 0px 1px 0px 0px;
-
  }
+
}
-
  #border-bottom {
+
#border-bottom {
     background-color: #6c6c6c;
     background-color: #6c6c6c;
     height: 30px;
     height: 30px;
Line 181: Line 140:
     margin-left: 0px;
     margin-left: 0px;
     padding-top: 36px;
     padding-top: 36px;
-
  border-radius: 0px 1px 0px 0px;
+
    border-radius: 0px 1px 0px 0px;
-
  }
+
}
-
  #top-panel {
+
#top-panel {
     background-color: #fff;
     background-color: #fff;
     height: 235px;
     height: 235px;
Line 192: Line 151:
     box-shadow: 0px -2px 6px 2px #222;
     box-shadow: 0px -2px 6px 2px #222;
     background-image: url('https://static.igem.org/mediawiki/2012/5/52/Planets.png');
     background-image: url('https://static.igem.org/mediawiki/2012/5/52/Planets.png');
-
  }
+
}
-
 
+
#bottom-panel {
-
  #bottom-panel {
+
     background-color: #fff;
     background-color: #fff;
     width: 995px;
     width: 995px;
Line 203: Line 161:
     border-radius: 0px 0px 5px 5px;
     border-radius: 0px 0px 5px 5px;
     box-shadow: 0px 2px 6px 2px #222;
     box-shadow: 0px 2px 6px 2px #222;
-
  }
+
}
-
 
+
#sa {
-
  #sa {
+
     line-height: 100%;
     line-height: 100%;
     font-family:"Trebuchet MS", sans-serif;
     font-family:"Trebuchet MS", sans-serif;
Line 214: Line 171:
     letter-spacing: 1.3px;
     letter-spacing: 1.3px;
     text-align: right;   
     text-align: right;   
-
  }
+
}
-
  #trans {
+
#trans {
     text-align: right;
     text-align: right;
     color: #555;
     color: #555;
     font-weight: 100;
     font-weight: 100;
     letter-spacing: 1.3px;
     letter-spacing: 1.3px;
-
  }
+
}
-
  #abs-title {
+
#abs-title {
     font-weight: 400;
     font-weight: 400;
     font-size: 30px;
     font-size: 30px;
Line 230: Line 187:
     color: #6c6c6c;
     color: #6c6c6c;
     margin-top: 30px;
     margin-top: 30px;
-
  }
+
}
-
  #abs-text {
+
#abs-text {
     margin-top: 20px;
     margin-top: 20px;
     font-weight: 300;
     font-weight: 300;
Line 240: Line 197:
     line-height: 180%;
     line-height: 180%;
     margin-left: 40px;
     margin-left: 40px;
-
  }
+
}
-
  .accomps {
+
.accomps {
     font-family: "Trebuchet MS", sans-serif;
     font-family: "Trebuchet MS", sans-serif;
     margin-top: -30px;
     margin-top: -30px;
Line 253: Line 210:
     color: #008ACF;
     color: #008ACF;
     font-size: 18px;
     font-size: 18px;
-
  }
+
}
-
  .accomps ul {
+
.accomps ul {
     color: #555;
     color: #555;
     font-weight: 500;
     font-weight: 500;
Line 262: Line 219:
     padding-left: 15px;
     padding-left: 15px;
     padding-right: 15px;
     padding-right: 15px;
-
  }
+
}
-
  .accomps ul li {
+
.accomps ul li {
     padding-bottom: 8px;
     padding-bottom: 8px;
-
  }
+
}
-
  #proj-panel {
+
#proj-panel {
     background-color: #fff;
     background-color: #fff;
     height: 400px;
     height: 400px;
Line 276: Line 233:
     border-radius: 5px 5px 5px 5px;
     border-radius: 5px 5px 5px 5px;
     box-shadow: 0px 2px 6px 2px #222;
     box-shadow: 0px 2px 6px 2px #222;
-
  }
+
}
-
  .feature {
+
.feature {
     font-family: "Trebuchet MS", sans-serif;
     font-family: "Trebuchet MS", sans-serif;
     margin-top: 20px;
     margin-top: 20px;
     margin-left: 16px;
     margin-left: 16px;
     background: #fff;
     background: #fff;
-
  width: 285px;
+
    width: 285px;
-
  height: 300px;
+
    height: 300px;
     border-style: none;
     border-style: none;
     color: #008ACF;
     color: #008ACF;
     font-size: 18px;
     font-size: 18px;
-
  }   
+
}   
-
  .brief {
+
.brief {
     margin-top: 10px;
     margin-top: 10px;
     font-weight: 300;
     font-weight: 300;
Line 297: Line 254:
     line-height: 180%;
     line-height: 180%;
     margin-right: 10px;
     margin-right: 10px;
-
  }
 
-
 
-
table {
 
-
margin-left: 5px;
 
}
}
 +
 +
table { margin-left: 5px; }

Revision as of 04:04, 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; }

Retrieved from "http://2012.igem.org/Team:Stanford-Brown/Templates/css"