www.gusucode.com > 200套html5精品模板101_150 > 200套html5精品模板101_150/135/stylesheets/layout-min.css

    p {font-family: 'Open Sans', sans-serif;font-size: 16px;}h1, h2, h3, h4, h5 {font-family: 'Open Sans', sans-serif;}h1 {font-size: 98px;font-weight: 700;color: #fff;text-transform: uppercase;text-shadow: 1px 1px 2px rgba(0,0,0,.3);filter: dropshadow(color=#666666, offx=2, offy=2);margin-bottom: 50px;}h1.small {font-size: 80px;}h2 {font-size: 38px;color: #4f4f4f;text-transform: uppercase;}h3 {font-size: 24px;font-weight: 600;text-transform: uppercase;color: #656565;}h4 {font-size: 18px;font-weight: 600;color: #545454;text-transform: uppercase;margin: 12px 0 12px 0;}h4.proc {color: #3ebeff;}h5 {font-size: 18px;font-weight: 600;color: #656565;text-transform: uppercase;border-bottom: 1px solid #d0d0d0;padding-bottom: 5px;}.headline {text-align: center;margin-top: -48px;position: relative;z-index: 300;}.headline p {border-top: 1px solid #d0d0d0;border-bottom: 1px solid #d0d0d0;margin: 0;padding: 12px 0 12px 0;margin: 40px 0 20px 0;color: #686868;}.line {border-bottom: 1px solid #c0c0c0;position: relative;display: inline-block;width: 200px;margin: 0 10px 7px 10px;}.action {background: #fff;text-align: center;padding-bottom: 40px;}.action p {font-size: 22px;color: #656565;}.action img {display: block;margin: 10px auto 0 auto;}.jagged {background: url(../images/jagged.png) repeat-x 0 0;position: relative;z-index: 100;width: 100%;height: 18px;margin-top: -10px;margin-bottom: -7px;}.jagged2 {background: url(../images/jagged2.png) repeat-x 0 0;position: relative;z-index: 250;width: 100%;height: 18px;margin-top: -10px;}.jagged3 {background: url(../images/jagged.png) repeat-x 0 0;position: relative;z-index: 200;width: 100%;height: 18px;margin-top: -30px;margin-bottom: -7px;}.separator {background: url(../images/intro-bg.jpg) repeat fixed;position: relative;z-index: 200;margin-top: -18px;text-align: center;}.separator p {font-size: 33px;font-weight: 600;line-height: normal;padding: 115px 0 115px 0;color: #fff;font-style: italic;text-shadow: 2px 2px 2px rgba(0,0,0,.5);filter: dropshadow(color=#666666, offx=2, offy=2);}header {position: relative;z-index: 1000;width: 100%;text-align: center;}.topbar {background: #fff;width: 100%;height: 85px;position: relative;z-index: 900;-webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.3);box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.3);}p.logo {font-size: 36px;color: #464646;font-weight: 600;text-align: left;padding: 18px 0 0 0;}ul.top-social {margin: 20px 0 0 0;text-align: right;font-size: 13px;color: #898989;}.topbar ul li {display: inline;margin: 0 0 0 4px;}.topbar p {margin: 0;}.icn-skype {background: url(../images/icn-top-skype.png) no-repeat 0 0;width: 24px;height: 24px;display: inline-block;}.icn-facebook {background: url(../images/icn-top-facebook.png) no-repeat 0 0;width: 24px;height: 24px;display: inline-block;}.icn-linkedin {background: url(../images/icn-top-linkedin.png) no-repeat 0 0;width: 24px;height: 24px;display: inline-block;}.icn-gplus {background: url(../images/icn-top-gplus.png) no-repeat 0 0;width: 24px;height: 24px;display: inline-block;}.icn-pinterest {background: url(../images/icn-top-pinterest.png) no-repeat 0 0;width: 24px;height: 24px;display: inline-block;}.icn-dribbble {background: url(../images/icn-top-dribbble.png) no-repeat 0 0;width: 24px;height: 24px;display: inline-block;}.icn-twitter {background: url(../images/icn-top-twitter.png) no-repeat 0 0;width: 24px;height: 24px;display: inline-block;}.sprite:hover {background-position: 0 -24px;}nav {background: #464646;border-radius: 3px;position: relative;width: 100%;height: 50px;margin-top: -25px;z-index: 1000;-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);}nav ul {text-align: left;margin: 16px 25px 0 25px;}nav ul li {display: inline;}nav a {color: #fff;text-decoration: none;padding: 7px 14px 7px 14px;}nav a:visited {color: #fff;}nav a:hover {background: #fff;border-radius: 2px;color: #464646;}.contact-top {color: #fff;text-align: right;}.contact-top img {vertical-align: middle;margin-left: 20px;margin-right: 5px;}#intro {background: url(../images/intro-bg.jpg) repeat fixed;position: relative;z-index: 1;height: 540px;margin-top: -44px;}.title {padding-top: 120px;width: 100%;text-align: center;position: fixed;}.title p {font-size: 40px;font-weight: 700;line-height: normal;text-transform: uppercase;color: #fff;text-shadow: 1px 1px 2px rgba(0,0,0,.3);filter: dropshadow(color=#666666, offx=2, offy=2);margin-bottom: 35px;}#services {background: #fff;position: relative;z-index: 200;padding-bottom: 30px;}.services-list {text-align: center;margin-top: 30px;}.services-list p, .process p {font-size: 14px;color: #737373;}p.subheader {color: #b1b1b1;font-size: 16px;margin-bottom: 35px;}.process {margin-top: 45px;text-align: center;padding-bottom: 40px;}.process img {margin-right: 7px;vertical-align: middle;}#work {position: relative;background: #fff;z-index: 200;padding-bottom: 30px;}.portfolio {text-align: center;padding-top: 35px;}.portfolio img {opacity: 0.85;}.portfolio img:hover {opacity: 1;}.caption {background: #ff6b59;padding: 8px 0 8px 0;margin-top: -6px;margin-bottom: 20px;}p.proj-name {color: #fff;margin: 0 0 2px 0;font-size: 13px;text-transform: uppercase;}p.proj-type {color: #fff;margin-bottom: 0;font-size: 11px;text-transform: uppercase;}.portfolio2 {padding-top: 40px;padding-bottom: 40px;text-align: center;}.portfolio2 img {border: 4px solid #d0d0d0;opacity: 0.85;}.portfolio2 img:hover {opacity: 1;}p.proj-name2 {margin-top: 2px;margin-bottom: 1px;font-size: 13px;line-height: 10px;text-transform: uppercase;color: #707070;}p.proj-type2 {font-size: 11px;text-transform: uppercase;color: #9c9c9c;margin: 0;}#about {position: relative;background: #fff;z-index: 200;text-align: center;padding-bottom: 30px;}#about h3 {margin-top: 40px;}.about-us p {text-align: left;color: #686868;font-size: 15px;}.about-us {padding-bottom: 30px;}.skills h5, .testimonials h5 {text-align: left;}.skills {text-align: left;}.skills p {margin: 0;padding-top: 45px;font-size: 12px;text-align: center;text-transform: uppercase;color: #fff;display: block;}.sk:hover {opacity: 0.8;}.skill1 {background: url(../images/skill1.png) no-repeat 0 0;width: 104px;height: 118px;display: inline-block;margin-top: 40px;}.skill2 {background: url(../images/skill2.png) no-repeat 0 0;width: 104px;height: 118px;display: inline-block;margin-left: -6px;}.skill3 {background: url(../images/skill3.png) no-repeat 0 0;width: 104px;height: 118px;display: inline-block;margin-left: -6px;}.skill4 {background: url(../images/skill1.png) no-repeat 0 0;width: 104px;height: 118px;position: relative;margin-top: -30px;margin-left: 51px;}.skill5 {background: url(../images/skill2.png) no-repeat 0 0;width: 104px;height: 118px;position: relative;margin-top: -118px;margin-left: 153px;}.skill6 {background: url(../images/skill3.png) no-repeat 0 0;width: 104px;height: 118px;position: relative;margin-top: -118px;margin-left: 255px;}.testimonials {padding-bottom: 20px;}.testimonials h5 {margin-bottom: 30px;}.testimonials p {font-size: 14px;color: #8c8c8c;text-align: left;margin: 0;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px dotted #dadada;}.team {padding-bottom: 40px;}.team img {border: 6px solid #f2f2f2;}.team ul li {display: inline;}.team ul img {border: 0;}.team ul img:hover {opacity: 0.7;}p.t-name, p.t-position {text-transform: uppercase;font-size: 13px;margin: 0;}p.t-name {color: #707070;}p.t-position {color: #a5a5a5;margin-bottom: 4px;}p.t-desc {font-size: 14px;color: #666666;}#contact {background: #fff;position: relative;z-index: 200;padding-bottom: 60px;}.map {border: 4px solid #d0d0d0;width: 100%;margin-top: 40px;}.contact-info {padding-top: 40px;}.done {font-family: 'Open Sans', sans-serif;color: #585858;font-size: 14px;margin-bottom: 15px;padding: 10px;display: none;}.contact-form {position: relative;z-index: 300;margin-top: 40px;}.contact-form p {font-family: 'Open Sans', sans-serif;font-size: 13px;color: #585858;text-transform: uppercase;margin-bottom: 2px;}.contact-form input {background: #ebeaea;width: 60%;height: 18px;margin-bottom: 10px;padding-left: 4px;font-family: 'Open Sans', sans-serif;font-weight: 400;font-size: 14px;color: #585858;border: 1px solid #dddddd;}.contact-form textarea {background: #ebeaea;margin-bottom: 10px;padding-left: 5px;font-family: 'Open Sans', sans-serif;font-weight: 400;font-size: 15px;color: #585858;width: 98%;height: 125px;border: 1px solid #dddddd;}.contact-form input.submit-button {background: #3ebeff; background: -moz-linear-gradient(top, #3ebeff 0%, #3ebeff 50%, #30aeee 51%, #30aeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3ebeff), color-stop(50%,#3ebeff), color-stop(51%,#30aeee), color-stop(100%,#30aeee)); background: -webkit-linear-gradient(top, #3ebeff 0%,#3ebeff 50%,#30aeee 51%,#30aeee 100%); background: -o-linear-gradient(top, #3ebeff 0%,#3ebeff 50%,#30aeee 51%,#30aeee 100%); background: -ms-linear-gradient(top, #3ebeff 0%,#3ebeff 50%,#30aeee 51%,#30aeee 100%); background: linear-gradient(to bottom, #3ebeff 0%,#3ebeff 50%,#30aeee 51%,#30aeee 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ebeff', endColorstr='#30aeee',GradientType=0 ); color: #fff;font-family: 'Open Sans', sans-serif;font-weight: 400;text-transform: uppercase;font-style: normal;font-size: 12px;width: 60px;margin-top: 5px;padding: 1px;height: 25px;text-align: center;border: 0;}.contact-form input.submit-button:hover {opacity: 0.8;}.contact-info h5 {margin-bottom: 25px;}.contact-info p {color: #656565;}.contact-info img {margin-right: 10px;vertical-align: middle;}.social-bottom ul li {display: inline;margin-right: 5px;}.footer {background: url(../images/intro-bg.jpg) repeat fixed;position: relative;z-index: 200;margin-top: -18px;text-align: center;}.footer p {color: #fff;font-weight: 600;padding: 40px 0 35px 0;margin: 0;text-shadow: 1px 1px 0px rgba(0,0,0,.6);filter: dropshadow(color=#666666, offx=1, offy=1);}@media only screen and (max-width: 959px) {nav a {padding: 7px;}.contact-top {display: none;}.title {position: relative;}}@media only screen and (min-width: 768px) and (max-width: 959px) {.title p {font-size: 30px;}}@media only screen and (max-width: 767px) {.topbar {text-align: center;}.top-social {display: none;}h1 {font-size: 88px;}h1.small {font-size: 78px;}.title p {font-size: 25px;}.caption {margin-left: auto;margin-right: auto;width: 300px;}span.line {display: none;}p.proj-type2 {margin-bottom: 20px;}.team ul {margin-bottom: 40px;}.contact-form input {width: 100%;}}@media only screen and (min-width: 480px) and (max-width: 767px) {h1 {font-size: 70px;}h1.small {font-size: 60px;line-height: normal;}.testimonials h5 {margin-top: 40px;}}@media only screen and (max-width: 479px) {nav ul {margin-left: auto;margin-right: auto;text-align: center;}nav a {padding: 4px;}.title {position: relative;padding-top: 100px;}h1 {font-size: 50px:}h1.small {font-size: 45px;line-height: normal;}.intro-arrow {display: none;}.skill1 {margin-left: -5px;}.skill2 {margin-left: -10px;}.skill3 {margin-left: -10px;}.skill4 {margin-left: 42px;}.skill5 {margin-left: 140px;}.skill6 {margin-left: 238px;}.testimonials h5 {margin-top: 40px;}}