//#322623

* {
//	font-family: вЂ‹Georgia, вЂ‹Times New Roman;
}

#brdtitle h1 a {
	display: none !important;
	visibility: hidden !important;
	opacity: 0;
}
#brddesc {

}

.pun, .top-box , .end-box , .top-box * , .end-box * , .punwrap {
	padding: 0 !important;
	margin: 20px 0 0 0 !important;
	background: none !important;
	border: none !important;
}
#brdmenu {
	background: none !important;
}

#brdmenu li , .crumbs li , .inbox li {
	list-style: none !important;
	background: none !important;
}

body.forum #wrapper {
    background: url(//www.kau.su/usr/templates/images/header-visual3.jpg) no-repeat center top;	
}

#brdmenu {
	margin: -90px 0 30px 240px;
}

#brdmenu ul li , .inform {
	margin-left: 1.6em;
	background: none !important;
	border: none !important;
}
#brdmenu ul li a {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	color: #cc0000 !important;
	font-size: 16px !important;
	background: none !important;
}

h2 *, h3 * {
	font-size: 18px !important;
}

.box {
/*	background: rgba(250,250,250,0.6) !important;	*/
	background: none;
}

input , textarea , select {
	border: 1px solid #aaa;
	font-family: Arial !important;
}

select , option {
	background: #f0f0f0;
}

option {
	padding-left: 1em;
	font-size: 11px !important;
}
optgroup {
	padding-left: 0;
	font-style: italic;
	font-weight: bold;
	font-size: 11px !important;
}

input[type="submit"] , button , .submit {
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	background-image: -o-linear-gradient(top,#ce0101,#720000);
	background: -moz-linear-gradient(top,#ce0101,#720000);
	background: -webkit-gradient(linear, left top, right bottom, from(#ce0101), to(#720000));
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#ce0101,endColorstr=#720000,GradientType=0); zoom: 1;
/*
	-webkit-box-shadow: 0 0 7px rgba(0,0, 0, 0.5);
	-moz-box-shadow: 0 0 7px rgba(0,0, 0, 0.5);
	box-shadow: 0 0 7px rgba(0,0, 0, 0.5);
*/
	margin-top: -5px;
	font: italic 14px Georgia, Times;
	width: auto;
	padding: 2px 20px 5px 20px;
//	height: 40px;
/*    width: 16px;	*/
    cursor: pointer;
	color: #f7f1cf !important;
	border: 2px solid #fbd400;
}
input[type="submit"] , button , .submit:hover {
	color: orange;
/*    background-position: 0 -16px;	*/
}

#brdmain , #brdstats {
	border-width: 1px 0;
	border-color: #bbb;
}

#player {
	position: absolute; 
	z-index: 1000;
	top: 10px; 
	right:10px;
}

.rowodd td {
	background: transparent;
}

#brdwelcome {
	display: block;
	position: relative;
}

.pun .blocktable .box, .pun .blockpost, .pun .blockpost .postbody, .pun .blockpost .postfoot {
	background: none;
	border: none;
}

.pun .icon {
    border-color: #FAEED6 #FAEED0 #FAEEC6 #F8D5AB;
}

.pun .blocktable th {
	background: rgba(0,0,0,.1);
	padding: .7em;
}
.pun .blocktable td {
	line-height: 1.5em;
    border-color: rgba(0,0,0,.1);
}

#punindex #brdmain .blocktable .conr {
	cursor: pointer;
	padding: auto .5em;
}

.inform legend, .pun .blockpost h2, #punmisc #rules .box, #punhelp .box, .pun .quotebox {
	line-height: 1.5em;
    background: rgba(0,0,0,.1);
//    padding-right: 0;
}
.pun .quotebox {
    border-color: rgba(255,255,255,.2);
    border-left: 15px solid rgba(255,255,255,.2);
}

.inform legend {
	display: block;
	width: 100%;
    padding-left: .5em;
    padding-bottom: .7em;	
    margin-bottom: .5em;
}
.pun #viewprofile .box, .pun #quickpost h2, #punpost .blockform h2, #punedit .blockform h2, #posterror h2, #pundelete .blockform h2, .pun #users1 h2, .pun .inform, .pun .infldset, #adintro .inbox, #adstats .inbox, .pun .blockform .box, #adstats, #adintro, #postpreview, #posterror {
    background: none;
//    border-left: none;
//    border-right: none;
	border: none;
    padding: 0;
}

#brdwelcome .conl {
	margin: 1.5em auto auto auto;
}

.pun #users1 h2 {
	margin-top: 2em;
//	font-size: 200%;
}

.buttons {
	margin-bottom: 1em !important;
	padding-bottom: 1em;
}
.buttons input {
	display: inline-block;
}

#punpost .blockform h2, #punedit .blockform h2, .pun #quickpost h2, #pundelete .blockform h2 {
    position: relative;
}
<link rel="stylesheet" type="text/css" href="/usr/templates/_pr_ext.css" /><div class="demo" title="Внимание! Это демо версия!">DEMO</div>
<!--reklama-->

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script-->
<script>
     (adsbygoogle = window.adsbygoogle || []).push({
          google_ad_client: "ca-pub-3927128035772323",
          enable_page_level_ads: true
     });
</script>

<!-- <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3927128035772323" crossorigin="anonymous"></script> -->

<div class="sp_old">
<h2 class="hidden"><a href="/links/">Реклама спонсоров</a></h2><!--399370392950--><div id='jOp8_399370392950'></div></div>
<!--/reklama-->


//#322623

* {
//	font-family: вЂ‹Georgia, вЂ‹Times New Roman;
}

#brdtitle h1 a {
	display: none !important;
	visibility: hidden !important;
	opacity: 0;
}
#brddesc {

}

.pun, .top-box , .end-box , .top-box * , .end-box * , .punwrap {
	padding: 0 !important;
	margin: 20px 0 0 0 !important;
	background: none !important;
	border: none !important;
}
#brdmenu {
	background: none !important;
}

#brdmenu li , .crumbs li , .inbox li {
	list-style: none !important;
	background: none !important;
}

body.forum #wrapper {
    background: url(//www.kau.su/usr/templates/images/header-visual3.jpg) no-repeat center top;	
}

#brdmenu {
	margin: -90px 0 30px 240px;
}

#brdmenu ul li , .inform {
	margin-left: 1.6em;
	background: none !important;
	border: none !important;
}
#brdmenu ul li a {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	color: #cc0000 !important;
	font-size: 16px !important;
	background: none !important;
}

h2 *, h3 * {
	font-size: 18px !important;
}

.box {
/*	background: rgba(250,250,250,0.6) !important;	*/
	background: none;
}

input , textarea , select {
	border: 1px solid #aaa;
	font-family: Arial !important;
}

select , option {
	background: #f0f0f0;
}

option {
	padding-left: 1em;
	font-size: 11px !important;
}
optgroup {
	padding-left: 0;
	font-style: italic;
	font-weight: bold;
	font-size: 11px !important;
}

input[type="submit"] , button , .submit {
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	background-image: -o-linear-gradient(top,#ce0101,#720000);
	background: -moz-linear-gradient(top,#ce0101,#720000);
	background: -webkit-gradient(linear, left top, right bottom, from(#ce0101), to(#720000));
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#ce0101,endColorstr=#720000,GradientType=0); zoom: 1;
/*
	-webkit-box-shadow: 0 0 7px rgba(0,0, 0, 0.5);
	-moz-box-shadow: 0 0 7px rgba(0,0, 0, 0.5);
	box-shadow: 0 0 7px rgba(0,0, 0, 0.5);
*/
	margin-top: -5px;
	font: italic 14px Georgia, Times;
	width: auto;
	padding: 2px 20px 5px 20px;
//	height: 40px;
/*    width: 16px;	*/
    cursor: pointer;
	color: #f7f1cf !important;
	border: 2px solid #fbd400;
}
input[type="submit"] , button , .submit:hover {
	color: orange;
/*    background-position: 0 -16px;	*/
}

#brdmain , #brdstats {
	border-width: 1px 0;
	border-color: #bbb;
}

#player {
	position: absolute; 
	z-index: 1000;
	top: 10px; 
	right:10px;
}

.rowodd td {
	background: transparent;
}

#brdwelcome {
	display: block;
	position: relative;
}

.pun .blocktable .box, .pun .blockpost, .pun .blockpost .postbody, .pun .blockpost .postfoot {
	background: none;
	border: none;
}

.pun .icon {
    border-color: #FAEED6 #FAEED0 #FAEEC6 #F8D5AB;
}

.pun .blocktable th {
	background: rgba(0,0,0,.1);
	padding: .7em;
}
.pun .blocktable td {
	line-height: 1.5em;
    border-color: rgba(0,0,0,.1);
}

#punindex #brdmain .blocktable .conr {
	cursor: pointer;
	padding: auto .5em;
}

.inform legend, .pun .blockpost h2, #punmisc #rules .box, #punhelp .box, .pun .quotebox {
	line-height: 1.5em;
    background: rgba(0,0,0,.1);
//    padding-right: 0;
}
.pun .quotebox {
    border-color: rgba(255,255,255,.2);
    border-left: 15px solid rgba(255,255,255,.2);
}

.inform legend {
	display: block;
	width: 100%;
    padding-left: .5em;
    padding-bottom: .7em;	
    margin-bottom: .5em;
}
.pun #viewprofile .box, .pun #quickpost h2, #punpost .blockform h2, #punedit .blockform h2, #posterror h2, #pundelete .blockform h2, .pun #users1 h2, .pun .inform, .pun .infldset, #adintro .inbox, #adstats .inbox, .pun .blockform .box, #adstats, #adintro, #postpreview, #posterror {
    background: none;
//    border-left: none;
//    border-right: none;
	border: none;
    padding: 0;
}

#brdwelcome .conl {
	margin: 1.5em auto auto auto;
}

.pun #users1 h2 {
	margin-top: 2em;
//	font-size: 200%;
}

.buttons {
	margin-bottom: 1em !important;
	padding-bottom: 1em;
}
.buttons input {
	display: inline-block;
}

#punpost .blockform h2, #punedit .blockform h2, .pun #quickpost h2, #pundelete .blockform h2 {
    position: relative;
}

<style>
	.portfolio li.good a {
	}
	.portfolio li.good a:before {
/*		--thumbnail: attr(data-img);*/
/*		content: var(--thumbnail);*/
		content: '';
		background-image: var(--thumbnail);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		height: 20vh;
		widht: 100%;
		display: block;
	}
/*	
	.portfolio li a[data-img]:before {
		content: attr(data-img);
		background-image: attr(data-img);
		background-repeat: no-repeat;
		background-size: cover;
		widht: 100%;
		padding: 20vh 20vh 20px 20px;
		display: block;
	}
*/
	.portfolio {
 		display: grid; 
  		grid-template-columns: 20% 20% 20% 20%;  
  		grid-column-gap: 5%;
  	}
	.portfolio li {
		list-style: none;
		margin-bottom: 2em;
/*		height: 20vh;*/
/*		width: 20%;*/
	}
	.portfolio li:not(.good) {
		display: none !important;
	}
</style>
<ul class="portfolio">

</ul>