www.gusucode.com > 200套html5精品模板51_75 > 057/style.css
@charset "utf-8"; /* CSS Document */ @font-face { font-family: 'BebasNeueRegular'; src: url('bebas/bebasneue-webfont.eot'); src: url('bebas/bebasneue-webfont.eot?#iefix') format('embedded-opentype'), url('bebas/bebasneue-webfont.woff') format('woff'), url('bebas/bebasneue-webfont.ttf') format('truetype'), url('bebas/bebasneue-webfont.svg#BebasNeueRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PT Sans'; src: url('ptsans/pts55f-webfont.eot'); src: url('ptsans/pts55f-webfont.eot?#iefix') format('embedded-opentype'), url('ptsans/pts55f-webfont.woff') format('woff'), url('ptsans/pts55f-webfont.ttf') format('truetype'), url('ptsans/pts55f-webfont.svg#PTSansRegular') format('svg'); font-weight: normal; font-style: normal; } /* default styling */ body {margin:0; word-wrap:break-word; color:#807f7f; font:14px "PT Sans", sans-serif; background:url(images/background.png) repeat;} a {text-decoration:none; color: #1886a9;border:0;} img{border:0; max-width:100%;} h1,h2,h3,h4,h5,h6 {font-family:'BebasNeueRegular'; font-weight: normal; color:#353535; margin:10px 0px;} ul{list-style:none; padding:0; margin:0;} h1 {font-size: 45px;} h2 {font-size: 30px;} h3 {font-size: 22px;} h4 {font-size: 20px;} h5 {font-size: 19px;} h6 {font-size: 17px;} /* global classes */ .clear {clear:both;} .left {float:left !important;} .right {float:right !important; } .hide {display:none;} .border_none {border:0 !important;} .con_border{ border-bottom:1px dashed #000; width:100%; height:0px;} .con_borderGray {border-right:1px solid #cdcdcd;} .con_borderImage {border-bottom:5px solid #1a86ac;} .text-center{text-align:center;} .text-right{text-align:right;} .drop-cap {font-size:56px; line-height:56px; float:left; font-weight:bold; color:#353535; width:48px; text-align:center; height:50px} .color{color:#1a86ac;} .colorBlack{color:#353535;} .bold {font-weight:bold;} .no-spacing{line-height:160%;} /* Paddings and margins */ .padd-top{padding-top:20px;} .padd-bott{padding-bottom:20px;} .padd-right{padding-right:20px;} .padd-left{padding-left:20px;} .padd-top15{padding-top:15px !important;} .padd-right15{padding-right:15px !important;} .padd-bott15{padding-bottom:15px !important;} .padd-left15{padding-left:15px !important;} .padd-top5{padding-top:5px !important;} .padd-right5{padding-right:5px !important;} .padd-bott5{padding-bottom:5px !important;} .padd-left5{padding-left:5px !important;} .marg-top{margin-top:20px;} .marg-top40{margin-top:40px;} .marg-bott{margin-bottom:20px;} .marg-bott40{margin-bottom:40px;} .padd-top1{padding-top:10px;} .marg-left{margin-left:10px;} .no-marg-top {margin-top:0 !important;} .no-marg-right {margin-right:0 !important;} .no-marg-bott {margin-bottom:0 !important;} .no-marg-left {margin-left:0 !important;} /* header */ .header_silverbackground{ background:url('images/background-gray.png'); height:80px; width:100%; } /* logo */ a.logo { float:left; } /* middle */ .middle_silver_background{ background:url('images/background-gray.png') repeat; width:100%; } .middle_container { width:960px; top:18px; position:relative; margin:0 auto; background:url('images/background-gray.png') repeat; } .middle_button_title { font-size:15px; font-family:'BebasNeueRegular'; font-weight: normal; color:#fff; width:135px; text-align:center; position:absolute; top:200px; left:0; margin:0; } .container { width:100%; position:relative; z-index:100; margin:0 auto; } .content { width:1000px; margin:0 auto; } .more ul{ text-transform:uppercase; font-size:13px; padding:50px 0px 30px 20px; height:30px; clear:both; font-family:'BebasNeueRegular'; font-weight: normal; width:830px; margin:0 auto; } .more ul li{ float:left; margin:0px 2px; } .more ul li.selected a, .more ul li.selected a:hover{ background:#000; color:#fff; text-shadow:none; } .more ul li a{ color:#555; background:#f7f7f7; padding:3px 6px; } .more ul li a:hover{ background:#000; color:#fff; text-shadow:none; } .content{ width:100%; position:relative; } /* content */ #content { width:960px; padding:30px 0; margin:0 auto; } /* href_path */ .href_path { padding:0 0 80px 0; width:100%; margin:0 auto 10px; } .href_path a h2 { font-family:'BebasNeueRegular'; color:#353535; margin:0 20px 0 20px; } .href_path a:hover h2 { color: #1F85AA; } /* left path */ .href_path_left { background:url(images/path_left.png) no-repeat center bottom; } .href_path_left.href_path2 { background:url(images/about_left.png) no-repeat center bottom; } .href_path_left a, .href_no_path_left a { float:left; } .href_path_left div, .href_no_path_left div { padding:45px 0 0 150px; } .href_path_left.href_path2 div, .href_no_path_left.href_path2 div { padding:0 0 0 262px !important; } .href_path_left img.content_icon, .href_no_path_left img.content_icon { float:left; } /* right path */ .href_path_right { background:url(images/path_right.png) no-repeat center bottom; } .href_path_right.href_path2 { background:url(images/path_right.png) no-repeat center bottom; } .href_path_right a, .href_no_path_right a { float:right; } .href_path_right div, .href_no_path_right div { padding:45px 150px 0 0; text-align: right; } .href_path_right.href_path2 div .href_no_path_right.href_path2 div { padding:0 262px 0 0 !important; } .href_path_right img.content_icon, .href_no_path_right img.content_icon { float:right; } /* no path */ .href_path.href_no_path_left, .href_path.href_no_path_right { padding-bottom:0; } /* left path about */ .href_path_about{ line-height: 2em; border-bottom:1px dashed #000; margin-bottom:20px;} .href_path_about h2{ font-family:'BebasNeueRegular'; font-size:30px; padding:0 40px 5px 0; margin:0; font-weight:normal; } .href_path_about img{ float:right; margin-top:-31px; } /* right path_about */ .href_path_link{ text-align:right; margin-top:-45px; } .href_path_link h6{ font-family:'BebasNeueRegular'; font-size:17px; font-weight:300; margin:40px 0px; } .href_path_link a{ color:#1F85AA; } /*----- BEGIN FOOTER -----*/ #footer { padding: 10px 0px; width: 100%; background:url('images/background-gray.png') repeat;} #footer-wrapper { margin:0 auto;padding: 20px 0px 20px 0px; width: 960px;} .footer-column { width:288px; margin:0 24px 0 0; padding:0 23px 0 0; border-right:1px dashed #fff; float:left; } .footer-column.last {margin:0;padding:0;border:0;} #footer .widget h3 { text-align: left; margin:0 0 15px 0; color:#fff;} #footer .widget h5 { text-align: left; margin:0 0 15px 0; color:#fff;} #footer .widget p { text-align: left; color:#FFF; } #footer .widget ul { color:#fff; margin: 0 auto; } #footer .widget p { color:#fff; margin: 0 0 15px 0; padding: 0; line-height:135%;} #footer .widget li { line-height: 135%; margin-left: 0 !important; padding:0;} #footer .widget li a { text-decoration:none; color:#FFF;} .footer-border {width:100%;height:1px; border-bottom:1px dashed #fff;} .footer-info h3 {margin:0 0 10px 0; color:#fff;} .footer-info h5 {margin:0 0 10px 0; color:#fff;} .footer-info-text {float:left; width:251px; padding-left:20px;color:#fff;} .footer-info-text p{margin:0;} .footer-info-picks {float:left; width:298px; margin-left:14px;} .footer-info-picks h3 {margin:0 0 10px 10px;} .footer-info-picks h5 {margin:0 0 10px 10px;} .footer-info-picks img {width: 139px;} .footer-info-picks .image_rollover_bottom, .footer-info-picks .image_rollover_right, .footer-info-picks .image_rollover_top, .footer-info-picks .image_rollover_left {margin-left:10px; margin-bottom:10px; float:left; width: 139px;} .footer-menu {margin:15px 0 0 0;} .footer-menu li {float:left; padding:0 15px 0 0;} .footer-menu li a {color:#fff;} .footer-menu li a:hover {color:#1a86ac;} .footer-copyright {float:right; color:#fff; margin:0;} /*----- END FOOTER -----*/ /*----- BEGIN index3 -----*/ .carousel-container { position:relative; width:1050px; margin:0 auto; height:294px; } #carousel { font-size:0; } .carousel-image { border:0; display:block; } .carousel-feature { position:absolute; top:-1000px; left:-1000px; cursor:pointer; } /*----- END index3 -----*/ /* BEGIN MEET OUR TEAM */ /* BEGIN full width block */ .team{height:180px;width:960px;background:url('images/background-gray.png') repeat;margin-bottom:10px;border-bottom:#1a86ac 10px solid;padding:15px 0; float:left;} .team_content{float:left;width:710px;} .team h2 {display:block;color:#fff;padding:0 35px;font-size:30px} .team_contact{display:block;width:180px;padding-left:35px;padding-right:20px;color:#fff;float:left;} .team_contact a{color:#fff;} .team_about{float:left;width:435px;padding-right:20px;color:#fff;} .img_team{margin:45px 35px 38px 35px;float:left;} .team_border{border-left:#fff 1px dashed;width:0px;height:100%;float:left;} .social_icon {float:left; width:70px;} .social_icon .fadehover {margin-left:15px;} /* END full width block */ /* BEGIN half-width block */ .team.team1-2{width:475px;margin-right:10px;} .team_content1-2{float:left; width:295px;} .team_content1-2 .team_contact{width:225px;padding-left:35px;padding-right:35px;} .team.team_last{margin-right:0px !important;} .team.team_right {text-align:right;} .team1-2 .img_team.img_team2 {margin:40px 15px 10px 15px;} .team_content1-2.team_content1-2b {width:263px;} .team_content1-2.team_content1-2b .team_contact{width:190px;} /* END half-width block */ /* BEGIN 1/3-width block */ .team_border2{border-bottom:#fff 1px dashed;width:100%;height:0px;float:left;} .team.team1-3{width:284px;margin-right:9px;height:400px;padding:0 15px;} .team1-3 .img_team{margin:20px 89px 20px 89px;} .team_content1-3, .team_content1-4{height:200px;width:100%;float:left;text-align:center;} .team_content1-3 h2, .team_content1-4 h2 {margin-top:30px;} .team_content1-3 .team_contact, .team_content1-4 .team_contact {display:inline-block; padding:0; text-align:center; width:100%;} .team1-3 .social_icon .fadehover, .team1-4 .social_icon .fadehover {margin:10px 0 10px 0;display:inline-block; float:none;} .team1-3 .social_icon, .team1-4 .social_icon {text-align:center;width:100%; clear:both; font-size:0; } /* END 1/3-width block */ /* BEGIN 1/4-width block */ .team.team1-4{width:204px;margin-right:8px;height:400px;padding:0 15px;} .team1-4 .img_team{margin:20px 49px 20px 49px;} /* END 1/4-width block */ /* END MEET OUR TEAM */ /* BEGIN BLOG */ .blog_left{float:left; width:671px; border-right:1px dashed #000; margin-bottom:30px; padding-right:24px;} .blog_left_content{width:671px; border-bottom:1px dashed #000; padding:0 0 20px; margin-bottom:20px; } .blog_content_image { overflow:hidden; height:135px; } .blog_content_image .blog_content_slider { margin-top:-40px; } .blog_content_inner {width: 560px; float:left;} .blog_content_info {float:left; width:101px; padding:0; margin-right:10px;} .blog_content_date {font-size:32px; line-height:24px; color:#fff; text-align:center; background:url(images/blog/date.png) no-repeat center center; font-family:'BebasNeueRegular'; width:73px; height:53px; padding:10px 0 10px; margin:0 auto;} .blog_content_date span {font-size:20px} .blog_content_info a.comment_number { font-family:'BebasNeueRegular'; font-size:24px; text-align:center; line-height:26px; margin:10px auto; padding:11px 0px 19px 1px; display:block; width:46px; height:24px; color:#fff; background: url(images/blog/comments.png) no-repeat left center;} .blog_content_info a.comment_number:hover {background: url(images/blog/comments.png) no-repeat -54px center;} .blog_content_author, .blog_content_category {text-align:right; font-family:'PT Sans'; margin-bottom:5px; color:#807f7f; padding-right:5px;} .blog_content_author span, .blog_content_category span {color:#000000; } .blog_content_excerpt { height: 160px; overflow:hidden;} .blog_right{float:right; width:240px;} .blog_right p{ margin-top:0px;} .move_left{float:left; padding-bottom:4px;} .move_right{float:right;} ul.filterOptionsblog {width:615px; text-align:center; float:left; height: 27px;overflow: hidden; padding:0; margin:10px auto 0;} ul.filterOptionsblog li {display:inline-block;} ul.filterOptionsblog li a {padding: 0 10px; margin-right:1px; background:url('images/background-gray.png') repeat; color: #fff;font-weight: bold;line-height: 24px;display: block;font-family:'BebasNeueRegular';font-weight:100;font-size:14px;} /* END BLOG */ /* BEGIN BLOG POST */ .padd_bott{padding-bottom:15px;} .social_icon_blog{height:48px;} .bott_post img {width:195px;} .bott_post{float:left; width:195px; border-left:1px dashed #000; margin-left:21px; padding-left:21px;} .bott_post.bott_post_first{border-left:0; padding-left:0; margin-left:0;} .bott_post h2{font-family:'BebasNeueRegular'; font-size:18px; font-weight:100;} .bott_post p{ font-weight:normal;} .blog_content_quote {margin:10px 0 0 0; padding:50px 10px 10px 10px; background: #f5f5f5 url(images/elements/quote.png) no-repeat center 10px; font-size:12px; font-style:italic; text-align:right;} /* BEGIN POST COMMENT .*/ .comment_cont{float:left; width:671px; border-bottom:1px dashed #000; margin-top:17px; } .comment_cont h2{font-size:18px; padding-bottom:10px;} .informa{float:left;} .com_image{float:left; width:50px; margin:0px 0px 0 0;} .com_inf{overflow:hidden; } ul#filterOptionsComm {height: 24px; overflow: hidden; padding:0; font-size:18px; margin-bottom:10px;} .bebas{font-family:'BebasNeueRegular';font-size:18px;color:#353535;} .comment_cont_reply1{float:left; width:601px; margin-top:17px; margin-left:70px;} .comment_cont_reply2{float:left; width:531px; margin-top:17px; margin-left:140px;} .comment_cont_reply3{float:left; width:461px; margin-top:17px; margin-left:210px;} .border{border-bottom:1px dashed #000; width:671px; height:1px; float:left;} #commentform {display:block; padding:20px 0;} #commentform div {float:left;} #commentform input {background:url('images/background-gray.png') repeat; color:#fff; padding:8px; border:0; font-size:15px; width:200px; margin-bottom:5px;} #commentform textarea {height:142px; width:427px; padding:4px; margin:0 0 5px 0; background:url('images/background-gray.png') repeat; border:0; resize:none; color:#fff;font-family:'PT sans'; font-size:15px;} .tab_font{font-size:17px; color:#353535; font-family:'BebasNeueRegular';} /* END POST COMMENT .*/ /* END BLOG POST */ /* BEGIN SERVICES/GALLERY .*/ .services_container { width:960px; } ul#filterOptions, ul#filterOptionsGallery {overflow: hidden;padding:0;font-size:19px; margin-bottom:18px;} ul#filterOptions li, ul#filterOptionsComm li, ul#filterOptionsGallery li {margin-bottom:2px; height: 25px; margin-right: 0px; display: inline-block; float: left; } ul#filterOptions li a, ul#filterOptionsComm a, ul#filterOptionsGallery a {height: 25px;padding: 0 15px;margin-right:2px;background:url('images/background-gray.png') repeat; color: #fff;line-height: 24px;text-decoration: none;display: block;float:left;font-family:'BebasNeueRegular';font-weight:100;} ul#filterOptions li a:hover, ul.filterOptionsblog li a:hover, ul#filterOptionsComm li a:hover , ul#filterOptionsGallery a:hover{ background: #1886a9; } ul#filterOptions li.active a, ul.filterOptionsblog li.active a, ul#filterOptionsComm li.active a, ul#filterOptionsGallery li.active a { background: #1886a9; } ul.ourHolder {width: 1020px;overflow: hidden;} ul.ourHolder li.item {float: left; text-align: left; overflow: hidden; width:468px; margin:0 24px 0 0; padding:0 0 15px 0;} ul.ourHolder li.item.border_top {padding-top:20px;} ul.ourHolder li.item h3 { margin-top: 10px; line-height: 20px; } ul.ourHolder li.item p { text-align:left; width:468px; } .bott{ padding-bottom:15px;} .border_top{ border-top:1px dashed #000;} .pad_right{ padding-right:40px;} .gallery_shortcode_wrapper { margin:20px 0; } .gallery_shortcode_wrapper_full { width: 1020px;overflow: hidden; } .gallery_shortcode {float:left; width:208px; padding-left:30px; } .gallery_shortcode.gallery_shortcode_first{ padding-left:0; padding-right:20px; width:685px; border-right:1px #000 dashed; } .gallery_shortcode_wrapper a.gallery_shortcode_image {display:block; float:left; margin-right:10px; margin-bottom:10px; } .gallery_shortcode_wrapper_full a.gallery_shortcode_image { margin-right:15px; margin-bottom:15px; } /* END SERVICES */ /* BEGIN Gallery .*/ ul.ourHolderGallery { width:968px; margin-top:-8px; } ul.ourHolderGallery li.item { margin:8px 8px 0 0 !important; } ul.ourHolderGallery li.item a { display:block; } /* END Gallery */ /* BEGIN CONTACT */ .arrow_inf{position:absolute; top:-12px; left:20px;} .three_inf{position:relative; width:320px; float:left;} .four_inf{position:relative; width:240px; float:left;} .three_inf ul,.four_inf ul {margin: 0 auto;} .sub_inf{position:relative; background:url('images/background-gray.png'); color:#fff; padding:10px 20px; } .three_inf ul.num_inf, .four_inf ul.num_inf{padding:10px 20px 20px 20px;} .contact_title h3{margin:5px 0 10px; padding:0; color:#fff;} .four_inf.last {width:195px;} .border_right{ border-right:1px #FFF dashed;} #contactform {display:block; padding:20px 0 10px; } #contactform div {float:left; } #contactform input {background:url('images/background-gray.png') repeat; color:#fff; padding:8px; border:0; font-size:14px; width:608px; margin-bottom:5px;} #contactform textarea {height:138px; padding:8px; border:0; font-size:14px; width:608px; margin:0 0 5px 0; background:url('images/background-gray.png') repeat; resize:none; color:#fff;} .contact_text{width:288px; float:left; margin-left:24px; padding-left:23px; border-left:1px dashed #000; margin-bottom:20px; } /* END CONTACT */ /* BEGIN index_layout_v1 */ /* END index_layout_v1 */ /* BEGIN Elemenets */ /* tabs */ .tabs-nav {margin-left:1px;} .tabs-nav li {float:left;} .tabs-nav li a {color:#353535; padding:10px; border:1px solid #cbcbcb; margin-left:-1px; background:#f6f7f9; display:block;} .tabs-nav li a.active {color:#1a86ac; border-top:4px solid #1a86ac; border-bottom:0; padding-bottom:8px; background:#fff;} .tabs-nav li a.hover {color:#1a86ac;} .tabs-container {border:1px solid #cbcbcb; padding:20px; background:#fff; margin-top:-1px;} /* alert */ .alert-error, .alert-success, .alert-info, .alert-notice{position:relative; padding:12px 12px 12px 60px; background:#fff; border:1px solid #cbcbcb; margin-bottom:10px;} .alert-icon {position:absolute; height:100%; width:50px; top:0; left:0;} .alert-error {color:#ce2127; border:1px solid #ce2127;} .alert-error .alert-icon {background:#ce2127 url(images/elements/alert-error.png) no-repeat center center;} .alert-success {color:#1f823f; border:1px solid #1f823f;} .alert-success .alert-icon {background:#1f823f url(images/elements/alert-success.png) no-repeat center center;} .alert-info {color:#3853a4; border:1px solid #3853a4;} .alert-info .alert-icon {background:#3853a4 url(images/elements/alert-info.png) no-repeat center center;} .alert-notice {color:#aa9834; border:1px solid #aa9834;} .alert-notice .alert-icon {background:#aa9834 url(images/elements/alert-notice.png) no-repeat center center;} /* blockquote */ blockquote {margin:0; padding:20px 20px 20px 60px; font-style:italic; font-size:16px; background: #fff url(images/elements/quote.png) no-repeat 10px 10px; font-family:times new roman, sans-serif; border:1px solid #cbcbcb;} /* lists */ ul.list-1 li {padding-left:18px; background: url(images/elements/list-1.png) no-repeat 1px 3px; margin-bottom:2px;} ul.list-2 li {padding-left:18px; background: url(images/elements/list-2.png) no-repeat 1px 3px; margin-bottom:2px;} ul.list-3 li {padding-left:18px; background: url(images/elements/list-3.png) no-repeat 1px 3px; margin-bottom:2px;} ul.list-4 li {padding-left:18px; background: url(images/elements/list-4.png) no-repeat 1px 3px; margin-bottom:2px;} ul.list-5 li {padding-left:18px; background: url(images/elements/list-5.png) no-repeat 1px 3px; margin-bottom:2px;} ul.list-6 li {padding-left:18px; background: url(images/elements/list-6.png) no-repeat 1px 3px; margin-bottom:2px;} ul.list-7 li {padding-left:18px; background: url(images/elements/list-7.png) no-repeat 1px 3px; margin-bottom:2px;} ul.list-8 li {padding-left:18px; background: url(images/elements/list-8.png) no-repeat 1px 3px; margin-bottom:2px;} ul.list-9 li {padding-left:18px; background: url(images/elements/list-9.png) no-repeat 1px 3px; margin-bottom:2px;} ul.list-10 li {padding-left:18px; background: url(images/elements/list-10.png) no-repeat 1px 3px; margin-bottom:2px;} ul.list-11 li {padding-left:18px; background: url(images/elements/list-11.png) no-repeat 1px 3px; margin-bottom:2px;} ul.list-12 li {padding-left:18px; background: url(images/elements/list-12.png) no-repeat 1px 3px; margin-bottom:2px;} /* accordion */ a.acc-trigger {display:block; padding:25px 20px 25px 55px; background:url(images/elements/accordion-arrow.png) no-repeat 10px 23px; color:#353535; border-top:1px #000 dashed; margin:0;} a.acc-trigger.active {background:#f6f7f9 url(images/elements/accordion-arrow.png) no-repeat 10px -23px; color:#1a86ac;} .acc-content { margin:-15px 0 0 0; overflow:hidden; padding:0px 20px 25px 55px; background:#f6f7f9;} /* END Elements*/