Team:Carnegie Mellon/stylesheet

From 2012.igem.org

(Difference between revisions)
Line 151: Line 151:
}
}
/* the overlayed element */
/* the overlayed element */
-
.apple_overlay {
+
.simple_overlay {
   
   
-
     /* initially overlay is hidden */
+
     /* must be initially hidden */
     display:none;
     display:none;
   
   
-
     /* growing background image */
+
     /* place overlay on top of other elements */
-
     background-image:url(/media/img/overlay/white.png);
+
     z-index:10000;
   
   
-
     /*
+
     /* styling */
-
      width after the growing animation finishes
+
     background-color:#333;
-
      height is automatically calculated
+
-
      */
+
-
     width:640px;
+
   
   
-
     /* some padding to layout nested elements nicely  */
+
     width:675px;
-
     padding:35px;
+
    min-height:200px;
 +
     border:1px solid #666;
   
   
-
     /* a little styling */
+
     /* CSS3 styling for latest browsers */
-
     font-size:11px;
+
     -moz-box-shadow:0 0 90px 5px #000;
 +
    -webkit-box-shadow: 0 0 90px #000;
}
}
   
   
-
/* default close button positioned on upper right corner */
+
/* close button positioned on upper right corner */
-
.apple_overlay .close {
+
.simple_overlay .close {
     background-image:url(/media/img/overlay/close.png);
     background-image:url(/media/img/overlay/close.png);
-
     position:absolute; right:5px; top:5px;
+
     position:absolute;
 +
    right:-15px;
 +
    top:-15px;
     cursor:pointer;
     cursor:pointer;
     height:35px;
     height:35px;
     width:35px;
     width:35px;
}
}
 +
 +
  /* styling for elements inside overlay */
 +
  .details {
 +
  position:absolute;
 +
  top:15px;
 +
  right:15px;
 +
  font-size:11px;
 +
  color:#fff;
 +
  width:150px;
 +
  }
 +
 +
  .details h3 {
 +
  color:#aba;
 +
  font-size:15px;
 +
  }

Revision as of 04:44, 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: 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: #fff;
   width: 600px;
   border: 2px solid #f3f0e9;
   -background: #f3f0e9;
   margin-left: 0;
   font-color:#464646;

}

/* accordion header */

  1. 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 */

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

}

/* accordion pane */

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

}

/* a title inside pane */

  1. accordion .pane h3 { 
   font-weight:normal;
   font-color:#464646;
   margin:0;
   font-size:14px;
   color:#fff;

} /* the overlayed element */ .simple_overlay { 

   /* must be initially hidden */
   display:none;

   /* place overlay on top of other elements */
   z-index:10000;

   /* styling */
   background-color:#333;

   width:675px;
   min-height:200px;
   border:1px solid #666;

   /* CSS3 styling for latest browsers */
   -moz-box-shadow:0 0 90px 5px #000;
   -webkit-box-shadow: 0 0 90px #000;

}

/* close button positioned on upper right corner */ .simple_overlay .close { 

   background-image:url(/media/img/overlay/close.png);
   position:absolute;
   right:-15px;
   top:-15px;
   cursor:pointer;
   height:35px;
   width:35px;

} 

 /* styling for elements inside overlay */
 .details {
 position:absolute;
 top:15px;
 right:15px;
 font-size:11px;
 color:#fff;
 width:150px;
 }

 .details h3 {
 color:#aba;
 font-size:15px;
 }
Retrieved from "http://2012.igem.org/Team:Carnegie_Mellon/stylesheet"