W3C CSS Validator results for http://lucasporn.com (CSS level 3)

Sorry! We found the following errors (43)

URI : https://fonts.googleapis.com/icon?family=Material+Icons

18 .material-icons Property word-wrap doesn't exist : normal normal

URI : https://lucasporn.com/css/style.css

9 a Property transition doesn't exist : color 0.3s ease color 0.3s ease
25 .bottomsearch Parse Error [empty string]
26 .sf Parse Error [empty string]
32 Unknown pseudo-element or pseudo-class ::-webkit-input-placeholder [-webkit-input-placeholder]
33 Unknown pseudo-element or pseudo-class :-moz-placeholder
34 Unknown pseudo-element or pseudo-class ::-moz-placeholder [-moz-placeholder]
35 Unknown pseudo-element or pseudo-class :-ms-input-placeholder
36 Unknown pseudo-element or pseudo-class ::-webkit-search-cancel-button [-webkit-search-cancel-button]
40 .autocomplete-suggestions Parse Error [empty string]
46 #menu Property touch-action doesn't exist : pan-y pan-y
46 #menu Property transition doesn't exist : all 0.5s ease all 0.5s ease
55 h1, h2 Parse Error [empty string]
59 .sorting, .durgrp, .pages Parse Error [empty string]
60 .sorting a, .durgrp a, .pages a Parse Error [empty string]
60 .sorting a, .durgrp a, .pages a Parse Error [empty string]
71 .dur Parse Error [empty string]
72 .add Parse Error [empty string]
73 .hdlabel Parse Error [empty string]
74 .rating Parse Error [empty string]
79 .info .title Parse Error [empty string]
79 .info .title Property transition doesn't exist : color 0.3s ease color 0.3s ease
81 .info .tags a Parse Error [empty string]
97 .vote Parse Error [empty string]
98 a.voteup, a.votedown, a.voteclose Parse Error [empty string]
104 .votedup, .voteddown Parse Error [empty string]
109 .tcats li h3 Parse Error [empty string]
110 .tcats li .cnt Parse Error [empty string]
114 .related a Parse Error [empty string]
121 .categories ul li a Parse Error [empty string]
121 .categories ul li a Parse Error [empty string]
128 #back-to-top Parse Error [empty string]
139 .info .tags span Parse Error [empty string]
155 .info h2 Parse Error [empty string]
158 .info h2 Property transition doesn't exist : color 0.3s ease color 0.3s ease
167 .sorting, .durgrp Value Error : width Parse Error - 3px)
176 .search Parse Error [empty string]
183 .pagination Value Error : width Parse Error - 406px)
187 .description Value Error : display -webkit-box is not a display value : -webkit-box -webkit-box
187 .description Parse Error [empty string]
208 .h.bottom .pagination Value Error : width Parse Error - 406px)
221 .categories ul li a Parse Error [empty string]
225 .related a Parse Error [empty string]

↑ Top

Warnings (57)

URI : https://lucasporn.com/css/style.css

3 Property -moz-box-sizing is an unknown vendor extension
4 Property -webkit-font-smoothing is an unknown vendor extension
5 Property -moz-osx-font-smoothing is an unknown vendor extension
8 Property -webkit-text-size-adjust is an unknown vendor extension
10 Same colors for color and background-color in two contexts a.current and a:hover
13 .header Same color for background-color and border-bottom-color
16 Same colors for color and background-color in two contexts .vote and a#btn-menu
17 Same colors for color and background-color in two contexts .vote and a#btn-search
18 Same colors for color and background-color in two contexts a.current and a#btn-menu.active
18 Same colors for color and background-color in two contexts a.current and a#btn-search.active
26 Property -webkit-appearance is an unknown vendor extension
26 Same colors for color and background-color in two contexts .vote and .sf
27 Property -webkit-appearance is an unknown vendor extension
30 Property -webkit-appearance is an unknown vendor extension
30 Same colors for color and background-color in two contexts .vote and .sc
40 .autocomplete-suggestions Same color for background-color and border-left-color
40 .autocomplete-suggestions Same color for background-color and border-right-color
40 .autocomplete-suggestions Same color for background-color and border-top-color
40 .autocomplete-suggestions Same color for background-color and border-bottom-color
43 Same colors for color and background-color in two contexts a.current and .autocomplete-suggestions strong
46 Property -webkit-tap-highlight-color is an unknown vendor extension
46 Property -webkit-user-select is an unknown vendor extension
46 Property -webkit-overflow-scrolling is an unknown vendor extension
46 Property -moz-user-select is an unknown vendor extension
46 Property -webkit-user-drag is an unknown vendor extension
46 Property -ms-user-select is an unknown vendor extension
48 Same colors for color and background-color in two contexts .vote and #menu a
55 Same colors for color and background-color in two contexts .vote and h1
55 Same colors for color and background-color in two contexts .vote and h2
68 .item Same color for background-color and border-right-color
68 .item Same color for background-color and border-bottom-color
68 .item Same color for background-color and border-left-color
68 .item Same color for background-color and border-top-color
91 #report-form-content Same color for background-color and border-right-color
91 #report-form-content Same color for background-color and border-left-color
91 #report-form-content Same color for background-color and border-top-color
91 #report-form-content Same color for background-color and border-bottom-color
95 li.report-active .item Same color for background-color and border-top-color
98 Same colors for color and background-color in two contexts .vote and a.voteclose
98 Same colors for color and background-color in two contexts .vote and a.votedown
98 Same colors for color and background-color in two contexts .vote and a.voteup
103 Same colors for color and background-color in two contexts #report-form-content and a.voteclose
103 Same colors for color and background-color in two contexts #overlay and a.voteclose
103 Same colors for color and background-color in two contexts li.report-active .item and a.voteclose
105 Same colors for color and background-color in two contexts .vote and .voteddown i
105 Same colors for color and background-color in two contexts .vote and .votedup i
120 Same colors for color and background-color in two contexts a.current and .categories .letter
125 Same colors for color and background-color in two contexts a.current and .footer a
129 Same colors for color and background-color in two contexts .vote and #back-to-top i
187 Property -webkit-line-clamp is an unknown vendor extension
187 Property -webkit-box-align is an unknown vendor extension
187 Property -webkit-box-orient is an unknown vendor extension
197 Same colors for color and background-color in two contexts .vote and #menu a i
213 .tcats li:hover .item Same color for background-color and border-top-color
213 .tcats li:hover .item Same color for background-color and border-top-color
214 Same colors for color and background-color in two contexts .vote and .info .tags a:hover
229 Property -webkit-box-orient is an unknown vendor extension

↑ Top

Valid CSS information

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext');
@font-face {
{
font-family : "'Roboto'";
font-style : normal;
font-weight : 300;
src : url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5vAw.ttf) format('truetype');
}
}
@font-face {
{
font-family : "'Roboto'";
font-style : normal;
font-weight : 400;
src : url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Me5Q.ttf) format('truetype');
}
}
@font-face {
{
font-family : "'Roboto'";
font-style : normal;
font-weight : 500;
src : url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9vAw.ttf) format('truetype');
}
}
@font-face {
{
font-family : "'Roboto'";
font-style : normal;
font-weight : 700;
src : url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlvAw.ttf) format('truetype');
}
}
@font-face {
{
font-family : "'Roboto'";
font-style : normal;
font-weight : 900;
src : url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmYUtvAw.ttf) format('truetype');
}
}
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@font-face {
{
font-family : "'Material Icons'";
font-style : normal;
font-weight : 400;
src : url(https://fonts.gstatic.com/s/materialicons/v93/flUhRq6tzZclQEJ-Vdg-IuiaDsNZ.ttf) format('truetype');
}
}
.material-icons {
font-family : 'Material Icons';
font-weight : normal;
font-style : normal;
font-size : 24px;
line-height : 1;
letter-spacing : normal;
text-transform : none;
display : inline-block;
white-space : nowrap;
direction : ltr;
}
* {
margin : 0;
padding : 0;
font-family : 'Roboto', sans-serif;
box-sizing : border-box;
}
html {
width : 100%;
}
body {
width : 100%;
font-size : 14px;
background-color : #272727;
color : #c0c0c0;
}
a {
outline : none;
text-decoration : none;
color : #ddd;
}
a:hover {
color : #e7c5a7;
}
.container {
width : 100%;
min-width : 250px;
max-width : 1660px;
margin : 0 auto;
padding : 0 5px;
overflow : hidden;
}
.header {
width : 100%;
height : 50px;
position : relative;
z-index : 99;
background-color : #272727;
border-bottom : 1px solid #272727;
}
a.logo {
display : block;
position : absolute;
overflow : hidden;
left : 50%;
top : 5px;
width : 165px;
height : 40px;
margin-left : -75px;
background-size : 135px 40px;
font-weight : 700;
font-size : 32px;
}
.description {
display : none;
}
a#btn-menu {
position : absolute;
left : 10px;
top : 14px;
color : #fff;
}
a#btn-search {
position : absolute;
right : 10px;
top : 14px;
color : #fff;
}
a#btn-menu.active, a#btn-search.active {
color : #e7c5a7;
}
a#btn-search i.search-hidden {
display : inline-block;
}
a#btn-search i.search-visible {
display : none;
}
a#btn-search.active i.search-hidden {
display : none;
}
a#btn-search.active i.search-visible {
display : inline-block;
}
.search {
display : none;
width : 100%;
position : relative;
padding : 8px 100px 8px 10px;
background : #474747;
border-bottom : 1px solid #272727;
}
.search.opened {
display : block;
}
.bottomsearch {
display : block;
margin : 30px auto 20px auto;
width : 300px;
position : relative;
padding : 8px 100px 8px 10px;
background : #474747;
border : 1px solid #272727;
}
.sf {
display : block;
border : none;
background : none;
box-sizing : border-box;
line-height : 26px;
width : 100%;
outline : none;
font-size : 14px;
color : #fff;
}
.sb {
display : block;
position : absolute;
right : 0;
top : 0;
border : none;
box-sizing : border-box;
line-height : 42px;
width : 48px;
outline : none;
cursor : pointer;
text-align : center;
background : #474747;
color : #fff;
}
.sb i {
vertical-align : middle;
}
.bottomsearch .sb {
background : none;
}
.sc {
display : none;
position : absolute;
right : 50px;
top : 0;
border : none;
box-sizing : border-box;
line-height : 42px;
width : 48px;
outline : none;
cursor : pointer;
text-align : center;
background : none;
color : #fff;
}
.sc i {
vertical-align : middle;
font-size : 18px;
}
.autocomplete-suggestions {
margin-top : 8px;
font-size : 14px;
overflow : auto;
border : 1px solid #373737;
border-top : none;
background : #373737;
}
.autocomplete-suggestion {
padding : 5px;
white-space : nowrap;
overflow : hidden;
cursor : pointer;
color : #ddd;
}
.autocomplete-selected {
background : #272727;
color : #fff;
}
.autocomplete-suggestions strong {
font-weight : 400;
color : #e7c5a7;
}
#overlay {
display : none;
position : fixed;
left : 0;
top : 0;
right : 0;
bottom : 0;
z-index : 98;
background : #000;
opacity : 0.5;
}
.noscroll {
position : fixed;
overflow : hidden;
}
#menu {
position : fixed;
z-index : 100;
width : 250px;
top : 50px;
bottom : 0;
left : -250px;
font-size : 0;
padding : 5px;
overflow-x : hidden;
overflow-y : scroll;
user-select : none;
background-color : #202020;
border-right : 1px solid #272727;
}
#menu.opened {
left : 0;
}
#menu a {
display : inline-block;
width : 100%;
font-size : 14px;
line-height : 34px;
color : #fff;
}
#menu a i {
vertical-align : middle;
font-size : 20px;
opacity : 0.6;
padding-bottom : 2px;
}
#menu hr {
margin : 5px 0;
border : 0;
border-top : 1px solid #272727;
}
#all_categories, #all_pornstars {
position : relative;
}
#all_categories_close, #all_pornstars_close {
position : absolute;
right : 5px;
top : 20px;
}
.h {
display : block;
padding : 5px;
font-size : 0;
text-align : left;
}
h1, h2 {
display : inline-block;
width : 100%;
white-space : nowrap;
overflow : hidden;
text-align : left;
line-height : 26px;
font-size : 16px;
font-weight : 500;
text-transform : uppercase;
color : rgb(255, 255, 255);
}
h1 span {
display : inline-block;
vertical-align : middle;
margin-left : 5px;
padding-left : 8px;
font-size : 12px;
line-height : 16px;
font-weight : 400;
border-left : 1px solid #474747;
color : rgba(255, 255, 255, 0.7);
text-transform : none;
}
h2 {
display : block;
padding : 5px;
margin-top : 25px;
}
#all_categories h2, #all_pornstars h2 {
margin-top : 10px;
}
.sorting, .durgrp, .pages {
display : inline-block;
width : 100%;
margin-top : 6px;
overflow : hidden;
background : #373737;
text-align : center;
}
.sorting a, .durgrp a, .pages a {
display : inline-block;
text-align : center;
padding : 0 5px;
line-height : 32px;
font-size : 14px;
white-space : nowrap;
overflow : hidden;
vertical-align : top;
min-width : 34px;
}
.sorting a, .durgrp a {
width : 50%;
}
.pages a.next, .pages a.prev, .pages a.first {
font-weight : 700;
font-size : 22px;
line-height : 22px;
padding : 5px;
}
a.current {
background : #e7c5a7;
color : #000;
font-weight : 500;
}
.content, .tcats {
display : block;
width : 100%;
font-size : 0;
}
center {
width : 100%;
font-size : 18px;
padding : 20px 0;
}
.content li, .tcats li {
display : inline-block;
width : 100%;
padding : 4px;
vertical-align : top;
overflow : hidden;
}
.item {
display : block;
width : 100%;
background : #191919;
border : 1px solid #191919;
}
.thumb {
display : block;
width : 100%;
position : relative;
overflow : hidden;
padding-top : 55.9%;
}
.thumb img {
display : block;
position : absolute;
left : 0;
top : 0;
width : 100%;
}
.dur {
display : block;
position : absolute;
right : 4px;
bottom : 4px;
width : 50px;
text-align : center;
background-color : rgba(0, 0, 0, 0.6);
line-height : 21px;
font-size : 11px;
font-weight : 500;
color : #fff;
z-index : 20;
}
.add {
display : none;
position : absolute;
left : 4px;
bottom : 4px;
padding : 0 5px;
background-color : rgba(0, 0, 0, 0.6);
line-height : 21px;
font-size : 11px;
font-weight : 500;
color : #fff;
z-index : 20;
}
.hdlabel {
display : none;
position : absolute;
right : 4px;
top : 4px;
width : 30px;
text-align : center;
background-color : rgba(0, 0, 0, 0.6);
line-height : 21px;
font-size : 11px;
font-weight : 500;
color : #fff;
}
.rating {
display : block;
position : absolute;
right : 58px;
bottom : 4px;
width : 44px;
text-align : center;
background-color : rgba(0, 0, 0, 0.7);
line-height : 21px;
font-size : 11px;
font-weight : 500;
color : #fff;
z-index : 20;
vertical-align : top;
}
.rating i {
font-size : 11px;
line-height : 21px;
vertical-align : top;
font-weight : 400;
}
.rating.neg {
color : #fd5d57;
}
.rating.pos {
color : #3dea37;
}
.info {
position : relative;
overflow : hidden;
opacity : 0.75;
}
.info .title {
padding : 4px 5px 4px 5px;
display : block;
font-size : 12px;
line-height : 22px;
height : 30px;
white-space : nowrap;
overflow : hidden;
font-weight : 400;
color : #c0c0c0;
}
.info .tags {
width : 100%;
height : 24px;
padding : 0 5px;
overflow : hidden;
display : none;
}
.info .tags a {
display : inline-block;
margin-right : 10px;
white-space : nowrap;
overflow : hidden;
line-height : 24px;
font-size : 12px;
font-weight : 400;
color : #c0c0c0;
text-transform : capitalize;
vertical-align : top;
}
.info .tags a.c {
color : #f0f0f0;
}
.info .tags a:before {
content : '\2022';
font-weight : 700;
color : #9c7b62;
display : inline-block;
vertical-align : top;
font-size : 24px;
padding-right : 1px;
}
.info .tags a.src {
display : inline-block;
border-right : 1px solid #202020;
padding-right : 5px;
margin-right : 5px;
}
.info .tags a.src:before {
display : none;
}
a.report {
display : none;
position : absolute;
right : 3px;
top : 5px;
width : 32px;
height : 20px;
text-align : right;
}
a.report i {
font-size : 20px;
}
#report-form {
display : block;
padding : 0 4px;
}
#report-form-content {
display : block;
position : relative;
padding-top : 34px;
background : #000;
border : 1px solid #000;
}
a#report-form-close {
position : absolute;
right : 5px;
top : 5px;
}
#report-iframe {
height : 400px;
}
li.report-active {
padding-bottom : 0;
}
li.report-active .item {
padding-bottom : 5px;
background : #000;
border-color : #000;
}
.vote {
display : none;
position : absolute;
bottom : 30px;
left : 50%;
font-size : 0;
width : 136px;
margin-left : -68px;
padding : 4px 0 4px 4px;
background : #fff;
}
a.voteup, a.votedown, a.voteclose {
display : inline-block;
vertical-align : top;
width : 40px;
height : 40px;
margin-right : 4px;
color : #fff;
text-align : center;
}
.vote a i {
font-size : 24px;
line-height : 40px;
}
.vote a:hover i {
font-size : 28px;
}
a.votedown {
background : #b32d28;
}
a.voteup {
background : #2db328;
}
a.voteclose {
color : #000;
}
.votedup, .voteddown {
display : none;
position : absolute;
bottom : 30px;
left : 50%;
width : 60px;
height : 60px;
margin-left : -30px;
border : 4px solid #fff;
font-size : 0;
text-align : center;
}
.votedup i, .voteddown i {
vertical-align : top;
font-size : 32px;
line-height : 52px;
color : #fff;
}
.voteddown {
background : #b32d28;
}
.votedup {
background : #2db328;
}
.tcats li h3 {
padding : 8px 5px 5px 5px;
font-size : 16px;
line-height : 16px;
white-space : nowrap;
overflow : hidden;
text-align : center;
font-weight : 500;
text-transform : uppercase;
opacity : 0.75;
}
.tcats li .cnt {
padding : 0 5px 8px 5px;
line-height : 12px;
font-size : 12px;
white-space : nowrap;
overflow : hidden;
text-align : center;
font-weight : 400;
color : #b0b0b0;
opacity : 0.75;
}
.related {
padding : 5px;
}
.related > span {
display : block;
width : 100%;
padding : 5px 0;
margin-top : 10px;
text-align : left;
line-height : 26px;
font-size : 16px;
font-weight : 700;
color : #ddd;
}
.related a {
display : inline-block;
padding : 0 10px;
margin-right : 5px;
margin-bottom : 5px;
line-height : 25px;
font-size : 13px;
text-transform : capitalize;
background : #373737;
}
.categories {
padding : 0 5px;
font-size : 0;
margin-bottom : 40px;
}
.categories ul {
margin-bottom : 5px;
}
.categories.popular ul {
margin-bottom : 0;
}
.categories ul li {
list-style : none;
display : inline-block;
margin-right : 5px;
margin-bottom : 5px;
}
.categories .letter {
margin : 0;
padding : 0 10px;
display : block;
line-height : 26px;
font-size : 16px;
font-weight : 500;
color : #e7c5a7;
}
.categories ul li a {
display : inline-block;
width : 100%;
padding : 0 10px;
white-space : nowrap;
overflow : hidden;
line-height : 25px;
font-size : 13px;
text-transform : capitalize;
background : #373737;
}
.categories ul li span {
display : none;
}
.footer {
padding : 10px 5px;
margin-top : 30px;
font-size : 12px;
line-height : 14px;
background : #202020;
border-top : 1px solid #272727;
}
.footer a {
color : #e7c5a7;
}
.footer i {
font-size : 14px;
line-height : 14px;
vertical-align : top;
}
.footer p {
padding : 5px 0;
}
#back-to-top {
position : fixed;
z-index : 9999;
right : 20px;
bottom : 7%;
display : block;
padding : 8px 10px;
background-color : rgba(0, 0, 0, 0.6);
}
#back-to-top i {
font-size : 36px;
color : #fff;
}
.desc {
padding : 15px 0;
}
.video-links {
margin : 5px 0;
font-size : 14px;
}
.video-links a {
padding : 0 10px 0 0;
font-weight : bold;
}
.info .tags span {
display : inline-block;
margin-right : 10px;
white-space : nowrap;
overflow : hidden;
line-height : 24px;
font-size : 12px;
font-weight : 400;
color : #c0c0c0;
text-transform : capitalize;
vertical-align : top;
}
.info h2 {
padding : 4px 5px 4px 5px;
display : block;
font-size : 12px;
line-height : 22px;
height : 30px;
white-space : nowrap;
overflow : hidden;
font-weight : 400;
color : #c0c0c0;
margin-top : 0;
}
@media all and (min-width : 400px) {
.content li, .tcats li {
width : 50%;
}
}
@media all and (min-width : 560px) {
.bottomsearch {
width : 460px;
}
.content li, .tcats li {
width : 33.33333%;
}
.sorting {
margin-right : 6px;
}
#report-iframe {
height : 280px;
}
}
@media all and (min-width : 760px) {
.container {
position : relative;
}
a#btn-menu, a#btn-search {
display : none;
}
.header {
height : 70px;
}
a.logo {
display : inline-block;
position : static;
left : auto;
top : auto;
margin-left : 0;
margin-top : 15px;
width : 203px;
height : 60px;
background-size : 203px 60px;
}
.search {
display : block;
position : absolute;
z-index : 100;
top : 13px;
left : auto;
right : 10px;
width : 320px;
border : 1px solid #272727;
}
.sb {
background : none;
}
#menu {
position : static;
left : 0;
top : auto;
bottom : auto;
overflow : visible;
width : 100%;
border-right : none;
border-bottom : 1px solid #272727;
background-color : #1a1a1a;
}
#menu hr {
display : none;
}
#menu a {
width : auto;
margin-right : 20px;
}
.filters {
width : 100%;
}
.sorting, .durgrp {
width : 200px;
}
.pagination {
display : inline-block;
text-align : right;
}
.pages {
width : auto;
}
}
@media all and (min-width : 900px) {
.description {
display : block;
overflow : hidden;
font-size : 12px;
line-height : 14px;
position : absolute;
top : 14px;
height : 42px;
left : 250px;
right : 370px;
}
.h {
padding-top : 15px;
}
#all_categories h2, #all_pornstars h2 {
margin-top : 0;
}
.info .title {
padding : 4px 40px 4px 5px;
border-bottom : 1px solid #202020;
}
.dur, .add, .hdlabel, .info .tags, a.report {
display : block;
}
}
@media all and (min-width : 1025px) {
#menu a:hover {
color : #c0c0c0;
}
#menu a i {
color : #fff;
}
h1 {
display : block;
float : left;
width : auto;
vertical-align : top;
line-height : 34px;
}
.filters {
display : block;
float : right;
vertical-align : top;
text-align : right;
width : auto;
white-space : nowrap;
}
.h:after {
content : '';
display : table;
clear : both;
}
.pagination {
width : auto;
margin-left : 6px;
}
.sorting, .durgrp, .pages {
margin-top : 0;
}
.h.bottom .filters {
width : 100%;
}
.h.bottom .pagination {
margin-left : 0;
}
.container {
max-width : 1000px;
}
.search {
right : 50%;
margin-right : -490px;
}
.info .title {
height : 25px;
line-height : 16px;
}
.content li:hover .info .title {
color : #ddd;
}
.content li:hover .item, .tcats li:hover .item {
background : #101010;
border-color : #101010;
}
.info .tags a:hover {
color : #fff;
}
a.report {
height : 18px;
top : 4px;
}
a.report i {
font-size : 16px;
}
.categories {
padding : 0;
}
.categories ul {
margin-bottom : 20px;
columns : 6 240px;
column-gap : 0;
}
.categories ul li {
display : block;
margin-right : 0;
padding : 0 10px;
margin-bottom : 0;
}
.categories .letter {
padding : 0 10px;
line-height : 30px;
font-size : 18px;
}
.categories ul li a {
background : none;
padding : 0;
width : 70%;
line-height : 30px;
border-bottom : 1px solid #303030;
font-size : 14px;
}
.categories ul li span {
display : inline-block;
width : 30%;
line-height : 30px;
min-height : 31px;
font-size : 11px;
text-align : right;
vertical-align : top;
border-bottom : 1px solid #303030;
color : #888;
}
.related {
margin-top : 10px;
}
.related > span {
display : inline-block;
width : auto;
margin-top : 0;
margin-right : 5px;
line-height : 25px;
font-size : 14px;
}
.related a {
background : none;
padding : 0;
margin-right : 15px;
font-size : 14px;
}
.related a:before {
content : '\2022';
font-weight : 700;
color : #9c7b62;
display : inline-block;
vertical-align : top;
font-size : 24px;
padding-right : 2px;
}
}
@media all and (min-width : 1280px) {
.description {
font-size : 13px;
left : 24%;
right : 30%;
}
h1, h2 {
font-size : 20px;
}
.categories ul li a {
font-size : 15px;
}
.categories ul li a {
width : 75%;
}
.categories ul li span {
width : 25%;
}
.container {
max-width : 1330px;
}
.content li, .tcats li {
width : 25%;
}
.search {
right : 10px;
margin-right : 0;
}
}
@media all and (min-width : 1340px) {
.search {
right : 50%;
margin-right : -655px;
}
}
@media all and (min-width : 1660px) {
.container {
max-width : 1660px;
}
.search {
right : 50%;
margin-right : -820px;
}
.content li, .tcats li {
width : 20%;
}
}

↑ Top