.page-title { border-top: none; } .page-title h1 {margin: 0;} /* Carousel Begin */ .jcarousel-container { margin-bottom: 2em; padding: 0; max-width: 100%; } .teasertext { float: left; margin-right: 20px; margin-bottom: 25px; width: 220px; } .work-carousel {float: left; width: 700px;} .jcarousel-clip {overflow: hidden;} ul.projects-carousel li {margin: 0 20px 0 0;} ul.projects-carousel li, ul.related li { float: left; list-style: none outside none; margin: 0 20px 20px 0; overflow: hidden; position: relative; text-align: center; } ul.related li.last {margin-right: 0;} ul.projects-carousel li:hover .title, ul.related li:hover .title, .tab-content .entry-meta .post-date span:hover, .tag-list li:hover > * {color: #a6412b;} ul.projects-carousel img, ul.related img {margin-bottom: 10px;} ul.projects-carousel img, ul.related img { background-color: #FFFFFF; opacity: .8; filter: alpha(opacity = 80); height: auto; max-width: 100%; } ul.projects-carousel a:hover img, ul.related a:hover img {opacity: 1; filter: alpha(opacity = 100);} ul.projects-carousel span.categories, ul.related span.categories {color: #50554e; font-style: italic;} .pagination { position: absolute; top: 10px; right: 0; } .jcarousel-prev, .jcarousel-next { position: absolute; right: 0; top: -48px; } .jcarousel-prev {right: 50px;} .jcarousel-next, .jcarousel-prev, .quote-prev, .quote-next, .pagination a, .view-all { background-image: url("../images/arrowsclass.png"); background-repeat: no-repeat; cursor: pointer; font-style: italic; color: #7e8a83; -webkit-transition: color .25s linear; -moz-transition: color .25s linear; -ms-transition: color .25s linear; -o-transition: color .25s linear; transition: color .25s linear; } .jcarousel-next-disabled, .jcarousel-prev-disabled, .jcarousel-next-disabled:hover, .jcarousel-prev-disabled:hover { opacity: .5; cursor: auto; color: #7e8a83 !important; } .jcarousel-prev-disabled:hover {background-position: left 6px !important;} .jcarousel-next-disabled:hover {background-position: right -32px !important;} .jcarousel-prev, .quote-prev, .prev-project { padding-left: 15px; background-position: left 6px; } .jcarousel-next, .quote-next, .next-project, .view-all { padding-right: 15px; background-position: right -31px; } .jcarousel-prev:after, .quote-prev:after, .prev-project:after { margin-left: 7px; margin-right: 5px; content: "/"; font-family: 'Droid Serif', serif; } .jcarousel-prev:hover, .quote-prev:hover, .prev-project:hover {background-position: left -13px;} .jcarousel-next:hover, .quote-next:hover, .next-project:hover, .view-all:hover {background-position: right -50px;} .jcarousel-prev:hover, .jcarousel-next:hover, .quote-prev:hover, .quote-next:hover, .prev-project:hover, .next-project:hover {color: #a6412b;} .prev-project:hover:after, .jcarousel-prev:hover:after, .quote-prev:hover:after {color: #7e8a83;} /* Carousel End */ /* Our Team Begin */ .accordion { clear: both; margin:0; list-style:none; border-top-width: 1px; border-bottom-width: 1px; border-style: solid; } .light .accordion {border-color: #ccd3cd;} .dark .accordion {border-color: #333732;} .accordion > li:first-child {border-left: none;} .accordion > li { position:relative; float: left; display: block; margin: 0; width: 50%; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .accordion > li:nth-child(2n) { border-left-width: 1px; border-style: solid; } .light .accordion > li {border-color: #ccd3cd;} .dark .accordion > li {border-color: #333732;} .accordion > li > section { padding: 15px 15px 20px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .accordion .slide-thumb { float: left; margin-right: 20px; } .accordion span {font-family: 'Droid Serif', serif;} .accordion .slide-name {font-size: 1.154em;} .light .accordion .slide-name {color: #121412;} .dark .accordion .slide-name {color: #fff;} .accordion .slide-vocation { color: #50554e; font-size: 85%; font-style: italic; } .accordion .slide-thumb img {display: block;} .accordion .slide-content {display: table;} /* Our Team End */ /* 404 Page Begin */ .error404 { margin: 3.5em 0; text-align: center; } .light .error404 {color: #282828;} .dark .error404 {color: #7e8a83;} .error404 h1 { margin: 0; font-weight: 700; font-size: 21.923em; line-height: .76em; } .error404 .title-error { margin-bottom: .25em; font-size: 5.154em; line-height: 1.2em; } .error404 .description-error {color: #50554e;} /* 404 Page End */ /* ---------------------------------------------------------------------- */ /* Blog /* ---------------------------------------------------------------------- */ #content .post-item:first-child { margin: 0; padding: 0; border: none; } .post-item { margin-top: 1.5em; padding-top: 2.5em; border-top-width: 1px; border-top-style: solid; } .light .post-item {border-color: #ccd3cd;} .dark .post-item {border-color: #333732;} .entry-body { float: right; width: 540px; } .entry-title > a { display: table-cell; vertical-align: middle; } .entry-title a:hover h2, .image-title a:hover h2 {color: #a6412b;} .tab-content .entry-meta { clear: both; margin-bottom: 2.5em; font-style: italic; } .aside-tabs .tab-content .entry-meta {margin: 0;} .tab-content .entry-meta a { padding-left: 24px; color: #888c87; background-repeat: no-repeat; } .light .tab-content .entry-meta a {background-image: url(../images/icons/meta-icons-light.png);} .dark .tab-content .entry-meta a {background-image: url(../images/icons/meta-icons-dark.png);} .tab-content .entry-meta .post-date {padding-right: 15px;} .tab-content .entry-meta .post-comments {background-position: 0 -30px;} .post-type { float: left; display: inline-block; margin: 0 20px 30px 0; width: 35px; height: 35px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; background-repeat: no-repeat; color: #fff; text-align: center; font-style: italic; font-size: 1.538em; line-height: 35px; vertical-align: top; } .light .post-type {background-color: #1f221e;} .dark .post-type {background-color: #58605B;} .post-type {background-image: url(../images/icons/post-type-icons.png);} .post-type.video {background-position: 0 0;} .post-type.picture{background-position: -35px 0;} .post-type.list {background-position: -70px 0;} .post-type.quote {background-position: -105px 0;} .entry-title:hover .post-type.media, .image-title a:hover .post-type.media {background-position: 0 -35px;} .entry-title:hover .post-type.video, .image-title a:hover .post-type.video {background-position: 0 -35px;} .entry-title:hover .post-type.picture, .image-title a:hover .post-type.picture {background-position: -35px -35px;} .entry-title:hover .post-type.list, .image-title a:hover .post-type.list {background-position: -70px -35px;} .entry-title:hover .post-type.quote, .image-title a:hover .post-type.quote {background-position: -105px -35px;} a.entry-title:hover > img {opacity: 1;} a.entry-title:hover > h2 {color: #a6412b;} a:hover .post-type {background-color: #a6412b;} /* -------------------------------------------------- */ /* 楼阳生:严格落实高考中考防疫措施 全力保证高考中考顺利进行 /* -------------------------------------------------- */ .search-container { position: relative; float: right; } .search-container input[type="text"] { padding: 0 30px 0 10px; width: 180px; height: 28px; border-width: 1px; border-style: solid; color: #50554e; font-style: italic; font-family: 'Droid Serif'; line-height: 28px; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; } .light .search-container input[type="text"] { background-color: #fff; border-color: #ccd3cd; } .dark .search-container input[type="text"] { background-color: #888C87; border-color: #a7a7a7; } .search-container input::-webkit-input-placeholder {color: #50554e;} .search-container input[type="text"]:hover {border-color: #a7a7a7;} .search-container button { position: absolute; right: 0; top: 0; margin: 0; padding: 0; width: 30px; height: 30px; border: none; cursor: pointer; background: url(../images/button-search.png) no-repeat; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; } .search-container button:hover { background-position: right bottom; } /* -------------------------------------------------- */ /* Comments /* -------------------------------------------------- */ #comments {margin-top: 2em;} #comments h3, #respond h3 {font-size: 1.385em;} .comments-list { margin: 0 0 25px; overflow: hidden; } .comment { list-style: none; margin: 10px 0 0; } .comment:first-child { border-top: none; margin-top: 0; padding-top: 0; } .comment > article { position: relative; margin: 0; padding: 25px 15px 10px; } .light .comment > article {background-color: rgba(31,34,30,.09);} .dark .comment > article {background-color: rgba(235, 238, 235, .09);} .ie8 .light .comment > article { background-image: url(../images/bg-light-feature-menu.png); background-repeat: repeat; } .ie8 .dark .comment > article { background-image: url(../images/bg-dark-feature-menu.png); background-repeat: repeat; } .comment .avatar { position: relative; float: left; margin: 0 15px 10px 0; width: 50px; z-index: 1; } .comment .comment-meta { display: table; } .comment .comment-body { clear: both; margin-top: 20px; } .comment .author, .comment .author a { margin-bottom: .4em; } .light .comment .author, .light .comment .author a {color: #121412;} .dark .comment .author, .dark .comment .author a {color: #fff;} .comment .author a:hover { color: #a6412b; } .comment .date { padding-left: 23px; color: #888c87; font-style: italic; } .light .comment .date {background: url(../images/icons/meta-icons-light.png) no-repeat 0 1px;} .dark .comment .date {background: url(../images/icons/meta-icons-dark.png) no-repeat 0 1px;} .comment .reply { position: absolute; right: 15px; top: 25px; } .comment .children { margin: 0; padding: 10px 0 0 20px; position: relative; } .comment .children .comment { margin: 30px 0 0; position: relative; } .comment .children .comment:first-child { margin-top: 0; } /* -------------------------------------------------- */ /* Respond /* -------------------------------------------------- */ .required {color: #a6412b;} .comments-form .input-block, .contacts-form .input-block { float: left; margin: 10px 20px 20px 0; } .comments-form .input-block:nth-child(3n), .contacts-form .input-block:nth-child(3n) {margin-right: 0;} .comments-form input, .contacts-form input { padding: 0 8px; height: 32px; color: #50554e; border-width: 1px; border-style: solid; background-color: #fff; font-style: italic; font-family: 'Droid Serif'; line-height: 32px; } .light .comments-form input, .light .contacts-form input { border-color: #ccd3cd; background-color: #fff; } .contacts-form .wrong-data {border-color: #A6412B !important;} .dark .comments-form input, .dark .contacts-form input { border-color: #a7a7a7; background-color: #888C87; } .contacts-form input, .comments-form input {width: 202px;} .comments-form input::-webkit-input-placeholder, .comments-form textarea::-webkit-input-placeholder, .contacts-form input::-webkit-input-placeholder, .contacts-form textarea::-webkit-input-placeholder {color: #50554e;} .light .comments-form input:hover, .light .comments-form textarea:hover, .light .contacts-form input:hover, .light .contacts-form textarea:hover {border-color: #a7a7a7 !important;} .dark .comments-form input:hover, .dark .comments-form textarea:hover, .dark .contacts-form input:hover, .dark .contacts-form textarea:hover {border-color: #ddd !important;} .comments-form .textarea-block, .contacts-form .textarea-block {clear: both; display: block; margin-bottom: 18px;} .comments-form textarea, .contacts-form textarea { padding: 8px; height: 136px; max-width: 682px; min-height: 50px; color: #50554e; border-width: 1px; border-style: solid; font-style: italic; font-size: 1em; font-family: 'Droid Serif'; } .light .comments-form textarea, .light .contacts-form textarea { border-color: #ccd3cd; background-color: #fff; } .dark .comments-form textarea, .dark .contacts-form textarea { border-color: #a7a7a7; background-color: #888C87; } .comments-form textarea, .contacts-form textarea {width: 682px;} .comments-form .button-style-2, .contacts-form .button-style-2 {border: none;} .comments-form input, .comments-form .button-style-2, .comments-form textarea, .contacts-form input, .contacts-form .button-style-2, .contacts-form textarea { -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; } /* ---------------------------------------------------------------------- */ /* Portfolio /* ---------------------------------------------------------------------- */ #portfolio-filter { float: right; margin: 0 0 0; overflow: hidden; } #portfolio-filter li:first-child { color: #50554e; margin-right: 5px; } #portfolio-filter li { display: block; float: left; font-style: italic; list-style: none outside none; margin: 0; } #portfolio-filter a { display: block; margin: 0 0 0 5px; padding: 0 5px; cursor: pointer; color: #7e8a83; } #portfolio-filter a:hover {color: #50554E;} #portfolio-filter a.active {color: #a6412b;} #portfolio-items {margin: 0 -20px 0 0;} #portfolio-items article { position: relative; float: left; overflow: hidden; margin: 0 20px 35px 0; } #portfolio-items article a {display: block; text-align: center;} #portfolio-items article img { display: block; background-color: #FFFFFF; opacity: .8; filter: alpha(opacity = 80); height: auto; max-width: 100%; } #portfolio-items.gl-col-3 article img {width: 300px;} #portfolio-items.gl-col-4 article img {width: 220px;} #portfolio-items .project-meta { padding: 17px 0 5px;} #portfolio-items .categories {font-style: italic;} .single-image, .video { position: relative; display: block; cursor: pointer; } .curtain { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; text-indent: -9999px; opacity: 0; filter: alpha(opacity = 0); } .light .curtain {background: rgba(255, 255, 255, .3);} .dark .curtain {background: rgba(0, 0, 0, .4);} .ie8 .light .curtain {background: rgb(255,255,255);} .ie8 .dark .curtain {background: rgb(0,0,0);} .curtain:before { position: absolute; top: 50%; left: 50%; display: block; margin: -25px 0 0 -25px; width: 50px; height: 50px; content: ""; } .picture-icon .curtain:before {background: url(../images/zoom.png) no-repeat scroll 0 0 transparent;} .video-icon .curtain:before {background: url(../images/video-icon.png) no-repeat scroll 0 0 transparent;} .single-image:hover .curtain, .video:hover .curtain { filter: alpha(opacity=40); opacity: 1; } #portfolio-items article:hover img { filter: alpha(opacity=100); opacity: 1; } #portfolio-items article:hover .title-item {color: #a6412b;} /* -------------------------------------------------- */ /* Isotope /* -------------------------------------------------- */ .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { z-index: 2; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -ms-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: top, left, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /* -------------------------------------------------- */ /* Portfolio Single /* -------------------------------------------------- */ .image-gallery-slider { position: relative; margin-bottom: 20px; } .image-gallery-slider ul { margin: 0;} .image-gallery-slider li { list-style: none outside none; margin: 0; } .image-gallery-slider li a img { display: block; margin: 0; height: auto; max-width: 100%; } .image-gallery-slider-nav { position: absolute; z-index: 99; left: 0; bottom: 0; } .image-gallery-slider-nav a { position: absolute; bottom: 0; display: block; width: 25px; height: 25px; cursor: pointer; background: url(../images/slider-arrows.png) no-repeat; text-indent: -9999px; } .light .image-gallery-slider-nav a {background-color: #1f221e; background-position: 0 0;} .dark .image-gallery-slider-nav a {background-color: #7E8A83; background-position: 0 -50px;} .image-gallery-slider-nav a.prev {left: 0;} .light .image-gallery-slider-nav a.next {left: 27px; background-position: -25px 0;} .dark .image-gallery-slider-nav a.next {left: 27px; background-position: -25px -50px;} .image-gallery-slider-nav a:hover {background-color: #a6412b;} .image-gallery-slider-nav a.prev:hover {background-position: 0 -25px;} .image-gallery-slider-nav a.next:hover {background-position: -25px -25px;} .image-title {margin-bottom: .8em;} .post-item .post-type {margin-bottom: .4em;} .image-title { padding: 0 50px 0 105px; text-align: left; } .image-entry {margin-bottom: 2em;} .meta-entry {text-align: right;} .meta-entry span, .meta-entry span > a {color: #888c87; font-style: italic;} .meta-entry span.category > a:after {content: ',';} .meta-entry span.category > a:last-child:after {content: '';} .meta-entry .date, .meta-entry .author, .meta-entry .category, .meta-entry .comments { display: block; margin-bottom: .8em; padding-right: 23px; background-repeat: no-repeat; background-position: right; } .light .meta-entry .date, .light .meta-entry .author, .light .meta-entry .category, .light .meta-entry .comments {background-image: url(../images/icons/meta-icons-light.png);} .dark .meta-entry .date, .dark .meta-entry .author, .dark .meta-entry .category, .dark .meta-entry .comments {background-image: url(../images/icons/meta-icons-dark.png);} .meta-entry .date {background-position: right top;} .meta-entry .author {background-position: right -60px;} .meta-entry .category {background-position: right -91px;} .meta-entry .comments {background-position: right -29px;} .meta-entry a:hover span, .meta-entry span.category > a:hover {color: #a6412b;} /* ---------------------------------------------------------------------- */ /* Contact Us /* ---------------------------------------------------------------------- */ #map { position: relative; margin: -1px 0 30px; width: 100%; height: 380px; } #map:before, #map:after { background: none; -webkit-box-shadow: inset 0 0 50px rgba(190, 177, 138, .4); -moz-box-shadow: inset 0 0 50px rgba(190, 177, 138, .4); box-shadow: inset 0 0 50px rgba(190, 177, 138, .4); content: ''; left: 0; position: absolute; top: 0; width: 100%; } #map:after { bottom: 0; top: auto; } #form .success {display: none;} .contact-block { margin-bottom: 20px; padding: 25px 15px; } .light .contact-block {background-color: rgba(31,34,30,.09);} .dark .contact-block {background-color: rgba(235, 238, 235,.09);} .ie8 .light .contact-block { background-image: url(../images/bg-light-feature-menu.png); background-repeat: repeat; } .ie8 .dark .contact-block { background-image: url(../images/bg-dark-feature-menu.png); background-repeat: repeat; } .contact-block span { display: block; margin-bottom: 1em; } .light .contact-block span {color: #121412;} .dark .contact-block span {color: #fff;} .contact-list li { margin-bottom: 10px; padding-left: 25px; background-repeat: no-repeat; } .light .contact-list li {background-image: url(../images/icons/contact-icons-light.png);} .dark .contact-list li {background-image: url(../images/icons/contact-icons-dark.png);} .contact-list li.contact-phone {background-position: 0 -65px;} .contact-list li.contact-mail {background-position: 0 -104px;} .contact-list li.contact-skype {background-position: 0 -146px;} .contact-list li a {color: #7e8a83;} .contact-list li a:hover {color: #A6412B;} /* -------------------------------------------------- */ /* Widgets /* -------------------------------------------------- */ #content .widget {margin-bottom: 50px;} /* ---------------------------------------------------------------------- */ /* Sidebar /* ---------------------------------------------------------------------- */ .sbr #sidebar { float: right; width: 220px; } .sbl #sidebar { float: left; width: 220px; } #sidebar .widget-title { margin: 0; padding: 0 0 .6em 0; border: none; } /* -------------------------------------------------- */ /* Widgets /* -------------------------------------------------- */ #sidebar .widget:first-child .widget-title {padding-top: .6em;} /* ---------------------------------------------------------------------- */ /* Footer Area /* ---------------------------------------------------------------------- */ #footer { margin-top: 40px; padding: 1.5em 0; border-top-width: 1px; border-top-style: solid; } .light #footer {border-color: #ccd3cd;} .dark #footer {border-color: #333732;} #footer .one-fourth { width: 210px;} #footer-nav {margin-bottom: 1em;} #footer-nav li { float: left; padding-right: 15px; } #footer-nav li a {font-style: italic;} .copyright { color: #7E8A83; font-style: italic; } .light .copyright {color: #7e8a83;} .dark .copyright {color: #50554e;} /* Footer Bottom Begin */ #footer-bottom { position: relative; z-index: 99; width: 100%; border-top-width: 4px; border-top-style: solid; } .light #footer-bottom {border-color: #1f221e; background-color: #1f221e;} .dark #footer-bottom {border-color: #ebeeeb; background-color: #ebeeeb;} #footer-bottom #more { top: -35px; left: 0; background-position: left bottom; } #footer-bottom .container { position: relative; display: none; opacity: 0; padding: 30px 0 10px; color: #60645e; } #footer-bottom .one-half, #footer-bottom .one-fourth {margin-bottom: 25px;} #footer-bottom h1 { margin-bottom: 1.2em; padding-bottom: .5em; border-bottom-width: 1px; border-bottom-style: solid; color: #b5b7b5; } .light #footer-bottom h1 {color: #b5b7b5; border-color: #2c302c;} .dark #footer-bottom h1 {color: #121412; border-color: #c7cec8;} /* Footer Bottom End */ /* ---------------------------------------------------------------------- */ /* Widgets /* ---------------------------------------------------------------------- */ .widget {margin-bottom: 30px;} /* -------------------------------------------------- */ /* Twitter /* -------------------------------------------------- */ .content-tabs ul.tweet_list li { float: left; margin-bottom: 20px; margin-right: 20px; } ul.tweet_list li {margin-bottom: 20px;} .content-tabs ul.tweet_list li:nth-child(4n) {margin-right: 0;} ul.tweet_list a, ul.tweet_list .tweet_time {color: #888c87; font-style: italic;} ul.tweet_list a:hover {color: #a6412b !important;} ul.tweet_list .tweet_time { display: block; margin-top: .5em; } ul.tweet_list { list-style: none; margin: 0; padding: 0; overflow-y: hidden; } .tweet_list li a {color: #888c87; font-style: italic;} .tweet_list .tweet_avatar { padding-top: .2em; padding-right: .8em; float: left; } .tweet_list .tweet_avatar img {vertical-align: middle;} /* -------------------------------------------------- */ /* Testimonials /* -------------------------------------------------- */ .testimonials {position: relative;} .quoteBox { position: relative; clear: both; margin-bottom: 40px; } blockquote.quote-text { position: relative; margin-bottom: 1.5em; padding: 30px 55px 30px 77px; color: #121412; font-style: italic; font-size: 1.154em; font-family: 'Georgia', Arial, serif; } .light blockquote.quote-text {background-color: rgba(31,34,30,.09); color: #121414;} .dark blockquote.quote-text {background-color: rgba(255,255,255,.09); color: #fff;} .ie8 .light blockquote.quote-text {background-color: #d9dcd9;} .ie8 .dark blockquote.quote-text {background-color: #313430;} blockquote.quote-text:before, blockquote.quote-text:after { position: absolute; width: 77px; height: 56px; background-repeat: no-repeat; content: ""; } .light blockquote.quote-text:before, .light blockquote.quote-text:after {background-image: url(../images/quotes-light.png);} .dark blockquote.quote-text:before, .dark blockquote.quote-text:after {background-image: url(../images/quotes-dark.png);} blockquote.quote-text:after { background-position: right; } blockquote.quote-text:before { top: 5px; left: 5px; } blockquote.quote-text:after { bottom: 5px; right: 5px; } .quote-author { margin-top: .4em; font-style: italic; font-size: 1em; } .light .quote-author {color: #50554e;} .dark .quote-author {color: #7e8a83;} .quote-nav { position: absolute; top: 5px; right: 0; } .quote-nav span {top: 0;} /* -------------------------------------------------- */ /* Flickr /* -------------------------------------------------- */ .widget-flickr {margin-bottom: 1.5em;} #flickr-badge li { float: left; width: 60px; height: 60px; margin: 0 10px 10px 0; } #flickr-badge li img { display: block; height: 60px; width: 60px; background-color: #000; opacity: .7; } #flickr-badge li:hover img {opacity: 1;} /* -------------------------------------------------- */ /* Newsletter /* -------------------------------------------------- */ #signup label {display: block; margin-bottom: 1em;} #signup #s-email { margin-bottom: 20px; margin-right: 10px; padding: 8px 10px; width: 200px; border: none; background-color: #c7cfc8; font-style: italic; font-family: 'Droid Serif', serif; } #signup #signup_submit { padding: .5em .8em; height: 33px; border: none; text-transform: uppercase; font-family: 'Droid Serif', serif; cursor: pointer; vertical-align: top; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .light #signup_submit {background-color: #2e332e; color: #b5b7b5;} .dark #signup_submit {background-color: #a9ada9; color: #1f221e;} #signup #signup_submit:hover { background-color: #a6412b; color: #fefffe; } /* -------------------------------------------------- */ /* Accordion Content /* -------------------------------------------------- */ .acc-trigger { border-bottom-width: 1px; border-bottom-style: solid; cursor: pointer; display: block; margin: 0; } .light .acc-trigger {border-color: #ccd3cd;} .dark .acc-trigger {border-color: #333732;} .acc-trigger.active {border-bottom: none;} .acc-trigger a { position: relative; display: block; padding: 10px 20px 10px 24px; color: #50554e; font-size: 1.154em; font-family: 'Droid Serif', serif; outline: medium none; text-decoration: none; } .acc-trigger a:after { position: absolute; left: 0; top: 50%; width: 15px; height: 15px; margin-top: -8px; background-image: url(../images/collapse.png); background-repeat: no-repeat; background-position: 5px 5px; background-color: #2e332e; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content: ''; } .light .acc-trigger a:hover, .light .acc-trigger.active a, .light .acc-trigger.active a:hover {color: #121412;} .dark .acc-trigger a:hover, .dark .acc-trigger.active a, .dark .acc-trigger.active a:hover {color: #fff;} .acc-trigger.active a:after {background-position: 5px bottom;} .acc-trigger.active a:after {background-color: #a6412b;} .acc-trigger.active, .acc-trigger.active a {cursor: default; border-bottom: 1px solid transparent;} .acc-container .content {padding: 15px;} .light .acc-container .content {background-color: rgba(31,34,30,.09);} .dark .acc-container .content {background-color: rgba(235,238,235,.09);} /* -------------------------------------------------- */ /* Tabs /* -------------------------------------------------- */ /* Content Tabs */ .content-tabs {margin-bottom: 40px;} .content-tabs .post-type {margin: 0 20px 10px 0;} .tabs-nav { margin: 0; width: 100%; border-top-width: 1px; border-top-style: solid; list-style: none outside none; } .light .tabs-nav {border-color: #ccd3cd;} .dark .tabs-nav {border-color: #333732;} .tabs-nav li { position: relative; float: left; margin: 0; padding: 0; height: 41px; line-height: 40px; cursor: pointer; } .tabs-nav li a { display: block; padding: 0 20px; font-size: 1.154em; border-width: 1px; border-style: solid; border-color: transparent; } /* Sidebar Tabs */ .aside-tabs .tabs-nav li:after { position: absolute; top: -20px; z-index: 98; visibility: hidden; overflow: hidden; padding: 0 10px; height: 23px; line-height: 23px; background: url(../images/arrow-left-bottom.png) no-repeat scroll left bottom #FFFFFF; color: #121412; content: attr(data-tooltip); font-style: italic; font-size: 0.923em; font-family: 'Droid Serif',serif; opacity: 0; -webkit-transition: all 0.25s linear 0s; -moz-transition: all 0.25s linear 0s; -ms-transition: all 0.25s linear 0s; -o-transition: all 0.25s linear 0s; transition: all 0.25s linear 0s; } .aside-tabs .tabs-nav li a { position: relative; width: 53px; padding: 0; text-indent: -9999px; } .light .aside-tabs .tabs-nav li a {background: url(../images/icons/sprite-icons-light.png) no-repeat;} .dark .aside-tabs .tabs-nav li a {background: url(../images/icons/sprite-icons-dark.png) no-repeat;} .aside-tabs .tabs-nav li:after {right: -35px;} .aside-tabs .tabs-nav li.recent:after {right: -40px;} .aside-tabs .tabs-nav li.popular:after {right: -48px;} .aside-tabs .tabs-nav li.tags:after {right: -30px;} .aside-tabs .tabs-nav li:hover:after { top: -10px; opacity: 1; visibility: visible; } .aside-tabs .tabs-nav li.popular a {background-position: 0 0;} .aside-tabs .tabs-nav li.recent a {background-position: -53px 0;} .aside-tabs .tabs-nav li.tags a {background-position: -106px 0;} .aside-tabs .tabs-nav li.latest a {background-position: -159px 0;} .aside-tabs .tabs-nav li.popular.active a {background-position: 0 -40px;} .aside-tabs .tabs-nav li.recent.active a {background-position: -53px -40px;} .aside-tabs .tabs-nav li.tags.active a {background-position: -106px -40px;} .aside-tabs .tabs-nav li.latest.active a {background-position: -159px -40px;} .aside-tabs .tabs-nav li.active:last-child a {border-right: 1px solid transparent;} .light .tabs-nav li.active a { border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-color: #ccd3cd; border-right-color: #ccd3cd; border-bottom-color: #ebeeeb; border-style: solid; } .dark .tabs-nav li.active a { border-left: 1px solid #333732; border-right: 1px solid #333732; border-bottom: 1px solid #1f221e; } .light .tabs-nav li.active:first-child a, .dark .tabs-nav li.active:first-child a {border-left-color: transparent;} .light .tabs-nav li.active a {color: #121412;} .dark .tabs-nav li.active a {color: #fff;} .tab-content h3 {margin-bottom: 1.2em;} .tab-content p {margin-bottom: 1.5em;} .tabs-container { overflow: hidden; margin: 0; padding: 25px 0 15px; width: 100%; border-top-width: 1px; border-bottom-width: 1px; border-style: solid; } .light .tabs-container {border-color: #ccd3cd;} .dark .tabs-container {border-color: #333732;} .aside-tabs .tabs-container {margin-bottom: 0;} .tabs-container .tab-content {display: none;} .aside-tabs .tab-content:first-child {padding-top: 0;} .aside-tabs .entry {display: table;} .aside-tabs .tab-content h6 {margin-bottom: .2em;} .small-thumb li:first-child {padding-top: 0; border: none;} .small-thumb li { padding: 15px 0; border-top-width: 1px; border-top-style: solid; } .light .small-thumb li {border-color: #ccd3cd;} .dark .small-thumb li {border-color: #333732;} ul.small-thumb li:last-child {padding-bottom: 5px;} ul.tag-list { overflow: hidden; margin: 0; padding: 0; list-style: none outside none; color: #888c87; } ul.tag-list li { float: left; list-style: none outside none; margin-right: 5px; margin-bottom: 4px; } ul.tag-list li:after {content: ',';} ul.tag-list li:last-child:after {content: '';} ul.tag-list li a, ul.tag-list li span { color: #888c87; font-style: italic; } /* -------------------------------------------------- */ /* Content Toggle /* -------------------------------------------------- */ .trigger { position: relative; display: block; padding: 10px 20px 10px 24px; color: #50554e; border-bottom-width: 1px; border-bottom-style: solid; font-size: 1.154em; font-family: 'Droid Serif', serif; outline: medium none; cursor: pointer; text-decoration: none; } .light .trigger {border-color: #ccd3cd;} .dark .trigger {border-color: #333732;} .trigger.active {border: none;} .trigger:after { position: absolute; left: 0; top: 50%; width: 15px; height: 15px; margin-top: -8px; background-image: url(../images/collapse.png); background-repeat: no-repeat; background-position: 5px 5px; background-color: #2e332e; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content: ''; } .light .trigger:hover {color: #121412;} .dark .trigger:hover {color: #fff;} .trigger.active:after { background-position: 5px bottom; background-color: #a6412b; } .toggle-container { display: none; padding: 15px; } .light .toggle-container {background-color: rgba(31,34,30,.09);} .dark .toggle-container {background-color: rgba(235,238,235,.09);} /* -------------------------------------------------- */ /* Pricing Tables /* -------------------------------------------------- */ .pricing-table { position: relative; margin: 1.5em 0; width: 100%; height: 100%; } .pricing-table .caption {width: 216px;} .pricing-table .caption {float: left;} .pricing-table .caption .header-row, .pricing-table .column .header-row { min-height: 60px; } .light .pricing-table .caption ul {background-color: rgba(31,34,30,.09);} .dark .pricing-table .caption ul {background-color: rgba(235,238,235,.09);} .pricing-table ul { margin-bottom: 1.5em; border-left-width: 1px; border-left-style: solid; } .light .pricing-table ul, .light .pricing-table .column:last-of-type ul {border-color: #ccd3cd;} .dark .pricing-table ul, .dark .pricing-table .column:last-of-type ul {border-color: #333732;} .pricing-table .column:last-of-type ul { border-right-width: 1px; border-right-style: solid; } .pricing-table .caption ul li:first-child {border-top: 1px solid #ccd3cd;} .pricing-table li { border-bottom-width: 1px; border-bottom-style: solid; font-family: 'Droid Serif', serif; } .light .pricing-table li, .light .pricing-table .caption ul li:first-child {border-color: #ccd3cd;} .dark .pricing-table li, .dark .pricing-table .caption ul li:first-child {border-color: #333732;} .pricing-table .features li:before {content: '';} .pricing-table .column ul li:first-child {border-top: 1px solid transparent;} .pricing-table ul li {padding: 8px 15px;} .pricing-table .column { float: left; margin: 0; padding: 0; text-align: center; } .pricing-table .column .header-row {background-color: #2e332e;} .pricing-table .column.free .header-row {background-color: #538b41;} .pricing-table .column.featured .header-row {background-color: #b94e36;} .pricing-table .column .header-row h4 { margin: 0; padding: 6px 5px 4px 5px; color: #fff; text-transform: uppercase; } .light .pricing-table .column .header-row h4 {background-color: #1f221e;} .dark .pricing-table .column .header-row h4 {background-color: #333732;} .pricing-table .column.free .header-row h4 {background-color: #457935;} .pricing-table .column.featured .header-row h4 { margin-top: -5px; padding-top: 11px; background-color: #a6412b; } .pricing-table .column .price {color: #fff; line-height: 1.7;} .pricing-table .column .price span {color: #fff; font-size: 1.385em;} .pricing-table.col2 .column {width: 362px;} .pricing-table.col3 .column {width: 241px;} .pricing-table.col4 .column {width: 181px;} /* -------------------------------------------------- */ /* Back to top /* -------------------------------------------------- */ #back-top { position: fixed; right: 20px; bottom: 40px; z-index: 100; display: none; width: 35px; height: 35px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; background: url(../images/arrow-up.png) no-repeat top; background-color: #1f221e; text-indent: -9999px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .liquid.dark #back-top {background-color: #ebeeeb;} #back-top:hover { background-position: bottom; background-color: #a6412b !important; } /* -------------------------------------------------- */ /* Latest Projects /* -------------------------------------------------- */ ul.latest { text-align: center; } ul.latest li a > img {display: block; margin-bottom: 1.3em;} .latest-pager { margin: 1.5em 0; text-align: center; } .latest-pager a { display: inline-block; margin: 0 1px; width: 20px; height: 4px; background-color: #a4a9a4; text-indent: -9999px; } .latest-pager a:hover {background-color: #858985;} .latest-pager a.activeSlide {background-color: #a6412b;} /* -------------------------------------------------- */ /* Latest Posts /* -------------------------------------------------- */ ul.widget-list li, ul.recent-comments li { padding: .7em 0; border-top-width: 1px; border-top-style: solid; } .light ul.widget-list li, .light ul.recent-comments li {border-color: #ccd3cd;} .dark ul.widget-list li, .dark ul.recent-comments li {border-color: #333732;} ul.widget-list li:first-child, ul.recent-comments li:first-child {padding-top: 0; border-top: none;} .light ul.widget-list li a, .light ul.recent-comments li a {color: #121412;} .dark ul.widget-list li a, .dark ul.recent-comments li a {color: #7e8a83;} ul.widget-list li a:hover, ul.recent-comments li a:hover {color: #a6412b;} /* -------------------------------------------------- */ /* Latest Entries /* -------------------------------------------------- */ ul.latest-entries li { float: left; margin: 0 20px 25px 0; width: 160px; } ul.latest-entries li:nth-child(4n) {margin-right: 0;} ul.latest-entries li img { display: block; margin-bottom: .8em; height: auto; max-width: 100%; opacity: .8; filter: alpha(opacity = 80); } ul.latest-entries li h6 {margin: 0; text-align: center;} ul.latest-entries li:hover img { opacity: 1; filter: alpha(opacity = 100); } ul.latest-entries li:hover h6 {color: #a6421b;} /* -------------------------------------------------- */ /* Recent Comments /* -------------------------------------------------- */ ul.recent-comments li .author { color: #888c87; font-style: italic; } ul.recent-comments li small {color: #50554e;} /* ---------------------------------------------------------------------- */ /* Media Queries /* ---------------------------------------------------------------------- */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { /* -------------------------------------------------- */ /* Panel /* -------------------------------------------------- */ #control_panel {display: none;} /* -------------------------------------------------- */ /* Pricing Tables /* -------------------------------------------------- */ .pricing-table .caption {display: none;} .pricing-table .features li:before { display: block; content: attr(data-feature) !important; font-size: 1em; font-family: 'Droid Serif',serif; font-weight: 700; text-align: center; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* ---------------------------------------------------------------------- */ /* Layout /* ---------------------------------------------------------------------- */ .fixed #wrapper {width:848px;} .container {width: 748px;} /* -------------------------------------------------- */ /* Columns /* -------------------------------------------------- */ .one-half {width: 364px;} .one-third {width: 236px;} .two-third {width: 492px;} .one-fourth {width: 172px;} .three-fourth {width: 556px;} .five-sixth {width: 585px;} #back-top {bottom: 100px; right: 30px;} /* -------------------------------------------------- */ /* Header /* -------------------------------------------------- */ #logo h1 {float: none;} #logo .slogan {padding-top: .5em;} #slider {width: 748px;} /* -------------------------------------------------- */ /* Main Navigation /* -------------------------------------------------- */ .navigation ul ul {width: 135px;} /* -------------------------------------------------- */ /* Social Links /* -------------------------------------------------- */ ul.social-links li:before { display: none; } /* -------------------------------------------------- */ /* Widgets /* -------------------------------------------------- */ /* -------------------------------------------------- */ /* Tabs /* -------------------------------------------------- */ .tab-content .one-fourth { margin-bottom: 25px; width: 364px; } .tab-content .one-fourth:nth-child(2n) {margin-right: 0;} .content-tabs .entry-meta {text-align: center;} /* Aside Tabs */ .aside-tabs .tabs-nav li:after {display: none;} /* -------------------------------------------------- */ /* Latest /* -------------------------------------------------- */ ul.latest-entries li {width: 156px;} ul.latest-entries li:nth-child(3n) {margin-right: 0;} ul.latest-entries li:nth-child(4n) {margin-right: 20px;} /* ---------------------------------------------------------------------- */ /* Home /* ---------------------------------------------------------------------- */ .sbr #content {width: 508px;} .teasertext {width: 236px;} .work-carousel { float: left; width: 492px; } ul.projects-carousel li { width: 236px; } /* -------------------------------------------------- */ /* Our Team /* -------------------------------------------------- */ .accordion > li { margin-bottom: 10px; padding-bottom: 20px; width: 100%; } .accordion > li:nth-child(2n) {border-left: none;} /* -------------------------------------------------- */ /* Pricing Table /* -------------------------------------------------- */ .pricing-table.col2 .column {width: 374px;} .pricing-table.col3 .column {width: 249px;} .pricing-table.col4 .column {width: 187px;} /* ---------------------------------------------------------------------- */ /* Blog /* ---------------------------------------------------------------------- */ .entry-body {width: 347px;} /* ---------------------------------------------------------------------- */ /* Contact Us /* ---------------------------------------------------------------------- */ .contacts-form input {width: 154px;} .comments-form input {width: 138px;} .contacts-form textarea{width: 539px;} .comments-form textarea {width: 490px;} .contact-list li {padding-left: 0; background: none !important; font-size: .9em;} /* ---------------------------------------------------------------------- */ /* Footer /* ---------------------------------------------------------------------- */ #footer-bottom .one-half {width: 236px;} #footer-bottom .one-fourth {width: 236px;} } /* Portfolio fixes */ @media only screen and (max-width: 340px) { #portfolio-items {margin: 0;} } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { /* ---------------------------------------------------------------------- */ /* Layout /* ---------------------------------------------------------------------- */ .fixed #wrapper {width: 400px;} .container {width: 300px;} /* -------------------------------------------------- */ /* Columns /* -------------------------------------------------- */ .one-half.last, .one-third.last, .two-third.last, .one-fourth.last, .three-fourth.last { float: none; margin-right: 0; } .related .one-fourth {float: left;} .one-half, .one-third, .two-third, .one-fourth, .three-fourth {width: 300px;} .one-fourth img {width: 300px;} .one-sixth {width: 125px;} .content-tabs .entry-meta {text-align: center;} /* ---------------------------------------------------------------------- */ /* Header /* ---------------------------------------------------------------------- */ #header-top ul.social-links:before {display: none;} /* ---------------------------------------------------------------------- */ /* Content /* ---------------------------------------------------------------------- */ .sbr #content, .sbl #content, .sbr #sidebar, .sbl #sidebar { clear: both; float: none; margin-right: 0; width: 100%; } /* 404 error */ .error404 h1 {font-size: 13em;} .error404 .title-error {font-size: 3em;} /* Related */ ul.projects-carousel li, ul.related li { float: none; margin: 0 0 20px 0; } /* ---------------------------------------------------------------------- */ /* Home /* ---------------------------------------------------------------------- */ .teasertext { float: none; width: 100%; } .work-carousel { float: none; width: 300px; } ul.projects-carousel li {width: 300px;} /* -------------------------------------------------- */ /* Our Team /* -------------------------------------------------- */ .accordion > li { margin-bottom: 20px; width: 100%; } .accordion > li:nth-child(2n) {border-left: none;} .accordion .slide-content { display: block; } /* -------------------------------------------------- */ /* Main Navigation /* -------------------------------------------------- */ #navigation {clear: both; float: none; padding-top: 2em;} #navigation > ul { display: none; } .navigation .nav-responsive { display: block; padding: 5px 8px; width: 100%; height: 32px; color: #50554e; border: 1px solid #ccd3cd; background-image: url(../images/bg-nav.png); background-repeat: no-repeat; background-position: right top; font-style: italic; font-family: 'Droid Serif'; } .light .nav-responsove {background-color: #fff;} .dark .nav-responsive {background-color: #888c87;} /* ---------------------------------------------------------------------- */ /* Blog /* ---------------------------------------------------------------------- */ div.page-header .alignleft, .search-container {float: none;} .search-container { margin: 1.5em 0; width: 100%; } .search-container input[type="text"] {width: 258px;} .entry-body { float: none; margin-right: 0; width: 100%; } /* -------------------------------------------------- */ /* Respond /* -------------------------------------------------- */ .comments-form .input-block, .contacts-form .input-block {margin-right: 0;} /* ---------------------------------------------------------------------- */ /* Portfolio /* ---------------------------------------------------------------------- */ .image-title {padding: 0 10px 0 10px;} #portfolio-filter li {margin: 0 5px 5px 0;} #portfolio-filter li > a { margin: 0; background-color: #fff; border: 1px solid #CCD3CD; } #portfolio-items.gl-col-4 article img {width: 300px;} /* ---------------------------------------------------------------------- */ /* Contact Us /* ---------------------------------------------------------------------- */ .contacts-form input, .comments-form input {width: 280px;} .comments-form .textarea-block, .contacts-form .textarea-block { margin-top: 10px; } .contacts-form textarea, .comments-form textarea {width: 280px;} /* -------------------------------------------------- */ /* Widgets /* -------------------------------------------------- */ /* -------------------------------------------------- */ /* Tabs /* -------------------------------------------------- */ .content-tabs .tabs-nav li {float: none; text-align: center;} .content-tabs .tabs-nav li.active:first-child a { border-top-color: transparent !important; } .content-tabs .tabs-nav li.active a { border-bottom-width: 1px; border-bottom-style: solid; border-top-width: 1px; border-top-style: solid; } .light .content-tabs .tabs-nav li.active a {border-color: #ccd3cd;} .dark .content-tabs .tabs-nav li.active a {border-color: #333732;} .tabs-nav li a {padding: 0 10px;} .quote-nav { position: relative; margin-bottom: 1.5em; } /* -------------------------------------------------- */ /* Twitter /* -------------------------------------------------- */ .tweet_avatar img {display: none;} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { /* ---------------------------------------------------------------------- */ /* Layout /* ---------------------------------------------------------------------- */ .fixed #wrapper {width: 520px;} .container {width: 420px;} /* -------------------------------------------------- */ /* Columns /* -------------------------------------------------- */ .one-half, .one-third, .two-third, .one-fourth, .three-fourth { float: none; margin-right: 0; } .one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-sixth, .five-sixth, .one-fourth img {width: 420px;} .one-third { width: 420px; } .two-third { width: 420px; } .one-fourth { width: 420px; } .three-fourth { width: 420px; } .one-sixth {width: 120px;} .five-sixth {width: 280px;} /* ---------------------------------------------------------------------- */ /* Header /* ---------------------------------------------------------------------- */ #header-top {padding: 1px 0;} #header-top .one-half {width: 200px; float: left;} header.page-header h1 { float: none; margin-bottom: .7em; border: none; } #header-top ul.social-links {padding: 10px 0;} ul.contact-info li {float: none;} #header-top ul.social-links:before {display: none;} #marker {display: none;} #slider {width: 420px !important;} /* -------------------------------------------------- */ /* Main Navigation /* -------------------------------------------------- */ .navigation {float: left; padding-top: 44px;} /* -------------------------------------------------- */ /* Social Links /* -------------------------------------------------- */ ul.social-links li:before { display: none; } /* ---------------------------------------------------------------------- */ /* Home /* ---------------------------------------------------------------------- */ .teasertext {width: 100%;} .work-carousel { float: left; width: 420px; } ul.projects-carousel li, ul.related li.one-fourth {width: 200px;} ul.related li.one-fourth:nth-child(2n) {margin-right: 0;} /* Related */ ul.projects-carousel li, ul.related li { float: left; margin: 0 20px 20px 0; } /* -------------------------------------------------- */ /* Our Team /* -------------------------------------------------- */ .accordion > li { margin-bottom: 20px; width: 100%; } .accordion .slide-content { display: table; } .accordion > li:nth-child(2n) {border-left: none;} /* ---------------------------------------------------------------------- */ /* Blog /* ---------------------------------------------------------------------- */ .search-container input[type="text"] {width: 378px;} /* -------------------------------------------------- */ /* Widgets /* -------------------------------------------------- */ ul.latest-entries li { width: 200px; } ul.latest-entries li:nth-child(2n) {margin-right: 0;} /* -------------------------------------------------- */ /* Pricing Table /* -------------------------------------------------- */ .pricing-table .column:nth-child(3) ul { border-right-width: 1px; border-right-style: solid; } .light .pricing-table .column:nth-child(3) ul {border-color: #ccd3cd;} .dark .pricing-table .column:nth-child(3) ul {border-color: #333732;} .pricing-table.col2 .column, .pricing-table.col3 .column, .pricing-table.col4 .column {width: 210px;} /* -------------------------------------------------- */ /* Tabs /* -------------------------------------------------- */ .content-tabs .entry-meta {text-align: center;} /* ---------------------------------------------------------------------- */ /* Portfolio /* ---------------------------------------------------------------------- */ .image-title { padding: 0 20px 0 50px; } #portfolio-filter {float: none;} #portfolio-filter li:first-child { display: none !important; } #portfolio-filter a { display: block !important; } #portfolio-items.gl-col-3 article img { width: 420px; } #portfolio-items.gl-col-4 article.one-fourth {width: 200px;} /* ---------------------------------------------------------------------- */ /* Contact Us /* ---------------------------------------------------------------------- */ .contacts-form input, .comments-form input {width: 400px;} .comments-form .textarea-block, .contacts-form .textarea-block { margin-top: 10px; } .contacts-form textarea, .comments-form textarea {width: 400px;} /* ---------------------------------------------------------------------- */ /* Sidebar /* ---------------------------------------------------------------------- */ .aside-tabs .tabs-nav li.active:last-child a { border-right: 1px solid #ccd3cd; } /* -------------------------------------------------- */ /* Widgets /* -------------------------------------------------- */ ul.latest { margin: 0 90px; text-align: center; } /* ---------------------------------------------------------------------- */ /* Footer /* ---------------------------------------------------------------------- */ footer .social-links:before {display: none;} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { /* -------------------------------------------------- */ /* Header Top /* -------------------------------------------------- */ #marker {display: none;} #logo .slogan {padding-top: 1em;} #header-top {margin-top: -15px;} #header-top .container, #more {display: none;} /* ---------------------------------------------------------------------- */ /* Header /* ---------------------------------------------------------------------- */ #header {text-align: center;} #logo, #logo h1, #logo .slogan {float: none;} header.page-header h1 { float: none; margin-bottom: .7em; } #portfolio-filter {float: none;} #portfolio-filter li:first-child { display: none !important; } #portfolio-filter a { display: block !important; } /* ---------------------------------------------------------------------- */ /* Home /* ---------------------------------------------------------------------- */ .meta .one-sixth, .meta .five-sixth { margin-bottom: 25px; margin-right: 0; width: 300px; } .meta .meta-entry > a, .meta .meta-entry > span {float: left; margin-right: 15px;} .meta ul.social-links {float: left;} .meta ul.social-links:before {text-align: left;} .meta ul.social-links li {margin: 0 5px 0 0;} /* -------------------------------------------------- */ /* Pricing Table /* -------------------------------------------------- */ .pricing-table .column {width: 300px !important;} .pricing-table .features {border-right: 1px solid #ccd3cd;} .pricing-table .column ul li:first-child {border-top: none;} .pricing-table .features li:nth-child(2n) { border-left-width: 1px; border-style: solid; } .light .pricing-table .features li:nth-child(2n) {border-color: #ccd3cd;} .dark .pricing-table .features li:nth-child(2n) {border-color: #333732;} .pricing-table .features li { float: left; width: 118px; } /* ---------------------------------------------------------------------- */ /* Sidebar /* ---------------------------------------------------------------------- */ .aside-tabs .tabs-nav li.active:last-child a { border-right: 1px solid #ccd3cd; } /* -------------------------------------------------- */ /* Widgets /* -------------------------------------------------- */ ul.latest { margin: 0 40px; text-align: center; } ul.latest-entries li { float: none; width: 300px; margin-right: 0; } /* ---------------------------------------------------------------------- */ /* Footer /* ---------------------------------------------------------------------- */ ul.contact-info {display: none;} footer .social-links:before {display: none;} footer ul.social-links { float: left; margin: 1.5em 0; } } 中国篮彩网-微游娱乐棋牌

常用链接

<applet id="m4zCrit"><ins class="BW5Z6QC"><tfoot class="OTm3LR7"><cite id="EVWP2oW" class="EEgHDGn"></cite></tfoot></ins></applet>

    <dfn class="Z5SYVRn"></dfn>

    <frameset class="O9fTCuP"></frameset>