Team:IvyTech SouthBend IN/css/stylesheet/standard

From 2014.igem.org

Revision as of 18:26, 9 October 2014 by Knye0990 (Talk | contribs)

@charset "UTF-8";

/* CSS Document */ body

  1. globalWrapper {

margin:0; padding:0; border:0; /* This removes the border around the viewport in old versions of IE */ width:100%; background:#fff; min-width:600px; /* Minimum width of layout - remove line if not required */ /* The min-width property does not work in old versions of Internet Explorer */ font-family: "Lato", Helvetica, sans-serif; 

       font-size:2em;

} a { color:#066332; } a:hover { color:#fff; background:transparent; text-decoration:none; } h1, h2, h3 { margin:.8em 0 .2em 0; padding:0; } p { margin:.4em 0 .8em 0; padding:0; } img { margin:10px 0 5px; }

  1. ads img {

display:block; padding-top:10px; }

/* iheader styles */

  1. iheader {

clear:both; float:left; width:100%; }

  1. iheader {

border-bottom:1px solid #066332; }

  1. iheader p,
  2. iheader h1,
  3. iheader h2 {

padding:.4em 15px 0 15px; margin:0; }

  1. iheader ul {

clear:left; float:left; width:100%; list-style:none; margin:10px 0 0 0; padding:0; }

  1. iheader ul li {

display:inline; list-style:none; margin:0; padding:0; }

  1. iheader ul li a {

display:block; float:left; margin:0 0 0 1px; padding:3px 10px; text-align:center; background:#96CA9A; color:#000; text-decoration:none; position:relative; left:15px; line-height:1.3em; }

  1. iheader ul li a:hover {

background:#009665; color:#fff; }

  1. iheader ul li a.active,
  2. iheader ul li a.active:hover {

color:#fff; background:#066332; font-weight:bold; }

  1. iheader ul li a span {

display:block; } /* 'widths' sub menu */

  1. layoutdims {

clear:both; background:#96CA9A; border-top:4px solid #066332; margin:0; padding:6px 15px !important; text-align:right; } /* column container */ .ivymask { position:relative; /* This fixes the IE7 overflow hidden bug */ clear:both; float:left; width:100%; /* width of whole page */ overflow:hidden; /* This chops off any overhanging divs */ } /* common column settings */ .ivyleft, .ivymid, .ivyright { float:left; width:100%; position:relative; } .ivy1, .ivy2, .ivy3 { float:left; position:relative; padding:0 0 1em 0; overflow:hidden; } /* 3 column settings */ .threeivy { background:#96CA9A; /* right column background ivyour */ } .threeivy .ivymid { right:25%; /* width of the right column */ background:#fff; /* center column background ivyour */ } .threeivy .ivyleft { right:50%; /* width of the middle column */ background:#96CA9A; /* left column background ivyour */ } .threeivy .ivy1 { width:46%; /* width of center column content (column width minus padding on either side) */ left:102%; /* 100% plus left padding of center column */ } .threeivy .ivy2 { width:21%; /* Width of left column content (column width minus padding on either side) */ left:31%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */ } .threeivy .ivy3 { width:21%; /* Width of right column content (column width minus padding on either side) */ left:85%; /* Please make note of the brackets here: (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */ } /* 3 column blog style settings */ .blogstyle { background:#96CA9A; /* right column background ivyour */ } .blogstyle .ivymid { right:25%; /* width of the right column */ background:#96CA9A; /* center column background ivyour */ } .blogstyle .ivyleft { right:25%; /* width of the middle column */ background:#fff; /* left column background ivyour */ } .blogstyle .ivy1 { width:46%; /* width of center column content (column width minus padding on either side) */ left:52%; /* 100% plus left padding of center column */ } .blogstyle .ivy2 { width:21%; /* Width of left column content (column width minus padding on either side) */ left:56%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */ } .blogstyle .ivy3 { width:21%; /* Width of right column content (column width minus padding on either side) */ left:60%; /* Please make note of the brackets here: (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */ } /* 2 column (left menu) settings */ .leftmenu { background:#fff; /* right column background ivyour */ } .leftmenu .ivyleft { right:75%; /* right column width */ background:#96CA9A; /* left column background ivyour */ } .leftmenu .ivy1 { width:71%; /* right column content width */ left:102%; /* 100% plus left column left padding */ } .leftmenu .ivy2 { width:21%; /* left column content width (column width minus left and right padding) */ left:6%; /* (right column left and right padding) plus (left column left padding) */ } /* 2 column (right menu) settings */ .rightmenu { background:#96CA9A; /* right column background ivyour */ } .rightmenu .ivyleft { right:25%; /* right column width */ background:#fff; /* left column background ivyour */ } .rightmenu .ivy1 { width:71%; /* left column content width (left column width minus left and right padding) */ left:27%; /* (right column width) plus (left column left padding) */ } .rightmenu .ivy2 { width:21%; /* right column content width (right column width minus left and right padding) */ left:31%; /* (right column width) plus (left column left and right padding) plus (right column left padding) */ } /* 2 column (double page) settings */ .doublepage { background:#96CA9A; /* right column background ivyour */ } .doublepage .ivyleft { right:50%; /* right column width */ background:#fff; /* left column background ivyour */ } .doublepage .ivy1 { width:46%; /* left column content width (column width minus left and right padding) */ left:52%; /* right column width plus left column left padding */ } .doublepage .ivy2 { width:46%; /* right column content width (column width minus left and right padding) */ left:56%; /* (right column width) plus (left column left and right padding) plus (right column left padding) */ } /* Full page settings */ .fullpage { background:#fff; /* page background ivyour */ } .fullpage .ivy1 { width:96%; /* page width minus left and right padding */ left:2%; /* page left padding */ } /* Footer styles */

  1. footer {

clear:both; float:left; width:100%; border-top:1px solid #066332; }

  1. footer p {

padding:10px; margin:0; }

/* IGEM MENUBAR EDIT AND USER MENU */

  1. menubar { 
   font-family: "Lato", Helvetica, sans-serif;
   top: 0 !important;
   font-size: 0.45em;

}

  1. menubar li,
  2. menubar li a:link { 
   text-transform: uppercase;

}

/* Highlight with background colour on hover */

  1. top-section { 
   background-color: #fff;

}

  1. top-section:hover #menubar li a { 
   color: #777777;

}

  1. menubar li a:link,
  2. menubar li a:visited { 
   color: #777777;
   background-color: #fff;

}

  1. menubar li a:hover,
  2. menubar li a:focus { 
   color: #777777;
   text-decoration: underline;

}


/* EDIT */

  1. menubar.left-menu { 
    position: fixed;

background: #fff; 

    margin-left: 0px;

}

  1. menubar.left-menu:hover { 
   background-color: #fff;

}

/* USER */

  1. menubar.right-menu {

background: #fff; 

   position: fixed;
   margin-right: 0px;

}

Retrieved from "http://2014.igem.org/Team:IvyTech_SouthBend_IN/css/stylesheet/standard"