|
|
(84 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | /*body {background-image: linear-gradient(bottom, rgb(219,219,219) 28%, rgb(143,143,143) 71%);
| |
- | background-image: -o-linear-gradient(bottom, rgb(219,219,219) 28%, rgb(143,143,143) 71%);
| |
- | background-image: -moz-linear-gradient(bottom, rgb(219,219,219) 28%, rgb(143,143,143) 71%);
| |
- | background-image: -webkit-linear-gradient(bottom, rgb(219,219,219) 28%, rgb(143,143,143) 71%);
| |
- | background-image: -ms-linear-gradient(bottom, rgb(219,219,219) 28%, rgb(143,143,143) 71%);
| |
| | | |
- | background-image: -webkit-gradient(
| |
- | linear,
| |
- | left bottom,
| |
- | left top,
| |
- | color-stop(0.28, rgb(219,219,219)),
| |
- | color-stop(0.71, rgb(143,143,143))
| |
- | );
| |
- | }
| |
- | */
| |
- | body {
| |
- |
| |
- | background: url('http://www.growingtastyvegetables.com/wp-content/uploads/2012/01/soil_pH_testing.jpg') no-repeat center center fixed;
| |
- | -webkit-background-size: cover;
| |
- | -moz-background-size: cover;
| |
- | -o-background-size: cover;
| |
- | background-size: cover;
| |
- | }
| |
- | h1.firstHeading {
| |
- |
| |
- | visibility:hidden;
| |
- | }
| |
- |
| |
- | #center {
| |
- | text-align:center; <!-- not sure if need this-->
| |
- |
| |
- | }
| |
- |
| |
- | #p-logo {
| |
- | visibility:hidden;
| |
- | }
| |
- |
| |
- | #searchform {
| |
- | visibility:hidden;
| |
- | }
| |
- |
| |
- |
| |
- | #top-section{
| |
- |
| |
- | border:none;
| |
- | margin-bottom: -85px;
| |
- | }
| |
- | #catlinks{
| |
- | border:none;
| |
- | display:none;
| |
- | }
| |
- | #content {padding:0px; width: 975px; border:none; background: none;}
| |
- |
| |
- |
| |
- | #footer-box {
| |
- | background:none;
| |
- | border:none;
| |
- | }
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | /*begin igem 2012 styles*/
| |
- | /*Main Structure*/
| |
- |
| |
- |
| |
- |
| |
- | .content-wrap {
| |
- | width: 925px;
| |
- | margin: 0 auto;
| |
- | display:block;
| |
- | clear:both;
| |
- | margin-top: 25px;
| |
- | background: rgba(255,255,255,.7);
| |
- | padding: 25px;
| |
- | -webkit-border-radius: 5px;
| |
- | -moz-border-radius: 5px;
| |
- | border-radius: 5px;
| |
- | }
| |
- |
| |
- |
| |
- | /*
| |
- | * jQuery FlexSlider v1.8
| |
- | * http://www.woothemes.com/flexslider/
| |
- | *
| |
- | * Copyright 2012 WooThemes
| |
- | * Free to use under the MIT license.
| |
- | * http://www.opensource.org/licenses/mit-license.php
| |
- | */
| |
- |
| |
- | /* Browser Resets */
| |
- |
| |
- |
| |
- | /* FlexSlider Necessary Styles
| |
- | *********************************/
| |
- | .
| |
- |
| |
- | /* Clearfix for the .slides element */
| |
- | .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
| |
- | html[xmlns] .slides {display: block;}
| |
- | * html .slides {height: 1%;}
| |
- |
| |
- | /* No JavaScript Fallback */
| |
- | /* If you are not using another script, such as Modernizr, make sure you
| |
- | * include js that eliminates this class on page load */
| |
- | .no-js .slides > li:first-child {display: block;}
| |
- |
| |
- |
| |
- | /* FlexSlider Default Theme
| |
- | *********************************/
| |
- | .flexslider {margin-left: -9px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1; width: 450px; height: 251px;}
| |
- | .flexslider .slides {zoom: 1;}
| |
- | .flexslider .slides > li {position: relative;}
| |
- | /* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
| |
- | .flex-container {zoom: 1; position: relative; width: 450px;}
| |
- |
| |
- | /* Caption style */
| |
- | /* IE rgba() hack */
| |
- | .flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
| |
- | filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;-webkit-border-radius: 5px;
| |
- | -moz-border-radius: 5px;
| |
- | border-radius: 5px;}
| |
- | .flex-caption {width: 400px; min-height: 270px; padding: 2%; margin: -252px 0px 0px 510px; position: relative; color: #94d4d4f; font-size: 16px; line-height: 18px; }
| |
- |
| |
- | /* Direction Nav */
| |
- | .flex-direction-nav { height: 0;}
| |
- | .flex-direction-nav a {width: 52px; height: 52px; margin: 70px 0 0 0; display: block; background: url("http://reamsbottom.net/igem/team_slider/images/bg_direction_nav2.png") no-repeat; position: absolute; top: 50%; cursor: pointer; text-indent: -999em;}
| |
- | .flex-direction-nav .flex-next {background-position: -52px 0; right: -1px;background: url("http://reamsbottom.net/igem/team_slider/images/bg_direction_nav2next.png") no-repeat;}
| |
- | .flex-direction-nav .flex-prev {left: 0px;}
| |
- | .flex-direction-nav .flex-disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
| |
- |
| |
- | /* Control Nav */
| |
- | .flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
| |
- | .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
| |
- | .flex-control-nav li:first-child {margin: 0;}
| |
- | .flex-control-nav a {width: 13px; height: 13px; display: block; background: url("http://reamsbottom.net/igem/team_slider/images/bg_control_nav.png") no-repeat; cursor: pointer; text-indent: -999em;}
| |
- | .flex-control-nav a:hover {background-position: 0 -13px;}
| |
- | .flex-control-nav a.flex-active {background-position: 0 -26px; cursor: default;}
| |
- |
| |
- | /* Specific Slider Styles */
| |
- |
| |
- | body {font-family: 'Helvetica', 'Arial', sans-serif;}
| |
- | #container {width: 450px; margin: 0 auto;}
| |
- |
| |
- | .flex-caption h2 {width: 450px; padding: 20px 0 30px; font-size: 22px; line-height: 22px;}
| |
- | .flex-caption h2 a {text-decoration: none; color: #427f9e;}
| |
- | .flex-caption h2 a:hover {border-bottom: 1px dotted #427f9e;}
| |
- |
| |
- | /*
| |
- | *End Slider Styling
| |
- | */
| |