Team:Carnegie Mellon/stylesheet

From 2012.igem.org

(Difference between revisions)
Line 162: Line 162:
color:#000;
color:#000;
}
}
 +
 +
/* Testing Jquery TOC */
 +
#toc {
 +
    top: 0px;
 +
    left: 0px;
 +
    height: 100%;
 +
    position: fixed;
 +
    background: #333;
 +
    box-shadow: inset -5px 0 5px 0px #000;
 +
    width: 150px;
 +
    padding-top: 20px;
 +
    color: #fff;
 +
}
 +
 +
#toc ul {
 +
    margin: 0;
 +
    padding: 0;
 +
    list-style: none;
 +
}
 +
 +
#toc li {
 +
    padding: 5px 10px;
 +
}
 +
 +
#toc a {
 +
    color: #fff;
 +
    text-decoration: none;
 +
    display: block;
 +
}
 +
 +
#toc .toc-h2 {
 +
    padding-left: 10px;
 +
}
 +
 +
#toc .toc-h3 {
 +
    padding-left: 20px;
 +
}
 +
 +
#toc .toc-active {
 +
    background: #336699;
 +
    box-shadow: inset -5px 0px 10px -5px #000;
 +
}

Revision as of 19:07, 26 July 2012

/* Thanks to the DTU's Wiki Walkthrough! */ /* http://2011.igem.org/Team:DTU-Denmark/stylesheet?action=raw&ctype=text/css */

/* Remove Mediawiki stuff */

  1. contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
   display:none;

}

/* Remove/Shrink iGEM top menu */ /***************************/ body {

   margin: 10px 0 0 0;
   padding: 0;

}

  1. top-section {
   width: 965px;
   height: 0;
   margin: 0 auto;
   padding: 0;
   border: none;

}

  1. menubar {
   font-size: 75%;
   top: -14px;

} .left-menu:hover {

   background-color: transparent;

}

  1. menubar li a {
   background-color: transparent;

}

  1. menubar:hover {
   color: white;

}

  1. menubar li a {
   color: transparent;

}

  1. menubar:hover li a {
   color: white;

}

  1. menubar > ul > li:last-child {
   display:none;

}

/* General Styles */ /* CMU Color Table from: http://www.cmu.edu/marcom/brand-guidelines/images/brand-guidelines.pdf */ /* Primary web colors: Red: #990000 Dark Gray: #464646 Light Gray: #d4d4d4 Light Tan: #f3f0e9

Secondary web colors: Violet: #674c56 Blue: #7493a2 Mustard: #c1a562 Brown: #936241 Orange #d17702 Green #999933 Tan #ac9d74 Spinach Blue Excitation #0094FF Spinach Green Emission #00FF73 Malachite Green Orange Excitation #FF2700 Malachite Green Red Emssion #FF0000

  • /


/* Layout */ /**********/

/* Div IDs */ /***********/ body, #main, #content {

   background: url("TartanBg.jpg") repeat;

}

  1. globalWrapper {
   border: none;
   width: 100%;
   margin: 0;
   padding: 0;

}

  1. content {
 border: none;

}

  1. main{

padding: 1px; }


/* Div Classes */ /***************/

.main_content{ font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; background: #FFFFFF; padding: 5px; }

.center {

   margin: 0 auto;
   width: 965px;
   background: transparent;
   float: right;

}

/* From Jquery Tools: Accordian */ /* root element for accordion. decorated with rounded borders and gradient background image */ #accordion { background: #fff; width: 600px; border: 2px solid #f3f0e9; -background: #f3f0e9; margin-left: 0; font-color:#464646; }

/* accordion header */ #accordion h2 { background:#990000; line-height: 14px; margin-left:0; padding:5px 15px; font-size:14px; font-weight:normal; border:1px solid #fff; border-bottom:1px solid #ddd; cursor:pointer; }

/* currently active header */ #accordion h2.current { cursor:default; background-color: #d4d4d4; }

/* accordion pane */ #accordion .pane { border:1px solid #fff; border-width:0 2px; display:none; height:180px; padding:15px; color:#fff; font-size:12px; font-color:#990000; background-color: #f3f0e9; }

/* a title inside pane */ #accordion .pane h3 { font-weight:normal; font-color:#464646; margin:0; font-size:14px; color:#000; }

/* Testing Jquery TOC */

  1. toc {
   top: 0px;
   left: 0px;
   height: 100%;
   position: fixed;
   background: #333;
   box-shadow: inset -5px 0 5px 0px #000;
   width: 150px;
   padding-top: 20px;
   color: #fff;

}

  1. toc ul {
   margin: 0;
   padding: 0;
   list-style: none;

}

  1. toc li {
   padding: 5px 10px;

}

  1. toc a {
   color: #fff;
   text-decoration: none;
   display: block;

}

  1. toc .toc-h2 {
   padding-left: 10px;

}

  1. toc .toc-h3 {
   padding-left: 20px;

}

  1. toc .toc-active {
   background: #336699;
   box-shadow: inset -5px 0px 10px -5px #000;

}