Results of the CSS crunched for sexreliz.com

Let's see what we've done for sexreliz.com

CSSCruncher.com has crunched this CSS to
11.68 %Less Size! Nice!

Crunched CSS code:

@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
html{font-size:100%}
body{margin:0;padding:0;background:#424242 url("/img/bg.jpg");font-family:'Roboto',sans-serif;font-size:0.84em}
div{margin:0;color:#3e3e3e;letter-spacing:0;line-height:1.2em}
a{color:#333;text-decoration:underline;transition:.1s ease-in}
a:hover{color:#000}
h1,h2,h3{padding:6px 0;font-weight:normal;font-size:1.3em;color:#7e475f;margin:0 0 5px 0;letter-spacing:-0.02em;text-transform:uppercase;line-height:1.02em;text-align:left}
h3{padding:2px 0;margin:0 0 10px 0;border-bottom:1px dotted #ddd;text-align:left}
#wrap{position:relative;margin:0 auto;width:1080px;background-color:#fff;height:100%;box-shadow:0 0 16px rgba(0,0,0,.5)}
header{position:relative;height:93px;background:url("/img/bg_ei.jpg") repeat-x;margin-bottom:8px;box-shadow:0 0 8px rgba(0,0,0,.25)}
header .are{float:left;width:256px}
header .jim{float:left;display:inline-block}
header .jim a{display:block;color:#fff;text-decoration:none;margin:29px 0 0 11px;padding:10px;font-size:17px;font-weight:bold;text-transform:uppercase;line-height:17px;letter-spacing:-0.3pt;background-color:#824164;border-radius:5px;text-shadow:1px 1px rgba(0,0,0,.2)}
header .jim a:hover{background-color:#793d5d}
header .sexsearch{float:right;margin:29px 10px 0 0;width:238px}
.sexsearch,.sexsearch form{position:relative}
.sexsearch input{padding:3px 68px 3px 10px;margin:0 0 5px 0;height:35px;border-radius:5px;border:none;background-color:#f9f9f9;width:100%;font-size:15px;color:#646464;-webkit-appearance:none;box-shadow:0 1px 6px rgba(0,0,0,.25);transition:.15s ease-in}
.sexsearch input:focus{background-color:#fff;box-shadow:0 1px 9px rgba(0,0,0,.25)}
.sexsearch button{height:35px;margin:0;padding:2px 14px;font-size:20px;line-height:0;background-color:#824164;border-radius:5px;border:none;color:#fff;transition:.15s ease-in;position:absolute;top:0;right:0;-webkit-appearance:none;box-shadow:0 1px 6px rgba(0,0,0,.2)}
:focus::-webkit-input-placeholder{color:transparent}
:focus::-moz-placeholder{color:transparent}
:focus:-moz-placeholder{color:transparent}
:focus:-ms-input-placeholder{color:transparent}
.sexsearch button:hover{background-color:#793d5d}
.sexsearch button:active{background-color:#713957}
.search_result{margin:10px 0}
.xm{margin-bottom:10px;text-align:justify}
.bbc{position:relative;box-shadow:0 0 8px rgba(0,0,0,.25)}
.menu{width:180px;position:absolute;top:0;left:0;letter-spacing:0.04em;text-transform:uppercase;padding:5px 0 0 3px}
.menu ul{font-weight:bold;font-size:1.14em;padding:0;list-style:none;margin:0 0 0 4px}
.menu li{padding:6px 3px 6px 10px;background:rgba(255,255,255,0.4);border-left:5px solid #ea879a;margin-bottom:2px;box-shadow:0 1px 0 #eee;border-radius:2px;position:relative}
.menu li:hover{background:rgba(255,255,255,0.9);border-left:5px solid #d74160}
.menu li a{display:block;color:#7b609a;text-decoration:none}
.menu li a:hover{color:#60467e}
.menu li.home a{text-decoration:underline;color:#585858}
.menu li.home a:hover{color:#424242}
.phs img,.bdck img{box-shadow:0 2px 3px rgba(0,0,0,.3)}
.mtxt{padding:0 10px;margin:0 0 0 180px;min-height:1320px}
.quote{background:#e8eff6;padding:10px 20px;color:#333;box-shadow:inset 2px 2px 5px rgba(45,75,105,.2),1px 1px 5px rgba(255,255,255,1);margin-bottom:-20px;position:relative}
section{font-size:1.28em;margin-bottom:8px;text-align:center}
section .ekii{display:inline-block}
section::after{display:inline-block;content:'';width:100%}
.ekii{width:266px;position:relative;margin:0 9px 11px 9px;vertical-align:top;text-align:center;font-weight:bold;text-shadow:1px 1px rgba(0,0,0,.4);border-radius:3px;transition:.1s ease-in}
.ekii img{width:266px;height:332px;border-radius:3px;transition:.2s ease-in;object-fit:cover;box-shadow:0 1px 9px rgba(0,0,0,.25)}
.ekii:hover{filter:brightness(.9);transition:.1s ease-in}
.ekii .pan{display:block;position:absolute;bottom:10px;width:100%;font-size:1.24em;padding:0 10px;z-index:10}
.ekii .pan h2{font-size:1em;text-align:center;margin:0;padding:0;text-transform:none;color:#fff}
.ekii .sdt{display:block;font-size:0.72em;margin:5px 0;color:#686868}
.ekii a{color:#fff;text-decoration:none}
.ekii a::after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-image:linear-gradient(to top,black 20%,transparent 80%);opacity:0.8;border-radius:3px}
.nok{margin:0 auto;padding:5px 0;display:block;clear:both;text-align:center}
.nok a,.nok span,.nok .nav_ext{padding:4px 12px;text-decoration:none;font-size:1.08em;font-weight:bold;margin:0 1px 3px 0;border-radius:3px;line-height:1.42em;display:inline-block}
.nok a{background:linear-gradient(to bottom,#f9f9f9,#eaeaea);border:1px solid #c4c4c4;color:#717171;text-shadow:1px 1px rgba(255,255,255,.9);box-shadow:0 1px 0 white inset}
.nok a:hover{color:#727272;background:linear-gradient(to bottom,#fff,#fafafa);box-shadow:0 1px 0 white inset}
.nok span{background:#5e5e5e;border:1px solid #5e5e5e;color:#f2f2f2;text-shadow:1px 1px rgba(0,0,0,.5);box-shadow:0 0 4px -1px rgba(0,0,0,.3) inset,0 1px 0 white}
.nok .nav_ext{color:#444;border:none;padding:14px 4px 0;background:none;box-shadow:none;text-shadow:none}
.speedbar{font-size:0.9em;text-transform:uppercase;font-weight:bold;padding:5px 0;text-align:left}
.ctg{padding-bottom:7px;font-size:0.8em;text-transform:uppercase;font-weight:bold;color:#ac3966;letter-spacing:0.04em;text-align:left}
.feu{text-align:justify;margin-bottom:10px}
.feu img{margin:3px 8px 1px 0;box-shadow:1px 2px 2px rgba(0,0,0,.2);border-radius:2px}
.bzk{padding:2px 0;font-weight:normal;font-size:1.3em;color:#7e475f;margin:5px 0 0 0;letter-spacing:0.04em;text-transform:uppercase;border-bottom:1px solid #dfdfdf}
.ated{display:inline-block;text-align:center}
.ated::after{display:inline-block;content:"";width:100%}
.ated ul{list-style:none;margin:0;padding:0}
.ated li{width:194px;padding:5px;font-size:1.04em;font-weight:bold;color:#bcbcbc;vertical-align:top;display:inline-block;text-align:center;margin:0 15px 5px 0}
.ated li img{width:194px;height:242px;display:block;margin-bottom:5px;object-fit:cover}
.ated a{text-decoration:underline}
.ated a:hover{text-decoration:none}
.tage{display:table;width:100%;margin:20px 0;box-shadow:0 3px 12px rgba(0,0,0,.15);background-color:#fff;border-radius:5px;padding:5px;position:relative}
.tage .dat,.tage .vie,.grade{display:inline-block;float:left;border:1px solid #e0e0e0;padding:10px 6px;margin:3px 3px 1px;border-radius:5px;font-size:15px;line-height:15px}
.grade{font-weight:bold;border:none;padding:0}
.grade a{text-decoration:none;float:left;background-color:#f6f6f6;transition:.2s ease-in;padding:10px 12px;border-radius:5px;border:1px solid #e0e0e0}
.grade a:hover{color:#3d3d3d;background-color:#ededed}
.grade i{margin-right:7px}
.grade span .ratingtypeplus{text-align:center;color:#b14670;margin:0 0 0 7px}
.bdck{width:100%;display:table}
.socium{float:right}
footer{background:url("/img/bg_uf.jpg") repeat-x;height:71px;letter-spacing:0;line-height:1.4em}
.advg{float:left;padding:10px 0 0 16px;font-size:0.92em}
.count{float:right;padding:16px 16px 0 0;font-size:0.92em}
.count img{margin:2px 3px 0 0;opacity:.8}
.counb{display:inline-block;width:88px;height:31px}
#share{float:right}
.push{float:left;min-width:32px;margin:5px 2px;font-size:20px;line-height:18px;text-align:center;border-radius:4px;color:#fff;cursor:pointer;padding:7px;transition:.1s ease-in;text-decoration:none;background-color:#373737}
.push:hover{filter:opacity(.8);transition:.1s ease-in;text-decoration:none;color:#fff}
.double-right{display:none;background:rgba(0,0,0,.9)}
.like{display:none}
@media screen and (max-width:1024px){#wrap{width:auto;box-shadow:none}
.mtxt{margin:0;min-height:0}
.quote{padding:10px}
.feu img{max-width:50%;width:220px;height:auto}
.menu{position:relative;top:auto;left:auto;margin-bottom:10px;width:auto}
.menu li{display:inline-block;margin:0 5px 5px 0}
footer{padding:5px 10px;height:auto;background:#fafafa}
.advg{float:none;padding:0;text-align:center}
.count{float:none;padding:0;text-align:center}}
@media screen and (max-width:639px){header{height:auto}
header .sexsearch{float:none;margin:1px 10px 5px;width:auto;clear:both}
#share{display:inline;background-color:transparent;float:none}
.social{position:fixed;bottom:100px;right:15px;left:auto;width:60px;height:420px;top:auto;transform:translate(0);display:flex;justify-content:center;align-items:center;flex-direction:column;display:none;z-index:1100}
.push{display:flex;justify-content:center;align-items:center;margin:5px;padding:0;width:50px;height:50px;font-size:22px;border-radius:50%;float:none}
.push:hover{filter:opacity(.95)}
.facebook{background-color:#3b5998}
.telegram{background-color:#179cde}
.pinterest{background-color:#bd081c}
.viber{background-color:#665cac}
.twitter{background-color:#55acee}
.vkontakte{background-color:#587ea3}
.ok{background-color:#ee8208}
.whatsapp{background-color:#5cbe4a}
.like{position:fixed;bottom:20px;right:15px;justify-content:center;align-items:center;cursor:pointer;border-radius:50%;background:rgba(0,0,0,.6)!important;z-index:1200}
.fa{font-size:28px}
.like .fa{font-size:28px}}
@media screen and (max-width:384px){header .are{float:none;width:auto;text-align:center}
header .are img{max-width:100%;height:auto}
header .jim{float:none;display:block;text-align:center}
header .jim a{display:inline-block;margin:0 0 10px 0}}

» Show original CSS code

« Hide original CSS code

#wrap {
	position: relative;
	margin: 0 auto;
	width: 1080px;
	background-color: #fff;
	height: 100%;
	box-shadow: 0 0 16px rgba(0,0,0,.5);
}

header {position: relative; height: 93px; background: url("/img/bg_ei.jpg") repeat-x; margin-bottom: 8px; box-shadow: 0 0 8px rgba(0,0,0,.25);}
header .are {float: left; width: 256px;}

header .jim {float: left; display: inline-block;}
header .jim a {
	display: block;
	color: #fff;
	text-decoration: none;
	margin: 29px 0 0 11px;
	padding: 10px;
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 17px;
	letter-spacing: -0.3pt;
	background-color: #824164;
	border-radius: 5px;
	text-shadow: 1px 1px rgba(0,0,0,.2);
}

header .jim a:hover {background-color: #793d5d;}

header .sexsearch {float: right; margin: 29px 10px 0 0; width: 238px;}
.sexsearch, .sexsearch form {position: relative;}

.sexsearch input {
	padding: 3px 68px 3px 10px;
	margin: 0 0 5px 0;
	height: 35px;
	border-radius: 5px;
	border: none;
	background-color: #f9f9f9;
	width: 100%;
	font-size: 15px;
	color: #646464;
	-webkit-appearance: none;
	box-shadow: 0 1px 6px rgba(0,0,0,.25);
	transition: .15s ease-in;
}

.sexsearch input:focus {background-color: #fff; box-shadow: 0 1px 9px rgba(0,0,0,.25);}

.sexsearch button {
	height: 35px;
	margin: 0;
	padding: 2px 14px;
	font-size: 20px;
	line-height: 0;
	background-color: #824164;
	border-radius: 5px;
	border: none;
	color: #fff;
	transition: .15s ease-in;
	position: absolute;
	top: 0;
	right: 0;
	-webkit-appearance: none;
	box-shadow: 0 1px 6px rgba(0,0,0,.2);
}

:focus::-webkit-input-placeholder {color: transparent;}
:focus::-moz-placeholder {color: transparent;}
:focus:-moz-placeholder {color: transparent;}
:focus:-ms-input-placeholder {color: transparent;}

.sexsearch button:hover {background-color: #793d5d;}
.sexsearch button:active {background-color: #713957;}
.search_result {margin: 10px 0;}

.xm {margin-bottom: 10px; text-align: justify;}

.bbc {position: relative; box-shadow: 0 0 8px rgba(0,0,0,.25);}

.menu {width: 180px; position: absolute; top: 0; left: 0; letter-spacing: 0.04em; text-transform: uppercase; padding: 5px 0 0 3px;}
.menu ul {font-weight: bold; font-size: 1.14em; padding: 0; list-style: none; margin: 0 0 0 4px;}
.menu li {padding: 6px 3px 6px 10px; background: rgba(255,255,255,0.4); border-left: 5px solid #ea879a; margin-bottom: 2px; box-shadow: 0 1px 0 #eee; border-radius: 2px; position: relative;}
.menu li:hover {background: rgba(255,255,255,0.9); border-left: 5px solid #d74160;}
.menu li a {display: block; color: #7b609a; text-decoration: none;}
.menu li a:hover {color: #60467e;}
.menu li.home a {text-decoration: underline; color: #585858;}
.menu li.home a:hover {color: #424242;}

.phs img, .bdck img {box-shadow: 0 2px 3px rgba(0,0,0,.3);}

.mtxt {padding: 0 10px; margin: 0 0 0 180px; min-height: 1320px;}
.quote {background: #e8eff6; padding: 10px 20px; color: #333; box-shadow: inset 2px 2px 5px rgba(45,75,105,.2), 1px 1px 5px rgba(255,255,255,1); margin-bottom: -20px; position: relative;}
section {font-size: 1.28em; margin-bottom: 8px; text-align: center;}
section .ekii {display: inline-block;}
section::after {display: inline-block; content: ''; width: 100%;}

.ekii {
	width: 266px;
	position: relative;
	margin: 0 9px 11px 9px;
	vertical-align: top;
	text-align: center;
	font-weight: bold;
	text-shadow: 1px 1px rgba(0,0,0,.4);
	border-radius: 3px;
	transition: .1s ease-in;
}

.ekii img {width: 266px; height: 332px; border-radius: 3px; transition: .2s ease-in; object-fit: cover; box-shadow: 0 1px 9px rgba(0,0,0,.25);}
.ekii:hover {filter: brightness(.9); transition: .1s ease-in;}
.ekii .pan {display: block; position: absolute; bottom: 10px; width: 100%; font-size: 1.24em; padding: 0 10px; z-index: 10;}
.ekii .pan h2 {font-size: 1em; text-align: center; margin: 0; padding: 0; text-transform: none; color: #fff;}
.ekii .sdt {display: block; font-size: 0.72em; margin: 5px 0; color: #686868;}
.ekii a {color: #fff; text-decoration: none;}
.ekii a::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-image: linear-gradient(to top, black 20%, transparent 80%);
	opacity: 0.8;
	border-radius: 3px;
}

.nok {
	margin: 0 auto;
	padding: 5px 0;
	display: block;
	clear: both;
	text-align: center;
}

.nok a, .nok span, .nok .nav_ext {
	padding: 4px 12px;
	text-decoration: none;
	font-size: 1.08em;
	font-weight: bold;
	margin: 0 1px 3px 0;
	border-radius: 3px;
	line-height: 1.42em;
	display: inline-block;
}

.nok a {
	background: linear-gradient(to bottom, #f9f9f9, #eaeaea);
	border: 1px solid #c4c4c4;
	color: #717171;
	text-shadow: 1px 1px rgba(255,255,255,.9);
	box-shadow: 0 1px 0 white inset;
}

.nok a:hover {
	color: #727272;
	background: linear-gradient(to bottom, #fff, #fafafa);
	box-shadow: 0 1px 0 white inset;
}

.nok span {
	background: #5e5e5e;
	border: 1px solid #5e5e5e;
	color: #f2f2f2;
	text-shadow: 1px 1px rgba(0,0,0,.5);
	box-shadow: 0 0 4px -1px rgba(0,0,0,.3) inset, 0 1px 0 white;
}

.nok .nav_ext {
	color: #444;
	border: none;
	padding: 14px 4px 0;
	background: none;
	box-shadow: none;
	text-shadow: none;
}

.speedbar {font-size: 0.9em; text-transform: uppercase; font-weight: bold; padding: 5px 0; text-align: left;}
.ctg {padding-bottom: 7px; font-size: 0.8em; text-transform: uppercase; font-weight: bold; color: #ac3966; letter-spacing: 0.04em; text-align: left;}

.feu {text-align: justify; margin-bottom: 10px;}
.feu img {margin: 3px 8px 1px 0; box-shadow: 1px 2px 2px rgba(0,0,0,.2); border-radius: 2px;}

.bzk {padding: 2px 0; font-weight: normal; font-size: 1.3em; color: #7e475f; margin: 5px 0 0 0; letter-spacing: 0.04em; text-transform: uppercase; border-bottom: 1px solid #dfdfdf;}
.ated {display: inline-block; text-align: center;}
.ated::after {display: inline-block; content: ""; width: 100%;}
.ated ul {list-style: none; margin: 0; padding: 0;}
.ated li {width: 194px; padding: 5px; font-size: 1.04em; font-weight: bold; color: #bcbcbc; vertical-align: top; display: inline-block; text-align: center; margin: 0 15px 5px 0;}
.ated li img {width: 194px; height: 242px; display: block; margin-bottom: 5px; object-fit: cover;}
.ated a {text-decoration: underline;}
.ated a:hover {text-decoration: none;}

.tage {
	display: table;
	width: 100%;
	margin: 20px 0;
	box-shadow: 0 3px 12px rgba(0,0,0,.15);
	background-color: #fff;
	border-radius: 5px;
	padding: 5px;
	position: relative;
}

.tage .dat, .tage .vie, .grade {
	display: inline-block;
	float: left;
	border: 1px solid #e0e0e0;
	padding: 10px 6px;
	margin: 3px 3px 1px;
	border-radius: 5px;
	font-size: 15px; line-height: 15px;
}

.grade {font-weight: bold; border: none; padding: 0;}

.grade a {
	text-decoration: none;
	float: left;
	background-color: #f6f6f6;
	transition: .2s ease-in;
	padding: 10px 12px;
	border-radius: 5px;
	border: 1px solid #e0e0e0;
}

.grade a:hover {color: #3d3d3d; background-color: #ededed;}
.grade i {margin-right: 7px;}
.grade span .ratingtypeplus {
	text-align: center;
	color: #b14670;
	margin: 0 0 0 7px;
}

.bdck {width: 100%; display: table;}
.socium {float: right;}

footer {background: url("/img/bg_uf.jpg") repeat-x; height: 71px; letter-spacing: 0; line-height: 1.4em;}
.advg {float: left; padding: 10px 0 0 16px; font-size: 0.92em;}
.count {float: right; padding: 16px 16px 0 0; font-size: 0.92em;}
.count img {margin: 2px 3px 0 0; opacity: .8;}
.counb {display: inline-block; width: 88px; height: 31px;}

#share {float: right;}

.push {
	float: left;
	min-width: 32px;
	margin: 5px 2px;
	font-size: 20px;
	line-height: 18px;
	text-align: center;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	padding: 7px;
	transition: .1s ease-in;
	text-decoration: none;
	background-color: #373737;
}

.push:hover {filter: opacity(.8); transition: .1s ease-in; text-decoration: none; color: #fff;}

.double-right {display: none; background: rgba(0,0,0,.9);}
.like {display: none;}

@media screen and (max-width: 1024px) {
#wrap {width: auto; box-shadow: none;}
.mtxt {margin: 0; min-height: 0;}
.quote {padding: 10px;}
.feu img {max-width: 50%; width: 220px; height: auto;}
.menu {position: relative; top: auto; left: auto; margin-bottom: 10px; width: auto;}
.menu li {display: inline-block; margin: 0 5px 5px 0;}
footer {padding: 5px 10px; height: auto; background: #fafafa;}
.advg {float: none; padding: 0; text-align: center;}
.count {float: none; padding: 0; text-align: center;}
}

@media screen and (max-width: 639px) {
header {height: auto;}
header .sexsearch {float: none; margin: 1px 10px 5px; width: auto; clear: both;}

#share {display: inline; background-color: transparent; float: none;}

.social {
	position: fixed;
	bottom: 100px;
	right: 15px;
	left: auto;
	width: 60px;
	height: 420px;
	top: auto;
	transform: translate(0);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	display: none;
	z-index: 1100;
}

.push {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 5px;
	padding: 0;
	width: 50px;
	height: 50px;
	font-size: 22px;
	border-radius: 50%;
	float: none;
}

.push:hover {filter: opacity(.95);}

.facebook {background-color: #3b5998;}
.telegram {background-color: #179cde;}
.pinterest {background-color: #bd081c;}
.viber {background-color: #665cac;}
.twitter {background-color: #55acee;}
.vkontakte {background-color: #587ea3;}
.ok {background-color: #ee8208;}
.whatsapp {background-color: #5cbe4a;}

.like {
	position: fixed;
	bottom: 20px;
	right: 15px;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	border-radius: 50%;
	background: rgba(0,0,0,.6)!important;
	z-index: 1200;
}

.fa {font-size: 28px;}
.like .fa {font-size: 28px;}

}

@media screen and (max-width: 384px) {
header .are {float: none; width: auto; text-align: center;}
header .are img {max-width: 100%; height: auto;}
header .jim {float: none; display: block; text-align: center;}
header .jim a {display: inline-block; margin: 0 0 10px 0;}
}

Some information about this website:

URL: https://sexreliz.com/
CSS URL: https://sexreliz.com/engine/classes/min/index.php?f=/style.css
Title: Порно рассказы и эротические секс истории с интим фото
Meta-Description: Библиотека порно рассказов и эротических историй с интимными xxx фото. Возможность читать тысячи секс рассказов с возбуждающими подробностями.
Meta-Keywords: порно, рассказы, читать, секс, эротические, истории, интим, фото