Team:IvyTech SouthBend IN/css/stylesheet/standard

From 2014.igem.org

(Difference between revisions)
 
(28 intermediate revisions not shown)
Line 1: Line 1:
@charset "UTF-8";
@charset "UTF-8";
-
body,
+
@font-face {
-
#globalWrapper {
+
  font-family: WireOne;
-
  font-size: 18px;
+
  font-style: normal;
-
  font-family: "Lato", Helvetica, sans-serif;
+
  font-weight: normal;
-
  overflow: visible;
+
  src: local('Wire One'), local('WireOne'), url('http://themes.googleusercontent.com/static/fonts/wireone/v3/fas9dl2wmMkt5rCu-aBez_esZW2xOQ-xsNqO47m55DA.woff') format('woff');
-
  min-height: 100%
+
}
}
-
p{
+
@font-face {
-
   text-align: justify;
+
   font-family: Stint;
-
   font-size: 18px;
+
   font-style: normal;
-
   line-height: 20px;
+
   font-weight: 400;
 +
  src: local('Stint Ultra Condensed'), local('StintUltraCondensed-Regular'), url('http://themes.googleusercontent.com/static/fonts/stintultracondensed/v2/8DqLK6-YSClFZt3u3EgOUUGJFlOJkO8mymA9tc33RXw.woff') format('woff');
}
}
-
.clear {
+
body {
-
  clear: both;
+
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-size:12px;
}
}
-
 
+
a {
-
a,
+
color:#066332;
-
a:link,
+
-
a:visited {
+
-
  color: #373737;
+
-
  text-decoration: none;
+
}
}
-
 
+
a:hover {
-
a:hover,
+
color:#fff;
-
a:focus {
+
background:transparent;
-
  color: #4c4c4c;
+
text-decoration:none;
}
}
-
 
+
h1, h2, h3 {
-
 
+
margin:.8em 0 .2em 0;
-
/* ---------------- WikiMedia Elements / Page Structure ---------------- */
+
padding:0;
-
 
+
        border:0;
-
/* HIDE SEARCH CONTROLS AND PAGE TITLE */
+
-
#p-logo,
+
-
#search-controls,
+
-
.firstHeading {
+
-
    display: none;
+
}
}
-
 
+
p {
-
h1, h2, h3, h4, h5, h6 {
+
margin:.4em 0 .8em 0;
-
color: #373737;
+
padding:0;
}
}
-
 
+
img {
-
/* REMOVE DEFAULT TOP HEADER */
+
margin:10px 0 5px;
-
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
+
}
-
background-color: #f8f8f8;
+
#memo {
-
border: 0 none;
+
    font:700 3em/1.2 'WireOne';
-
height: 10px;
+
    -webkit-transform: rotate(358deg);
-
top: 0;
+
-moz-transform: rotate(358deg);
-
position: fixed;
+
-o-transform: rotate(358deg);
-
width: 100%;  
+
        -ms-transform: rotate(358deg);
-
left: 50%;
+
text-shadow: #96CA9A 3px 3px;
-
z-index: 1900;
+
            }
-
margin-left: -487px;
+
#memo1 {
-
-webkit-transition: all 500ms ease;
+
color: #066332;
-
  -moz-transition: all 500ms ease;
+
font-family: Stint;
-
  -ms-transition: all 500ms ease;
+
font-size:75px;
-
  -o-transition: all 500ms ease;
+
    -webkit-transform: rotate(3deg);
-
     transition: all 500ms ease;
+
-moz-transform: rotate(3deg);
 +
-o-transform: rotate(3deg);
 +
        -ms-transform: rotate(3deg);
 +
text-shadow: #96CA9A 4px 3px 0px, #aaaaaa 7px 5px;
 +
}
 +
#memo2 {
 +
    font:700 3em/1.2 'WireOne';
 +
    -webkit-transform: rotate(1deg);
 +
-moz-transform: rotate(1deg);
 +
-o-transform: rotate(1deg);
 +
        -ms-transform: rotate(1deg);
 +
text-shadow: #FFFFFF 3px 3px;
 +
            }
 +
#memo2g {
 +
    font:700 3em/1.2 'WireOne';
 +
    -webkit-transform: rotate(1deg);
 +
-moz-transform: rotate(1deg);
 +
-o-transform: rotate(1deg);
 +
        -ms-transform: rotate(1deg);
 +
text-shadow: #96CA9A 3px 3px;
 +
            }
 +
#memo3 {
 +
    font:700 3em/1.2 'WireOne';
 +
    -webkit-transform: rotate(359deg);
 +
-moz-transform: rotate(359deg);
 +
-o-transform: rotate(359deg);
 +
        -ms-transform: rotate(359deg);
 +
text-shadow: #FFFFFF 3px 3px;
 +
            }
 +
#memo3g {
 +
     font:700 3em/1.2 'WireOne';
 +
    -webkit-transform: rotate(359deg);
 +
-moz-transform: rotate(359deg);
 +
-o-transform: rotate(359deg);
 +
        -ms-transform: rotate(359deg);
 +
text-shadow: #96CA9A 3px 3px;
 +
            }
 +
#ads img {
 +
display:block;
 +
padding-top:10px;
}
}
-
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
+
/* iheader styles */
-
background-color: #f8f8f8;
+
#iheader {
-
height: 10px;
+
clear:both;
-
display: block;
+
float:left;
-
z-index: 10;
+
width:100%;
-
position: fixed;
+
-
width: 100%;
+
-
top: 0;
+
}
}
-
/*
+
#iheader {
-
#top-section {
+
border-bottom:1px solid #066332;
-
    background: #f8f8f8;
+
}
-
    position: fixed;
+
#iheader p,
-
    top: -10px;
+
#iheader h1,
-
    border: none;
+
#iheader h2 {
-
    width: 100%;
+
padding:.4em 15px 0 15px;
-
    height: auto;
+
margin:0;
-
    z-index: -1000;
+
}
-
    margin: 0px auto;
+
#iheader ul {
-
 
+
clear:left;
 +
float:left;
 +
width:100%;
 +
list-style:none;
 +
margin:10px 0 0 0;
 +
padding:0;
 +
}
 +
#iheader ul li {
 +
display:inline;
 +
list-style:none;
 +
margin:0;
 +
padding:0;
 +
}
 +
#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;
 +
}
 +
#iheader ul li a:hover {
 +
background:#009665;
 +
color:#fff;
 +
}
 +
#iheader ul li a.active,
 +
#iheader ul li a.active:hover {
 +
color:#fff;
 +
background:#066332;
 +
font-weight:bold;
}
}
-
*/
+
#iheader ul li a span {
-
/* EDIT AND USER MENU */
+
display:block;
 +
}
 +
/* 'widths' sub menu */
 +
#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 colour */
 +
}
 +
.threeivy .ivymid {
 +
right:25%; /* width of the right column */
 +
background:#fff; /* center column background colour */
 +
}
 +
.threeivy .ivyleft {
 +
right:50%; /* width of the middle column */
 +
background:#96CA9A; /* left column background colour */
 +
}
 +
.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 colour */
 +
}
 +
.blogstyle .ivymid {
 +
right:25%; /* width of the right column */
 +
background:#96CA9A; /* center column background colour */
 +
}
 +
.blogstyle .ivyleft {
 +
right:25%; /* width of the middle column */
 +
background:#fff; /* left column background colour */
 +
}
 +
.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 colour */
 +
                border-bottom:1px solid #066332;
 +
}
 +
.leftmenu .ivyleft {
 +
right:75%; /* right column width */
 +
background:#96CA9A; /* left column background colour */
 +
}
 +
.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 colour */
 +
                border-bottom:1px solid #066332;
 +
}
 +
.rightmenu .ivyleft {
 +
right:25%; /* right column width */
 +
background:#fff; /* left column background colour */
 +
}
 +
.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 colour */
 +
}
 +
.doublepage .ivyleft {
 +
right:50%; /* right column width */
 +
background:#fff; /* left column background colour */
 +
}
 +
.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) */
 +
}
 +
/* 2 column (double page) alternate settings */
 +
.doublepagea {
 +
background:#fff; /* right column background colour */
 +
}
 +
.doublepagea .ivyleft {
 +
right:50%; /* right column width */
 +
background:#96CA9A; /* left column background colour */
 +
}
 +
.doublepagea .ivy1 {
 +
width:46%; /* left column content width (column width minus left and right padding) */
 +
left:52%; /* right column width plus left column left padding */
 +
}
 +
.doublepagea .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 colour */
 +
                border-bottom:1px solid #066332;
 +
}
 +
.fullpage .ivy1 {
 +
width:96%; /* page width minus left and right padding */
 +
left:2%; /* page left padding */
 +
}
 +
/* Footer styles */
 +
#footer {
 +
clear:both;
 +
float:left;
 +
width:100%;
 +
border-top:1px solid #066332;
 +
}
 +
#footer p {
 +
padding:10px;
 +
margin:0;
 +
}
 +
 
 +
/* IGEM MENUBAR EDIT AND USER MENU */
#menubar {
#menubar {
     font-family: "Lato", Helvetica, sans-serif;
     font-family: "Lato", Helvetica, sans-serif;
Line 98: Line 338:
/* Highlight with background colour on hover */
/* Highlight with background colour on hover */
 +
#top-section {
 +
    background-color: #fff;
 +
}
#top-section:hover #menubar li a {
#top-section:hover #menubar li a {
     color: #777777;
     color: #777777;
Line 105: Line 348:
#menubar li a:visited {
#menubar li a:visited {
     color: #777777;
     color: #777777;
-
     background-color: #f8f8f8;;
+
     background-color: #fff;
}
}
Line 118: Line 361:
#menubar.left-menu {
#menubar.left-menu {
     position: fixed;
     position: fixed;
-
background: #f8f8f8;
+
background: #fff;
     margin-left: 0px;
     margin-left: 0px;
Line 124: Line 367:
#menubar.left-menu:hover {
#menubar.left-menu:hover {
-
     background-color: #f8f8f8;;
+
     background-color: #fff;
}
}
/* USER */
/* USER */
#menubar.right-menu {
#menubar.right-menu {
-
background: #f8f8f8;
+
background: #fff;
     position: fixed;
     position: fixed;
     margin-right: 0px;
     margin-right: 0px;
}
}
-
 
-
 
-
/* CHANGING WHITE BACKGROUND */
 
-
 
-
#globalWrapper, #content { /*-- changes default wiki settings --*/
 
-
width: 100%;
 
-
height: 100%;
 
-
border: none;
 
-
background-color: #777777;
 
-
margin: 0px auto;
 
-
padding: 0px;
 
-
}
 
-
 
-
body {
 
-
background-color: #777777;
 
-
width: 100%;
 
-
height: auto;
 
-
}
 
-
 
-
html, .wrapper { /*-- changes default wiki settings --*/
 
-
width: 100%;
 
-
min-height: 100%;
 
-
height: 100%;
 
-
background-color: #777777;
 
-
position: relative;
 
-
}
 
-
 
-
 
-
/* HIDING FOOTER BOX */
 
-
 
-
#footer-box{display:none;}
 
-
#catlinks{display:none;}
 
-
 
-
 
-
/* -------------------------- NavBar -------------------------- */
 
-
 
-
#igem-logo {
 
-
    position: fixed;
 
-
display: block;
 
-
bottom: 7px;
 
-
left: 100px;
 
-
z-index: 5000;
 
-
margin: 0px auto;
 
-
clear: both;
 
-
overflow: visibile;
 
-
}
 
-
#ui-igem-logo {
 
-
    position: fixed;
 
-
display: block;
 
-
bottom: 7px;
 
-
left: 160px;
 
-
z-index: 5001;
 
-
margin: 0px auto;
 
-
clear: both;
 
-
overflow: visibile;
 
-
}
 
-
 
-
/* -------------------------- Heading -------------------------- */
 
-
 
-
h1,h2,h3,h4 {
 
-
    font-weight: normal;
 
-
    letter-spacing: 0 px;
 
-
    border-bottom:none;
 
-
}
 
-
h2 {
 
-
    color: #000000;
 
-
font-family: "Walter Turncoat", Arial, Helvetica, sans serif;
 
-
    font-size: 30px;
 
-
    line-height: 25px;
 
-
    border-bottom: 1px solid;
 
-
    font-weight: bold;
 
-
    margin-top: 10px;
 
-
}
 
-
h3,h4 {
 
-
    font-size: 25px;
 
-
    line-height: 21px;
 
-
    font-weight: bold;
 
-
}
 
-
h4 {
 
-
    font-size: 20px;
 
-
    line-height: 19px;
 
-
    font-weight: bold;
 
-
}
 
-
 
-
/* --------------------- Main Content ----------------------- */
 
-
 
-
#main-content {
 
-
background-color: white;
 
-
width: 1140px;
 
-
position: absolute;
 
-
left: 100px;
 
-
height: auto;
 
-
margin: 0px auto;
 
-
}
 
-
#page {
 
-
    width: 1100px;
 
-
    margin: 0px auto;
 
-
    text-align: justify;
 
-
    margin-top: 20px;
 
-
    font-size: 17px;
 
-
}
 
-
 
-
/* --------------------- Images ----------------------- */
 
-
 
-
#header {
 
-
position: absolute;
 
-
width: 1100px;
 
-
height: auto;
 
-
top: 70px;
 
-
left: 100px;
 
-
display: block;
 
-
}
 
-
img.alignleft {
 
-
    margin: 5px 20px 20px 0;
 
-
    float: left;
 
-
}
 
-
img.aligntop {
 
-
    margin: 5px 0 20px 0;
 
-
}
 
-
img.pic {
 
-
    padding: 5px;
 
-
    border: solid 1px #D4D4D4;
 
-
}
 
-
 
-
 
-
/* --------------------- Paragraphs ----------------------- */
 
-
 
-
#page p, #page .leftparagraph p, #page .rightparagraph p {
 
-
    margin-bottom: 2px;
 
-
    font-size:14px;
 
-
}
 
-
 
-
/* --------------------- Lists ----------------------- */
 
-
 
-
#page ul, #page p ul, #page .leftparagraph p ul, #page .rightparagraph p ul {
 
-
    margin:0;
 
-
    padding:0;
 
-
    font-size:17px;
 
-
    list-style:none;
 
-
}
 
-
#page ul li, #page p ul li, #page .leftparagraph p ul li, #page .rightparagraph p ul li {
 
-
    padding:0;
 
-
    margin:0;
 
-
    margin-top:6px;
 
-
}
 
-
#page ul li:before, #page p ul li:before, #page .leftparagraph p ul li:before, #page .rightparagraph p ul li:before {
 
-
    content: " • ";
 
-
    padding: 2px;
 
-
    color: rgb(30,39,43);
 
-
}
 
-
 
-
/* --------------------- Dividing Page ----------------------- */
 
-
 
-
.leftparagraph {
 
-
    float:left;
 
-
    margin:10px 0px;
 
-
    margin-right:20px;
 
-
    width:530px;
 
-
}
 
-
.rightparagraph {
 
-
    float:left;
 
-
    width:530px;
 
-
    margin:10px 0px;
 
-
    margin-left:20px;
 
-
}
 
-
.pagecnt {
 
-
    float:left;
 
-
    width:52%;
 
-
    height:auto;
 
-
}
 
-
.pageimgs {
 
-
    float:left;
 
-
    width:45%;
 
-
    margin-left:3%;
 
-
    height:1000px;
 
-
    height:auto;
 
-
 
-
}
 
-
 
-
/* --------------------- Top Page ----------------------- */
 
-
 
-
.projtile {
 
-
    float: left;
 
-
    width: 355px;
 
-
    height: 200px;   
 
-
    color: rgb(30,39,43);
 
-
    background: rgb(252,250,229);
 
-
    overflow: hidden;
 
-
}
 
-
.projtile h2 {
 
-
    text-align:center;
 
-
    width:90%;
 
-
    font-size:25px;
 
-
    margin-left:5%;
 
-
    margin-bottom:5px;
 
-
    height:1.05em;
 
-
    font-weight:bold;
 
-
    border-bottom: 1px solid;
 
-
    font-family: 'Archivo Narrow', sans-serif;
 
-
}
 
-
.projtile p {
 
-
    margin-left:5%;
 
-
    width:90%;
 
-
    font-size:17px;
 
-
}
 
-
.abstractile p {
 
-
    width:95%;
 
-
    margin-left:2.5%;
 
-
}
 
-
 
-
/* CSS Document */
 
-
body{padding:0px; margin:0px; background:url(http://i.imgur.com/xQWilAi.gif) 0 0 repeat-x #fff; color:#5F7A77; font:13px/19px Arial, Helvetica, sans-serif;}
 
-
div, p, ul, h2, h3, h4, h5, img{padding:0px; margin:0px;}
 
-
ul{list-style-type:none}
 
-
 
-
/*----MAIN PANEL----*/
 
-
#mainPan{width:778px; position:relative; margin:0 auto;}
 
-
 
-
/*----TOP PANEL----*/
 
-
#topPan{width:778px; height:65px; background:url(http://i.imgur.com/4aF9HEy.jpg) 0 0 no-repeat #fff; color:#828282; position:relative; margin:0 auto;}
 
-
#topPan img.logo{width:136px; height:31px; position:absolute; top:12px; left:235px;}
 
-
#topPan p.caption{width:300px; background:#fff; color:#828282; position:absolute; top:43px; left:235px;}
 
-
/*----/TOP PANEL----*/
 
-
 
-
/*----HEADER PANEL----*/
 
-
#headerPan{width:686px; height:153px; background:url(http://i.imgur.com/MT7liXq.jpg) 0 0 no-repeat; position:relative; margin:0 auto; padding:11px 0 0 92px;}
 
-
 
-
#headerPan ul.leftmenu{width:87px;}
 
-
#headerPan ul.leftmenu li{width:87px; height:22px; border-bottom:1px dashed #AECCCA;}
 
-
#headerPan ul.leftmenu li a{width:72px; height:22px; display:block; background:url(http://i.imgur.com/6wX1Dsg.gif) 0 7px no-repeat #fff; color:#305E5C; line-height:22px; text-decoration:none; padding:0 0 0 15px;}
 
-
#headerPan ul.leftmenu li a:hover{background:url(http://i.imgur.com/MpGFdkC.gif) 0 7px no-repeat #fff; color:#305E5C; line-height:22px; text-decoration:none; padding:0 0 0 15px;}
 
-
#headerPan ul.leftmenu li.clients{width:87px; height:22px; border-bottom:none;}
 
-
 
-
#headerPan ul.botton{width:150px; height:45px; position:absolute; top:-50px; left:80px;}
 
-
#headerPan ul.botton li{float:left; height:45px;}
 
-
#headerPan ul.botton li.igem a{width:96px; height:45px; display:block; background:url(http://i.imgur.com/895tLRO.png) 0 0 no-repeat; text-indent:-200000px; margin:0 12px 0 0;}
 
-
/*----/HEADER PANEL----*/
 
-
 
-
/*----BODY PANEL----*/
 
-
#bodyPan{width:686px; background:url(http://i.imgur.com/IBGbG8h.gif) 0 0 no-repeat; position:relative; margin:0 auto; padding:22px 0 0 92px;}
 
-
/*----Body Left Panel----*/
 
-
#leftPan{width:114px; float:left;}
 
-
 
-
#leftPan h2{width:114px; height:34px; background:#fff; color:#5F7A77; font-size:18px; line-height:34px;}
 
-
 
-
#leftPan ul{width:114px;}
 
-
#leftPan ul li{width:114px; height:24px;}
 
-
#leftPan ul li a{width:102px; height:24px; display:block; background:url(http://i.imgur.com/SZtsOew.gif) 0 10px no-repeat #fff; color:#5F7A77; text-decoration:none; line-height:24px; padding:0 0 0 12px;}
 
-
#leftPan ul li a:hover{background:url(http://i.imgur.com/tIXhvKO.gif) 0 10px no-repeat #fff; color:#5F7A77; text-decoration:none;}
 
-
#leftPan ul li span{text-decoration:underline;}
 
-
/*----/Body Left Panel----*/
 
-
/*----Body Right Panel----*/
 
-
#rightPan{width:511px; float:left; border-left:1px solid #C8E8E2; margin:28px 0 0; padding:0 30px;}
 
-
#rightPan p{padding:0 0 10px 0;}
 
-
#rightPan p.more{width:502px; height:25px; float:left; background:url(http://i.imgur.com/8RdSX9T.gif) 0 10px repeat-x; padding:0 0 20px 0;}
 
-
#rightPan p.more a{width:92px; height:21px; display:block; background:url(http://i.imgur.com/F2sNfoa.jpg) 0 0 no-repeat #fff; color:#958201; line-height:21px; text-transform:uppercase; text-decoration:none; margin:0 0 0 328px; padding:4px 0 0 50px;}
 
-
#rightPan p.more a:hover{background:url(http://i.imgur.com/F2sNfoa.jpg) 0 0 no-repeat #fff; color:#645804; text-decoration:none;}
 
-
 
-
#rightPan h2{width:96px; height:77px; float:left; display:block; background:url(http://i.imgur.com/LzstqMp.jpg) 8px 38px no-repeat #B1DED5; color:#fff; font-size:16px; font-weight:bold; line-height:18px; text-transform:uppercase; padding:46px 0 0 75px; margin:0 0 5px 0;}
 
-
 
-
#rightPan ul.parts{width:137px; height:114px; float:left; border:1px solid #B1DED5; background:#fff; color:#5F7A77; padding:7px 0 0 25px;}
 
-
 
-
#rightPan ul.parts li.captionone{background:#fff; color:#AC9601; font-size:12px; font-weight:bold; text-decoration:underline;}
 
-
 
-
#rightPan ul.parts li{width:137px; height:20px;}
 
-
#rightPan ul.parts li a{width:125px; height:20px; display:block; background:url(http://i.imgur.com/SZtsOew.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:none; line-height:20px; padding:0 0 0 12px;}
 
-
#rightPan ul.parts li a:hover{background:url(http://i.imgur.com/tIXhvKO.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:none;}
 
-
 
-
#rightPan ul.partstwo{width:137px; height:114px; float:left; border-bottom:1px solid #B1DED5; border-top:1px solid #B1DED5;  border-right:1px solid #B1DED5;background:#fff; color:#5F7A77; padding:7px 0 0 25px;}
 
-
 
-
#rightPan ul.partstwo li.captiontwo{background:#fff; color:#AC9601; font-size:12px; font-weight:bold; text-decoration:underline;}
 
-
 
-
#rightPan ul.partstwo li{width:137px; height:20px;}
 
-
#rightPan ul.partstwo li a{width:125px; height:20px; display:block; background:url(http://i.imgur.com/SZtsOew.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:none; line-height:20px; padding:0 0 0 12px;}
 
-
#rightPan ul.partstwo li a:hover{background:url(http://i.imgur.com/tIXhvKO.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:none;}
 
-
 
-
#rightPan h4{width:96px; height:77px; float:left; display:block; background:url(images/ivy_icon4.jpg) 8px 38px no-repeat #DFD79C; color:#fff; font-size:16px; font-weight:bold; line-height:18px; text-transform:uppercase; padding:46px 0 0 75px;  margin:0 0 5px 0;}
 
-
 
-
#rightPan ul.team{width:305px; height:114px; float:left; border:1px solid #B1DED5; background:#fff; color:#5F7A77; padding:7px 0 0 25px;}
 
-
 
-
#rightPan ul.team li.captionthree{background:#fff; color:#AC9601; font-size:12px; font-weight:bold; text-decoration:none;}
 
-
 
-
#rightPan ul.team li{width:305px; height:20px;}
 
-
#rightPan ul.team li a{width:293px; height:20px; display:block; background:url(http://i.imgur.com/SZtsOew.gif) 0 7px no-repeat #fff; color:#959595; text-decoration:underline; line-height:20px; padding:0 0 0 12px;}
 
-
#rightPan ul.team li a:hover{background:url(http://i.imgur.com/tIXhvKO.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:underline;}
 
-
 
-
/*----/Body Right Panel----*/
 
-
/*----/BODY PANEL----*/
 
-
/*----/MAIN PANEL----*/
 
-
 
-
/*----FOOTER PANEL----*/
 
-
#footermainPan{height:103px; background:url(http://i.imgur.com/ouOAZhT.gif) 0 0 repeat-x #D3F0F0; color:#2F5958; font:13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; position:relative; margin:0 auto; clear:both; padding:36px 0 0;}
 
-
#footerPan{width:778px; position:relative; margin:0 auto;}
 
-
 
-
#footerPan ul{width:608px; height:20px; position:relative; margin:0 auto;}
 
-
#footerPan li{float:left; }
 
-
#footerPan ul li a{padding:0 10px 0; color:#2F5958; background:#EBF8F7; text-decoration:none; font-size:13px;}
 
-
#footerPan ul li a:hover{text-decoration:underline;}
 
-
 
-
#footerPan p.copyright{width:250px; margin:10px 0 0 92px;}
 
-
 
-
#footerPan ul.templateworld{width:250px; background:#D3F0F0; color:#007163; display:block; font-size:10px; position:absolute; top:49px; left:92px;}
 
-
#footerPan ul.templateworld li{height:20px;}
 
-
#footerPan ul.templateworld li a{background:#D3F0F0; display:block; color:#007163; text-decoration:none; padding:0px; font-size:10px;}
 
-
#footerPan ul.templateworld li a:hover{text-decoration:underline;}
 
-
/*----/FOOTER PANEL----*/
 

Latest revision as of 16:07, 10 October 2014

@charset "UTF-8";

@font-face { 

 font-family: WireOne;
 font-style: normal;
 font-weight: normal;
 src: local('Wire One'), local('WireOne'), url('http://themes.googleusercontent.com/static/fonts/wireone/v3/fas9dl2wmMkt5rCu-aBez_esZW2xOQ-xsNqO47m55DA.woff') format('woff');

}

@font-face { 

 font-family: Stint;
 font-style: normal;
 font-weight: 400;
 src: local('Stint Ultra Condensed'), local('StintUltraCondensed-Regular'), url('http://themes.googleusercontent.com/static/fonts/stintultracondensed/v2/8DqLK6-YSClFZt3u3EgOUUGJFlOJkO8mymA9tc33RXw.woff') format('woff');

}

body { 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-size:12px; } a { color:#066332; } a:hover { color:#fff; background:transparent; text-decoration:none; } h1, h2, h3 { margin:.8em 0 .2em 0; padding:0; 

       border:0;

} p { margin:.4em 0 .8em 0; padding:0; } img { margin:10px 0 5px; }

  1. memo { 
   font:700 3em/1.2 'WireOne';
   -webkit-transform: rotate(358deg);

-moz-transform: rotate(358deg); -o-transform: rotate(358deg); 

       -ms-transform: rotate(358deg);

text-shadow: #96CA9A 3px 3px; 

           }
  1. memo1 {

color: #066332; font-family: Stint; font-size:75px; 

   -webkit-transform: rotate(3deg);

-moz-transform: rotate(3deg); -o-transform: rotate(3deg); 

       -ms-transform: rotate(3deg);

text-shadow: #96CA9A 4px 3px 0px, #aaaaaa 7px 5px; }

  1. memo2 { 
   font:700 3em/1.2 'WireOne';
   -webkit-transform: rotate(1deg);

-moz-transform: rotate(1deg); -o-transform: rotate(1deg); 

       -ms-transform: rotate(1deg);

text-shadow: #FFFFFF 3px 3px; 

           }
  1. memo2g { 
   font:700 3em/1.2 'WireOne';
   -webkit-transform: rotate(1deg);

-moz-transform: rotate(1deg); -o-transform: rotate(1deg); 

       -ms-transform: rotate(1deg);

text-shadow: #96CA9A 3px 3px; 

           }
  1. memo3 { 
   font:700 3em/1.2 'WireOne';
   -webkit-transform: rotate(359deg);

-moz-transform: rotate(359deg); -o-transform: rotate(359deg); 

       -ms-transform: rotate(359deg);

text-shadow: #FFFFFF 3px 3px; 

           }
  1. memo3g { 
   font:700 3em/1.2 'WireOne';
   -webkit-transform: rotate(359deg);

-moz-transform: rotate(359deg); -o-transform: rotate(359deg); 

       -ms-transform: rotate(359deg);

text-shadow: #96CA9A 3px 3px; 

           }
  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 colour */ } .threeivy .ivymid { right:25%; /* width of the right column */ background:#fff; /* center column background colour */ } .threeivy .ivyleft { right:50%; /* width of the middle column */ background:#96CA9A; /* left column background colour */ } .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 colour */ } .blogstyle .ivymid { right:25%; /* width of the right column */ background:#96CA9A; /* center column background colour */ } .blogstyle .ivyleft { right:25%; /* width of the middle column */ background:#fff; /* left column background colour */ } .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 colour */ 

               border-bottom:1px solid #066332;

} .leftmenu .ivyleft { right:75%; /* right column width */ background:#96CA9A; /* left column background colour */ } .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 colour */ 

               border-bottom:1px solid #066332;

} .rightmenu .ivyleft { right:25%; /* right column width */ background:#fff; /* left column background colour */ } .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 colour */ } .doublepage .ivyleft { right:50%; /* right column width */ background:#fff; /* left column background colour */ } .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) */ } /* 2 column (double page) alternate settings */ .doublepagea { background:#fff; /* right column background colour */ } .doublepagea .ivyleft { right:50%; /* right column width */ background:#96CA9A; /* left column background colour */ } .doublepagea .ivy1 { width:46%; /* left column content width (column width minus left and right padding) */ left:52%; /* right column width plus left column left padding */ } .doublepagea .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 colour */ 

               border-bottom:1px solid #066332;

} .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"