Team:Stanford-Brown/Templates/css

From 2012.igem.org

(Difference between revisions)
 
(316 intermediate revisions not shown)
Line 1: Line 1:
/*--STANFORD-BROWN iGEM 2012--*/
/*--STANFORD-BROWN iGEM 2012--*/
-
<!--Header formatting-->
+
/* Header formatting */
-
h1, h2, h3, h4, h5 {
+
h1, h2, h3, h4, h5 { font-family: "Trebuchet MS", sans-serif; padding:10px; }
-
    font-family:"Trebuchet MS", sans-serif;
+
h2, h2 a, h2 a:visited { background: #444; color: #AAA; }
-
    line-height:25px;
+
h3, h3 a, h3 a:visited { color: #444; text-decoration: bold;}
-
    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; }
+
-
<!--End of header formatting-->
+
-
<!--Sub-project list formatting-->
+
/* Full page formatting */
-
#subHeaderList { margin: auto; width: 850px; }
+
body#space { background-image: url('https://static.igem.org/mediawiki/2012/4/4f/Space.jpg'); background-attachment: fixed; }
-
#subHeaderList { padding: 0px 0px 25px 10px;}
+
#top-section { position: relative; height: 20px; width: 975px; }
-
#subHeaderList ul, #subHeaderList li { margin: 0; padding: 10px 0px 0px 0px; display: inline; list-style-type: none;}
+
#contentSub, #search-controls, .firstHeading, #catlinks, #p-logo { display:none; }
-
#subHeaderList a:link, #subHeaderList a:visited {
+
#container { margin: 15px 0px auto auto; width: 975px; }
-
    float: left;
+
#globalwrapper { margin: 0px 0px auto auto; }
-
    line-height: 14px;
+
-
    font-weight: bold;
+
-
    margin: 5px 10px 4px 10px;
+
-
    padding-bottom: 5px;
+
-
    text-decoration: none;
+
-
    color: #AAA;
+
-
}
+
-
#subHeaderList a:link#current, #subHeaderList a:visited#current, #subHeaderList a:hover {
+
-
    border-bottom: 4px solid #333;
+
-
    padding-bottom: 2px;
+
-
    background: transparent;
+
-
    color: #888;
+
-
}
+
-
<!--End of sub-project list formatting-->
+
-
#contentSub, #search-controls, .firstHeading, #catlinks, #p-logo {
+
/* Title panel formatting */
-
    display:none;}
+
#top-panel { height: 260px; background-color: white; background-image: url('https://static.igem.org/mediawiki/2012/5/52/Planets.png'); }
 +
#top-panel { margin: -20px -10px auto -10px; border-radius: 5px 5px 0px 0px; box-shadow: 0px -2px 6px 2px #222; }
 +
#trans { text-align: right; color: #555; letter-spacing: 1.3px; }
 +
#sa { line-height: 100%; font-family: "Trebuchet MS", sans-serif; font-size: 36px; }
 +
#sa { color: #008ACF; padding-top: 55px; letter-spacing: 1.3px; text-align: right; }
-
#content {
+
/* Border above main menu formatting */
-
    position: relative;
+
#border-top { background-color: #6c6c6c; height: 6px; width: 995px; margin: 0px -10px 0px -10px; }
-
    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 {
+
/* Main menu formatting */
-
    position: relative;
+
#nav { font-family: "Trebuchet MS", sans-serif; font-size: 15px; color: white;}
-
    background: url("https://static.igem.org/mediawiki/2011/1/11/Brown-Stanford_Transparent_Blue.png") ;
+
#nav { background-color: #A32C2C; width: 1025px; list-style: none; }
-
    text-align: left;
+
#nav { float: left; margin: 0px 0px auto -25px; z-index: 5; }
-
    margin-left: auto;
+
#nav li { float: left; margin: 0px 10px 0px -5px; position:relative; }
-
    margin-right: auto;
+
#nav a { display: block; padding: 5px 15px; text-decoration: none; color: white; border-style: none; }
-
    margin-top: 5px !important;
+
#nav a:hover { color: #008ACF; }
-
    color: black;
+
-
    padding: 20px 20px 20px 20px;
+
-
    z-index: 0;
+
-
}
+
 +
/* Sub-menu formatting */
 +
#subHeaderList { margin: auto; width: 975px; padding: 0px 0px 30px 10px;}
 +
#subHeaderList ul, #subHeaderList li { display: inline; float: left; font-weight: bold; }
 +
#subHeaderList a:link, #subHeaderList a:visited { float: left; line-height: 14px; font-weight: bold; }
 +
#subHeaderList a:link, #subHeaderList a:visited { margin: 5px 10px 4px 10px; text-decoration: none; color: #888; }
 +
#subHeaderList a:hover { color: #A32C2C; }
 +
#subHeaderList a:link#current, #subHeaderList a:visited#current { padding-bottom: 2px; border-bottom: 4px solid #333; background: transparent; color: #666; }
 +
#subHeaderList a:link#project, #subHeaderList a:visited#project { font-size: 15px; solid #333; background: transparent; color: #444; padding-top: 1px; margin-right: 5px}
 +
/* General content formatting */
 +
#content { position: relative; width: 975px; padding: 0px 10px 10px 10px; align: center; }
 +
#content { border-radius: 0px 0px 5px 5px; box-shadow: 0px 2px 6px 3px #222; z-index: 2;}
 +
/* Main page abstract panel formatting */
 +
#bottom-panel { background-color: #fff; width: 995px; height: 470px; margin: 33px 20px 0px -10px; }
 +
#bottom-panel { border-radius: 0px 0px 5px 5px; box-shadow: 0px 2px 6px 2px #222; }
 +
#abs-title { font-size: 30px; font-family: "Trebuchet MS", sans-serif; color: #6c6c6c; }
 +
#abs-title { float: left; margin: 20px auto 0px 40px; }
 +
#abs-title a:link, #abs-title a:visited { float: left; font-weight: bold; }
 +
#abs-title a:link, #abs-title a:visited { text-decoration: none; color: #888; }
 +
#abs-title a:hover { color: #A32C2C; }
 +
#abs-text { font-size: 13px; font-family: "Trebuchet MS", sans-serif; color: #333; }
 +
#abs-text { text-align: left; line-height: 180%; margin: 20px 0px auto 40px }
 +
/* Main page accomplishments formatting */
 +
.accomps { font-size: 18px; font-family: "Trebuchet MS", sans-serif; color: #008ACF;}
 +
.accomps { width: 320px; margin: 0px 0px 10px 30px; background: #fff; }
 +
.accomps { border-radius: 5px; border: 1px solid #aaa; box-shadow: 0px 1px 2px 1px #ccc; }
 +
.accomps ul { color: #555; font-size: 12px; list-style-type: none; padding: 5px 5px 8px 15px; }
 +
.accomps ul li { padding-bottom: 8px; }
 +
.accomps a, .accomps a:visited { color: #555; font-size: 12px; text-decoration:none; padding: 5px 5px 8px 0px;}
 +
.accomps a:hover { color: #008ACF;}
 +
/* Main page project panel formatting */
 +
#proj-panel { background-color: #fff; height: 440px; width: 995px; margin: 15px 20px 15px -10px; }
 +
#proj-panel { border-radius: 5px 5px 5px 5px; box-shadow: 0px 2px 6px 2px #222; }
 +
.feature { font-size: 18px; font-family: "Trebuchet MS", sans-serif; margin: 20px 0px 0px 16px; }
 +
.feature { color: #008ACF; background: #fff; width: 285px; height: 300px; border-style: none; }
 +
.brief { font-size: 13px; font-family: sans-serif; color: #333; }
 +
.brief { margin: 10px 10px 0px 0px; text-align: left; line-height: 180%; }
-
 
+
/* Footer box formatting */
-
 
+
#footer-box { border: 0px; width: 965px; }
-
#footer-box {
+
-
border: 0px;
+
-
width: 965px;
+
-
}
+
-
 
+
-
 
+
-
#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;
+
-
}
+
-
 
+
-
 
+
-
#menubar {
+
-
    width: auto;}
+
-
 
+
-
 
+
-
  #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;
+
-
  }
+
-
  #globalwrapper {
+
-
    margin-top: none;
+
-
    margin-left: none;
+
-
    margin-right: auto;
+
-
 
+
-
  }
+
-
 
+
-
  #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;
+
-
/* box-shadow: 1px 0px 4px 1px #222;  */
+
-
  border-radius: 0px 1px 1px 0px;
+
-
z-index: 5;
+
-
  }
+
-
  #nav { padding: 0px 0px 25px 10px;}
+
-
  #nav li {
+
-
  float: left;
+
-
margin-right:10px;
+
-
        margin-bottom:0px;
+
-
position:relative;
+
-
  }
+
-
  #nav a {
+
-
  display: block;
+
-
  padding: 5px 15px;
+
-
  text-decoration: none;
+
-
    color: white;
+
-
  border-style: none
+
-
  }
+
-
  #nav a:hover {
+
-
  color: #008ACF;
+
-
  }
+
-
 
+
-
 
+
-
 
+
-
  #border-top {
+
-
    background-color: #6c6c6c;
+
-
    height: 6px;
+
-
    width: 995px;
+
-
    margin-left: -10px;
+
-
    margin-right: -10px;
+
-
    border-radius: 0px 1px 0px 0px;
+
-
 
+
-
  }
+
-
  #border-bottom {
+
-
    background-color: #6c6c6c;
+
-
    height: 5px;
+
-
    width: 995px;
+
-
    margin-left: 0px;
+
-
    padding-top: 36px;
+
-
  border-radius: 0px 1px 0px 0px;
+
-
  }
+
-
  #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');
+
-
  }
+
-
 
+
-
  #bottom-panel {
+
-
    background-color: #fff;
+
-
    width: 995px;
+
-
    height: 390px;
+
-
    margin-left: -10px;
+
-
    margin-right: 20px;
+
-
    margin-top: 0px;
+
-
    border-radius: 0px 0px 5px 5px;
+
-
    box-shadow: 0px 2px 6px 2px #222;
+
-
  }
+
-
 
+
-
  #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; 
+
-
  }
+
-
  #trans {
+
-
    text-align: right;
+
-
    color: #555;
+
-
    font-weight: 100;
+
-
    letter-spacing: 1.3px;
+
-
  }
+
-
  #abs-title {
+
-
    font-weight: 400;
+
-
    font-size: 30px;
+
-
    font-family: "Trebuchet MS", sans-serif;
+
-
    float: left;
+
-
    margin-left: 40px;
+
-
    color: #6c6c6c;
+
-
    margin-top: 30px;
+
-
  }
+
-
  #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: -20px;
+
-
    margin-left: 35px;
+
-
    margin-bottom: 20px;
+
-
    background: #fff;
+
-
  width: 290px;
+
-
    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: -2px;
+
-
    padding-left: 15px;
+
-
    padding-right: 15px;
+
-
  }
+
-
  .accomps ul li {
+
-
    padding-bottom: 8px;
+
-
  }
+
-
  #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;
+
-
}
+

Latest revision as of 19:22, 3 December 2012

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

/* Header formatting */ h1, h2, h3, h4, h5 { font-family: "Trebuchet MS", sans-serif; padding:10px; } h2, h2 a, h2 a:visited { background: #444; color: #AAA; } h3, h3 a, h3 a:visited { color: #444; text-decoration: bold;}

/* Full page formatting */ body#space { background-image: url('https://static.igem.org/mediawiki/2012/4/4f/Space.jpg'); background-attachment: fixed; }

  1. top-section { position: relative; height: 20px; width: 975px; }
  2. contentSub, #search-controls, .firstHeading, #catlinks, #p-logo { display:none; }
  3. container { margin: 15px 0px auto auto; width: 975px; }
  4. globalwrapper { margin: 0px 0px auto auto; }

/* Title panel formatting */

  1. top-panel { height: 260px; background-color: white; background-image: url('https://static.igem.org/mediawiki/2012/5/52/Planets.png'); }
  2. top-panel { margin: -20px -10px auto -10px; border-radius: 5px 5px 0px 0px; box-shadow: 0px -2px 6px 2px #222; }
  3. trans { text-align: right; color: #555; letter-spacing: 1.3px; }
  4. sa { line-height: 100%; font-family: "Trebuchet MS", sans-serif; font-size: 36px; }
  5. sa { color: #008ACF; padding-top: 55px; letter-spacing: 1.3px; text-align: right; }

/* Border above main menu formatting */

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

/* Main menu formatting */

  1. nav { font-family: "Trebuchet MS", sans-serif; font-size: 15px; color: white;}
  2. nav { background-color: #A32C2C; width: 1025px; list-style: none; }
  3. nav { float: left; margin: 0px 0px auto -25px; z-index: 5; }
  4. nav li { float: left; margin: 0px 10px 0px -5px; position:relative; }
  5. nav a { display: block; padding: 5px 15px; text-decoration: none; color: white; border-style: none; }
  6. nav a:hover { color: #008ACF; }

/* Sub-menu formatting */

  1. subHeaderList { margin: auto; width: 975px; padding: 0px 0px 30px 10px;}
  2. subHeaderList ul, #subHeaderList li { display: inline; float: left; font-weight: bold; }
  3. subHeaderList a:link, #subHeaderList a:visited { float: left; line-height: 14px; font-weight: bold; }
  4. subHeaderList a:link, #subHeaderList a:visited { margin: 5px 10px 4px 10px; text-decoration: none; color: #888; }
  5. subHeaderList a:hover { color: #A32C2C; }
  6. subHeaderList a:link#current, #subHeaderList a:visited#current { padding-bottom: 2px; border-bottom: 4px solid #333; background: transparent; color: #666; }
  7. subHeaderList a:link#project, #subHeaderList a:visited#project { font-size: 15px; solid #333; background: transparent; color: #444; padding-top: 1px; margin-right: 5px}

/* General content formatting */

  1. content { position: relative; width: 975px; padding: 0px 10px 10px 10px; align: center; }
  2. content { border-radius: 0px 0px 5px 5px; box-shadow: 0px 2px 6px 3px #222; z-index: 2;}

/* Main page abstract panel formatting */

  1. bottom-panel { background-color: #fff; width: 995px; height: 470px; margin: 33px 20px 0px -10px; }
  2. bottom-panel { border-radius: 0px 0px 5px 5px; box-shadow: 0px 2px 6px 2px #222; }
  3. abs-title { font-size: 30px; font-family: "Trebuchet MS", sans-serif; color: #6c6c6c; }
  4. abs-title { float: left; margin: 20px auto 0px 40px; }
  5. abs-title a:link, #abs-title a:visited { float: left; font-weight: bold; }
  6. abs-title a:link, #abs-title a:visited { text-decoration: none; color: #888; }
  7. abs-title a:hover { color: #A32C2C; }
  8. abs-text { font-size: 13px; font-family: "Trebuchet MS", sans-serif; color: #333; }
  9. abs-text { text-align: left; line-height: 180%; margin: 20px 0px auto 40px }

/* Main page accomplishments formatting */ .accomps { font-size: 18px; font-family: "Trebuchet MS", sans-serif; color: #008ACF;} .accomps { width: 320px; margin: 0px 0px 10px 30px; background: #fff; } .accomps { border-radius: 5px; border: 1px solid #aaa; box-shadow: 0px 1px 2px 1px #ccc; } .accomps ul { color: #555; font-size: 12px; list-style-type: none; padding: 5px 5px 8px 15px; } .accomps ul li { padding-bottom: 8px; } .accomps a, .accomps a:visited { color: #555; font-size: 12px; text-decoration:none; padding: 5px 5px 8px 0px;} .accomps a:hover { color: #008ACF;}

/* Main page project panel formatting */

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

.feature { font-size: 18px; font-family: "Trebuchet MS", sans-serif; margin: 20px 0px 0px 16px; } .feature { color: #008ACF; background: #fff; width: 285px; height: 300px; border-style: none; } .brief { font-size: 13px; font-family: sans-serif; color: #333; } .brief { margin: 10px 10px 0px 0px; text-align: left; line-height: 180%; }

/* Footer box formatting */

  1. footer-box { border: 0px; width: 965px; }
Retrieved from "http://2012.igem.org/Team:Stanford-Brown/Templates/css"