Template:Team:Berkeley/foundation

From 2013.igem.org

(Difference between revisions)
 
(4 intermediate revisions not shown)
Line 1: Line 1:
-
/********************************************************
+
/****************************************************************************************
-
* Thank you Berkeley iGEM 2012 for snippets of the code!*
+
* Thank you Wageningen iGEM 2013 and Berkeley iGEM 2012 for snippets of their CSS code! *
-
*********************************************************/
+
****************************************************************************************/
-
body, html, #globalWrapper, #content, p {
+
 
-
background: url(http://www.colourbox.com/preview/2312219-868113-texture-of-blue-jeans-as-a-background.jpg);
+
-
margin: 0;
+
-
padding: 0;
+
-
border: 0 none transparent;
+
-
        font-family: 'Open Sans', sans-serif;
+
-
font-size: 1em;
+
-
        width: 100%;}
+
body {
body {
Line 38: Line 31:
     clear: both;
     clear: both;
}
}
 +
/* Fonts
 +
-------------------------------------------------*/
 +
 +
@import url('http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,latin-ext');
 +
 +
/* Overwrite the css for the top part of the page
 +
-------------------------------------------------*/
 +
 +
#p-logo,
 +
#catlinks {display: none;}
 +
 +
#top-section {
 +
position: fixed;
 +
        top: 0;
 +
        width: 100%;
 +
        height: 0;
 +
        border: none;
 +
        z-index: 100;}
 +
 +
#search-controls {display: none;}
 +
 +
#menubar {
 +
display: table-cell;
 +
background: transparent;
 +
        font-size: 11px;}
 +
#top-section #menubar ul {
 +
        -webkit-margin-before: 2px;
 +
        -webkit-margin-after: 2px;
 +
        -webkit-padding-start: 40px;
 +
        margin: .3em 0 0 1.5em;}
 +
#menubar.left-menu {width: 100%; padding-top: 6px;}
 +
 +
#menubar.right-menu {text-align: right; padding-top: 6px;}
 +
 +
#menubar * {
 +
color: transparent !important;
 +
background: transparent !important;}
 +
 +
#top-section:hover #menubar * {color: #333 !important;}
 +
 +
#top-section #menubar ul li a:hover {color: #0d9c64 !important; text-decoration: none;}
 +
 +
#top-section:hover #menubar.left-menu {background: rgba(255, 255, 255, 0.75) !important; border-bottom: 1px solid #0d9c64;}
 +
 +
/* Footer
 +
-------------------------------------------------*/
 +
 +
#footer-box {
 +
        position: relative;
 +
        margin:0;
 +
        width: 89.06244%;
 +
        height: 48px;
 +
        padding: 0 5.46878%;
 +
        background: #f1f1f1 url('https://static.igem.org/mediawiki/2013/9/92/Footerline.png') repeat-x center top;
 +
        border: none;
 +
        z-index: 2;}
 +
 +
    #footer-box #footer {
 +
            color: #333;
 +
            font-size: 10px;
 +
            width: 100%;
 +
    }
 +
 +
        #footer #f-list li {
 +
                margin: 0 10px;
 +
        }
 +
 +
        #footer #f-list li a {
 +
                line-height: 48px;
 +
        }
 +
#f-poweredbyico {position:relative;top: 9px;}
 +
#f-copyrightico {position:relative;top: 9px;}
 +
/*************************
/*************************
body{  
body{  

Latest revision as of 06:27, 22 October 2013

/****************************************************************************************

  • Thank you Wageningen iGEM 2013 and Berkeley iGEM 2012 for snippets of their CSS code! *
                                                                                                                                                                                • /


body {

 background-color: #f1f1f1;

}

ol, ul, li {

       list-style: none;
       -webkit-margin-before: 0;
       -webkit-margin-after: 0;
       -webkit-padding-start: 0;
       margin: 0;}

blockquote:before, blockquote:after, q:before, q:after {content: "";}

blockquote, q {quotes: "" "";}

a {color: #333; text-decoration: none;} a:visited {color: #333;text-decoration: none;} a:hover {text-decoration: none; color: #0d9c64;}

img, embed, object, video {max-width: 100%;}

.clearfix {

   display: block;
   width: 100%;
   clear: both;

} /* Fonts


*/

@import url('http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,latin-ext');

/* Overwrite the css for the top part of the page


*/
  1. p-logo,
  2. catlinks {display: none;}
  1. top-section {

position: fixed;

       top: 0;
       width: 100%;
       height: 0;
       border: none;
       z-index: 100;}
  1. search-controls {display: none;}
  1. menubar {

display: table-cell; background: transparent;

       font-size: 11px;}
  1. top-section #menubar ul {
       -webkit-margin-before: 2px;
       -webkit-margin-after: 2px;
       -webkit-padding-start: 40px;
       margin: .3em 0 0 1.5em;}
  1. menubar.left-menu {width: 100%; padding-top: 6px;}
  1. menubar.right-menu {text-align: right; padding-top: 6px;}
  1. menubar * {

color: transparent !important; background: transparent !important;}

  1. top-section:hover #menubar * {color: #333 !important;}
  1. top-section #menubar ul li a:hover {color: #0d9c64 !important; text-decoration: none;}
  1. top-section:hover #menubar.left-menu {background: rgba(255, 255, 255, 0.75) !important; border-bottom: 1px solid #0d9c64;}

/* Footer


*/
  1. footer-box {
       position: relative;
       margin:0;
       width: 89.06244%;
       height: 48px;
       padding: 0 5.46878%;
       background: #f1f1f1 url('https://static.igem.org/mediawiki/2013/9/92/Footerline.png') repeat-x center top;
       border: none;
       z-index: 2;}
   #footer-box #footer {
           color: #333;
           font-size: 10px;
           width: 100%;
   }
       #footer #f-list li {
               margin: 0 10px;
       }
       #footer #f-list li a {
               line-height: 48px;
       }
  1. f-poweredbyico {position:relative;top: 9px;}
  2. f-copyrightico {position:relative;top: 9px;}

/************************* body{

  background: url(http://www.colourbox.com/preview/2312219-868113-texture-of-blue-jeans-as-a-background.jpg);
  //background-color: white;

}

  1. globalWrapper {width: 100%;}
  2. content{

padding: 0px; width: 1000px; //background: #BABABA;

       background: white;

font-family: 'Gill Sans MT', 'Garamond', Georgia ,Helvetica,sans-serif;

       font-size: 1.2em;

border: none; text-decoration: none; }

  1. footer, f-poweredbyico, f-copyrightico, f-list {

background: #BABABA; margin:0px; padding:0px;}

  1. footer-box {

background: #BABABA; border:none; }

  1. p-logo{display:none;}
  2. search-controls{

display:none; }

  1. top-section{

width: 100%;

//background: url(Noise_pattern_8.jpg); height: 5px; border:none; } .firstHeading {

   display:none;

}

                                • /