Team:Carnegie Mellon/stylesheet

From 2012.igem.org

(Difference between revisions)
Line 96: Line 96:
}
}
-
/* the overlayed element */
+
 
-
.apple_overlay {
+
/* root element for accordion. decorated with rounded borders and gradient background image */
-
+
#accordion {
-
    /* initially overlay is hidden */
+
     background:#333 url(/media/img/gradient/h300.png) 0 0;
-
    display:none;
+
     width: 300px;
-
+
     border:1px solid #333;
-
    /* growing background image */
+
     -background:#666;
-
     background-image:url(/media/img/overlay/white.png);
+
     margin: 0 auto;
-
+
-
     /*
+
-
      width after the growing animation finishes
+
-
      height is automatically calculated
+
-
      */
+
-
     width:640px;
+
-
+
-
     /* some padding to layout nested elements nicely  */
+
-
    padding:35px;
+
-
+
-
     /* a little styling */
+
-
    font-size:11px;
+
}
}
-
+
 
-
/* default close button positioned on upper right corner */
+
/* accordion header */
-
.apple_overlay .close {
+
#accordion h2 {
-
     background-image:url(/media/img/overlay/close.png);
+
     background:#ccc url(/media/img/gradient/h30.png);
-
     position:absolute; right:5px; top:5px;
+
     line-height: 14px;
 +
    margin:0;
 +
    padding:5px 15px;
 +
    font-size:14px;
 +
    font-weight:normal;
 +
    border:1px solid #fff;
 +
    border-bottom:1px solid #ddd;
     cursor:pointer;
     cursor:pointer;
-
     height:35px;
+
}
-
     width:35px;
+
 
 +
/* currently active header */
 +
#accordion h2.current {
 +
     cursor:default;
 +
     background-color:#fff;
 +
}
 +
 
 +
/* accordion pane */
 +
#accordion .pane {
 +
    border:1px solid #fff;
 +
    border-width:0 2px;
 +
    display:none;
 +
    height:180px;
 +
    padding:15px;
 +
    color:#fff;
 +
    font-size:12px;
 +
}
 +
 
 +
/* a title inside pane */
 +
#accordion .pane h3 {
 +
    font-weight:normal;
 +
    margin:0;
 +
    font-size:16px;
 +
    color:#999;
}
}

Revision as of 20:41, 25 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: 65%;
   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;}

/* Common CSS for CMU */ /* http://www.cmu.edu/common/css/cmu.css */ /* 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;

}

/* root element for accordion. decorated with rounded borders and gradient background image */

  1. accordion { 
   background:#333 url(/media/img/gradient/h300.png) 0 0;
   width: 300px;
   border:1px solid #333;
   -background:#666;
   margin: 0 auto;

}

/* accordion header */

  1. accordion h2 { 
   background:#ccc url(/media/img/gradient/h30.png);
   line-height: 14px;
   margin:0;
   padding:5px 15px;
   font-size:14px;
   font-weight:normal;
   border:1px solid #fff;
   border-bottom:1px solid #ddd;
   cursor:pointer;

}

/* currently active header */

  1. accordion h2.current { 
   cursor:default;
   background-color:#fff;

}

/* accordion pane */

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

}

/* a title inside pane */

  1. accordion .pane h3 { 
   font-weight:normal;
   margin:0;
   font-size:16px;
   color:#999;

}

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