.left {
float: left;
display: inline;
}
.right {
float: right;
display: inline;
} @media only screen and (min-width: 768px) and (max-width: 959px) { #featured {
height: 326px;
}
.headline-style-wide #featured {
height: 474px;
} #sidebar-left, #sidebar-right {
width: 100%;
} #tabs ul.colabsTabs li a {
padding: 5px !important;
}
} @media only screen and (max-width: 767px) { #logo,
#head .right,
.wrapper,
#sidebar,
.tanbox,
#front-popular .clearfloat,
#sidebar-left,
#sidebar-right,
#gallery #random,
#gallery #video {
width: 100%;
}
#front-list, #paged-list, #content {
width: 96%;
} #logo {
text-align: center;
display: inline-block;
}
#head .right {
margin: 10px 0 0;
} #navbar ul {
display: none;
}
#navbar select {
display: block;
}
#searchform {
display: block;
float: none;
margin: 10px 0;
}
#searchform .field {
padding: 5px;
width: 89%;
} #headline {
width: 100%;
min-height: 200px;
}
#headline .thumb {
width: 25%;
margin-right: 5%;
}
.headline-style-wide #headline .thumb {
width: 100%;
margin-right: 0;
}
body #featured {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.carousel-nav-wrapper {
margin-top: 5px;
}
#single_head {
background: none;
width: 30%;
}
#single_desc {
width: 62.1%;
} .categorybar {
width: 97.8%;
padding: 2% 1.1%;
} #paged-list .clearfloat {
border: none;
}
#paged-list .tanbox {
border-bottom: 1px dotted #bbbbbb;
} #stats .right {
float: left;
clear: left;
} #gallery {
padding: 1.6% 2%;
}
#random-wrapper span {
width: 13%;
margin-right: 3.6%;
}
#gallery #video, #front-popular .clearfloat {
padding: 0;
border: none;
}
#front-popular .clearfloat {
margin-bottom: 15px;
} .adspace-widget {
text-align: center;
} #tabs ul.colabsTabs {
overflow: hidden;
}
#tabs ul.colabsTabs li {
width: 49%;
float: left;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#tabs ul.colabsTabs li a {
padding: 5px 0 !important;
width: 100%;
} #footer-left, #footer-right {
padding: 5px 0;
float: left;
display: inline;
display: block;
}
#footer-right {
clear: left;
} .comment-form input[type="text"],
#respond textarea {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.comment-form .submitbutton {
padding: 8px 20px;
font-size: 14px;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) { .categorybar {
width: 31%;
}
.categorybar:nth-child(1n+4) {
width: 47.8%;
} #gallery #video {
width: 45.4%;
}
#gallery #random {
width: 50.2%;
}
#random-wrapper span {
width: 22%;
margin-right: 3%;
} #tabs ul.colabsTabs li {
width: 23.9%;
text-align: center;
}
}
@media (max-width: 320px) {
#single_head {
webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-bottom: 0;
text-align: center;
width: 100%;
}
#single_head .thumb.left {
float: none;
}
#single_desc {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 10px 20px;
width: 100%;
}
}
@media (max-width: 568px) {
#headline img {
border: 1px solid #fff;
margin: 5px 5px 5px 0;
}
#headline .clearfloat > div {
overflow: hidden;
}
.headline-style-wide #headline .clearfloat > div {
overflow: visible;
}
}
@media (max-width: 768px) {
#headline .title {
font-size: 19px;
line-height: 20px;
}
}.yarpp-thumbnails-horizontal .yarpp-thumbnail, .yarpp-thumbnail-default, .yarpp-thumbnail-title {
display: inline-block;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail {
border: 1px solid rgba(127,127,127,0.1);
width: 130px;
height: 170px;
margin: 5px;
margin-left: 0px;
vertical-align: top;
}
.yarpp-thumbnail > img, .yarpp-thumbnail-default {
width: 120px;
height: 120px;
margin: 5px;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail > img, .yarpp-thumbnails-horizontal .yarpp-thumbnail-default {
display: block;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
font-size: 1em;
max-height: 2.8em;
line-height: 1.4em;
margin: 7px;
margin-top: 0px;
width: 120px;
text-decoration: inherit;
overflow: hidden;
}
.yarpp-thumbnail-default {
overflow: hidden;
}
.yarpp-thumbnail-default > img {
min-height: 120px;
min-width: 120px;
}