Team:IvyTech SouthBend IN/css/stylesheet/standard
From 2014.igem.org
Line 258: | Line 258: | ||
.rightmenu { | .rightmenu { | ||
background:#96CA9A; /* right column background colour */ | background:#96CA9A; /* right column background colour */ | ||
+ | border-bottom:1px solid #066332; | ||
} | } | ||
.rightmenu .ivyleft { | .rightmenu .ivyleft { |
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; }
- 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;
}
- 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; }
- 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; }
/* iheader styles */
- iheader {
clear:both; float:left; width:100%; }
- iheader {
border-bottom:1px solid #066332; }
- iheader p,
- iheader h1,
- iheader h2 {
padding:.4em 15px 0 15px; margin:0; }
- 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 {
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 {
font-family: "Lato", Helvetica, sans-serif; top: 0 !important; font-size: 0.45em;
}
- menubar li,
- menubar li a:link {
text-transform: uppercase;
}
/* Highlight with background colour on hover */
- top-section {
background-color: #fff;
}
- top-section:hover #menubar li a {
color: #777777;
}
- menubar li a:link,
- menubar li a:visited {
color: #777777; background-color: #fff;
}
- menubar li a:hover,
- menubar li a:focus {
color: #777777; text-decoration: underline;
}
/* EDIT */
- menubar.left-menu {
position: fixed;
background: #fff;
margin-left: 0px;
}
- menubar.left-menu:hover {
background-color: #fff;
}
/* USER */
- menubar.right-menu {
background: #fff;
position: fixed; margin-right: 0px;
}