Team:Groningen/CSS2

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
/*Splitting into two columns*/
+
#container
 +
{
 +
margin: 0 auto;
 +
width: 1000px;
 +
background: #fff;
 +
}
-
#main {
+
#header
-
  float: center;
+
{
-
  width: 600px;
+
background: #ccc;
-
  margin: 0 auto;  
+
padding: 20px;
}
}
-
#sidebar {
+
#header h1 { margin: 0; }
-
  float: left;
+
 
-
  width: 250px;
+
#navigation
-
  margin: 0 auto;  
+
{
 +
float: left;
 +
width: 1000px;
 +
background: #333;
}
}
 +
#navigation ul
 +
{
 +
margin: 0;
 +
padding: 0;
 +
}
 +
#navigation ul li
 +
{
 +
list-style-type: none;
 +
display: inline;
 +
}
-
/*Suppress iGEM defaults from iGEM 2012 Groningen*/
+
#navigation li a
-
a[title="Main Page"]{display: none;}
+
{
-
.firstHeading{display: none;}
+
-
.noprint{display: none;}
+
-
#menubar{
+
display: block;
display: block;
-
background-color:transparent;
+
float: left;
 +
padding: 5px 10px;
 +
color: #fff;
 +
text-decoration: none;
 +
border-right: 1px solid #fff;
}
}
-
#top-section {
+
 
-
    position: relative;
+
#navigation li a:hover { background: #383; }
-
    height: 98px;
+
 
-
    width: 90%;
+
#content-container
-
#   margin-left: 10px;
+
{
-
margin: 0 auto 0 auto;
+
float: left;
-
    border-left: 1px solid #444444;
+
width: 1000px;
-
    border-right: 1px solid #444444;
+
background: #fff url(/wp-content/uploads/layout-three-fixed-background.gif) repeat-y 100% 0;
-
    border-bottom: 1px solid #444444;
+
}
}
-
#content {
+
#section-navigation
-
    position: relative;
+
{
-
    width: 90%;
+
float: left;
-
#    margin-left: 10px;
+
width: 160px;
-
margin: 0 auto;
+
padding: 20px 0;
-
    padding: 5px 5px 5px 5px;;
+
margin: 0 20px;
-
    background: white;
+
display: inline;
-
    color: black;
+
-
    border-left: 1px solid #444444;
+
-
    border-right: 1px solid #444444;
+
-
    line-height: 1.5em;
+
-
    z-index: 2;
+
}
}
-
#search-controls{display: none;}
+
#section-navigation ul
-
#contentSub{display: none;}
+
{
-
#catlinks{display: none;}
+
margin: 0;
-
#footer-box{display: none;}
+
padding: 0;
-
#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);
+
-
}*/
+
-
<!-- Remove all empty <p> tags -->
+
#section-navigation ul li
-
<script type="text/javascript">
+
{
-
    $(document).ready(function() {
+
margin: 0 0 1em;
-
        $("p").filter( function() {
+
padding: 0;
-
            return $.trim($(this).html()) == '';
+
list-style-type: none;
-
        }).remove()
+
}
-
    });
+
 
-
</script>
+
#content
 +
{
 +
float: left;
 +
width: 500px;
 +
padding: 20px 0;
 +
margin: 0 0 0 30px;
 +
}
 +
 
 +
#content h2 { margin: 0; }
 +
 
 +
#aside
 +
{
 +
float: right;
 +
width: 200px;
 +
padding: 20px 0;
 +
margin: 0 20px 0 0;
 +
display: inline;
 +
}
 +
 
 +
#aside h3 { margin: 0; }
 +
 
 +
#footer
 +
{
 +
clear: left;
 +
background: #ccc;
 +
text-align: right;
 +
padding: 20px;
 +
height: 1%;
 +
}

Revision as of 19:13, 16 July 2013

  1. container

{ margin: 0 auto; width: 1000px; background: #fff; }

  1. header

{ background: #ccc; padding: 20px; }

  1. header h1 { margin: 0; }
  1. navigation

{ float: left; width: 1000px; background: #333; }

  1. navigation ul

{ margin: 0; padding: 0; }

  1. navigation ul li

{ list-style-type: none; display: inline; }

  1. navigation li a

{ display: block; float: left; padding: 5px 10px; color: #fff; text-decoration: none; border-right: 1px solid #fff; }

  1. navigation li a:hover { background: #383; }
  1. content-container

{ float: left; width: 1000px; background: #fff url(/wp-content/uploads/layout-three-fixed-background.gif) repeat-y 100% 0; }

  1. section-navigation

{ float: left; width: 160px; padding: 20px 0; margin: 0 20px; display: inline; }

  1. section-navigation ul

{ margin: 0; padding: 0; }

  1. section-navigation ul li

{ margin: 0 0 1em; padding: 0; list-style-type: none; }

  1. content

{ float: left; width: 500px; padding: 20px 0; margin: 0 0 0 30px; }

  1. content h2 { margin: 0; }
  1. aside

{ float: right; width: 200px; padding: 20px 0; margin: 0 20px 0 0; display: inline; }

  1. aside h3 { margin: 0; }
  1. footer

{ clear: left; background: #ccc; text-align: right; padding: 20px; height: 1%; }

Retrieved from "http://2013.igem.org/Team:Groningen/CSS2"