From 2013.igem.org
(Difference between revisions)
|
|
Line 110: |
Line 110: |
| | | |
| | | |
- | /* 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
| + | |
- | */
| + | |
Revision as of 00:16, 11 July 2013
/*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;
}
- 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
.
/