Team:Carnegie Mellon/stylesheet

From 2012.igem.org

(Difference between revisions)
Line 4: Line 4:
/* Remove Mediawiki stuff */
/* Remove Mediawiki stuff */
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
-
     display:none;}
+
     display:none;
 +
}
/* Remove/Shrink iGEM top menu */
/* Remove/Shrink iGEM top menu */
Line 10: Line 11:
body {
body {
     margin: 10px 0 0 0;
     margin: 10px 0 0 0;
-
     padding: 0;}
+
     padding: 0;
 +
}
#top-section {
#top-section {
     width: 965px;
     width: 965px;
Line 16: Line 18:
     margin: 0 auto;
     margin: 0 auto;
     padding: 0;
     padding: 0;
-
     border: none;}
+
     border: none;
 +
}
#menubar {
#menubar {
     font-size: 75%;
     font-size: 75%;
-
     top: -14px;}
+
     top: -14px;
 +
}
.left-menu:hover {
.left-menu:hover {
-
     background-color: transparent;}
+
     background-color: transparent;
 +
}
#menubar li a {
#menubar li a {
-
     background-color: transparent;}
+
     background-color: transparent;
 +
}
#menubar:hover {
#menubar:hover {
-
     color: white;}
+
     color: white;
 +
}
#menubar li a {
#menubar li a {
-
     color: transparent;}
+
     color: transparent;
 +
}
#menubar:hover li a {
#menubar:hover li a {
-
     color: white;}
+
     color: white;
 +
}
#menubar > ul > li:last-child {
#menubar > ul > li:last-child {
-
     display:none;}
+
     display:none;
 +
}
-
/* Common CSS for CMU */
 
-
/* http://www.cmu.edu/common/css/cmu.css */
 
/* General Styles */
/* General Styles */
/* CMU Color Table from: http://www.cmu.edu/marcom/brand-guidelines/images/brand-guidelines.pdf */
/* CMU Color Table from: http://www.cmu.edu/marcom/brand-guidelines/images/brand-guidelines.pdf */
Line 61: Line 69:
/***********/
/***********/
body, #main, #content {
body, #main, #content {
-
     background: url("https://static.igem.org/mediawiki/2012/d/d6/TartanBg.jpg") repeat}
+
     background: url("https://static.igem.org/mediawiki/2012/d/d6/TartanBg.jpg") repeat;
 +
}
#globalWrapper {
#globalWrapper {
Line 67: Line 76:
     width: 100%;
     width: 100%;
     margin: 0;
     margin: 0;
-
     padding: 0;}
+
     padding: 0;
 +
}
#content {
#content {
   border: none;
   border: none;
-
}
+
}
#main{
#main{
-
padding: 1px;}
+
padding: 1px;
 +
}
Line 82: Line 93:
.main_content{
.main_content{
-
font-size:12px;
+
font-size:12px;
-
font-family:Verdana, Arial, Helvetica, sans-serif;
+
font-family:Verdana, Arial, Helvetica, sans-serif;
-
color:#000000;
+
color:#000000;
-
background: #FFFFFF;
+
background: #FFFFFF;
-
padding: 5px;
+
padding: 5px;
-
}
+
}
.center {
.center {
Line 94: Line 105:
     background: transparent;
     background: transparent;
     float: right;
     float: right;
 +
}
-
}
+
/* From Jquery Tools: Accordian */
-
 
+
-
 
+
/* root element for accordion. decorated with rounded borders and gradient background image */
/* root element for accordion. decorated with rounded borders and gradient background image */
-
#accordion {
+
#accordion {
-
    background: #fff;
+
background: #fff;
-
    width: 600px;
+
width: 600px;
-
    border: 2px solid #f3f0e9;
+
border: 2px solid #f3f0e9;
-
    -background: #f3f0e9;
+
-background: #f3f0e9;
-
    margin-left: 0;
+
margin-left: 0;
-
    font-color:#464646;
+
font-color:#464646;
 +
}
-
}
+
/* accordion header */
-
 
+
#accordion h2 {
-
/* accordion header */
+
background:#990000;
-
#accordion h2 {
+
line-height: 14px;
-
    background:#990000;
+
margin-left:0;
-
    line-height: 14px;
+
padding:5px 15px;
-
    margin-left:0;
+
font-size:14px;
-
    padding:5px 15px;
+
font-weight:normal;
-
    font-size:14px;
+
border:1px solid #fff;
-
    font-weight:normal;
+
border-bottom:1px solid #ddd;
-
    border:1px solid #fff;
+
cursor:pointer;
-
    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;
+
-
}
+
/* currently active header */
 +
#accordion h2.current {
 +
cursor:default;
 +
background-color: #d4d4d4;
 +
}
-
/* a title inside pane */
+
/* accordion pane */
-
#accordion .pane h3 {
+
#accordion .pane {
-
    font-weight:normal;
+
border:1px solid #fff;
-
    font-color:#464646;
+
border-width:0 2px;
-
    margin:0;
+
display:none;
-
    font-size:14px;
+
height:180px;
-
    color:#000;
+
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;
 +
}

Revision as of 14:53, 26 July 2012

/* Thanks to the DTU's Wiki Walkthrough! */ /* https://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

  • /


/* 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:12px; 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; }

Retrieved from "http://2012.igem.org/Team:Carnegie_Mellon/stylesheet"