Team:Groningen/CSS2

From 2013.igem.org

(Difference between revisions)
Line 55: Line 55:
{
{
float: left;
float: left;
-
width: 160px;
+
width: 250px;
padding: 20px 0;
padding: 20px 0;
margin: 0 20px;
margin: 0 20px;

Revision as of 19:18, 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: 250px; 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%; }