Wp 的 SimpleMag 主题主题如何修改 style.css 文件改变文章页的显示宽度? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
jacychen
V2EX    程序员

Wp 的 SimpleMag 主题主题如何修改 style.css 文件改变文章页的显示宽度?

  jacychen 2014-04-21 14:28:26 +08:00 2618 次点击
这是一个创建于 4194 天前的主题,其中的信息可能已经有所发展或是发生改变。
SimpleMag是一款响应样主题,整个主题是按屏幕百分比显示的,

文章内容占据整个屏幕80%左右的空间,太宽了,

看一行文字容易产生视觉疲劳,想该成758px。如何修改?

附SimpleMag主题style.css文件内容如下:

/*
* Global
*/
.menu a,
a:hover,
a.read-more,
.entry-title a,
.widget_pages a,
.widget_categories a,
.comments li .vcard a,
.widget_recent_entries a,
.widget_recent_comments a {
text-decoration:none;
}

.widget_pages a:hover,
.widget_categories a:hover,
.comments li .vcard a:hover,
.widget_recent_entries a:hover,
.widget_recent_comments a:hover {
text-decoration:underline;
}

nav li,
#submit,
input#s,
.tagline,
.sub-title,
.copyright,
.read-more,
.widget h3,
.entry-meta,
.entry-title,
.entry-author,
.entry-header,
#respond label,
.section-header,
.comments .vcard,
.widget_pages li,
.widget_nav_menu li,
.widget_categories li,
input[type="submit"],
.widget_ti-about-site p {
font-size:18px;
line-height:22px;
letter-spacing:0.2em;
text-transform:uppercase;
}

.single-title {
letter-spacing:normal;
}

.entries .entry-title,
.entries .entry-header {
letter-spacing:0.05em;
}

.page-title,
.single-title,
.section-header .title,
.posts-slider .entry-title {
font-size:50px;
line-height:120%;
}
.page-title,
.single-title,
.home-section .section-header .title {
background:url("images/section-header.png") repeat-x 0 50%;
}
.page-title span,
.single-title span,
.home-section .section-header .title span {
display:inline-block;
background:#fff;
margin:0 20px;
padding:0 20px;
}

#submit,
.read-more,
.copyright,
.entry-meta,
.top-strip nav,
input[type="submit"],
.widget_ti-about-site p,
#masthead .top-strip nav li,
#masthead .main-menu .sub-menu li {
font-size:12px;
}

#submit,
.read-more,
input[type="submit"] {
color:#999;
background:none;
padding:12px 30px 10px;
border:3px solid #999;
position:relative;
}
#submit:hover,
.read-more:hover,
input[type="submit"]:hover {
box-shadow:3px 3px 0 #000;
}

#submit:active,
.read-more:active,
input[type="submit"]:active {
top:1px;
box-shadow:1px 1px 0 #000;
}

a.read-more {
overflow:auto;
display:inline-block;
}

textarea,
input[type="text"],
input[type="email"],
input[type="password"] {
width:100%;
padding:10px;
border:1px solid #ccc;
}


/*
* Colors
*/
body {
color:#444;
}

h1,
h2,
a,
.title {
color:#000;
}

#searchform {
background:#000;
}
#searchform input,
#searchform button {
color:#8c919b;
}

/* Top strip & Footer.
* Default:Dark
*/
.color-site-dark,
.color-site-dark .sub-menu,
.color-site-dark .widget_ti_most_commented li h4 {
color:#8c919b;
background:#242628;
}
.color-site-dark a {
color:#8c919b;
}

.color-site-dark nav li,
.color-site-dark .widget,
.color-site-dark #second,
.color-site-dark #third,
.color-site-dark #searchform {
border-color:#585b61;
}

.color-site-dark li,
.color-site-dark .widget_ti_latest_comments .comment-text {
border-color:#2f3133;
}
.color-site-dark .widget_ti_latest_comments .comment-text:after {
border-bottom-color:#242628;
}

.color-site-dark .widget_ti_latest_comments .comment-text:before {
border-bottom-color:#2f3133;
}

/* Gray */
.color-site-gray,
.color-site-gray .sub-menu,
.color-site-gray .widget_ti_most_commented li h4 {
color:#8c919b;
background:#eee;
}
.color-site-gray a,
.color-site-gray #searchform input,
.color-site-gray #searchform button {
color:#8c919b;
}

.color-site-gray li,
.color-site-gray .widget,
.color-site-gray #second,
.color-site-gray #third,
.color-site-gray #searchform,
.color-site-gray .widget_ti_latest_comments .comment-text {
border-color:#ddd;
}
.color-site-gray .widget_ti_latest_comments .comment-text:after {
border-bottom-color:#eee;
}

.color-site-gray .widget_ti_latest_comments .comment-text:before {
border-bottom-color:#ddd;
}

.color-site-gray #searchform {
background:none;
}

.color-site-gray .sub-menu ul li a:hover,
.color-site-gray .secondary-menu a:hover,
.color-site-gray .secondary-menu .current_page_item > a,
.color-site-gray.top-strip nav > ul > li:hover > a,
.color-site-gray .footer-sidebar .widget h3 {
color:#000 !important;
}

/* White */
.color-site-white,
.color-site-white .sub-menu,
.color-site-white .widget_ti_most_commented li h4 {
color:#8c919b;
background:#fff;
}
.color-site-white a,
.color-site-white #searchform input,
.color-site-white #searchform button {
color:#8c919b;
}

.color-site-white li,
.color-site-white #second,
.color-site-white #third,
.color-site-white .widget,
.color-site-white #searchform,
.color-site-white .footer-sidebar,
.color-site-white .widget_ti_latest_comments .comment-text {
border-color:#ccc;
}
.color-site-white .widget_ti_latest_comments .comment-text:after {
border-bottom-color:#fff;
}

.color-site-white .widget_ti_latest_comments .comment-text:before {
border-bottom-color:#ccc;
}

.color-site-white #searchform {
background:none;
border-color:#000;
}

.color-site-white .sub-menu ul li a:hover,
.color-site-white .secondary-menu a:hover,
.color-site-white .secondary-menu .current_page_item > a,
.color-site-white.top-strip nav > ul > li:hover > a,
.color-site-white .footer-sidebar .widget h3 {
color:#000 !important;
}


.copyright,
.copyright a,
#pageslide a,
#respond label,
.footer-sidebar a,
.comment-reply-link,
.comment-reply-login,
.sidebar .entry-title a,
.single-box .entry-title,
.comments .vcard .datetime,
#masthead .main-menu .sub-menu .sub-links a,
#masthead .main-menu .sub-menu .sub-posts a {
color:#8c919b;
}

.sidebar .widget li {
border-color:#242628;
}

.sidebar .widget li li,
.sidebar .widget_recent_entries li,
.sidebar .widget_recent_comments li {
border-color:#ddd;
}

.copyright {
background-color:rgba(0,0,0,0.1)
}
.color-site-white .copyright {
background-color:rgba(0,0,0,0)
}

.tagline,
.sub-title,
.main-menu,
.entry-meta,
.entry-meta a {
color:#8c919b;
}


#pageslide,
#masthead .main-menu .sub-menu,
#pageslide .widget_ti_most_commented li h4 {
color:#8c919b;
background:#242628;
}

#pageslide .block,
#pageslide .menu,
#pageslide .menu li,
#pageslide .widget li,
#pageslide .comment-text,
#masthead .main-menu .sub-menu .sub-links li {
border-color:#343133;
}

#pageslide .widget_ti_latest_comments .comment-text:after {
border-bottom-color:#242628;
}

#pageslide .widget_ti_latest_comments .comment-text:before {
border-bottom-color:#474747;
}


/*
* Header
*/
#masthead {
margin-bottom:20px;
}
#masthead .color-site-white {
padding-top:20px;
padding-bottom:20px;
}

/* logo */
#masthead #branding {
margin:30px auto;
text-align:center;

-webkit-animation-name:fadeIn;
-moz-animation-name:fadeIn;
-o-animation-name:fadeIn;
animation-name:fadeIn;

-webkit-animation-delay:0.2s;
-moz-animation-delay:0.2s;
-ms-animation-delay:0.2s;
-o-animation-delay:0.2s;
animation-delay:0.2s;
}

#masthead .logo img {
margin:0 auto;
}

#masthead #branding .tagline{
display:block;
}

/* menus */
#masthead nav {
font-size:0;
}

#masthead nav li {
display:inline-block;
}
#masthead nav > ul > li > a {
position:relative;
}

#masthead nav .sub-menu {
display:none;
position:absolute;
top:0;
left:0;
width:100%;
z-index:999;
}

#masthead nav .sub-menu a {
display:block;
}

.sub-menu .sub-menu {
display:none !important;
}

/* main menu */
#masthead .main-menu {
position:relative;
z-index:998;
border-top:1px solid #000;
border-bottom:3px solid #000;

-webkit-animation-name:fadeIn;
-moz-animation-name:fadeIn;
-o-animation-name:fadeIn;
animation-name:fadeIn;
-webkit-animation-delay:0.5s;
-moz-animation-delay:0.5s;
-ms-animation-delay:0.5s;
-o-animation-delay:0.5s;
animation-delay:0.5s;
}

#masthead .main-menu .menu {
visibility:hidden;
}

#masthead .main-menu > ul {
text-align:center;
}

#masthead .main-menu > ul > li {

}

#masthead .main-menu > ul > li:after {
content:"/";
color:#d6d6d6;
font:normal 24px/24px Arial;
display:block;
float:left;
width:6px;
margin-top:18px;
}

#masthead .main-menu > ul > li:last-child:after {
display:none;
}

#masthead .main-menu > ul > li > a {
padding:18px 12px 15px 15px;
display:block;
float:left;
}

#masthead .main-menu > ul > li.sub-hover > a:after {
content:"";
position:absolute;
left:40%;
bottom:0;
border-width:0 10px 10px;
border-style:solid;
border-color:transparent transparent #000;
display:block;
width:0;
z-index:999;
}

#masthead .main-menu .sub-menu {
top:54px;
overflow:hidden;
border-top:3px solid #000;
}

#masthead .main-menu .sub-menu .sub-links {
float:left;
width:25%;
padding:30px 0 2030px;
margin-bottom:-2000px;
text-align:left;
background:#202020;
}
#masthead .main-menu .sub-menu.full-width .sub-links li {
padding:0;
margin-right:15px;
}

#masthead .main-menu .sub-menu .sub-links li {
font-size:10px;
display:block;
margin:0;
border-top-width:1px;
border-top-style: dotted;
}

#masthead .main-menu .sub-menu .sub-links li:first-child {
border-top:none;
}

#masthead .main-menu .sub-menu .sub-links li:last-child {
padding-bottom:0;
}

#masthead .main-menu .sub-menu .sub-links li a{
display:block;
padding:6px 25px;
}


#masthead .main-menu .sub-menu .sub-posts {
float:right;
width:71%;
padding:40px 2% 2030px;
margin-bottom:-2000px;
}
#masthead .main-menu .sub-menu .sub-posts li {
float:left;
width:29.333%;
padding:0;
margin:0 2%;
border-bottom:none;
}

#masthead .main-menu .sub-menu .sub-posts figure {
height:146px;
overflow:hidden;
margin-bottom:15px;
}

#masthead .main-menu .full-width .sub-posts figure {height:197px;}

#masthead .main-menu .sub-menu .sub-posts img {
width:100%;
height:auto;
display:block;
}

#masthead .main-menu .full-width .sub-posts {width:96%;}
#masthead .main-menu .full-width .sub-links {width:100%; text-align:center;}

#masthead .main-menu .full-width .sub-links li {
font-size:12px;
display:inline-block;
border-top:none;
}

#masthead .main-menu .full-width .sub-links li a{
display:inline;
padding:0;
}


/* secondary menu */
#masthead .top-strip nav {

}
#masthead .top-strip nav li {
border-style:dotted;
border-width:0;
}
#masthead .color-site-gray nav li {
border-style:solid;
}

#masthead .top-strip nav > ul > li {
position:relative;
height:40px;
line-height:40px;
border-right-width:1px;
}

#masthead .top-strip nav > ul > li:first-child {
border-left-width:1px;
}
#masthead .color-site-white nav > ul > li {
border:none;
}

#masthead .top-strip nav > ul > li a {
padding:12px 15px;
}

#masthead .top-strip nav .sub-menu {
top:40px;
width:160px;
}

#masthead .top-strip nav .sub-menu li {
font-size:80%;
line-height:14px;
display:block;
border-top-width:1px;
}
#masthead .top-strip nav .sub-menu li:first-child {
border-top:none;
}

#masthead .color-site-white nav .sub-menu {
border:3px solid #000;
}

#masthead .color-site-white nav .sub-menu li:first-child {
position:relative;

}
#masthead .color-site-white nav .sub-menu li:first-child:after,
#masthead .color-site-white nav .sub-menu li:first-child:before {
bottom:100%;
border:solid transparent;
content:"";
height:0;
width:0;
position:absolute;
pointer-events:none;
border-style:solid;
}

#masthead .color-site-white nav .sub-menu li:first-child:after {
border-bottom-color:#fff;
border-width:5px;
left:25%;
margin-left:-5px;
}
#masthead .color-site-white nav .sub-menu li:first-child:before {
border-bottom-color:#000;
border-width:9px;
left:25%;
margin-left:-9px;
}


/*
* Content
*/
#content {
min-height:300px;
margin-bottom:30px;

-webkit-animation-delay:0.8s;
-moz-animation-delay:0.8s;
-ms-animation-delay:0.8s;
-o-animation-delay:0.8s;
animation-delay:0.8s;
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
}



/*
* Footer
*/
#footer {
-webkit-animation-name:fadeIn;
-moz-animation-name:fadeIn;
-o-animation-name:fadeIn;
animation-name:fadeIn;

-webkit-animation-delay:1.2s;
-moz-animation-delay:1.2s;
-ms-animation-delay:1.2s;
-o-animation-delay:1.2s;
animation-delay:1.2s;
}

.copyright {
padding:30px 0;
line-height:2em;
}

.copyright .back-top {
font-size:70%;
text-align:right;
}


/*
* Sliders ( global )
*/
.flexslider {
overflow:hidden;
position:relative;
}

.flexslider .slides li {
position:relative;
}

.flexslider li img {
height:auto;
}

.flexslider li img.alter {
background:#242628;
}

.flex-direction-nav a {
position:absolute;
bottom:0;
font-size:14px;
text-decoration:none;
background:url("images/pixel.gif");
}


/*
* Posts Slider
*/
.posts-slider {

}

.posts-slider .slides li {
height:500px;
}

.posts-slider .loading li {
background-image:url("images/loading.gif");
background-repeat:no-repeat;
background-position:50%;
}

.posts-slider .entry-header {
display:none;
position:absolute;
top:0;
left:10%;
width:80%;
color:#fff;
}
.posts-slider .entry-header a,
.posts-slider .entry-header .entry-meta {
color:#fff;
font-size:100%;
text-decoration:none;
}

.posts-slider .entry-header .read-more {
border-color:#fff;
}

.posts-slider .entry-header .entry-title {
margin:10px 0 42px;
}

.posts-slider .flex-direction-nav a {
color:#fff;
font-size:28px;
display:block;
width:54px;
height:54px;
line-height:55px;
text-align:center;
border:3px solid #fff;
top:50%;
margin-top:-27px;
}
.posts-slider .flex-prev {
left:20px;
}

.posts-slider .flex-next {
right:20px;
}

.posts-slider .flex-prev:hover,
.posts-slider .flex-next:hover {
box-shadow:3px 3px 0 #000;
text-shadow:3px 3px 0 #000;
}

.posts-slider figure:before {
content:"";
display:block;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
-webkit-transition:opacity .2s linear;
-moz-transition:opacity .2s linear;
-ms-transition:opacity .2s linear;
-o-transition:opacity .2s linear;
transition:opacity .2s linear;
}



.with-sidebar .posts-slider .slides li {
height:379px;
}
.with-sidebar .posts-slider .entry-title {
font-size:30px;
}

.with-sidebar .posts-slider .flex-direction-nav a {
font-size:18px;
width:36px;
height:36px;
line-height:36px;
margin-top:-18px;
}

.with-sidebar .posts-slider .entry-header .read-more,
.with-sidebar .posts-slider .entry-header .entry-meta {
font-size:80%;
}


/*
* Native WP Gallery
*/
.gallery {

}

.gallery .gallery-item {

}

.gallery img {
border:none !important;
}

.gallery .gallery-caption {

}



/*
* Custom Gallery
*/
.custom-gallery {

}

.custom-gallery .gallery-item {
float:left;
width:98%;
height:450px;
margin:0 1% 1% 0;
position:relative;
}

.custom-gallery .gallery-item:not(:nth-child(4n+1)) {
width:32%;
height:200px;
}

/* Old IE support */
.oldie .custom-gallery .row .gallery-item {
width:32%;
height:200px;
}

.custom-gallery .gallery-item .gallery-caption {
position:absolute;
left:0;
bottom:0;
width:98%;
padding:5px 1%;
font-size:90%;
line-height:110%;
text-align:center;
color:#fff;
background:#555;
background:rgba(0,0,0,0.5);
}

.csstransitions .custom-gallery .gallery-item {
opacity:0;
transition:opacity 0.5s ease-out;
transition-delay:0.5s;
}

.csstransitions .custom-gallery .gallery-item.imgLiquid_ready {
opacity:1;
}



/*
* Gallery Carousel
*/
#gallery-carousel {
position:relative;
}

#gallery-carousel img {
float:left;
display:block;
margin:0 5px 0 0;
}

#gallery-carousel .carousel-nav {
font-size:28px;
display:block;
width:54px;
height:54px;
line-height:54px;
text-align:center;
text-decoration:none;
color:#fff;
border:3px solid #fff;
position:absolute;
top:50%;
margin-top:-27px;
}
#gallery-carousel .prev {
left:5%;
}

#gallery-carousel .next {
right:5%;
}

#gallery-carousel:hover .carousel-nav {
box-shadow:3px 3px 0 #000;
}

/*
* Posts ( global )
*/
.entry-header {
text-align:center;
}

.entry-header .entry-meta {

}
.entry-header .entry-meta span {
display:inline-block;
}

.entry-header .entry-meta .entry-date {

}

.entry-header .entry-meta .entry-category:after {
content:"/";
padding:0 4px 0 10px;
}

.entry-header .entry-author {
font-size:100%;
}

.entry-header .entry-author:after {
content:"/";
padding:0 5px;
}

.entries {

}

.entries article {
margin-bottom:30px;
text-align:center;
}
.with-sidebar article:nth-child(odd) {
clear:left;
}

.entries article .entry-title {
margin:5px 0;
line-height:150%;
}

.entries article .entry-header .entry-author {
display:block;
font-size:12px;
margin-bottom:5px;
}

.entries article .entry-header .entry-author:after {
content:"";
padding:0;
}

.entries article.format-audio iframe {
width:100% !important;
}

/* Images */
article .entry-image {
margin-bottom:10px;
}

article .entry-image img {
display:block;
}

.entries article .entry-image,
.entry-list article .entry-image {
overflow:hidden;
position:relative;
}
.entries article .entry-image [class*="icon-"],
.entry-list article .entry-image [class*="icon-"] {
position:absolute;
bottom:0;
left:50%;
margin-left:-36px;
padding:5px 30px 0;
background:#fff;
}

.entries article .entry-image img,
.entry-list article .entry-image img {
width:100%;
height:auto;
}

.entries article .entry-image img:hover,
.entry-list article .entry-image img:hover {
-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter:alpha(opacity=50);
}


/* List view */
.entry-list article {
padding:30px 0;
border-bottom:3px solid #000;
}

.entry-list article .entry-image {
float:left;
width:46.5%;
margin:5px 5% 15px 0;
}

.entry-list article .entry-summary {
overflow:hidden;
}

/*
* Home Page Blocks
*/
.home-section {
margin-bottom:20px;
}

.home-section .section-header {
text-align:center;
margin-bottom:30px;
}

body:not(.with-sidebar) .home-section article:nth-child(4n) {
clear:left;
}

.featured-posts {

}

.category-posts {

}

.format-posts {

}

.latest-posts {

}

.latest-reviews {

}

.latest-posts .masonry-layout article,
body:not(.home) .masonry-layout article {
padding-bottom:27px;
border-bottom:3px solid #000;
}

.title-text {
text-align:center;
margin-bottom:30px;
}

.advertising {
text-align:center;
margin-bottom:45px;
}

.advertising img {
max-width:100%;
height:auto;
display:block;
margin:0 auto;
}

.advertising iframe {
width:100% !important;
}

.classic-layout {
margin-right:30px;
}
.classic-layout article {
width:100% !important;
padding-bottom:30px;
margin-bottom:30px;
border-bottom:1px solid #ddd;
}
.classic-layout article:last-child {
padding-bottom:0;
border-bottom:none;
}

.classic-layout article,
.classic-layout .entry-header {
text-align:left;
}

.classic-layout .entry-image {
float:left;
width:46.5%;
margin-right:5%;
margin-bottom:0;
}

.classic-layout .entry-summary {
overflow:hidden;
}


/*
* Page
*/
.page-title {
margin-bottom:30px;
}

.page-content {

}


/*
* Single
*/
.single {

}

.single .entry-header {

}

.single-title {
margin:5px 0 20px;
}

.single .entry-media {
text-align:center;
margin:0 auto 30px;
overflow:hidden;
}
.single .entry-media img {
max-width:100%;
height:auto;
display:block;
margin:0 auto;
}
.single .entry-media iframe {
max-width:1050px !important;
width:100% !important;
}

.single-box {
margin-bottom:60px;
}
.single-box .entry-title {
padding:0 0 5px;
margin-bottom:30px;
border-bottom:3px solid #000;
}

/* Single Post & Page post */
.page .page-content {

}

.single .entry-content {

}

article.page img,
.single .entry-content img,
.single .single-box.entry-media img {
max-width:100%;
height:auto !important;
}

.single .single-box.entry-media iframe {
width:100% !important;
}

.single-box.entry-media .wrapper {
width:100%;
}

.single .entry-content > p:first-of-type:first-letter {
font-size:70px;
float:left;
line-height:60px;
padding:4px 12px 0 0;
}

.page .page-content h1,
.single .entry-content h1,
.page .page-content h2,
.single .entry-content h2,
.page .page-content h3,
.single .entry-content h3,
.page .page-content h4,
.single .entry-content h4,
.page .page-content h5,
.single .entry-content h5,
.page .page-content h6,
.single .entry-content h6 {
margin-bottom:18px;
}

.title-text h1,
.page .page-content h1,
.single .entry-content h1 {
font-size:50px;
line-height:54px;
}

.title-text h2,
.page .page-content h2,
.single .entry-content h2 {
font-size:36px;
line-height:40px;
}

.page .page-content h3,
.single .entry-content h3 {
font-size:28px;
line-height:32px;
}

.page .page-content h4,
.single .entry-content h4 {
font-size:22px;
line-height:26px;
}

.page .page-content h5,
.single .entry-content h5 {
font-size:18px;
line-height:22px;
}

.page .page-content h6,
.single .entry-content h6 {
font-size:16px;
line-height:18px;
}

.page .page-content p,
.page .page-content li,
.page .page-content hr,
.single .entry-content p,
.single .entry-content li,
.single .entry-content hr {
margin-bottom:18px;
}

.page .page-content ol,
.page .page-content ul,
.single .entry-content ol,
.single .entry-content ul {
padding-left:40px;
}

.page .page-content li,
.single .entry-content li {
padding-left:15px;
}
.page .page-content ul li,
.single .entry-content ul li {
list-style:square;
}

.page .page-content ol li,
.single .entry-content ol li {
list-style:decimal;
}

.page .page-content hr,
.single .entry-content hr {
border:0;
height:0;
border-bottom:1px solid #ddd;
clear:both;
}

.page .page-content .wp-caption,
.single .entry-content .wp-caption {
max-width:100%;
}

.page .page-content .wp-caption .wp-caption-text,
.single .entry-content .wp-caption .wp-caption-text{
color:#8c919b;
font-style:italic;
text-align:center;
}

.page blockquote,
.single blockquote {
float:left;
width:40%;
margin:0;
padding:15px 15px 15px 0;
color:#000;
font-size:22px;
line-height:1.5em;
}

.single .entry-rating {
float:left;
width:240px;
padding:10px;
margin:0 30px 0 0;
text-align:center;
background:#eeeff0;
}
.single .entry-rating .inner {
padding:20px;
border:1px solid #000;
}

.single .entry-rating .entry-meta,
.single .entry-rating .entry-title {
margin-bottom:10px;
}

.single .entry-rating [class^="score-"] {
width:74px;
height:74px;
padding:3px;
margin:0 auto;
border-radius:50%;
position:relative;
}
.single .entry-rating [class^="score-"] input {
color:#8c919b;
opacity:0.7;
font:normal 29px/29px Arial, Helvetica, sans-serif;
letter-spacing:-0.1em;
width:76px;
height:44px;
left:0;
top:50%;
margin-top:-22px;
}
.single .entry-rating .score-10 input {
left:-1px;
}

.oldie .single .entry-rating [class^="score-"] input {width:80px;margin-top:-19px;}
@media screen and (min-width:0\0) {.single .entry-rating [class^="score-"] input {width:80px;}}


/* Tags */
#tags-box {
float:left;
width:100%;
padding:30px 0 0 0;
line-height:120%;
border-top:3px solid #000;
}

#tags-box a {
display:inline-block;
padding:5px 10px;
margin:0 0 10px 10px;
text-decoration:none;
border:1px dashed #000;
}

/* Social links */
#social-box {
padding:30px 0 0 0;
border-top:3px solid #000;
}
#social-box li {
float:left;
width:20%;
text-align:center;
font-size:12px;
letter-spacing:0.2em;
text-transform:uppercase;
}

#social-box li:after {
content:"|";
position:relative;
top:-1px;
padding-left:25px;
font-size:10px;
}

#social-box li:last-child:after,
#social-box li:first-child:after {
content:normal;
}

#social-box li span {
color:#aaa;
}

#social-box li a {
text-decoration:none;
}

#social-box li a:hover {
text-decoration:underline;
}


/* Post Author */
#author-box {
color:#666;
font-size:90%;
padding:10px;
background:#eeeff0;
}

#author-box .inner {
padding:20px;
border:1px solid #000;
}
#author-box .avatar {
float:left;
width:11%;
height:11%;
}
#author-box .avatar img {
width:100%;
height:auto;
}

#author-box .author-info,
#author-box .author-social {
margin-left:20%;
}

#author-box .author-info p {
margin:5px 0;
}

.author-social li {
display:inline-block;
margin-right:15px;
font-size:80%;
letter-spacing:0.2em;
}

/* Related Posts */
.related-posts {
overflow:hidden;
margin-bottom:0;
position:relative;
}
.related-posts article {

}

.related-posts article .entry-title {
border:none;
}

.related-posts .carousel-nav {
position:absolute;
top:0;
width:22px;
line-height:22px;
text-align:center;
font-size:14px;
text-decoration:none;
}

.related-posts .carousel-nav:hover {
color:#fff;
background:#000;
}

.related-posts .next {
right:26px;
}

.related-posts .prev {
right:0;
}


/* Slide dock */
.slide-dock {
position:fixed;
bottom:0;
right:-361px;
width:330px;
background:#eeeff0;
border:1px solid #000;
border-right-color:#fff;
border-left-width:30px;
z-index:999;

transition:all 0.5s ease-in-out;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
}

.slide-dock-on {
transform:translate(-360px,0);
-webkit-transform:translate(-360px,0);
-o-transform:translate(-360px,0);
-moz-transform:translate(-360px,0);
}

.slide-dock-off {
transform:translate(360px,0);
-webkit-transform:translate(360px,0);
-o-transform:translate(360px,0);
-moz-transform:translate(360px,0);
}

.no-csstransforms .slide-dock-on {right:0;}
.no-csstransforms .slide-dock-off {display:none;}

.close-dock {
position:absolute;
top:16px;
left:-24px;
display:block;
color:#fff;
font-size:20px;
text-decoration:none;
}

.slide-dock h3 {
padding:20px 0 0;
}

.slide-dock .entries {
padding:0 30px 0;
font-size:80%;
}

.slide-dock article {

}


/* The Next and Previous post links */
.nav-single {
padding:30px 0;
position:relative;
border-top:3px solid #000;
border-bottom:1px solid #000;
}
.nav-next,
.nav-previous {
width:36%;
padding:0 7%;
text-align:center;
}
.nav-next {
float:right;
}
.nav-previous {
float:left;
}
.nav-next a,
.nav-previous a {
font-size:12px;
display:block;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
}

.nav-next [class^="icon-"],
.nav-previous [class^="icon-"] {
font-size:25px;
position:absolute;
top:50%;
margin-top:-14px;
}
.nav-next [class^="icon-"] {right:0;}
.nav-previous [class^="icon-"] {left:0;}

.nav-single .sep {
display:block;
position:absolute;
top:0;
left:50%;
width:1px;
height:100%;
border-left:1px dotted #444;
}

/* Comments */
.comments {

}

.comments li {
padding-bottom:30px;
margin-bottom:30px;
border-bottom:1px solid #ccc;
}
.comments li figure {
float:left;
margin-right:30px;
}

.comments li figure img{
width:48px;
height:48px;
}

.comments li .vcard {
line-height:25px;
margin-bottom:15px;
}
.comments li .vcard .datetime {
display:block;
font-size:12px;
}

.comments li .vcard h4 [class^="icon-"] {
font-size:14px;
position:relative;
top:-3px;
}
.comments li .vcard .comment-reply-link,
.comments li .vcard .comment-reply-login {
float:right;
font-size:12px;
}

.comments li.bypostauthor {
padding:30px;
margin-top:-30px;
background:#eeeff0;
}

.comments li .comment-text {

}

.comments .children {
margin-left:30px;
}

#respond {
margin-bottom:0;
}

#respond label {
display:block;
font-size:12px;
margin-bottom:5px;
}


#respond textarea,
#respond input[type="text"] {
margin-bottom:30px;
}

#respond #submit {
}



/*
* Pagination
*/
.pagination {
margin-bottom:30px;
}

.pagination ul {
padding:30px 0;
text-align:center;
border-top:1px solid #000;
border-bottom:1px solid #000;
}
.pagination li {
display:inline-block;
}

.pagination li a,
.pagination li span {
color:#8c949c;
font-size:18px;
line-height:20px;
padding:5px 10px;
display:inline-block;
text-decoration:none;
}

.pagination li span,
.pagination li a.next,
.pagination li a.prev {
color:#000;
}

.pagination li a.next,
.pagination li a.prev {
font-size:14px;
}

.pagination li a.next:hover,
.pagination li a.prev:hover {
color:#fff;
background:#000;
}

.link-pages {
color:#000;
font-size:14px;
margin-top:30px;
}
.link-pages a {
color:#8c949c;
text-decoration:none;
}

.link-pages span {
padding:5px 10px;
}

.link-pages a span {
background:none !important;
}


/*
* Search
*/
#searchform {
padding:0 15px;
position:relative;
}

#searchform input,
#searchform button {
padding:0;
height:40px;
border:none;
background:none;
}

.oldie #searchform input {
line-height:40px;
}

#searchform input {
width:80%;
outline:none;
font-size:12px;
}

#searchform button {
position:absolute;
right:0;
top:50%;
margin-top:-20px;
width:40px;
}

.top-strip #searchform {
float:right;
border-style:dotted;
border-width:0;
border-left-width:1px;
border-right-width:1px;
}
.color-site-gray #searchform {
border-style:solid;
}

.color-site-white #searchform {
margin-top:-3px;
border-width:3px;
border-style:solid;
}

.search-result-nav {
margin-top:30px;
}

/*
* Review graph
*/
.score-line span {
display:block;
}

.score-outer {
background:#f3f3f3;
background:rgba(0,0,0,0.05);
}

.latest-reviews .score-line {
position:absolute;
left:0;
bottom:0;
text-align:right;
}
.latest-reviews .score-line span i {
display:none;
padding:0 10px;
font-style:normal;
}

.latest-reviews .inview .score-line span i {
display:block;
}

.entry-breakdown {

}

.entry-breakdown .total {
float:right;
}

.entry-breakdown .item {
margin-bottom:20px;
}

.entry-breakdown .item .score-line {
opacity:0.1;
background:#242628;
}

.entry-breakdown .score-line,
.entry-breakdown .score-line span {
height:12px;
}

.entry-breakdown .total-score h4 {
color:#000;
}

.entry-breakdown .total-score h4 .total {
font-size:18px;
}


/*
* Sitemap
*/
.sitemap {
margin-top:4px;
}

.sitemap .trigger {
cursor:pointer;
position:relative;
padding:21px 0 18px 40px;
border-top:1px solid #ddd;
margin-top:-1px;
}

.sitemap .trigger.active {
margin-top:-3px;
border-top:3px solid #000;
}

.sitemap .trigger.active:hover {
color:#000;
}

.sitemap .trigger:after,
.sitemap .trigger.active:after {
display:none;
position:absolute;
top:5px;
right:40px;
font:normal 50px "Courier New", Courier, monospace;
}

.sitemap .trigger:after {
content:"+";
}

.sitemap .trigger.active:after {
content:"-";
}
.sitemap .trigger:hover:after {
display:block;
}

.sitemap .row ul {
display:none;
overflow:hidden;
padding:0 0 21px 40px;
border-bottom:1px solid #000;
border-top:0;
}
.sitemap .row:first-child ul {
display:block;
}

.sitemap .row ul li {
margin:10px 0;
}

.sitemap .page-content {
margin-bottom:30px;
}


/*
* Social icons
*/
.social li {
float:left;
margin:0 4px 4px 0;
}
.social li a {
display:block;
position:relative;
width:32px;
height:32px;
line-height:32px;
text-align:center;
font-size:18px;
text-decoration:none;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
-ms-transition:all 0.2s ease;
transition:all 0.2s ease;
}

.csstransforms .social li a:hover {
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-o-transform:scale(1.2);
-ms-transform:scale(1.2);
transform:scale(1.2);
}

.top-strip .social {
float:right;
}
.top-strip .social li a {
font-size:14px;
line-height:40px;
}

.social.social-center {
text-align:center;
}

.social.social-center li {
float:none;
display:inline-block;
}


/*
* Contact Form 7 Plugin
*/
.wpcf7-form {

}

.wpcf7-form input,
.wpcf7-form textarea {
margin-bottom:30px;
}

.wpcf7-form-control-wrap {
display:block;
}

span.wpcf7-not-valid-tip {
border:none;
width:100%;
height:41px;
line-height:40px;
padding:0;
top:0; left:0;
text-align:center;
background:#fde2e7
}


/*
* Sidebars
*/
.sidebar {
padding:8%;
border:1px solid #000;
}

/* Footer Sidebar */
.footer-sidebar {

}
.color-site-white .footer-sidebar {
border-width:0;
border-top-width:1px;
border-bottom-width:1px;
border-top-style:dotted;
border-bottom-style:dotted;
}

/* Footer Sidebar Columns */
.columns {

}

.col-2 .widget-area {
width:49%;
}

.col-3 .widget-area {
width:25%;
}
.col-3 #first {
width:49%;
}

#first {

}

#second {

}

#third {

}

#first .widget {
border-left:none;
}

#third .widget {
border-right:none;
}


/*
* Widgets
*/
.widget {

}
.sidebar .widget {
font-size:13px;
margin-top:30px;
padding-top:30px;
border-top:1px solid #000;
}
.sidebar .widget:first-child {
margin-top:0;
padding-top:0;
border-top:none;
}

.footer-sidebar .widget {
font-size:13px;
padding:30px 0;
border-style:dotted;
border-width:0;
border-top-width:1px;
}
.color-site-gray .footer-sidebar .widget {
border-style:solid;
}

.widget h3 {
text-align:center;
margin-bottom:30px;
}

/* Widget Slider */
.widget .flexslider {
padding-bottom:40px;
}
.widget .carousel-nav,
.widget .flex-direction-nav a {
display:block;
width:22px;
line-height:22px;
text-align:center;
text-decoration:none;
font-size:14px;
position:absolute;
bottom:0;
}

.widget .carousel-nav:hover,
.widget .flex-direction-nav a:hover {
color:#fff;
background:#000;
}

.widget .next,
.widget .flex-next {
right:50%;
margin-right:-23px;
}

.widget .prev,
.widget .flex-prev {
left:50%;
margin-left:-23px;
}

.widget .flexslider .entry-title {
text-align:center;
}

.widget .flexslider .entry-image {
overflow:hidden;
margin-bottom:10px;
}


/* Widget About */
.widget_ti-about-site {

}

.widget_ti-about-site img {
float:left;
margin:2px 15px 0 0;
}

.widget_ti-about-site p {
line-height:1.6em;
margin-bottom:30px;
}

/* Recent Posts & Comments */
.widget_recent_entries,
.widget_recent_comments {
counter-reset:count;
}

.widget_recent_entries ul,
.widget_recent_comments ul {
margin-bottom:-30px;
}

.widget_recent_entries li,
.widget_recent_comments li {
padding-left:15%;
margin-bottom:15px;
padding-bottom:15px;
position:relative;
border-bottom-width:1px;
border-bottom-style:solid;
}

.widget_recent_entries li:last-child,
.widget_recent_comments li:last-child {
border:none;
}

.widget_recent_entries span {
display:block;
font-size:85%;
font-weight:bold;
}

.widget_recent_comments .url {
font-weight:bold;
letter-spacing:0.2em;
}

.widget_recent_entries li:before,
.widget_recent_comments li:before {
content:counter(count);
counter-increment:count;
position:absolute;
top:50%;
left:0;
margin-top:-25px;
opacity:0.5;
font:italic 36px/1 serif;
}

/* Featured Posts */
.widget_ti_featured_posts {

}


/* Latest Posts */
.widget_ti_latest_posts {

}


/* Tag Cloud */
.widget_tag_cloud a {
display:inline-block;
line-height:120%;
padding:5px 10px;
margin-bottom:3px;
text-decoration:none;
border-width:1px;
border-style:dashed;
font-size:100% !important;
}


/* Video */
.widget_ti_video_embed {
text-align:center;
}

.widget_ti_video_embed .video-title {
margin-top:10px;
}


/* Author Widget */
.widget_ti_site_authors .inner {
margin:0 auto;
}

.widget_ti_site_authors .carousel-nav {
position:static;
float:right;
margin-top:30px;
}

.widget_ti_site_authors .prev {margin-right:50%;}
.widget_ti_site_authors .next {margin-left:50%;}

.widget_ti_site_authors li {
float:left;
width:54px;
height:54px;
margin:0 0 1px 1px;
}

.widget_ti_site_authors img {
width:auto;
height:auto;
max-width:100%;
display:block;
}

/* Custom Menu & Pages Widget & Categories & RSS */
.widget_pages ul,
.widget_nav_menu ul,
.widget_categories ul {
margin-bottom:-30px;
}

.widget_rss li,
.widget_pages li,
.widget_nav_menu li,
.widget_categories ul li,
.widget_ti_latest_comments li {
padding-top:15px;
padding-bottom:15px;
border-top-width:1px;
border-top-style:solid;
}
.widget_pages li,
.widget_nav_menu li,
.widget_categories ul li {
font-size:12px;
}

.widget_rss li:first-child,
.widget_pages li:first-child,
.widget_nav_menu li:first-child,
.widget_categories li:first-child,
.widget_ti_latest_comments li:first-child {
border-top:none;
margin-top:0;
padding-top:0;
}

.widget_pages ul ul,
.widget_nav_menu ul ul,
.widget_categories ul ul {
margin-top:15px;
margin-bottom:-15px;
}

.widget_nav_menu ul ul li,
.widget_categories ul ul li {
padding:15px 0 15px 20px;
}

.widget_nav_menu ul ul li a,
.widget_categories ul ul li a {
text-transform:none;
font:normal 100%/1.2em Arial, Helvetica, sans-serif;
}

/* RSS Widget */
.widget_rss ul {

}

.rsswidget {
display:block;
font-size:14px;
letter-spacing:0.05em;
text-transform:uppercase;
}

.rss-date {
display:block;
margin:10px 0;
}


/* Most Commented */
.widget_ti_most_commented li {
line-height:22px;
margin:10px 0 17px;
position:relative;
}

.widget_ti_most_commented li:after {
content:"";
position:absolute;
left:0;
bottom:6px;
z-index:1;
display:block;
width:90%;
border-bottom:1px dashed #999;
}

.widget_ti_most_commented li h4 {
display:inline;
padding:0 5px 0 0;
position:relative;
z-index:2;
background:#fff;
}

.widget_ti_most_commented li a {
text-decoration:none;
}

.sidebar .widget_ti_most_commented li a {
color:#000;
}

.widget_ti_most_commented span {
float:right;
display:block;
height:22px;
padding:0 5px;
text-align:center;
color:#000;
position:relative;
z-index:3;
}

.widget_ti_most_commented span i {
font-style:normal;
}

.widget_ti_most_commented span i:before {
content:"";
position:absolute;
bottom:-4px;
left:1px;
width:16px;
height:10px;
}

.widget_ti_most_commented span i:after {
content:"";
position:absolute;
bottom:-4px;
left:8px;
border:2px solid transparent;
background:transparent;
}

/* Latest Reviews */
.widget_ti_latest_reviews {

}

.widget_ti_latest_reviews li {
line-height:22px;
margin:10px 0 17px;
}

.widget_ti_latest_reviews li a {
text-decoration:none;
}
.sidebar .widget_ti_latest_reviews li a {
color:#000;
}

.widget_ti_latest_reviews .total {
float:right;
font-size:16px;
}

.widget_ti_latest_reviews .score-line span {
height:5px;
margin-top:3px;
}


/* Meta & Archive */
.widget_meta ul,
.widget_archive ul {
padding-left:15px;
}

.widget_meta li,
.widget_archive li {
padding:5px;
list-style:square;
}



/* Latest Comments */
.widget_ti_latest_comments {

}

.widget_ti_latest_comments li {
border:none;
}

.widget_ti_latest_comments header {
margin-bottom:10px;
padding-bottom:10px;
min-height:40px;
}

.widget_ti_latest_comments figure {
float:right;
margin:0 0 0 15px;
}

.widget_ti_latest_comments .commentnum {
float:left;
margin:0 15px 0 0;
opacity:0.5;
font:italic 36px/1 serif;
}

.widget_ti_latest_comments .comment-post {
display:block;
overflow:hidden;
}

.widget_ti_latest_comments .comment-text {
font-size:90%;
font-style:italic;
padding:10px;
position:relative;
border-width:1px;
border-style:solid;
}

.widget_ti_latest_comments .comment-text:after,
.widget_ti_latest_comments .comment-text:before {
bottom:100%;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none;
}

.widget_ti_latest_comments .comment-text:after {
border-bottom-color:#fff;
border-width:6px;
left:95%;
margin-left:-6px;
}

.widget_ti_latest_comments .comment-text:before {
border-bottom-color:#000;
border-width:7px;
left:95%;
margin-left:-7px;
}

/* Banners */
.widget_ti_code_banner,
.widget_ti_image_banner {
margin:0 -5%;
text-align:center;
}

.widget_ti_code_banner img,
.widget_ti_image_banner img {
max-width:100%;
height:auto;
display:block;
margin:0 auto;
}

.widget_ti_code_banner iframe,
.widget_ti_image_banner iframe {
max-width:100% !important;
}



/*
* Page 404
*/
article.error404{
margin-top:60px;
text-align:center;
}

article.error404 img {
max-width:100%;
height:auto;
margin-bottom:60px;
}

article.error404 h1{
font-size:50px;
text-transform:uppercase;
}




/*
* Sidebar in Mobile View
*/
#pageslide {

}

#pageslide .block {
padding:1.25em;
border-bottom-width:3px;
border-bottom-style:solid;
}

#open-pageslide,
#close-pageslide {
color:#8c919b;
font-size:28px;
line-height:38px;
display:none;
clip:rect(0 0 0 0);
text-decoration:none;
}

#close-pageslide {
text-align:center;
}

#pageslide .menu,
#pageslide .widget_meta ul,
#pageslide .widget_pages ul,
#pageslide .widget_archive ul,
#pageslide .widget_nav_menu ul,
#pageslide .widget_categories ul,
#pageslide .widget_recent_entries ul,
#pageslide .widget_recent_comments ul {
margin:-1.25em;
}

#pageslide .widget ul ul {
margin:0;
}

#pageslide .menu li,
#pageslide .widget_meta li,
#pageslide .widget_pages li,
#pageslide .widget_archive li,
#pageslide .widget_nav_menu li,
#pageslide .widget_categories li,
#pageslide .widget_recent_entries li,
#pageslide .widget_recent_comments li {
position:relative;
margin:0;
padding:0;
list-style:none;
border-bottom:none;
border-top-width:1px;
border-top-style:solid;
}

#pageslide .widget li:first-child {
border-top:none;
}

#pageslide .menu li a,
#pageslide .widget_meta li a,
#pageslide .widget_pages li a,
#pageslide .widget_archive li a,
#pageslide .widget_nav_menu li a,
#pageslide .widget_categories li a,
#pageslide .widget_recent_entries li a,
#pageslide .widget_recent_comments li a {
outline:none;
display:block;
padding:1.5em 1.25em;
letter-spacing:0.2em;
text-decoration:none;
text-transform:uppercase;
font:normal 12px/1.2em Arial, Helvetica, sans-serif;
}

#pageslide .menu li a:focus,
#pageslide .menu li a:hover {
text-decoration:none;
color:rgba(255,255,255,1);
background:rgba(255, 255, 255, 0.1);
}

#pageslide .widget_categories li a {
display:inline-block;
}

#pageslide .menu li.current-menu-item:after {
z-index:50;
display:block;
content:"";
position:absolute;
top:50%;
right:-0.06em;
margin-top:-0.6em;
border-top:0.6em transparent solid;
border-bottom:0.6em transparent solid;
border-right:0.6em white solid;
}

#pageslide .sub-menu {

}

#pageslide .menu .sub-menu a,
#pageslide .widget .sub-menu a {
font-size:10px;
padding-left:3em;
}

#pageslide .sub-posts {
display:none;
}

#pageslide .widget_meta ul,
#pageslide .widget_archive ul {
padding-left:0;
}

#pageslide .widget_ti_site_authors .inner {
width:220px;
}

#pageslide .widget_recent_comments li {
padding:1.5em 1.25em;
}

/*
* Media Queries
*/

/* Only on Desktop view */
@media only screen and (min-width: 801px) {
.featured-posts article .entry-image,
.category-posts article .entry-image,
.format-posts article .entry-image,
.latest-reviews article .entry-image {
height:220px;
overflow:hidden;
}

.top-strip.hide-strip {
display:none;
}

#second,
#third {
border-style:dotted;
border-width:0;
border-left-width:1px;
}
.col-1 .widget-area {border:none !important;}
.col-2 .widget-area:first-child {border-left:none !important;}
.col-2 .widget-area:last-child {border-right:none !important;}

.color-site-gray .col-2 #second,
.color-site-gray .col-3 #second,
.color-site-gray .col-2 #third,
.color-site-gray .col-3 #third {
border-style:solid;
}

.columns {
overflow:hidden;
}

.col-2 .widget-area,
.col-3 .widget-area {
float:left;
margin-bottom:-2000px;
padding-bottom:2000px;
}

.footer-sidebar .widget:first-child {border:none;}
.footer-sidebar .widget {padding-left:8%; padding-right:8%;}
.footer-sidebar .col-1 .widget {padding-left:0; padding-right:0;}
.footer-sidebar #first .widget {padding-left:0;}
.footer-sidebar #third .widget {padding-right:0;}
.footer-sidebar .col-2 .widget-area:first-child .widget {padding-left:0;}
.footer-sidebar .col-2 .widget-area:last-child .widget {padding-right:0;}

.top-strip #searchform input[type="text"] {
width:100px;
}

.csstransitions .top-strip #searchform input[type="text"] {
-webkit-transition:width 0.5s ease-in-out;
-moz-transition:width 0.5s ease-in-out;
-o-transition:width 0.5s ease-in-out;
transition:width 0.5s ease-in-out;
}

.csstransitions .top-strip #searchform input[type="text"]:focus {
width:300px;
}

.csstransitions .entry-image {
opacity:0;
transition:opacity 0.7s ease-in-out;
-moz-transition:opacity 0.7s ease-in-out;
-webkit-transition:opacity 0.7s ease-in-out;
}

.csstransitions .entry-image.inview {
opacity:1;
}

.entries article .entry-image img,
.entry-list article .entry-image img {
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
transition:all 0.5s ease;
-webkit-backface-visibility:hidden;
}

.entries article .entry-image img:hover,
.entry-list article .entry-image img:hover {
opacity:0.5;
}

.csstransitions .entries article .entry-image img:hover,
.csstransitions .entry-list article .entry-image img:hover {
-webkit-transform:scale(1.06);
-moz-transform:scale(1.06);
-o-transform:scale(1.06);
-ms-transform:scale(1.06);
transform:scale(1.06);
-webkit-backface-visibility:hidden;
}

.score-box .score-line span {
width:0;
-webkit-transition:width 0.7s ease-in-out;
-moz-transition:width 0.7s ease-in-out;
-o-transition:width 0.7s ease-in-out;
transition:width 0.7s ease-in-out;
}

.inview .score-line span {
width:100%;
}

.sidebar .widget .entry-image {
height:183px;
overflow:hidden;
}

.col-1 .widget-area .entry-image {
height:500px;
overflow:hidden;
}

.col-2 .widget-area .entry-image,
.col-3 #first.widget-area .entry-image {
height:315px;
overflow:hidden;
}

.col-3 #second.widget-area .entry-image,
.col-3 #third.widget-area .entry-image {
height:147px;
overflow:hidden;
}

}

@media only screen and (max-width: 959px) {
#social-box li {
width:25%;
}

#social-box li:first-child {
display:none;
}

#social-box li:after {
content:normal;
padding-left:0;
}
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
.posts-slider .slides li {
height:399px;
}

.with-sidebar .posts-slider .slides li {
height:340px;
}

#masthead .main-menu > ul > li > a,
#masthead .main-menu > ul > li:after {
font-size:0.9em;
}

#masthead .main-menu .sub-menu .sub-posts figure {height:129px;}
#masthead .main-menu .full-width .sub-posts figure {height:174px;}

.custom-gallery .gallery-item {
height:397px;
}

.custom-gallery .gallery-item:not(:nth-child(4n+1)) {
height:197px;
}

.featured-posts article .entry-image,
.category-posts article .entry-image,
.format-posts article .entry-image,
.latest-reviews article .entry-image {
height:193px;
overflow:hidden;
}

.sidebar .widget .entry-image {
height:161px;
overflow:hidden;
}

.col-1 .widget-area .entry-image {
height:399px;
overflow:hidden;
}

.col-2 .widget-area .entry-image,
.col-3 #first.widget-area .entry-image {
height:279px;
overflow:hidden;
}

.col-3 #second.widget-area .entry-image,
.col-3 #third.widget-area .entry-image {
height:130px;
overflow:hidden;
}
}

@media only screen and (min-width: 801px) and (max-width: 959px) {
.posts-slider .slides li {
height:300px;
}

.with-sidebar .posts-slider .slides li {
height:259px;
}

#masthead .main-menu > ul > li > a,
#masthead .main-menu > ul > li:after {
font-size:0.65em;
}

#masthead .main-menu .sub-menu .sub-posts figure {height:97px;}
#masthead .main-menu .full-width .sub-posts figure {height:131px;}

.custom-gallery .gallery-item {
height:300px;
}

.custom-gallery .gallery-item:not(:nth-child(4n+1)) {
height:134px;
}

.featured-posts article .entry-image,
.category-posts article .entry-image,
.format-posts article .entry-image,
.latest-reviews article .entry-image {
height:147px;
overflow:hidden;
}

.sidebar .widget .entry-image {
height:122px;
overflow:hidden;
}

.col-1 .widget-area .entry-image {
height:300px;
overflow:hidden;
}

.col-2 .widget-area .entry-image,
.col-3 #first.widget-area .entry-image {
height:211px;
overflow:hidden;
}

.col-3 #second.widget-area .entry-image,
.col-3 #third.widget-area .entry-image {
height:98px;
overflow:hidden;
}
}

@media only screen and (max-width: 800px) {
#masthead {
margin-bottom:0;
}

.main-menu,
.sidebar-mobile,
.secondary-menu,
.flex-direction-nav,
.posts-slider .entry-header .entry-meta,
.posts-slider .entry-header .read-more {
display:none;
}

.top-strip.hide-strip .social,
.top-strip.hide-strip .message,
.top-strip.hide-strip #searchform {
display:none;
}

#open-pageslide,
#close-pageslide {
display:block;
}

.top-strip #searchform input[type="text"] {
width:150px;
}

.posts-slider .slides li,
.widget-area .entry-image,
.with-sidebar .posts-slider .slides li {
height:460px;
overflow:hidden;
}

.page-title,
.single-title,
.section-header .title,
.posts-slider .entry-title {
font-size:36px;
}

.tagline,
.sub-title {
font-size:14px;
}

.page-title span,
.single-title span,
.home-section .section-header .title span {
margin:0;
padding:0 5px;
}

.masonry-layout article {
padding-bottom:0;
border-bottom:none;
}

.custom-gallery .gallery-item,
.custom-gallery .gallery-item:not(:nth-child(4n+1)) {
float:none;
width:100%;
height:auto;
margin:0 0 2px;
}

.custom-gallery .gallery-item img {
width:100%;
height:auto !important;
display:block !important;
}

.single .entry-media {
margin-bottom:30px;
}

.slide-dock-on {
transform:none;
-webkit-transform:none;
-o-transform:none;
-moz-transform:none;
}

#social-box li {
font-size:10px;
}

#tags-box {
text-align:center;
}

#tags-box [class^="icon-"] {
display:none
}

.nav-next,
.nav-previous {
width:100%;
float:none;
padding:0;
text-align:center;
}

.nav-next [class^="icon-"],
.nav-previous [class^="icon-"] {display:none;}

.nav-single .sep {
width:100%;
height:1px;
border:none;
margin:30px 0;
position:static;
background:#000;
}

.col-2 .widget-area,
.col-3 .widget-area,
.col-3 .widget-area#first {
float:none;
width:100%;
}

.footer-sidebar .widget {
padding-left:0;
padding-right:0;
}

.copyright,
.copyright .back-top {
text-align:center;
}

}

@media only screen and (max-width: 720px) {
.page blockquote,
.single blockquote {
float:none;
width:100%;
margin:20px 0;
}

.page-title,
.single-title,
.section-header .title,
.posts-slider .entry-title {
font-size:24px;
}

.single .entry-rating {
float:none;
width:96%;
padding:2%;
margin:0 0 30px;
}

#social-box li {
width:100%;
margin-bottom:15px;
}

#gallery-carousel img {
width:100%;
height:auto;
float:none;
margin:0 0 5px;
}

#pageslide .widget_ti_site_authors .inner {
width:165px;
}
}

@media only screen and (min-width: 641px) and (max-width: 720px) {
.posts-slider .slides li,
.widget-area .entry-image,
.with-sidebar .posts-slider .slides li {
height:430px;
overflow:hidden;
}
}

@media only screen and (min-width: 481px) and (max-width: 640px) {
.posts-slider .slides li,
.widget-area .entry-image,
.with-sidebar .posts-slider .slides li {
height:364px;
overflow:hidden;
}
}

@media only screen and (max-width: 480px) {
.posts-slider .slides li,
.widget-area .entry-image,
.with-sidebar .posts-slider .slides li {
height:216px;
overflow:hidden;
}
}
2 条回复
fanpenghua
    1
fanpenghua  
   2014-04-22 10:42:42 +08:00
先学CSS
bingu
    2
bingu  
   2014-04-22 12:40:58 +08:00
天啊,整个css发上来了。好像小学生的暑假作业没做完,快开学的样子。
关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     922 人在线   最高记录 6679       Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 31ms UTC 20:49 PVG 04:49 LAX 13:49 JFK 16:49
Do have faith in what you're doing.
ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86