Team:SYSU-Software/style.css
From 2012.igem.org
Nie1234567 (Talk | contribs) |
Nie1234567 (Talk | contribs) |
||
Line 1: | Line 1: | ||
- | + | * { | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
margin:0; | margin:0; | ||
padding:0; | padding:0; | ||
+ | } | ||
+ | html, body { | ||
+ | height:100%; | ||
+ | } | ||
+ | html { | ||
+ | min-width:968px; | ||
+ | } | ||
+ | body { | ||
+ | background:url(images/main-bg.jpg) no-repeat 50% 0 #0f0f0f; | ||
+ | font-family:Arial, Helvetica, sans-serif; | ||
+ | font-size:100%; | ||
+ | line-height:1.25em; | ||
+ | color:#4c4c4c; | ||
} | } | ||
- | + | img { | |
- | + | border:0; | |
- | + | vertical-align:top; | |
- | text- | + | text-align:left; |
+ | } | ||
+ | object { | ||
+ | vertical-align:top; | ||
+ | outline:none; | ||
+ | } | ||
+ | ul, ol { | ||
+ | list-style:none; | ||
} | } | ||
- | + | .fleft { | |
- | + | float:left; | |
+ | } | ||
+ | .fright { | ||
+ | float:right; | ||
+ | } | ||
+ | .clear { | ||
+ | clear:both; | ||
} | } | ||
- | + | .col-1, .col-2, .col-3 { | |
- | + | float:left; | |
} | } | ||
- | + | .alignright { | |
- | text- | + | text-align:right; |
+ | } | ||
+ | .aligncenter { | ||
+ | text-align:center; | ||
} | } | ||
- | + | .wrapper { | |
width:100%; | width:100%; | ||
- | |||
- | |||
overflow:hidden; | overflow:hidden; | ||
- | |||
} | } | ||
+ | .container { | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
- | # | + | /*==== GLOBAL =====*/ |
- | width: | + | #main { |
- | margin: | + | width:968px; |
- | + | margin:0 auto; | |
+ | font-size:.875em; | ||
+ | position:relative; | ||
} | } | ||
- | #header | + | #header { |
- | + | height:527px; | |
- | + | overflow:hidden; | |
+ | background:url(images/header-bg.jpg) no-repeat 0 0; | ||
+ | } | ||
+ | #content { | ||
+ | background:url(images/content-bg.jpg) no-repeat 0 0 #010101; | ||
+ | padding:34px 57px 46px 59px; | ||
+ | } | ||
+ | #footer { | ||
+ | padding:10px 0 60px 75px; | ||
+ | background:#010101; | ||
} | } | ||
- | + | ||
- | + | ||
- | + | /*---- tailings ----*/ | |
- | + | .tail-top { | |
+ | background:url(images/tail-top.gif) left top repeat-x; | ||
+ | padding-top:25px; | ||
} | } | ||
- | |||
- | + | /*----- forms parameters -----*/ | |
- | # | + | input, select, textarea { |
- | width: | + | font-family:Arial, Helvetica, sans-serif; font-size:1em; |
- | margin: | + | vertical-align:middle; |
+ | font-weight:normal; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*----- other -----*/ | ||
+ | .img-indent { | ||
+ | margin:0 42px 0 0; | ||
+ | float:left; | ||
+ | } | ||
+ | .img-box { | ||
+ | width:100%; | ||
+ | overflow:hidden; | ||
+ | padding-bottom:20px; | ||
+ | } | ||
+ | .img-box img { | ||
+ | float:left; | ||
+ | margin:0 42px 0 0; | ||
+ | } | ||
+ | |||
+ | .extra-wrap { | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | |||
+ | |||
+ | p { | ||
+ | margin-bottom:20px; | ||
+ | } | ||
+ | .p1 { | ||
+ | margin-bottom:10px; | ||
+ | } | ||
+ | .p2 { | ||
+ | margin-bottom:20px; | ||
+ | } | ||
+ | .p3 { | ||
+ | margin-bottom:30px; | ||
+ | } | ||
+ | |||
+ | /*----- txt, links, lines, titles -----*/ | ||
+ | a { | ||
+ | color:#4a4a4a; | ||
+ | outline:none; | ||
+ | } | ||
+ | a:hover{ | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | h1 { | ||
+ | position:absolute; | ||
+ | left:59px; | ||
+ | top:36px; | ||
+ | font-size:83px; | ||
+ | line-height:1.2em; | ||
+ | color:#fff; | ||
+ | font-weight:normal; | ||
+ | font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; | ||
+ | letter-spacing:-2px; | ||
+ | } | ||
+ | h1 a { | ||
+ | color:#fff; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | h2 { | ||
+ | font-size:24px; | ||
+ | line-height:1.2em; | ||
+ | font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; | ||
+ | font-weight:normal; | ||
+ | color:#000; | ||
+ | margin-bottom:14px; | ||
+ | padding-top:6px; | ||
+ | } | ||
+ | |||
+ | .link1 { | ||
+ | display:block; | ||
+ | float:left; | ||
+ | background:url(images/link1-left-bg.gif) no-repeat left top #e2e2e2; | ||
+ | color:#000; | ||
+ | text-decoration:none; | ||
+ | font-size:10px; | ||
+ | text-transform:uppercase; | ||
+ | } | ||
+ | .link1 b { | ||
+ | display:block; | ||
+ | background:url(images/link1-right-bg.gif) no-repeat right top; | ||
+ | padding:0 19px 0 11px; | ||
+ | font-weight:normal; font-style:normal; | ||
+ | line-height:28px; | ||
+ | } | ||
+ | |||
+ | .link1:hover { | ||
+ | background:url(images/link1-left-bg.gif) no-repeat left -28px #474747; | ||
+ | color:#fff; | ||
+ | } | ||
+ | .link1:hover b { | ||
+ | background-position:100% -28px; | ||
+ | } | ||
+ | |||
+ | |||
+ | .line-ver, .line-ver1 { | ||
+ | background-image:url(images/line-ver.gif); | ||
+ | background-repeat:repeat-y; | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*==================boxes====================*/ | ||
+ | .box { | ||
+ | background:#f7f7f7; | ||
+ | width:100%; | ||
+ | border-top:1px solid #e5e5e5; | ||
+ | font-size:13px; | ||
+ | line-height:18px; | ||
+ | color:#7e7e7e; | ||
+ | } | ||
+ | .box .left-bot-corner { | ||
+ | background:url(images/left-bot-corner.gif) no-repeat left bottom; | ||
+ | width:100%; | ||
+ | } | ||
+ | .box .right-bot-corner { | ||
+ | background:url(images/right-bot-corner.gif) no-repeat right bottom; | ||
+ | } | ||
+ | .box .inner { | ||
+ | padding:23px 28px 40px 35px; | ||
+ | } | ||
+ | .box p { | ||
+ | margin-bottom:18px; | ||
+ | } | ||
+ | .box strong { | ||
+ | color:#4a4a4a; | ||
+ | } | ||
+ | .box .link1 { | ||
+ | background:url(images/link1-left-alt.gif) no-repeat left top #e2e2e2; | ||
+ | } | ||
+ | .box .link1 b { | ||
+ | background:url(images/link1-right-alt.gif) no-repeat right top; | ||
+ | } | ||
+ | .box .link1:hover { | ||
+ | background:url(images/link1-left-alt.gif) no-repeat left -28px #474747; | ||
+ | } | ||
+ | .box .link1:hover b { | ||
+ | background-position:100% -28px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .box1 { | ||
+ | background:url(images/box1-bg.gif) 0 0 repeat-x #fff; | ||
+ | width:100%; | ||
} | } | ||
+ | .box1 .left-top-corner { | ||
+ | background:url(images/left-top-corner.gif) no-repeat 0 0; | ||
+ | } | ||
+ | .box1 .right-top-corner { | ||
+ | background:url(images/right-top-corner.gif) no-repeat 100% 0; | ||
+ | width:100%; | ||
+ | } | ||
+ | .box1 .right-bot-corner { | ||
+ | background:url(images/right-bot-corner-alt.gif) no-repeat 100% 100%; | ||
+ | } | ||
+ | .box1 .left-bot-corner { | ||
+ | background:url(images/left-bot-corner-alt.gif) no-repeat 0 100%; | ||
+ | width:100%; | ||
+ | } | ||
+ | .box1 .inner { | ||
+ | padding:27px 28px 40px 35px; | ||
+ | } | ||
- | # | + | |
- | width: | + | |
- | + | .address { | |
+ | float:left; | ||
+ | } | ||
+ | .address dd { | ||
+ | clear:both; | ||
+ | text-align:right; | ||
+ | } | ||
+ | .address dd span { | ||
+ | float:left; | ||
+ | padding-right:20px; | ||
+ | } | ||
+ | .address dd a { | ||
+ | color:#4a4a4a; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*===== header =====*/ | ||
+ | #header .nav { | ||
+ | position:absolute; | ||
+ | left:59px; | ||
+ | top:176px; | ||
+ | width:268px; | ||
+ | border-top:1px solid #4d4d4d; | ||
+ | } | ||
+ | #header .nav li { | ||
+ | width:100%; | ||
+ | overflow:hidden; | ||
+ | vertical-align:top; | ||
+ | } | ||
+ | #header .nav li a { | ||
+ | display:block; | ||
+ | font-size:26px; | ||
+ | line-height:1.2em; | ||
+ | font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; | ||
+ | color:#fff; | ||
+ | text-decoration:none; | ||
+ | padding:9px 0 8px 18px; | ||
+ | border-bottom:1px solid #4d4d4d; | ||
+ | background:url(images/png-point.png) 0 0 no-repeat; | ||
+ | } | ||
+ | #header .nav li a span { | ||
+ | display:block; | ||
+ | color:#525252; | ||
+ | font-size:17px; | ||
+ | line-height:1.2em; | ||
+ | } | ||
+ | |||
+ | #header .nav li a:hover, #header .nav li a.current { | ||
+ | background:url(images/nav-bg.png); | ||
+ | } | ||
+ | |||
+ | /*--- faded slider ---*/ | ||
+ | #faded { | ||
+ | width:566px; | ||
+ | height:504px; | ||
+ | position:absolute; | ||
+ | left:379px; | ||
+ | top:23px; | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | #faded ul { list-style:none; padding:0; margin:0; } | ||
+ | |||
+ | #faded li strong { | ||
+ | display:block; | ||
+ | position:absolute; | ||
+ | left:218px; | ||
+ | top:349px; | ||
+ | background:url(images/title-bg.png) no-repeat 0 0; | ||
+ | width:298px; | ||
+ | height:56px; | ||
+ | font-size:45px; | ||
+ | font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; | ||
+ | color:#fff; | ||
+ | line-height:48px; | ||
+ | text-align:center; | ||
+ | font-weight:normal; | ||
+ | letter-spacing:-2px; | ||
+ | } | ||
+ | |||
+ | #faded ul.controls { | ||
+ | position:absolute; | ||
+ | right:34px; | ||
+ | top:153px; | ||
+ | width:46px; | ||
+ | height:68px; | ||
} | } | ||
- | # | + | #faded ul.controls li { |
+ | width:100%; | ||
+ | overflow:hidden; | ||
+ | vertical-align:top; | ||
+ | } | ||
+ | #faded ul.controls li a { | ||
+ | display:block; | ||
+ | width:46px; | ||
+ | height:34px; | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | #faded ul.controls li a.prev { | ||
+ | background:url(images/controls.png) no-repeat 0 0; | ||
+ | } | ||
+ | #faded ul.controls li a.prev:hover { | ||
+ | background-position:0 -68px; | ||
+ | } | ||
+ | #faded ul.controls li a.next { | ||
+ | background:url(images/controls.png) no-repeat 0 -34px; | ||
+ | } | ||
+ | #faded ul.controls li a.next:hover { | ||
+ | background-position:0 -102px; | ||
+ | } | ||
- | # | + | #faded .button-alt { |
- | background: | + | display:block; |
- | + | background:url(images/button.gif) no-repeat 0 0; | |
- | + | width:90px; | |
- | + | height:28px; | |
- | + | line-height:28px; | |
- | margin: | + | text-transform:uppercase; |
+ | color:#000; | ||
+ | text-align:center; | ||
+ | font-size:10px; | ||
+ | text-decoration:none; | ||
+ | text-indent:-7px; | ||
+ | position:absolute; | ||
+ | bottom:62px; | ||
+ | right:85px; | ||
+ | } | ||
+ | #faded .button-alt:hover { | ||
+ | text-decoration:underline; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /*===== content =====*/ | ||
+ | |||
+ | /*--- tabs ---*/ | ||
+ | ul.tabs { | ||
+ | margin: 0; | ||
padding: 0; | padding: 0; | ||
+ | float: left; | ||
+ | list-style: none; | ||
+ | height: 48px; /*--Set height of tabs--*/ | ||
+ | padding:0 0 0 0; | ||
+ | position:relative; | ||
+ | float:right; | ||
+ | } | ||
+ | ul.tabs li { | ||
+ | float: left; | ||
+ | border-left: none; | ||
+ | overflow: hidden; | ||
position: relative; | position: relative; | ||
- | width: | + | background:url(images/tab-bg1.gif) no-repeat 0 0; |
+ | width:130px; | ||
+ | height:44px; | ||
+ | line-height:44px; | ||
+ | font-size:14px; | ||
+ | color:#fff; | ||
+ | text-align:center; | ||
+ | font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; | ||
+ | margin:4px 0 0 4px; | ||
} | } | ||
- | + | ul.tabs li.first { | |
- | + | margin-left:0; | |
} | } | ||
- | + | ul.tabs li a { | |
- | li { | + | text-decoration: none; |
- | + | color: #fff; | |
+ | display: block; | ||
} | } | ||
- | + | html ul.tabs li.active a { | |
- | + | color:#000; | |
- | + | } | |
- | + | ||
+ | ul.tabs li:hover, html ul.tabs li.active { | ||
+ | background:url(images/tab-bg2.gif) no-repeat 0 0; | ||
+ | margin-top:0; | ||
+ | height:48px; | ||
+ | color:#000; | ||
+ | line-height:48px; | ||
} | } | ||
- | # | + | ul.tabs li:hover a { |
- | + | color:#000; | |
- | + | } | |
- | + | ||
+ | .tab_container { | ||
+ | overflow: hidden; | ||
+ | clear: both; | ||
+ | float: left; width: 100%; | ||
+ | background: #fff; | ||
+ | min-height:305px; | ||
+ | height:auto !important; | ||
+ | height:305px; | ||
} | } | ||
- | + | .tab_content { | |
- | + | padding: 35px 30px 32px 35px; | |
} | } | ||
- | / | + | /*--- tabs ---*/ |
- | + | ||
- | + | ||
- | + | .list1 { | |
+ | padding-bottom:20px; | ||
} | } | ||
- | + | .list1 li { | |
- | + | background:url(images/arrow1.gif) no-repeat 6px 12px; | |
+ | padding:6px 0 5px 20px; | ||
+ | border-bottom:1px solid #dedede; | ||
+ | font-size:13px !important; | ||
+ | } | ||
+ | .list1 li.last { | ||
+ | border-bottom:none; | ||
+ | } | ||
+ | .list1 li a { | ||
+ | color:#4a4a4a; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | .list1 li a:hover { | ||
+ | color:#000; | ||
+ | text-decoration:underline; | ||
+ | } | ||
+ | |||
+ | .products-list li { | ||
+ | width:100%; | ||
+ | overflow:hidden; | ||
+ | border-bottom:1px solid #dcdcdc; | ||
+ | padding:12px 0 12px 0; | ||
+ | color:#4a4a4a; | ||
+ | } | ||
+ | .products-list li.last { | ||
+ | border-bottom:none; | ||
+ | margin-bottom:0; | ||
+ | } | ||
+ | .products-list li img { | ||
+ | float:left; | ||
+ | margin-right:30px; | ||
+ | } | ||
+ | .products-list li p { | ||
+ | margin-bottom:12px; | ||
+ | } | ||
+ | |||
+ | |||
+ | .banners { | ||
+ | width:100%; | ||
+ | overflow:hidden; | ||
+ | padding:44px 0 0 0; | ||
+ | } | ||
+ | .banners li { | ||
+ | float:left; | ||
+ | background:url(images/divider.gif) no-repeat 100% 0; | ||
+ | padding:0 22px 0 22px; | ||
+ | } | ||
+ | .banners li.last { | ||
+ | background:none; | ||
+ | padding-right:0; | ||
+ | } | ||
+ | |||
+ | |||
+ | .testimonials li { | ||
+ | text-align:right; | ||
+ | padding-bottom:18px; | ||
+ | } | ||
+ | .testimonials li blockquote { | ||
+ | text-align:left; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /*===== footer =====*/ | ||
#footer { | #footer { | ||
- | + | font-size:10px; | |
- | + | text-transform:uppercase; | |
+ | color:#4a4a4a; | ||
} | } | ||
- | # | + | #footer a { |
- | + | color:#fff; | |
+ | text-decoration:none; | ||
+ | } | ||
+ | #footer a:hover { | ||
+ | text-decoration:underline; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*----- forms -----*/ | ||
+ | #search-form { | ||
+ | position:absolute; | ||
+ | width:190px; | ||
+ | height:25px; | ||
+ | right:57px; | ||
+ | top:-2px; | ||
+ | background:url(images/search-bg.gif) no-repeat 0 0; | ||
} | } | ||
- | + | #search-form fieldset { | |
+ | border:none; | ||
+ | } | ||
+ | #search-form input.text { | ||
+ | width:135px; | ||
+ | border:none; | ||
+ | background:none; | ||
+ | font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; | ||
+ | font-size:13px; | ||
+ | color:#7f7f7f; | ||
+ | padding:0 0 6px 21px; | ||
+ | font-style:italic; | ||
+ | line-height:16px; | ||
+ | } | ||
+ | #search-form input.submit { | ||
+ | border:none; | ||
+ | background:none; | ||
+ | width:33px; | ||
+ | height:25px; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | |||
+ | #contacts-form fieldset { | ||
+ | border:none; | ||
+ | } | ||
+ | #contacts-form label { | ||
+ | display:block; | ||
+ | height:32px; | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | #contacts-form input { | ||
+ | background:#fff; | ||
+ | width:210px; | ||
+ | padding:2px 5px 2px 6px; | ||
+ | border:none; | ||
+ | border:1px solid #e1e1e1; | ||
+ | color:#7e7e7e; | ||
+ | border-color:#303030 #cecece #e1e1e1 #585858; | ||
+ | } | ||
+ | #contacts-form textarea { | ||
+ | width:210px; | ||
+ | padding:2px 5px 2px 6px; | ||
+ | height:104px; | ||
+ | background:#fff; | ||
+ | overflow:auto; | ||
+ | border:1px solid #e1e1e1; | ||
+ | border-color:#303030 #cecece #e1e1e1 #585858; | ||
+ | color:#7e7e7e; | ||
+ | margin-bottom:17px; | ||
+ | } | ||
+ | #contacts-form .link1 { | ||
+ | float:right; | ||
+ | margin-left:10px; | ||
+ | } | ||
+ | |||
+ | /*==========================================*/ |
Revision as of 07:32, 13 September 2012
- {
margin:0; padding:0; } html, body { height:100%; } html { min-width:968px; } body { background:url(images/main-bg.jpg) no-repeat 50% 0 #0f0f0f; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1.25em; color:#4c4c4c; }
img { border:0; vertical-align:top; text-align:left; } object { vertical-align:top; outline:none; } ul, ol { list-style:none; }
.fleft { float:left; } .fright { float:right; } .clear { clear:both; }
.col-1, .col-2, .col-3 { float:left; }
.alignright { text-align:right; } .aligncenter { text-align:center; }
.wrapper { width:100%; overflow:hidden; } .container { width:100%; }
/*==== GLOBAL =====*/
- main {
width:968px; margin:0 auto; font-size:.875em; position:relative; }
- header {
height:527px; overflow:hidden; background:url(images/header-bg.jpg) no-repeat 0 0; }
- content {
background:url(images/content-bg.jpg) no-repeat 0 0 #010101; padding:34px 57px 46px 59px; }
- footer {
padding:10px 0 60px 75px; background:#010101; }
/*---- tailings ----*/ .tail-top { background:url(images/tail-top.gif) left top repeat-x; padding-top:25px; }
/*----- forms parameters -----*/
input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em; vertical-align:middle; font-weight:normal; }
/*----- other -----*/
.img-indent {
margin:0 42px 0 0;
float:left;
}
.img-box {
width:100%;
overflow:hidden;
padding-bottom:20px;
}
.img-box img {
float:left;
margin:0 42px 0 0;
}
.extra-wrap { overflow:hidden; }
p {
margin-bottom:20px;
}
.p1 {
margin-bottom:10px;
}
.p2 {
margin-bottom:20px;
}
.p3 {
margin-bottom:30px;
}
/*----- txt, links, lines, titles -----*/ a { color:#4a4a4a; outline:none; } a:hover{ text-decoration:none; }
h1 { position:absolute; left:59px; top:36px; font-size:83px; line-height:1.2em; color:#fff; font-weight:normal; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:-2px; } h1 a { color:#fff; text-decoration:none; } h2 { font-size:24px; line-height:1.2em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; color:#000; margin-bottom:14px; padding-top:6px; }
.link1 { display:block; float:left; background:url(images/link1-left-bg.gif) no-repeat left top #e2e2e2; color:#000; text-decoration:none; font-size:10px; text-transform:uppercase; } .link1 b { display:block; background:url(images/link1-right-bg.gif) no-repeat right top; padding:0 19px 0 11px; font-weight:normal; font-style:normal; line-height:28px; }
.link1:hover { background:url(images/link1-left-bg.gif) no-repeat left -28px #474747; color:#fff; } .link1:hover b { background-position:100% -28px; }
.line-ver, .line-ver1 {
background-image:url(images/line-ver.gif);
background-repeat:repeat-y;
width:100%;
}
/*==================boxes====================*/
.box {
background:#f7f7f7;
width:100%;
border-top:1px solid #e5e5e5;
font-size:13px;
line-height:18px;
color:#7e7e7e;
}
.box .left-bot-corner {
background:url(images/left-bot-corner.gif) no-repeat left bottom;
width:100%;
}
.box .right-bot-corner {
background:url(images/right-bot-corner.gif) no-repeat right bottom;
}
.box .inner {
padding:23px 28px 40px 35px;
}
.box p {
margin-bottom:18px;
}
.box strong {
color:#4a4a4a;
}
.box .link1 { background:url(images/link1-left-alt.gif) no-repeat left top #e2e2e2; } .box .link1 b { background:url(images/link1-right-alt.gif) no-repeat right top; } .box .link1:hover { background:url(images/link1-left-alt.gif) no-repeat left -28px #474747; } .box .link1:hover b { background-position:100% -28px; }
.box1 { background:url(images/box1-bg.gif) 0 0 repeat-x #fff; width:100%; } .box1 .left-top-corner { background:url(images/left-top-corner.gif) no-repeat 0 0; } .box1 .right-top-corner { background:url(images/right-top-corner.gif) no-repeat 100% 0; width:100%; } .box1 .right-bot-corner { background:url(images/right-bot-corner-alt.gif) no-repeat 100% 100%; } .box1 .left-bot-corner { background:url(images/left-bot-corner-alt.gif) no-repeat 0 100%; width:100%; } .box1 .inner { padding:27px 28px 40px 35px; }
.address { float:left; } .address dd { clear:both; text-align:right; } .address dd span { float:left; padding-right:20px; } .address dd a { color:#4a4a4a; }
/*===== header =====*/
- header .nav {
position:absolute; left:59px; top:176px; width:268px; border-top:1px solid #4d4d4d; } #header .nav li { width:100%; overflow:hidden; vertical-align:top; } #header .nav li a { display:block; font-size:26px; line-height:1.2em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; padding:9px 0 8px 18px; border-bottom:1px solid #4d4d4d; background:url(images/png-point.png) 0 0 no-repeat; } #header .nav li a span { display:block; color:#525252; font-size:17px; line-height:1.2em; }
#header .nav li a:hover, #header .nav li a.current { background:url(images/nav-bg.png); }
/*--- faded slider ---*/
- faded {
width:566px; height:504px; position:absolute; left:379px; top:23px; overflow:hidden; }
- faded ul { list-style:none; padding:0; margin:0; }
#faded li strong { display:block; position:absolute; left:218px; top:349px; background:url(images/title-bg.png) no-repeat 0 0; width:298px; height:56px; font-size:45px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; line-height:48px; text-align:center; font-weight:normal; letter-spacing:-2px; }
- faded ul.controls {
position:absolute; right:34px; top:153px; width:46px; height:68px; } #faded ul.controls li { width:100%; overflow:hidden; vertical-align:top; } #faded ul.controls li a { display:block; width:46px; height:34px; overflow:hidden; } #faded ul.controls li a.prev { background:url(images/controls.png) no-repeat 0 0; } #faded ul.controls li a.prev:hover { background-position:0 -68px; } #faded ul.controls li a.next { background:url(images/controls.png) no-repeat 0 -34px; } #faded ul.controls li a.next:hover { background-position:0 -102px; }
- faded .button-alt {
display:block; background:url(images/button.gif) no-repeat 0 0; width:90px; height:28px; line-height:28px; text-transform:uppercase; color:#000; text-align:center; font-size:10px; text-decoration:none; text-indent:-7px; position:absolute; bottom:62px; right:85px; }
- faded .button-alt:hover {
text-decoration:underline; }
/*===== content =====*/
/*--- tabs ---*/ ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 48px; /*--Set height of tabs--*/ padding:0 0 0 0; position:relative; float:right; } ul.tabs li { float: left; border-left: none; overflow: hidden; position: relative; background:url(images/tab-bg1.gif) no-repeat 0 0; width:130px; height:44px; line-height:44px; font-size:14px; color:#fff; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:4px 0 0 4px; } ul.tabs li.first { margin-left:0; } ul.tabs li a { text-decoration: none; color: #fff; display: block; } html ul.tabs li.active a { color:#000; }
ul.tabs li:hover, html ul.tabs li.active { background:url(images/tab-bg2.gif) no-repeat 0 0; margin-top:0; height:48px; color:#000; line-height:48px; } ul.tabs li:hover a { color:#000; }
.tab_container { overflow: hidden; clear: both; float: left; width: 100%; background: #fff; min-height:305px; height:auto !important; height:305px; } .tab_content { padding: 35px 30px 32px 35px; } /*--- tabs ---*/
.list1 {
padding-bottom:20px;
}
.list1 li {
background:url(images/arrow1.gif) no-repeat 6px 12px;
padding:6px 0 5px 20px;
border-bottom:1px solid #dedede;
font-size:13px !important;
}
.list1 li.last {
border-bottom:none;
}
.list1 li a {
color:#4a4a4a;
text-decoration:none;
}
.list1 li a:hover {
color:#000;
text-decoration:underline;
}
.products-list li {
width:100%;
overflow:hidden;
border-bottom:1px solid #dcdcdc;
padding:12px 0 12px 0;
color:#4a4a4a;
}
.products-list li.last {
border-bottom:none;
margin-bottom:0;
}
.products-list li img {
float:left;
margin-right:30px;
}
.products-list li p {
margin-bottom:12px;
}
.banners {
width:100%;
overflow:hidden;
padding:44px 0 0 0;
}
.banners li {
float:left;
background:url(images/divider.gif) no-repeat 100% 0;
padding:0 22px 0 22px;
}
.banners li.last {
background:none;
padding-right:0;
}
.testimonials li {
text-align:right;
padding-bottom:18px;
}
.testimonials li blockquote {
text-align:left;
}
/*===== footer =====*/
- footer {
font-size:10px; text-transform:uppercase; color:#4a4a4a; } #footer a { color:#fff; text-decoration:none; } #footer a:hover { text-decoration:underline; }
/*----- forms -----*/
- search-form {
position:absolute; width:190px; height:25px; right:57px; top:-2px; background:url(images/search-bg.gif) no-repeat 0 0; } #search-form fieldset { border:none; } #search-form input.text { width:135px; border:none; background:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#7f7f7f; padding:0 0 6px 21px; font-style:italic; line-height:16px; } #search-form input.submit { border:none; background:none; width:33px; height:25px; cursor:pointer; }
- contacts-form fieldset {
border:none; } #contacts-form label { display:block; height:32px; overflow:hidden; } #contacts-form input { background:#fff; width:210px; padding:2px 5px 2px 6px; border:none; border:1px solid #e1e1e1; color:#7e7e7e; border-color:#303030 #cecece #e1e1e1 #585858; } #contacts-form textarea { width:210px; padding:2px 5px 2px 6px; height:104px; background:#fff; overflow:auto; border:1px solid #e1e1e1; border-color:#303030 #cecece #e1e1e1 #585858; color:#7e7e7e; margin-bottom:17px; } #contacts-form .link1 { float:right; margin-left:10px; }
/*==========================================*/