Team:Groningen/CSS

From 2013.igem.org

(Difference between revisions)
 
(36 intermediate revisions not shown)
Line 1: Line 1:
-
/*MENU bar*/
+
/*Splitting into two columns*/
-
 
+
#content-body {
-
#main_nav { list-style: none; margin: 0; padding: 0; }
+
  margin-right: 10cm;
-
#main_nav li { float: left; }
+
  position: relative;
-
#main_nav li a { text-indent: -999999px; overflow: hidden; display: block; height: 72px; }
+
-
 
+
-
 
+
-
/* Background */
+
-
body
+
-
{
+
-
background-color:#d0e4fa;
+
-
}
+
-
h1
+
-
{
+
-
color:yellow;
+
-
text-align:center;
+
}
}
-
h2
+
#navbar {
-
{
+
  float: left;
-
color:red;
+
-
text-align:center;
+
-
background-color:#6495ed;
+
}
}
Line 33: Line 18:
background-color:transparent;
background-color:transparent;
}
}
 +
#top-section {
 +
    position: relative;
 +
    height: 98px;
 +
    width: 90%;
 +
#    margin-left: 10px;
 +
margin: 0 auto 0 auto;
 +
    border-left: 1px solid #44444;
 +
    border-right: 1px solid #44444;
 +
    border-bottom: 1px solid #44444;
 +
}
 +
 +
#content {
 +
    position: relative;
 +
    width:  90%;
 +
#    margin-left: 10px;
 +
margin: 0 auto;
 +
    padding: 5px 5px 5px 5px;;
 +
    background: white;
 +
    color: black;
 +
    border-left: 1px solid #444444;
 +
    border-right: 1px solid #444444;
 +
    line-height: 1.5em;
 +
    z-index: 2;
 +
}
 +
#search-controls{display: none;}
#search-controls{display: none;}
#contentSub{display: none;}
#contentSub{display: none;}
Line 51: Line 61:
}*/
}*/
-
/* CSS Document */
+
<!-- Remove all empty <p> tags -->
-
 
+
<script type="text/javascript">
-
.offscreen {
+
    $(document).ready(function() {
-
  position: absolute;
+
        $("p").filter( function() {
-
  top: -30em;
+
            return $.trim($(this).html()) == '';
-
  left: -300em;
+
        }).remove()
-
}
+
    });
-
 
+
</script>
-
div#vmenu {
+
-
  margin: 0;
+
-
  padding: .25em 0em .25em 0em;
+
-
  border: solid 1px #30c9e0;
+
-
  background: #fcac4c;
+
-
  width: 13.5em;
+
-
}
+
-
 
+
-
div#vmenu ul {
+
-
  margin: 0;
+
-
  padding: 0;
+
-
  list-style: none;
+
-
}
+
-
 
+
-
div#vmenu ul li {
+
-
  margin: 0;
+
-
  padding: 0;
+
-
  list-style: none;
+
-
}
+
-
 
+
-
div#vmenu ul a:link {  
+
-
  margin: 0;
+
-
  padding: .2em 0em .2em .4em;
+
-
  text-decoration: none;
+
-
  font-weight: bold;
+
-
  font-size: medium;
+
-
  background-color: #fcac3c;
+
-
  color: #0059a0;
+
-
  display: block;
+
-
}
+
-
 
+
-
div#vmenu ul a:active {  
+
-
  margin: 0;
+
-
  padding: .25em .5em .25em .5em;
+
-
  text-decoration: none;
+
-
  font-weight: bold;
+
-
  font-size: medium;
+
-
  background: #4d8cba;
+
-
  color: #ffffff;
+
-
  display: block;  
+
-
}  
+
-
 
+
-
div#vmenu ul a:visited {
+
-
  margin: 0;
+
-
  padding:  .25em .5em .25em .5em;
+
-
  text-decoration: none;
+
-
  font-weight: bold;
+
-
  font-size: medium;
+
-
  background: #4d8cba;
+
-
  color: #ffffff;
+
-
  display: block;
+
-
}  
+
-
 
+
-
div#vmenu ul li a:hover {
+
-
  margin: 0;  
+
-
  padding: .2em 0em .2em .4em;
+
-
  text-decoration: none;
+
-
  font-weight: bold;
+
-
  font-size: medium;
+
-
  background-color: #30c9e0;
+
-
  color: #ffffff;
+
-
  display: block;
+
-
}
+

Latest revision as of 19:41, 16 July 2013

/*Splitting into two columns*/

  1. content-body {
 margin-right:  10cm;
 position: relative;

}

  1. navbar {
 float: left;

}


/*Suppress iGEM defaults from iGEM 2012 Groningen*/ a[title="Main Page"]{display: none;} .firstHeading{display: none;} .noprint{display: none;}

  1. menubar{

display: block; background-color:transparent; }

  1. top-section {
   position: relative;
   height: 98px;
   width: 90%;
  1. margin-left: 10px;

margin: 0 auto 0 auto;

   border-left: 1px solid #44444;
   border-right: 1px solid #44444;
   border-bottom: 1px solid #44444;

}

  1. content {
   position: relative;
   width:  90%;
  1. margin-left: 10px;

margin: 0 auto;

   padding: 5px 5px 5px 5px;;
   background: white;
   color: black;
   border-left: 1px solid #444444;
   border-right: 1px solid #444444;
   line-height: 1.5em;
   z-index: 2;

}

  1. search-controls{display: none;}
  2. contentSub{display: none;}
  3. catlinks{display: none;}
  4. footer-box{display: none;}
  5. p-logo{display: block;}

/* Remove comments to remove links towards accounts etc */ /*#top-section { display: block; position: relative; height: 98px; width: 975px; margin: -20px auto; TODO put correct colours here! border-left: 1px solid rgb(118,28,17); border-right: 1px solid rgb(118,28,17); border-bottom: 1px solid rgb(118,28,17); }*/

<script type="text/javascript">

   $(document).ready(function() {
       $("p").filter( function() {
           return $.trim($(this).html()) == ;
       }).remove()
   });

</script>