Team:Stanford-Brown/Templates/css

From 2012.igem.org

Revision as of 06:54, 30 September 2012 by Vishesh.jain (Talk | contribs)

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

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

/* 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-top: 15px; margin-left: auto; margin-right: auto; width: 975px; }
  4. globalwrapper { margin-top: none; margin-left: none; margin-right: auto; }

/* Border above main menu formatting */

  1. border-top { background-color: #6c6c6c; height: 6px; width: 995px; margin-left: -10px; margin-right: -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: 0 0 0 0; margin-left: -25px; z-index: 5; }
  4. nav li { float: left; margin-right:10px; margin-bottom: 0px; 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: 850px; padding: 0px 0px 25px 10px; }
  2. subHeaderList ul, #subHeaderList li { display: inline; }
  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: #AAA; }
  5. subHeaderList a:link#current, #subHeaderList a:visited#current, #subHeaderList a:hover { padding-bottom: 2px; border-bottom: 4px solid #333; background: transparent; color: #888; }

/* Main 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;}


/* Title and border formatting */

  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');

} /* End of title and border formatting */

/* Main text panel formatting */

  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;

} /* End of main text panel formatting */

/* Abstract formatting */

  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;

} /* End of abstract formatting */

/* Accomplishments formatting */ .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;

} /* End of accomplishments formatting */

/* Footer box formatting */

  1. footer-box { border: 0px; width: 965px; }


/* Other panel formatting */

  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; } /* End of other panel formatting */