Team:UniSalento Lecce/css/common.css
From 2013.igem.org
(61 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup | + | article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, meter, nav, output, progress, section, source, video { |
- | display:block | + | display: block; |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
html, body { | html, body { | ||
- | |||
- | |||
- | |||
width: 100%; | width: 100%; | ||
+ | height: 100%; | ||
margin: 0px; | margin: 0px; | ||
padding: 0px; | padding: 0px; | ||
- | |||
- | |||
} | } | ||
+ | html { | ||
+ | min-width: 1351px; | ||
} | } | ||
- | + | body{ | |
- | + | background-image: url(https://static.igem.org/mediawiki/2013/f/fa/Unisalento_bg.png); | |
- | font-size: | + | background-repeat: repeat; |
+ | font-size:14px; | ||
+ | min-width: 1351px; | ||
} | } | ||
- | + | a{ | |
- | + | color: #8ac101; | |
} | } | ||
- | /****************************** | + | /****************************** IGEM pre ********************************/ |
- | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo{ | + | |
+ | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { | ||
display:none; | display:none; | ||
} | } | ||
- | #globalWrapper{ | + | #globalWrapper { |
- | + | ||
- | + | ||
width: 100%; | width: 100%; | ||
- | margin: | + | margin: 0px; |
- | padding: | + | padding: 0px; |
+ | border: none; | ||
+ | font-size: 100%; | ||
} | } | ||
- | # | + | #content { |
+ | width: 100%; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
border: none; | border: none; | ||
- | |||
} | } | ||
- | # | + | #bodyContent { |
+ | width: 100%; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
border: none; | border: none; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2013/f/fa/Unisalento_bg.png); | ||
+ | background-repeat: repeat; | ||
+ | } | ||
+ | #bodyContent p { | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | #bodyContent h1, h2, h3, h4, h5, h6 { | ||
+ | font-family: 'BebasNeueRegular',Arial, Helvetica, sans-serif; | ||
+ | padding: 0px; | ||
+ | margin: 20px auto 20px auto; | ||
+ | color:#666666; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | #bodyContent h1, h2 { | ||
+ | font-size:20pt; | ||
+ | } | ||
+ | #bodyContent h3, h4 { | ||
+ | font-size:14pt; | ||
+ | } | ||
+ | #top-section { | ||
+ | width: 965px; | ||
+ | height: 0px; | ||
+ | margin: 0px auto; | ||
+ | padding: 0px; | ||
+ | border: none; | ||
+ | } | ||
+ | header { | ||
+ | height:282px; | ||
} | } | ||
#banner{ | #banner{ | ||
Line 60: | Line 93: | ||
#banner_p article { background: url("../images/img/logo.png") no-repeat scroll center top transparent; height: 458px; position: absolute; text-indent: -9999px; top: 291px; width: 100%; } | #banner_p article { background: url("../images/img/logo.png") no-repeat scroll center top transparent; height: 458px; position: absolute; text-indent: -9999px; top: 291px; width: 100%; } | ||
- | + | /********************************** Header ***********************************/ | |
+ | |||
+ | header{ | ||
width: 100%; | width: 100%; | ||
- | + | height: 230px; | |
- | + | overflow: hidden; | |
+ | background-image: url(https://static.igem.org/mediawiki/2013/b/ba/Unisalento_header.jpg); | ||
+ | text-align:center | ||
} | } | ||
- | #nav{ | + | |
+ | /******************************* Social Links *********************************/ | ||
+ | |||
+ | #social_facebook{ | ||
+ | top: -4px; | ||
+ | right: 142px; | ||
+ | position: absolute; | ||
+ | background: transparent; | ||
+ | border: none; | ||
+ | } | ||
+ | #social_twitter{ | ||
+ | top: -4px; | ||
+ | right: 91px; | ||
+ | position: absolute; | ||
+ | background: transparent; | ||
+ | border: none; | ||
+ | } | ||
+ | #social_gmail{ | ||
+ | top: -4px; | ||
+ | right: 39px; | ||
+ | position: absolute; | ||
+ | background: transparent; | ||
+ | border: none; | ||
+ | } | ||
+ | #social_facebook:hover{ | ||
+ | top: 0px; | ||
+ | } | ||
+ | #social_twitter:hover{ | ||
+ | top: 0px; | ||
+ | } | ||
+ | #social_gmail:hover{ | ||
+ | top: 0px; | ||
+ | } | ||
+ | |||
+ | /******************************** Navigation bar *********************************/ | ||
+ | |||
+ | nav{ | ||
position: absolute; | position: absolute; | ||
top: 230px; | top: 230px; | ||
width: 100%; | width: 100%; | ||
- | + | min-width: 1351px; | |
+ | height: 52px; | ||
text-align: center; | text-align: center; | ||
z-index: 3000; | z-index: 3000; | ||
- | |||
background-color: rgba(1, 1, 1, 0.9); | background-color: rgba(1, 1, 1, 0.9); | ||
box-shadow: 0 18px 14px -14px rgba(0,0,0,0.6); | box-shadow: 0 18px 14px -14px rgba(0,0,0,0.6); | ||
Line 79: | Line 152: | ||
} | } | ||
ul#css3menu1,ul#css3menu1 ul{ | ul#css3menu1,ul#css3menu1 ul{ | ||
- | margin:0; | + | margin: 0; |
- | + | padding: 0; | |
- | + | list-style: none; | |
} | } | ||
ul#css3menu1,ul#css3menu1 .submenu{ | ul#css3menu1,ul#css3menu1 .submenu{ | ||
- | background-color:transparent; | + | background-color: transparent; |
} | } | ||
ul#css3menu1 .submenu{ | ul#css3menu1 .submenu{ | ||
Line 115: | Line 188: | ||
display:block; | display:block; | ||
white-space:nowrap; | white-space:nowrap; | ||
- | font-size: | + | font-size:0px; |
float:left; | float:left; | ||
} | } | ||
Line 133: | Line 206: | ||
} | } | ||
ul#css3menu1{ | ul#css3menu1{ | ||
- | font-size: | + | font-size:0px; |
z-index:999; | z-index:999; | ||
position:relative; | position:relative; | ||
Line 161: | Line 234: | ||
text-align:left; | text-align:left; | ||
text-decoration:none; | text-decoration:none; | ||
- | font: | + | font:14px Lucida Sans Unicode, sans-serif; |
color:#C0C0BA; | color:#C0C0BA; | ||
cursor:pointer; | cursor:pointer; | ||
Line 184: | Line 257: | ||
-webkit-transition:all 0.5s; | -webkit-transition:all 0.5s; | ||
-o-transition:all 0.5s; | -o-transition:all 0.5s; | ||
- | font: | + | font:14px Lucida Sans Unicode, |
sans-serif;color:#C0C0BA; | sans-serif;color:#C0C0BA; | ||
text-decoration:none; | text-decoration:none; | ||
Line 207: | Line 280: | ||
} | } | ||
ul#css3menu1 ul span{ | ul#css3menu1 ul span{ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2013/c/c4/Unisalento_next.png); | ||
padding-right:9px; | padding-right:9px; | ||
} | } | ||
Line 248: | Line 322: | ||
border-color:#434343; | border-color:#434343; | ||
} | } | ||
- | /******************************** Main *********************************/ | + | |
+ | /******************************** Main Content *********************************/ | ||
+ | |||
#main{ | #main{ | ||
width: 100%; | width: 100%; | ||
text-align: center; | text-align: center; | ||
+ | margin-top: 72px; | ||
+ | margin-bottom: 42px; | ||
} | } | ||
#main_wrap{ | #main_wrap{ | ||
width: 1000px; | width: 1000px; | ||
- | margin:0px auto 0px auto; | + | margin: 0px auto 0px auto; |
} | } | ||
- | # | + | #container{ |
- | background-color:white; | + | margin: 0px auto 40px auto; |
- | border:1px solid #d5d5d5 | + | background-color: white; |
- | + | border: 1px solid #d5d5d5; | |
- | + | ||
float: left; | float: left; | ||
text-align: left; | text-align: left; | ||
- | padding-top: | + | padding-top: 40px; |
- | padding-left: | + | padding-left: 65px; |
- | padding-right: | + | padding-right: 65px; |
- | padding-bottom: | + | padding-bottom: 50px; |
+ | border-radius: 7px; | ||
} | } | ||
- | /* Columns */ | + | #by { |
+ | font-size:12px; | ||
+ | float:left; | ||
+ | background-color:#d4d4d4; | ||
+ | color:#fff; | ||
+ | padding:0 5px 0 4px; | ||
+ | margin:0 0 0 3px; | ||
+ | border-radius:4px; | ||
+ | float: none; | ||
+ | } | ||
+ | table{ | ||
+ | border-collapse: collapse; /* 'cellspacing' equivalent */ | ||
+ | font-size:13px; | ||
+ | color:#707070; | ||
+ | } | ||
+ | table td, table th{ | ||
+ | padding-left: 10px; /* 'cellpadding' equivalent */ | ||
+ | padding-right: 10px; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | /**************** Columns ***************/ | ||
+ | |||
.nosplit{ | .nosplit{ | ||
width:100%; | width:100%; | ||
float:left; | float:left; | ||
text-align:left; | text-align:left; | ||
- | color:# | + | color:#666666; |
- | padding:10px 0px; | + | /*padding:10px 0px;*/ |
} | } | ||
- | . | + | .split1_3l{ |
- | width:30 | + | width:30%; |
- | padding:10px 2% 10px 1%; | + | /*padding:10px 2% 10px 1%;*/ |
float:left; | float:left; | ||
text-align:left; | text-align:left; | ||
- | color:# | + | color:#666666; |
+ | } | ||
+ | .split2l{ | ||
+ | width:50%; | ||
+ | /*padding:10px 2% 10px 1%;*/ | ||
+ | float:left; | ||
+ | text-align:left; | ||
+ | color:#666666; | ||
+ | } | ||
+ | .split2r{ | ||
+ | width:50%; | ||
+ | /*padding:10px 2% 10px 1%;*/ | ||
+ | float:right; | ||
+ | text-align:left; | ||
+ | color:#666666; | ||
+ | } | ||
+ | .split2_3r{ | ||
+ | width:63%; | ||
+ | /*padding:10px 3% 10px 2%;*/ | ||
+ | float:right; | ||
+ | text-align:left; | ||
+ | color:#666666; | ||
+ | } | ||
+ | .split1_3r{ | ||
+ | width:30%; | ||
+ | /*padding:10px 2% 10px 1%;*/ | ||
+ | float:right; | ||
+ | text-align:left; | ||
+ | color:#666666; | ||
} | } | ||
- | . | + | .split2_3l{ |
- | width: | + | width:63%; |
- | padding:10px 3% 10px 2%; | + | /*padding:10px 3% 10px 2%;*/ |
float:left; | float:left; | ||
text-align:left; | text-align:left; | ||
- | color:# | + | color:#666666; |
+ | } | ||
+ | .fixsidebar{ | ||
+ | top:365px; | ||
+ | position:absolute; | ||
+ | width:264px; | ||
+ | /*padding:10px 2% 10px 1%;*/ | ||
+ | float:left; | ||
+ | text-align:left; | ||
+ | } | ||
+ | table{ | ||
+ | border-collapse: collapse; /* 'cellspacing' equivalent */ | ||
+ | font-size:13px; | ||
+ | color:#666666; | ||
+ | } | ||
+ | table td, table th{ | ||
+ | padding-left: 10px; /* 'cellpadding' equivalent */ | ||
+ | padding-right: 10px; | ||
+ | text-align: left; | ||
} | } | ||
.clear{ | .clear{ | ||
clear:both !important; | clear:both !important; | ||
} | } | ||
- | /* | + | .teaml{ |
- | Back to top | + | margin: 30px 12px 30px 12px; |
- | */ | + | border-radius: 8px; |
+ | } | ||
+ | .teaml:hover{ | ||
+ | -webkit-transform: rotate(10deg); | ||
+ | -moz-transform: rotate(10deg); | ||
+ | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); | ||
+ | -o-transform:rotate(10deg); | ||
+ | -ms-transform:rotate(10deg); | ||
+ | filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); | ||
+ | -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; | ||
+ | } | ||
+ | .teamr{ | ||
+ | margin: 30px 12px 30px 12px; | ||
+ | border-radius: 8px; | ||
+ | } | ||
+ | .teamr:hover{ | ||
+ | -webkit-transform: rotate(-10deg); | ||
+ | -moz-transform: rotate(-10deg); | ||
+ | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); | ||
+ | -o-transform:rotate(-10deg); | ||
+ | -ms-transform:rotate(-10deg); | ||
+ | filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); | ||
+ | -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; | ||
+ | } | ||
+ | |||
+ | /*************** Image slider *****************/ | ||
+ | |||
+ | #hp_slider{ | ||
+ | display:block; | ||
+ | width:866px; | ||
+ | height:446px; | ||
+ | color:#999999; | ||
+ | background-color:#FAFAFA; | ||
+ | border:1px solid #D8D9DE; | ||
+ | border-bottom-color:#FAFAFA; | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | |||
+ | #hp_slider div.item{ | ||
+ | position:relative; | ||
+ | display:block; | ||
+ | width:850px; | ||
+ | height:100%; | ||
+ | margin:9px; | ||
+ | } | ||
+ | #fsn{ | ||
+ | display:block; | ||
+ | position:relative; | ||
+ | width:866px; | ||
+ | height:18px; | ||
+ | margin:0 0 25px 0; | ||
+ | text-align:center; | ||
+ | z-index:1000; | ||
+ | color:#999999; | ||
+ | background-color:#FAFAFA; | ||
+ | border:1px solid #D8D9DE; | ||
+ | border-top-color:#FAFAFA; | ||
+ | } | ||
+ | |||
+ | #fsn ul{ | ||
+ | display:block; | ||
+ | position:relative; | ||
+ | width:100px; | ||
+ | height:10px; | ||
+ | margin:0 auto; | ||
+ | padding:0; | ||
+ | overflow:hidden; | ||
+ | list-style:none; | ||
+ | } | ||
+ | |||
+ | #fsn ul li, #fsn ul li a{ | ||
+ | display:block; | ||
+ | float:left; | ||
+ | width:10px; | ||
+ | height:10px; | ||
+ | margin:0 10px 0 0; | ||
+ | padding:0; | ||
+ | } | ||
+ | |||
+ | #fsn ul li a{ | ||
+ | float:none; | ||
+ | border:none; | ||
+ | margin:0; | ||
+ | outline:none; | ||
+ | text-indent:-5000px; | ||
+ | text-decoration:none; | ||
+ | background:url("https://static.igem.org/mediawiki/2013/1/1f/Unisalento_slide_point.png") 50% 50% no-repeat; | ||
+ | } | ||
+ | |||
+ | #fsn .activeSlide{ | ||
+ | background:url("https://static.igem.org/mediawiki/2013/1/1f/Unisalento_slide_point.png") 0% 50% no-repeat; | ||
+ | } | ||
+ | |||
+ | /*************** Back-to-top Button *********************/ | ||
+ | |||
#back-top { | #back-top { | ||
position: fixed; | position: fixed; | ||
Line 311: | Line 551: | ||
text-decoration: none; | text-decoration: none; | ||
color: #bbb; | color: #bbb; | ||
- | |||
-webkit-transition: 1s; | -webkit-transition: 1s; | ||
-moz-transition: 1s; | -moz-transition: 1s; | ||
Line 324: | Line 563: | ||
display: block; | display: block; | ||
margin-bottom: 7px; | margin-bottom: 7px; | ||
- | background: #ddd url(../ | + | background: #ddd url(https://static.igem.org/mediawiki/2013/4/46/Arrow_up.png) no-repeat center center; |
- | + | ||
-webkit-border-radius: 15px; | -webkit-border-radius: 15px; | ||
-moz-border-radius: 15px; | -moz-border-radius: 15px; | ||
border-radius: 15px; | border-radius: 15px; | ||
- | |||
-webkit-transition: 1s; | -webkit-transition: 1s; | ||
-moz-transition: 1s; | -moz-transition: 1s; | ||
Line 337: | Line 574: | ||
background-color: #777; | background-color: #777; | ||
} | } | ||
+ | |||
/******************************** Footer *********************************/ | /******************************** Footer *********************************/ | ||
+ | |||
+ | footer{ | ||
+ | height: 255px; | ||
+ | background-color: rgba(1, 1, 1, 0.9); | ||
+ | box-shadow: 0 -18px 14px -14px rgba(0,0,0,0.6); | ||
+ | -moz-box-shadow: 0 -18px 14px -14px rgba(0,0,0,0.6); | ||
+ | -webkit-box-shadow: 0 -18px 14px -14px rgba(0,0,0,0.6); | ||
+ | } |
Latest revision as of 13:48, 4 October 2013
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, meter, nav, output, progress, section, source, video { display: block; } html, body { width: 100%; height: 100%; margin: 0px; padding: 0px; } html { min-width: 1351px; } body{ background-image: url(); background-repeat: repeat;
font-size:14px; min-width: 1351px;
} a{
color: #8ac101;
} /****************************** IGEM pre ********************************/
- contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
display:none;
}
- globalWrapper {
width: 100%; margin: 0px; padding: 0px; border: none; font-size: 100%;
}
- content {
width: 100%; margin: 0px; padding: 0px; border: none;
}
- bodyContent {
width: 100%; margin: 0px; padding: 0px; border: none; background-image: url(); background-repeat: repeat;
}
- bodyContent p {
margin: 0px; padding: 0px;
}
- bodyContent h1, h2, h3, h4, h5, h6 {
font-family: 'BebasNeueRegular',Arial, Helvetica, sans-serif; padding: 0px; margin: 20px auto 20px auto; color:#666666;
border: none;
}
- bodyContent h1, h2 {
font-size:20pt; }
- bodyContent h3, h4 {
font-size:14pt; }
- top-section {
width: 965px; height: 0px; margin: 0px auto; padding: 0px; border: none;
} header { height:282px; }
- banner{
width: 100%; height: 230px; text-align: center; overflow: hidden; /*background-color: #171716;*/ background-color: rgba(1, 1, 1, 0.9); }
- banner_p{
background: url(../images/img/home.jpg) 50% 0 no-repeat fixed; height: 230px; margin: 0 auto;
width: 100%; max-width: 1920px; position: relative; box-shadow: 0 0 50px rgba(0,0,0,0.8);
}
- banner_p article { background: url("../images/img/logo.png") no-repeat scroll center top transparent; height: 458px; position: absolute; text-indent: -9999px; top: 291px; width: 100%; }
/********************************** Header ***********************************/
header{ width: 100%; height: 230px; overflow: hidden; background-image: url();
text-align:center
}
/******************************* Social Links *********************************/
- social_facebook{
top: -4px; right: 142px; position: absolute; background: transparent; border: none; }
- social_twitter{
top: -4px; right: 91px; position: absolute; background: transparent; border: none; }
- social_gmail{
top: -4px; right: 39px; position: absolute; background: transparent; border: none; }
- social_facebook:hover{
top: 0px; }
- social_twitter:hover{
top: 0px; }
- social_gmail:hover{
top: 0px; }
/******************************** Navigation bar *********************************/
nav{ position: absolute; top: 230px; width: 100%;
min-width: 1351px;
height: 52px; text-align: center; z-index: 3000; background-color: rgba(1, 1, 1, 0.9); box-shadow: 0 18px 14px -14px rgba(0,0,0,0.6); -moz-box-shadow: 0 18px 14px -14px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 18px 14px -14px rgba(0,0,0,0.6);
} ul#css3menu1,ul#css3menu1 ul{ margin: 0; padding: 0; list-style: none; } ul#css3menu1,ul#css3menu1 .submenu{ background-color: transparent; } ul#css3menu1 .submenu{ visibility:hidden; position:absolute; left:0; top:100%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity:0; -moz-transition:all 0.5s; -webkit-transition:opacity 0.5s; -o-transition:opacity 0.5s; float:left; background-color:#0A0A0A; border-radius:0 5px 5px 5px; -moz-border-radius:0 5px 5px 5px; -webkit-border-radius:0; -webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; padding:0 3px 3px; filter:alpha(opacity=80) } ul#css3menu1 li:hover>.submenu{ visibility:visible; opacity:1; } ul#css3menu1 li{ position:relative; display:block; white-space:nowrap; font-size:0px; float:left; } ul#css3menu1 li:hover{ z-index:1; } ul#css3menu1 ul .submenu{ position:absolute; left:100%; top:0; border-width:0px; border-style:solid; border-color:#101010; } ul#css3menu1>li:hover>.submenu{ opacity:0.8; } ul#css3menu1{ font-size:0px; z-index:999; position:relative; display:inline-block; zoom:1; padding:6px 6px 6px 6px; *display:inline; } ul#css3menu1 .column{ float:left; }
- html ul#css3menu1 li a{
display:inline-block; } ul#css3menu1>li{ margin:0 0 0 6px; } ul#css3menu1 ul>li{ margin:6px 0 0; } ul#css3menu1 a:active, ul#css3menu1 a:focus{ outline-style:none; } ul#css3menu1 a{ display:block; vertical-align:middle; text-align:left; text-decoration:none; font:14px Lucida Sans Unicode, sans-serif; color:#C0C0BA; cursor:pointer; padding:7px 14px; background-color:transparent; background-repeat:repeat; border-width:0px; border-style:none; } ul#css3menu1 ul li{ float:none; margin:3px 0 0; } ul#css3menu1 ul a{ text-align:left; padding:5px; background-color:#0A0A0A; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; font:14px Lucida Sans Unicode, sans-serif;color:#C0C0BA; text-decoration:none; } ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{ background-color:#0A0A0A; border-style:none; color:#FFFFFF; text-decoration:none; } ul#css3menu1 img{ border:none; vertical-align:middle; margin-right:7px; } ul#css3menu1 span{ display:block; overflow:visible; background-position:right center; background-repeat:no-repeat; padding-right:0px; } ul#css3menu1 ul span{ background-image: url(); padding-right:9px; } ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li a.pressed{ background-color:#525252; color:#FFFFFF; text-decoration:none; } ul#css3menu1 li.topmenu>a{ border-width:1px; border-style:solid; border-color:transparent; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; opacity:0.8; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; } ul#css3menu1 li.topmenu:hover>a,ul#css3menu1 li.topmenu a.pressed{ border-style:solid; border-color:#434343; } ul#css3menu1 li.toproot>a{ border-width:1px 1px 0 1px; border-style:solid; border-color:transparent; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px; -webkit-border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0; opacity:0.8; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; } ul#css3menu1 li.toproot:hover>a,ul#css3menu1 li.toproot a.pressed{ border-style:solid; border-color:#434343; }
/******************************** Main Content *********************************/
- main{
width: 100%; text-align: center; margin-top: 72px; margin-bottom: 42px; }
- main_wrap{
width: 1000px; margin: 0px auto 0px auto; }
- container{
margin: 0px auto 40px auto; background-color: white; border: 1px solid #d5d5d5; float: left; text-align: left; padding-top: 40px; padding-left: 65px; padding-right: 65px; padding-bottom: 50px; border-radius: 7px; }
- by {
font-size:12px; float:left; background-color:#d4d4d4; color:#fff; padding:0 5px 0 4px; margin:0 0 0 3px; border-radius:4px; float: none; } table{
border-collapse: collapse; /* 'cellspacing' equivalent */ font-size:13px;
color:#707070; } table td, table th{
padding-left: 10px; /* 'cellpadding' equivalent */ padding-right: 10px; text-align: left;
}
/**************** Columns ***************/
.nosplit{ width:100%; float:left; text-align:left; color:#666666; /*padding:10px 0px;*/ } .split1_3l{ width:30%; /*padding:10px 2% 10px 1%;*/ float:left; text-align:left; color:#666666; } .split2l{ width:50%; /*padding:10px 2% 10px 1%;*/ float:left; text-align:left; color:#666666; } .split2r{ width:50%; /*padding:10px 2% 10px 1%;*/ float:right; text-align:left; color:#666666; } .split2_3r{ width:63%; /*padding:10px 3% 10px 2%;*/ float:right; text-align:left; color:#666666; } .split1_3r{ width:30%; /*padding:10px 2% 10px 1%;*/ float:right; text-align:left; color:#666666; }
.split2_3l{ width:63%; /*padding:10px 3% 10px 2%;*/ float:left; text-align:left; color:#666666; } .fixsidebar{ top:365px; position:absolute; width:264px; /*padding:10px 2% 10px 1%;*/ float:left; text-align:left; } table{
border-collapse: collapse; /* 'cellspacing' equivalent */ font-size:13px;
color:#666666; } table td, table th{
padding-left: 10px; /* 'cellpadding' equivalent */ padding-right: 10px; text-align: left;
} .clear{ clear:both !important; } .teaml{ margin: 30px 12px 30px 12px; border-radius: 8px; } .teaml:hover{ -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-o-transform:rotate(10deg); -ms-transform:rotate(10deg); filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
} .teamr{ margin: 30px 12px 30px 12px; border-radius: 8px; } .teamr:hover{ -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-o-transform:rotate(-10deg); -ms-transform:rotate(-10deg); filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
}
/*************** Image slider *****************/
- hp_slider{
display:block; width:866px; height:446px; color:#999999; background-color:#FAFAFA; border:1px solid #D8D9DE; border-bottom-color:#FAFAFA; overflow:hidden; }
- hp_slider div.item{
position:relative; display:block; width:850px; height:100%; margin:9px; }
- fsn{
display:block; position:relative; width:866px; height:18px; margin:0 0 25px 0; text-align:center; z-index:1000; color:#999999; background-color:#FAFAFA; border:1px solid #D8D9DE; border-top-color:#FAFAFA; }
- fsn ul{
display:block; position:relative; width:100px; height:10px; margin:0 auto; padding:0; overflow:hidden; list-style:none; }
- fsn ul li, #fsn ul li a{
display:block; float:left; width:10px; height:10px; margin:0 10px 0 0; padding:0; }
- fsn ul li a{
float:none; border:none; margin:0; outline:none; text-indent:-5000px; text-decoration:none; background:url("") 50% 50% no-repeat; }
- fsn .activeSlide{
background:url("") 0% 50% no-repeat; }
/*************** Back-to-top Button *********************/
- back-top {
position: fixed; bottom: 20px; right: 110px; }
- back-top a {
width: 50px; display: block; text-align: center; font: 7px/100% Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; color: #bbb; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
- back-top a:hover {
color: #000; }
- back-top span {
width: 50px; height: 50px; display: block; margin-bottom: 7px; background: #ddd url() no-repeat center center; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
- back-top a:hover span {
background-color: #777; }
/******************************** Footer *********************************/
footer{ height: 255px; background-color: rgba(1, 1, 1, 0.9); box-shadow: 0 -18px 14px -14px rgba(0,0,0,0.6); -moz-box-shadow: 0 -18px 14px -14px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 -18px 14px -14px rgba(0,0,0,0.6);
}