CSS Фалеронов | Завет | Пользуйте наздоровье!

CSS этот отдаю в свободное пользование и редактуру, в руки благороднейших пользователей Avian'ы,

Это вставлять в поле "фоновое изображение": http://ipic.su/7yGzjR.gif
Это вставлять в поле CSS:

fr-toolbar .fr-btn-grp.rte-tab--inactive {
border-bottom-width: 0px;
}
.p-header .p-header-logo.p-header-logo--image img {
max-height: 300px;
content: url(http://ipic.su/7yYvew.png);
pointer-events: none;
}
.p-header .p-header-logo {
margin-left: auto;
margin-bottom: 30%;
margin-top: 30%;
}
.p-header-inner {
min-width: 100%;
margin: 0 auto;
padding-left: 0px;
padding-right: 0px;
}
.p-header-content {
padding: 6px 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
max-width: 100%;
background: url(0), url(0), url(0), url(0), url(0), url(0), url(0), url(http://ipic.su/7yYknn.png), url(0) fixed;
background-position: top left, top right, bottom left, bottom right, left, right, top, bottom, center;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-y, repeat-y, repeat-x, repeat-x, no-repeat;
background-origin: border-box;
background-size: auto, auto, auto, auto, auto, auto, auto, auto, cover;
}
.p-pageWrapper {
padding-bottom: 0px;
}
.p-title-value {
display: none;
}
.p-footer {
font-size: 13px;
color: #85869e;
background-color: black;
}
.p-nav {
color: #fff;
background: #171817;
max-width: 1300px;
width: 100%;
margin: 0 auto;
border-radius: 0px 0px 0 0;
}
.p-nav-inner {
display: none;
}
.p-sectionLinks {
display: none;
}
.p-sectionLinks {
font-size: 13px;
color: #ffcf6a;
background: #171817;
max-width: 1300px;
width: 100%;
margin: 0 auto;
}
.p-body-inner {
background: #171817;
border-left: 1px solid #2a2e42;
border-right: 1px solid #2a2e42;
padding-left: 30%;
padding-right: 30%;
padding-bottom: 3%;
padding-top: 3%;
min-width: 100%;
}
.block--messages .message, .block--messages .block-row {
color: #cbcfdc;
background: #23294000;
}
.block--messages .message, .block--messages .block-row {
color: #e1d8bc;
background: #23294000;
}
.message-articleUserInfo {
background: rgb(36 36 36);
border-top: 1px solid #333c5f00;
}
.message-attribution {
color: #bfbc9d;
font-size: 12px;
padding-bottom: 3px;
border-bottom: 1px solid #846131;
}
.p-staffBar {
display: none;
}
.music-button {
width: 90px;
margin: auto;
margin-top: 8vh;
position: relative;
}

.header {
justify-content: space-between;
height: 100vh;
left: 20px !important;
top: 14% !important;
box-shadow: 0px 0px 5px #0000;
padding-bottom: 0%;
border: double 15px #5b737f00;
background: url(0), url(0), url(0), url(0), url(0), url(0), url(0), url(http://ipic.su/7yYknn.png), url(http://ipic.su/7yYsSq.png) fixed;
background-position: top left, top right, bottom left, bottom right, left, right, top, bottom, center;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-y, repeat-y, repeat-x, repeat-x, no-repeat;
background-origin: border-box;
background-size: auto, auto, auto, auto, auto, auto, auto, auto, cover;
}
.inheader {
display: none;
height: 20vh;
left: 20px !important;
top: 14% !important;
box-shadow: 0px 0px 5px #0000;
padding-bottom: 0%;
border: double 15px #5b737f00;
background: url(http://ipic.su/7yQiib.png), url(http://ipic.su/7yQiic.png), url(http://ipic.su/7yQiid.png), url(http://ipic.su/7yQiie.png), url(http://ipic.su/7yQiih.png), url(http://ipic.su/7yQiii.png), url(http://ipic.su/7yQiik.png), url(http://ipic.su/7yQiim.png), url(http://ipic.su/7yQiin.png) repeat fixed;
background-position: top left, top right, bottom left, bottom right, left, right, top, bottom, center;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-y, repeat-y, repeat-x, repeat-x, repeat;
background-origin: border-box;
}
.bbCodeBlock {
padding-bottom: 5%;
padding-top: 5%;
padding-left: 5%;
padding-right: 5%;
background: rgba(35, 41, 64, 0.9);
margin: 0.5em 0;
border: 0px solid;
border-left: 0;
border-image-outset: 20px 2px 11px 3px;
border-image-width: 46px;
border-image-slice: 46 fill;
border-image-source: url(https://i.ibb.co/6nvVgP8/1.png);
color: black;
font-family: 'Barkentina';
}
.bbCodeBlock-expandLink {
display: none;
position: absolute;
top: 87px;
left: 0;
right: 0;
height: 75px;
cursor: pointer;
z-index: 100;
background: linear-gradient(to bottom, rgba(35, 41, 64, 0) 0%, rgb(195 179 156) 80%);
}
.bbCodeBlock-expandLink a {
color: #000000;
}
.videofon {
height: 20vh;
left: 20px !important;
top: 14% !important;
box-shadow: 0px 0px 5px #0000;
padding-bottom: 0%;
border: double 15px #5b737f00;
background: url(http://ipic.su/7yQiib.png), url(http://ipic.su/7yQiic.png), url(http://ipic.su/7yQiid.png), url(http://ipic.su/7yQiie.png), url(http://ipic.su/7yQiih.png), url(http://ipic.su/7yQiii.png), url(http://ipic.su/7yQiik.png), url(http://ipic.su/7yQiim.png), url(http://ipic.su/7yQiin.png) repeat fixed;
background-position: top left, top right, bottom left, bottom right, left, right, top, bottom, center;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-y, repeat-y, repeat-x, repeat-x, repeat;
background-origin: border-box;
}
.musicvideo {
position: fixed;
left: 20px !important;
top: 14% !important;
display: none;
}

</style>
<div class="musicvideo">

<iframe width="155" height="155" src="

" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

</div>
</style>

</style>
<div class="header">
<div class="inheader">

</div>
</div>
</style>

 

[Faleron]

CSS текстом в блокноте:

 

[Anturash]

Кайф, спасибо тебе <3