/* CS1 Background and text colours
-------------------------------------------------------------*/
/* Фон форума */
html, body {
background: url(https://i.imgur.com/11g8X00.jpg);
}
/* Шапка */
#pun-title table {
background-image: url(https://i.imgur.com/9CP2xix.jpg);
background-repeat: no-repeat;
background-position: top center;
border: none;
height: 267px;
width: 84.9em;
margin-left: -1.8em;
}
/* Тело форума */
#pun {
width: 918px;
background-color: #daccbb;
background: url(https://i.imgur.com/w2qnar8.jpg);
background-attachment: scroll;
background-repeat: repeat;
background-position: top center;
}
/* Футер */
#pun-about p.container {
background-image: url(https://i.imgur.com/5wi7UPh.jpg);
margin: 0px 0px -40px 0;
background-position: center top;
background-repeat: no-repeat;
width: 85em;
margin-left: -1.88em;
height: 40px;
overflow-x: hidden;
}
/* CS1.1 Фон и цвет текста на форуме */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container {background-color: transpanent;
color:#333532;
font-weight: normal;
font-style: normal;
}
#pun-admain .adformal, #pun-admain .adcontainer
{border: none;
border-color: transparent;}
.punbb .main h1, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: transparent;
color: #333532;
text-align: center;
font-style: normal;
font-family: 'montserrat';
}
/* Цитата и выделить код */
.punbb .quote-box, .punbb .code-box {
color: #000000;
background-color: #cfd9de;
margin: 4px 0 4px 0!important;
border: 1px solid #b3c3ca;
box-shadow: 0px -11px 0px -10px #99aeb7;
}
/* Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb input {
background-color: #d2cec8;
color: #333532;
}
/* Тень и закругление */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.punbb input { border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
/* Фон окна наград и репутации */
#pun-popup_awards div, #pun-reputation div, #pun-report div {
background-color: #f2f2f2;
}
/* ЖАЛОБА */
#pun-report span {
color: red;
font-weight: bold;
font-size: 16px;
}
/* отключаем награды */
#pun-navlinks #navawards{display:none;}
/*главная страница, навигация*/
#navindex a:after {font-family: icon; content: "\f015";font-size: 17px; padding-left: 7px;}
/*участники*/
#navuserlist a:after { font-family: icon; content: "\f0c0"; font-size: 17px; padding-left: 7px;}
/*поиск*/
#navsearch a:after { font-family: icon; content: "\f002"; font-size: 17px; padding-left: 7px;}
/*профиль*/
#navprofile a:after { font-family: icon; content: "\f2bb"; font-size: 17px; padding-left: 7px;}
/*сообщения*/
#navpm a:after { font-family: icon; content: "\f658"; font-size: 17px; padding-left: 7px;}
/*администрирование*/
#navadmin a:after { font-family: icon; content: "\f013"; font-size: 17px; padding-left: 7px;}
/*выход*/
#navlogout a:after { font-family: icon; content: "\f2f5"; font-size: 17px; padding-left: 7px;}
/*вход*/
#navlogin a:after { font-family: icon; content: "\f2f6"; font-size: 17px; padding-left: 7px;}
/*регистрация*/
#navregister a:after { font-family: icon; content: "\f0ea"; font-size: 17px; padding-left: 7px;}
/*пиар*/
#spMyimg a:after { font-family: icon; content: "\f086"; font-size: 17px; padding-left: 7px;}
/*прячем названия*/
#pun-navlinks a { font-size: 0 !important; }
#pun-navlinks li a {color: #000!important;}
/* CS2 Ссылки
-------------------------------------------------------------*/
/* CS2.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited, #pun-navlinks a, #pun-ulinks a {color: #4c6f7d;
text-decoration: none;
}
/* CS2.2 */
.punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active, #pun-ulinks a:focus, #pun-ulinks a:active {
color: #0000000;
transition-duration: 1s;
}
.punbb a:hover, #pun-navlinks a:hover, #pun-ulinks a:hover, td.tcr a:hover {
color: #000;
transition-duration: 1s;
text-decoration: none;
}
#pun-ulinks a {
font-size: 13px;
color: #2d2d2d;
font-weight: normal;
font-family: 'Futura PT';
text-transform: lowercase;
}
#pun-ulinks a:hover {
text-decoration: none;
color: #715a3b;
transition-duration: 1s;
}
#pun-navlinks a {
color: #6b8793;
transition-duration: 1s;
}
#pun-navlinks a:focus, #pun-navlinks a:active {
color: #b89250;
transition-duration: 1s;
}
#pun-navlinks a:hover {
transition-duration: 1s;
color: #c1c1c1;
}
/* CS3 Остальное
-------------------------------------------------------------*/
div.icon {
height: 16px;
width: 16px;
}
/* CS3.1 Иконки*/
div.icon {
background: url(https://i.imgur.com/XAOkMAV.png) no-repeat;
}
tr.inew div.icon {
background: url(https://i.imgur.com/rgaIaZm.png) no-repeat;
}
tr.iclosed div.icon {
background: url(https://i.imgur.com/ng8zmgG.png) no-repeat;
}
tr.isticky div.icon {
background: url(https://i.imgur.com/820sTgh.png) no-repeat;
}
/* CS3.2 Всё подряд*/
#pun-main div.catleft, #pun-main div.catright {display: none;}
#pun-main .post-author ul {text-align: left; margin: 5px 0px;}
ul.post-ul-Sp, .post-img-Sp {text-align:center;}
#pun th, #pun-main h2 {text-align: center}
.modlist {font-size: 95.05%;}
#pun-announcement .container {font-size: 101%; font-family: "Arial";}
.category h2 span{display: none;}
#pun-stats h2 span {visibility: hidden;}
#pun td .modlist{display:none;}
.lastedit {display:none}
#pun-announcement h2 {display: none}
#pun-navlinks #navawards{display:none}
/*---Прокрутка---*/
::-webkit-scrollbar {
width: 5px;
height: 4px;
background-color: #f6f3ee;
}
::-webkit-scrollbar-thumb {
background-color: #000;
}
::selection {
background: #699aaf !important;
color: #fff;
}
#pun-viewforum.punbb div.icon {
margin-top: 0 !important;
}
td.tcr a {
background-repeat: no-repeat;
background-position: left center;
font-family: Futura pt;
font-size: 14px;
font-weight: 600;
}
.category .container thead {display: none;}
.punbb .pa-avatar img {
max-width: 180px !important;
margin-top: 3px;
border: 1px solid #ffffff;
}
.pa-avatar {
text-align: center;
}
.punbb .user-avatar .avatar-image {
border-radius: 110px !important;
height: 25px !important;
width: 25px !important;
border: 1px solid #969696 !important;
opacity: 0.85;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
float: left;
}
#counters A IMG{opacity:0.4; -moz-opacity:0.4; filter:alpha(opacity=30);}
#counters a:hover img {opacity:1.0; -moz-opacity:1.0;
filter:alpha(opacity=70); transition-duration: 2s;}
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #spoiler-area {
position: absolute;
right: 6px;
background-color: #d2cec8;
top: 43px;
overflow-y: auto;
padding: 10px;
border: #334d37 1px solid;
}
#font-area {
max-height: 250px;
overflow: auto;
}
#smilies-area, #video-area, #spoiler-area {
width: 500px !important;
}
.punbb .user-avatar .isonline {
width: 8px;
height: 8px;
border-radius: 50%;
display: block;
position: absolute;
top: -1px !important;
right: 5px !important;
animation: blinkColor .9s linear infinite;
-moz-animation: blinkColor .9s linear infinite;
-webkit-animation: blinkColor .9s linear infinite;
background: #a86a32 !important;
z-index: 100;
}
.punbb .post-content a, .punbb .post-content a:link {
font-weight: bold;
}
.punbb .post-content strong {
font-weight: bold;
}
.pun-modal .modal-inner {
width: 700px;
max-width: 94%;
height: auto;
max-height: 44em;
margin: 12% auto 0;
box-shadow: 0 0 14px rgba(0,0,0,.3);
position: relative;
z-index: 120000;
overflow: hidden;
background-image: url(https://forumstatic.ru/files/001a/b7/19/64802.jpg);
background-color: #d2cec8;
}
/*** Заплатка для поля ответа ***/
textarea#main-reply {
width: 100%;
height: 100%;
height: 205px;
margin: 0 auto !important;
padding: 0.75em;
box-sizing: border-box;
overflow: auto; }
.punbb .post h3 {
height: 15px;
font-family: montserrat;
font-size: 9px;
text-transform: uppercase;
margin: 6px -13px 6px -13px !important;
}
.post h3 a {
color: #000!important;
}
.pa-posts, .pa-respect {
padding: 1px 0px 1px 0px!important;
margin-top: 2px !important;
display: inline!important;
float: none!important;
width: 95px;
text-align: left;
font-family: futura pt;
text-transform: lowercase;
font-weight: 500;
margin-left: 1px !important;
font-size: 11px;
color: #000;
}
.button {
color: #111111 !important;
font-family: montserrat!important;
background-color: #d4cbc1!important;
font-size: 11px !important;
border: none;
font-weight: 500 !important;
box-shadow: 0 5px 10px #d0d0d075 inset, 0 0 0 1px #a7927f inset;
margin-top: 5px !important;
padding: 5px 15px 7px 15px !important;
text-decoration: none;
transition: all 0.5s ease-in-out 0s;
vertical-align: middle;
text-transform: lowercase;
}
.bubble {
z-index: 100;
}
.post-author {
margin: 4px 0 0px -7px!important;
}
.sacraforum2 {
padding: 0px 0 8px 0px;
text-align: right;
width: 550px;
}
.sacraforum1 {
margin: 0px 0 0 0!important;
padding: 8px 8px;
color: #000;
}
.sacralink {
color: #000!important;
font-family: futura pt;
font-size: 13px;
font-weight: bold;
margin: 0px 3px;
}
.sacralink:hover {
color: #4c6f7d !important;
}
.bpo {
font-size: 12px;
color: #d2cec8!important;
font-family: 'Playfair Display';
text-transform: uppercase;
}
.forlinks {
font-weight: 600;
letter-spacing: 0.7px;
color: #000!important;
font-family: Futura PT;
font-size: 11px;
text-transform: uppercase;
}
.pa-fld2 {
margin: 4px -6px 4px -4px !important;
padding: 5px 5px 9px 5px;
font-family: futura PT;
font-weight: 400;
color: #000;
font-size: 11px !important;
text-align: left;
background: linear-gradient(to right, #d4cbc1, #9dbbc7) left;
}
.pa-fld2 b {
font-weight: bolder;
}
.pa-fld2 a {
color: #000!important;
font-weight: bolder;
}
.pa-fld2:first-line {
font-size: 10px !important;
font-weight: 600;
}
.pa-fld3, .pa-fld5 {
padding: 1px 0px 1px 2px!important;
display: inline-block!important;
float: none!important;
width: 96px;
text-align: left;
font-family: futura pt;
text-transform: lowercase;
font-weight: 500;
margin: 0px -3px !important;
font-size: 11px;
color: #000;
}
.pa-fld3 {
margin-right: -4px!important;
}
li.pa-fld4 img {
margin-top: -10px;
}
li.pa-fld1 {
text-align: center;
}
li.pa-ip, li.pa-gifts, li.pa-awards, li.pa-online, li.pa-last-visit {
color: #000!important;
}
li.pa-ua {
justify-content: left!important;
}
.punbb th {
font-size: 9px!important;
}
.sacth {
width: 576px;
padding: 20px 10px 20px 10px !important;
background: url(https://i.imgur.com/ITuaD1z.jpg) no-repeat top, url(https://i.imgur.com/JMlhGNH.jpg) no-repeat bottom, url(https://i.imgur.com/ooiBqZB.jpg) repeat-y;
margin: 10px 0 16px 20px !important;
background-color: #f2f2f2;
}
.sacth img {
max-width: 480px;
}
.sacthnuj table {
width: 80% !important;
}
.sacthnuj {
margin-bottom: 10px;
color: #000;
margin-top: 10px;
}
.sacthnuj .saccita {
margin-bottom: 12px!important;
}
.sacth hr {
opacity: 0 !important;
}
.sacth .quote-box, .sacth .code-box {
/*background: url(https://i.imgur.com/U9Lkn27.jpg);*/
box-shadow: none;
}
.sacttitle, .sacttitle2 {
text-align: center;
color: #000!important;
font-size: 17px;
text-transform: uppercase;
font-family: 'FUTURA PT';
letter-spacing: 4px;
margin: 2px 0 5px 0!important;
font-weight: bolder;
}
.saccita {
font-size: 12px;
letter-spacing: 0px;
font-family: 'Futura PT';
color: #000000;
max-width: 600px;
font-weight: 500;
border-radius: 5px;
text-align: center;
padding: 2px 0 2px 0;
margin: 10px 10px 0 10px !important;
}
.sactext {
width: 480px;
text-align: justify;
font: 11px arial;
text-transform: none;
line-height: 11px;
overflow: auto;
}
#admins {
position: absolute;
width: 304px;
text-align: center;
line-height: 1;
word-spacing: 10px;
}
#admins a {
text-align: center;
border: none;
font-size: 11px;
color: #907c66;
letter-spacing: 2px;
text-transform: lowercase;
}
.sactablemini {
padding: 10px !important;
background-color: #dbcfbf;
/* border: 1px solid #000000; */
font: 10px verdana;
line-height: 13px;
text-align: justify;
width: 90%;
margin: 3px 20px 10px 20px !important;
color: #000000;
}
.sactablemini a {
color: #825d3b!important;
}
.sacobl {
padding: 7px 9px;
font-family: montserrat;
font-size: 10px;
text-transform: uppercase;
color: #000000!important;
margin: 4px!important;
display: inline-block;
transition-duration: 1s;
background: linear-gradient(to right, #d4cbc1, #9dbbc7) left;
background-size: 100% 100%;
transition: 2s ease-out;
}
.sacobl:hover {
box-shadow: inset 500px 0 0 0 #d4cbc1;
}
#BookmCntToggle.default-style {
background: #d2cec8!important;
border-left: solid 5px currentColor!important;
box-shadow: 0 0 6px rgba(0,0,0,.42)!important;
color: #72582f!important;
display: block;
height: 26px;
width: 21px;
}
#MyBookmarks {
display: none;
position: fixed;
left: 0;
top: 0;
right: 0;
height: 100%;
box-shadow: 0 0 20px rgba(0,0,0,.5);
width: 240px;
background: #d2cec8!important;
z-index: 2000 !important;
}
.editBookmark {
background-color: #d2cec8;
}
/* отключаю поделиться и rss-atom */
.sharelink {
display: none!important;
.punbb .modmenu .container span {display: none;}
}
div#pun-live-rusff {
display: none;
}
.admin-advert-block {
margin-left: 90px;
margin-top: 46px;
}
/* опросы */
table.poll2 h1 {
background-color: #333532 !important;
margin: 0 !important;
}
#pun-edit #tags .container {
top: 80px;
}
dd {
margin-left: 0px;
}
#awards-content .tcl {
width: 5%;
}
/* стиль того, что есть на форуме, но не относится к дизайну */
/* анкета */
#menu1 span {
background-color: #b9b9b9;
padding: 4px 18px;
margin: 7px;
font-family: arial;
font-size: 12px;
color: #ffffff;
border-radius: 15px 0;
}
#menu1 .tabactive1 {
background: #a5a5a5;
transition-duration: 0.5s;
}
#submenu1 {
padding: 5px;
text-align: left;
font-size: 12px;
}
.submenutext1 {
text-align: justify;
font-family: arial;
background:#DCDCDC;
display: none;
height: 320px;
box-shadow: inset 0px 0px 5px rgb(141, 141, 141);
overflow-y: auto;
overflow-x: hidden;
line-height: 1.5;
padding: 10px;
font-size: 11px;
}
.anketafon {
width:600px;
background-color: #8D8D8D;
height: auto;
border: outset 3px #dadada;
margin: 0 auto;
}
.anketa1 {
padding: 10px;
background-color: #DCDCDC;
height: 296px;
margin: 15px;
box-shadow: inset 0px 0px 5px rgb(141, 141, 141);
}
.photo1 {
float: left;
}
.photo2 {
float: right;
margin: -138px 0 0 0;
}
.name {
background-color: #8D8D8D;
text-align: center;
font-family: lobster;
font-size: 24px;
color: #ffffff;
border-radius: 15px 0px;
padding: 5px;
line-height: 70%;
float: right;
width: 370px;
}
.poloska {
height: 22px;
background-color: #ffffff;
text-align: center;
line-height: 22px;
overflow-y: auto;
}
.poloska1 {
width:164px;
float: left;
margin: 170px 0 0 -164px;
}
.poloska2 {
width:164px;
float: left;
margin: 196px 0 0 -164px;
}
.poloska3 {
width:383px;
float: left;
margin: 174px 0 0 -164px;
}
.poloska4 {
width:383px;
float: left;
margin: 4px 0 0 0;
}
.poloska5 {
width:383px;
float: left;
margin: 4px 0 0 0;
}
.poloska6 {
width:164px;
float: right;
margin: -242px 0 0 386px;
}
.poloska7 {
width:164px;
float: right;
margin: -216px 0 0 386px;
}
.poloska8 {
width:164px;
float: right;
margin: -190px 0 0 386px;
}
.property {
width:201px;
height: 153px;
background-color: #ffffff;
float: right;
margin: -242px 169px 0 0;
text-align: justify;
overflow-y: auto;
overflow-x: hidden;
padding: 5px;
}
.anketaplaceholder {
border: 2px solid #ffffff !important
}
.opisanie {
font-family: arial;
font-size: 10px;
letter-spacing: 2px;
color: #8d8d8d;
text-shadow:none;
background-color: #DCDCDC;
padding: 0 10px;
}
/* анкета */
/* виза */
.visafon {
width:400px;
height: auto;
margin: 0 auto;
background-color: #8D8D8D;
border: outset 3px #dadada;
}
.visa1 {
height: 126px;
padding: 10px;
background-color: #DCDCDC;
margin: 10px;
box-shadow: inset 0px 0px 5px rgb(141, 141, 141);
}
.visaamsfoto {
float: left;
margin: -27px 0 0 -3px;
}
.visawelcome {
float: right;
background-color: #8D8D8D;
text-align: center;
font-family: lobster;
font-size: 16px;
color: #ffffff;
border-radius: 15px 0px;
padding: 5px;
line-height: 70%;
width: 260px;
margin: -10px -12px 0 142px;
}
.visawelcometext {
float: right;
width:220px;
height: 84px;
padding: 10px;
background-color: #ffffff;
box-shadow: inset 0px 0px 5px rgb(141, 141, 141);
text-align: justify;
overflow-y: auto;
overflow-x: hidden;
margin: 4px -7px 0 0;
}
.visaicons {
float: left;
margin: 4px 0 0 0;
}
.visaicons2 {
float: left;
margin: 2px 0 0 0;
}
/* виза */
/* отношения */
.relatz {
width: 570px;
padding: 5px 10px;
text-align: center;
height: auto;
font-size: 18px;
font-family: lobster;
color: #fff;
background-color: #8D8D8D;
border-radius: 10px 0px 10px 0px;}
.relback {position: relative;
width: 180px;
height: 180px;
background-color: #DCDCDC;
}
.relstatus {
position: absolute;
background-color: #8D8D8D;
padding: 1px 15px;
margin-top: 5px;
z-index: 2;
right: 7px;
font-family: bebas neue;
font-size: 12px;
letter-spacing: 1px;
color: #ffffff;
}
.relface {
position: absolute;
background-image: url(http://placehold.it/150x100);
width: 150px;
height: 100px;
margin-top: 10px;
margin-left: 15px;}
.relname {position: absolute;
margin-top: 100px;
background-color: #8D8D8D;
padding: 1px 15px;
margin-left: 7px;
font-family: bebas neue;
font-size: 12px;
letter-spacing: 1px;
}
.relname a {
color: #ffffff !important;
}
.reltext {
position: absolute;
width: 140px;
height: 31px;
background-color: #ffffff;
overflow-y: auto;
overflow-x: hidden;
border-radius: 15px;
padding: 10px;
margin-top: 120px;
margin-left: 10px;
font-size: 9px;
line-height: 9px;}
/* отношения */
/* хроники */
.hron1 {
position: relative;
width: 310px;
height: 150px;
background-color: #DCDCDC;
}
.hronname1 {
position: absolute;
margin-top: 10px;
background-color: #8D8D8D;
padding: 1px 15px;
margin-left: 7px;
font-family: bebas neue;
font-size: 12px;
letter-spacing: 1px;
width: 265px;
text-align: center;
}
.hronname1 a {
color: #ffffff !important;
}
.hronname2 {
position: absolute;
margin-top: 30px;
background-color: #ffffff;
padding: 1px 15px;
margin-left: 7px;
font-family: bebas neue;
font-size: 12px;
letter-spacing: 1px;
width: 265px;
text-align: center;
}
.hronname3 {
position: absolute;
margin-top: 50px;
background-color: #8D8D8D;
padding: 1px 15px;
margin-left: 7px;
font-family: bebas neue;
font-size: 12px;
letter-spacing: 1px;
width: 265px;
text-align: center;
color: #ffffff;
}
.hrontext1 {
position: absolute;
width: 271px;
height: 51px;
background-color: #ffffff;
overflow-y: auto;
overflow-x: hidden;
border-radius: 15px;
padding: 10px;
margin-top: 72px;
margin-left: 10px;
font-size: 9px;
line-height: 9px;
}
/* хроники */
/* итоги */
.itogifon {
width:600px;
background-color: #8d8d8d;
height: auto;
border: outset 3px #dadada;
margin: 0 auto;
}
.itogi1 {
width: 580px;
background-color: #dcdcdc;
height: 320px;
margin: 10px 10px 10px 10px;
box-shadow: inset 0px 0px 5px rgb(169 169 169);
}
.nameitogi {
background-color: #8d8d8d;
text-align: center;
font-family: lobster;
font-size: 24px;
color: #ffffff;
border-radius: 25px 0px;
padding: 5px;
line-height: 70%;
margin-left: 100px;
width: 470px;
height: 40px;
}
.itogidata {
font-family: arial;
font-size: 10px;
letter-spacing: 2px;
color: #505050;
text-shadow:none;
background-color: #dcdcdc;
padding: 0 5px
}
.igrokmesfoto {
float: left;
margin: -27px 0 0 10px;
filter: grayscale(1);
}
.igroknedfoto {
float: left;
margin: 27px 0 0 -104px;
filter: grayscale(1);
}
.nameigrokmes {
background-color: #8d8d8d;
text-align: center;
font-family: arial;
font-size: 10px;
color: #ffffff;
padding: 5px;
line-height: 70%;
float: left;
width: 164px;
height: auto;
margin: -44px 0px 0 10px;
}
.nameigrokned {
background-color: #8d8d8d;
text-align: center;
font-family: arial;
font-size: 10px;
color: #ffffff;
padding: 5px;
line-height: 70%;
float: left;
width: 94px;
height: auto;
margin: 10px 0px 0 10px;
}
.namepost {
background-color: #8d8d8d;
text-align: center;
font-family: arial;
font-size: 10px;
color: #ffffff;
padding: 5px;
line-height: 70%;
float: right;
width: 260px;
height: auto;
margin: 0 10px 0 0;
}
.postned {
width:260px;
height: 96px;
background-color: #ffffff;
float: right;
margin: 10px 10px 0 0;
text-align: justify;
overflow-y: auto;
overflow-x: hidden;
padding: 5px;
filter: grayscale(1);
}
.epfoto {
float: left;
filter: grayscale(1);
}
.itogi2 {
background-color: #ffffff;
width: 560px;
height: 110px;
margin: 10px 0 0 10px;
float: left;
}
.parafoto1 {
float: left;
filter: grayscale(1);
}
.akt1 {
float: left;
filter: grayscale(1);
}
.akt2 {
float: right;
margin: -54px 0 0 0;
filter: grayscale(1);
}
.postzaned {
background-color: #8d8d8d;
text-align: center;
font-family: arial;
font-size: 10px;
color: #ffffff;
padding: 10px;
line-height: 70%;
float: right;
width: 160px;
height: 30px;
margin: -52px 109px 0 0;
}
.para1 {
filter: grayscale(1);
margin-left: 162px;
}
.blabla {
width: 250px;
height: 46px;
background-color: #ffffff;
float: right;
margin: 5px 20px 0 0;
text-align: center;
overflow-y: auto;
overflow-x: hidden;
}
.kolvopostov {
font-family: arial;
font-size:16px;
letter-spacing: 2px;
color: #505050;
text-shadow:none;
background-color: #dcdcdc;
padding: 0 10px 0 10px
}
/* итоги */
/* коллекции */
/* конфеты */
.collections {
background-image: url(https://i.imgur.com/vh0mobp.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}
.collections .firstCollections {
position: absolute;
margin-top: 13px !important;
margin-left: -158px !important;
/* opacity: 0; */
}
.collections .secondCollections {
position: absolute;
margin-top: 13px !important;
margin-left: -95px !important;
/* opacity: 0; */
}
.collections .thirdCollections {
position: absolute;
margin-top: 6px !important;
margin-left: -34px !important;
}
.collections .fourthCollections {
position: absolute;
margin-top: 13px !important;
margin-left: 28px !important;
}
.collections .fifthCollections {
position: absolute;
margin-top: 13px !important;
margin-left: 90px !important;
}
/* пасхальная */
.collections2 {
background-image: url(https://i.imgur.com/pxNJHt8.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}
.collections2 .firstCollections {
position: absolute;
margin-top: 14px !important;
margin-left: -146px !important;
}
.collections2 .secondCollections {
position: absolute;
margin-top: 14px !important;
margin-left: -87px !important;
}
.collections2 .thirdCollections {
position: absolute;
margin-top: 14px !important;
margin-left: -24px !important;
}
.collections2 .fourthCollections {
position: absolute;
margin-top: 14px !important;
margin-left: 37px !important;
}
.collections2 .fifthCollections {
position: absolute;
margin-left: 97px !important;
margin-top: 16px !important;
}
/* мороженое */
.collections3 {
background-image: url(https://i.imgur.com/alU600O.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}
.collections3 .firstCollections {
position: absolute;
margin-top: 15px !important;
margin-left: -148px !important;
}
.collections3 .secondCollections {
position: absolute;
margin-top: 15px !important;
margin-left: -86px !important;
}
.collections3 .thirdCollections {
position: absolute;
margin-top: 15px !important;
margin-left: -23px !important;
}
.collections3 .fourthCollections {
position: absolute;
margin-top: 15px !important;
margin-left: 44px !important;
}
.collections3 .fifthCollections {
position: absolute;
margin-top: 15px !important;
margin-left: 106px !important;
}
/* хэллоуин 2016 */
.collections4 {
background-image: url(https://i.imgur.com/kwCdpzL.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}
.collections4 .firstCollections {
position: absolute;
margin-top: 7px !important;
margin-left: -150px !important;
}
.collections4 .secondCollections {
position: absolute;
margin-top: 7px !important;
margin-left: -92px !important;
}
.collections4 .thirdCollections {
position: absolute;
margin-top: 7px !important;
margin-left: -25px !important;
}
.collections4 .fourthCollections {
position: absolute;
margin-top: 7px !important;
margin-left: 34px !important;
}
.collections4 .fifthCollections {
position: absolute;
margin-top: 7px !important;
margin-left: 100px !important;
}
/* дсв 2017 */
.collections5 {
background-image: url(https://i.imgur.com/SNFRJ6d.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}
.collections5 .firstCollections {
position: absolute;
margin-top: 13px !important;
margin-left: -153px !important;
}
.collections5 .secondCollections {
position: absolute;
margin-top: 15px !important;
margin-left: -90px !important;
}
.collections5 .thirdCollections {
position: absolute;
margin-top: 15px !important;
margin-left: -26px !important;
}
.collections5 .fourthCollections {
position: absolute;
margin-top: 15px !important;
margin-left: 40px !important;
}
.collections5 .fifthCollections {
position: absolute;
margin-top: 15px !important;
margin-left: 105px !important;
}
/* полуденьрождения 2017 */
.collections6 {
background-image: url(https://i.imgur.com/TIcD9ST.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}
.collections6 .firstCollections {
position: absolute;
margin-top: 16px !important;
margin-left: -153px !important;
}
.collections6 .secondCollections {
position: absolute;
margin-top: 12px !important;
margin-left: -85px !important;
}
.collections6 .thirdCollections {
position: absolute;
margin-top: 16px !important;
margin-left: -22px !important;
}
.collections6 .fourthCollections {
position: absolute;
margin-top: 11px !important;
margin-left: 44px !important;
}
.collections6 .fifthCollections {
position: absolute;
margin-top: 11px !important;
margin-left: 104px !important;
}
/* хэллоуин 2017 */
.collections7 {
background-image: url(https://i.imgur.com/iB4EoUO.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}
.collections7 .firstCollections {
position: absolute;
margin-top: 14px !important;
margin-left: -150px !important;
}
.collections7 .secondCollections {
position: absolute;
margin-top: 13px !important;
margin-left: -91px !important;
}
.collections7 .thirdCollections {
position: absolute;
margin-top: 12px !important;
margin-left: -26px !important;
}
.collections7 .fourthCollections {
position: absolute;
margin-top: 12px !important;
margin-left: 36px !important;
}
.collections7 .fifthCollections {
position: absolute;
margin-top: 12px !important;
margin-left: 98px !important;
}
/* весна 2018 */
.collections8 {
background-image: url(https://i.imgur.com/HDs4VQH.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}
.collections8 .firstCollections {
position: absolute;
margin-top: 26px !important;
margin-left: -152px !important;
}
.collections8 .secondCollections {
position: absolute;
margin-top: 14px !important;
margin-left: -76px !important;
}
.collections8 .thirdCollections {
position: absolute;
margin-top: 14px !important;
margin-left: -7px !important;
}
.collections8 .fourthCollections {
position: absolute;
margin-top: 15px !important;
margin-left: 50px !important;
}
.collections8 .fifthCollections {
position: absolute;
margin-top: 14px !important;
margin-left: 128px !important;
}
/* хэлл 2018 */
.collections9 {
background-image: url(https://i.imgur.com/HIvRgeA.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}
.collections9 .firstCollections {
position: absolute;
margin-top: 15px !important;
margin-left: -142px !important;
}
.collections9 .secondCollections {
position: absolute;
margin-top: 17px !important;
margin-left: -82px !important;
}
.collections9 .thirdCollections {
position: absolute;
margin-top: 15px !important;
margin-left: -21px !important;
}
.collections9 .fourthCollections {
position: absolute;
margin-top: 15px !important;
margin-left: 35px !important;
}
.collections9 .fifthCollections {
position: absolute;
margin-top: 15px !important;
margin-left: 96px !important;
}
/* днюха 2018 */
.collections10 {
background-image: url(https://i.imgur.com/roDXm9k.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}
.collections10 .firstCollections {
position: absolute;
margin-top: 15px !important;
margin-left: -142px !important;
}
.collections10 .secondCollections {
position: absolute;
margin-top: 13px !important;
margin-left: -86px !important;
}
.collections10 .thirdCollections {
position: absolute;
margin-top: 13px !important;
margin-left: -21px !important;
}
.collections10 .fourthCollections {
position: absolute;
margin-top: 13px !important;
margin-left: 45px !important;
}
.collections10 .fifthCollections {
position: absolute;
margin-top: 12px !important;
margin-left: 98px !important;
}
/* полуднюха 2019 */
.collections11 {
background-image: url(https://i.imgur.com/89mK9aP.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}
.collections11 .firstCollections {
position: absolute;
margin-top: 15px !important;
margin-left: -136px !important;
}
.collections11 .secondCollections {
position: absolute;
margin-top: 15px !important;
margin-left: -88px !important;
}
.collections11 .thirdCollections {
position: absolute;
margin-top: 15px !important;
margin-left: -43px !important;
}
.collections11 .fourthCollections {
position: absolute;
margin-top: 15px !important;
margin-left: 8px !important;
}
.collections11 .fifthCollections {
position: absolute;
margin-top: 15px !important;
margin-left: 58px !important;
}
.collections11 .sixthCollections {
position: absolute;
margin-top: 15px !important;
margin-left: 105px !important;
}
/* кирпичная 2019 */
.collections12 {
background-image: url(https://i.imgur.com/zEIc9go.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}
.collections12 .firstCollections {
position: absolute;
margin-top: 16px !important;
margin-left: -154px !important;
}
.collections12 .secondCollections {
position: absolute;
margin-top: 15px !important;
margin-left: -84px !important;
}
.collections12 .thirdCollections {
position: absolute;
margin-top: 15px !important;
margin-left: -23px !important;
}
.collections12 .fourthCollections {
position: absolute;
margin-top: 15px !important;
margin-left: 38px !important;
}
.collections12 .fifthCollections {
position: absolute;
margin-top: 15px !important;
margin-left: 97px !important;
}
/* дсв 2020 */
.collections13 {
background-image: url(https://i.imgur.com/TY0brCX.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}
.collections13 .firstCollections {
position: absolute;
margin-top: 19px !important;
margin-left: -147px !important;
}
.collections13 .secondCollections {
position: absolute;
margin-top: 19px !important;
margin-left: -82px !important;
}
.collections13 .thirdCollections {
position: absolute;
margin-top: 19px !important;
margin-left: -20px !important;
}
.collections13 .fourthCollections {
position: absolute;
margin-top: 19px !important;
margin-left: 42px !important;
}
.collections13 .fifthCollections {
position: absolute;
margin-top: 19px !important;
margin-left: 105px !important;
}
/* зомбиапокалипсис 2020 */
.collections14 {
background-image: url(https://i.imgur.com/jarjP59.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}
.collections14 .firstCollections {
position: absolute;
margin-top: 12px !important;
margin-left: -148px !important;
/* opacity: 0; */
}
.collections14 .secondCollections {
position: absolute;
margin-top: 12px !important;
margin-left: -85px !important;
/* opacity: 0; */
}
.collections14 .thirdCollections {
position: absolute;
margin-top: 12px !important;
margin-left: -17px !important;
}
.collections14 .fourthCollections {
position: absolute;
margin-top: 12px !important;
margin-left: 37px !important;
}
.collections14 .fifthCollections {
position: absolute;
margin-top: 12px !important;
margin-left: 109px !important;
}
/* пивная полуднюха 2020 */
.collections15 {
background-image: url(https://i.imgur.com/p1UGBJJ.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}
.collections15 .firstCollections {
position: absolute;
margin-top: 11px !important;
margin-left: -155px !important;
/* opacity: 0; */
}
.collections15 .secondCollections {
position: absolute;
margin-top: 12px !important;
margin-left: -110px !important;
/* opacity: 0; */
}
.collections15 .thirdCollections {
position: absolute;
margin-top: 12px !important;
margin-left: -54px !important;
}
.collections15 .fourthCollections {
position: absolute;
margin-top: 11px !important;
margin-left: -16px !important;
}
.collections15 .fifthCollections {
position: absolute;
margin-top: 11px !important;
margin-left: 69px !important;
}
.collections15 .sixthCollections {
position: absolute;
margin-top: 11px !important;
margin-left: 121px !important;
}
/* согревающая осенняя 2020 */
.collections16 {
background-image: url(https://i.imgur.com/LxHgtdJ.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}
.collections16 .firstCollections {
position: absolute;
margin-top: 16px !important;
margin-left: -159px !important;
/* opacity: 0; */
}
.collections16 .secondCollections {
position: absolute;
margin-top: 15px !important;
margin-left: -91px !important;
/* opacity: 0; */
}
.collections16 .thirdCollections {
position: absolute;
margin-top: 16px !important;
margin-left: -20px !important;
}
.collections16 .fourthCollections {
position: absolute;
margin-top: 16px !important;
margin-left: 55px !important;
}
.collections16 .fifthCollections {
position: absolute;
margin-top: 16px !important;
margin-left: 119px !important;
}
/* рождественская 2020 */
.collections17 {
background-image: url(https://i.imgur.com/GBW2Ztx.png);
width: 372px;
height: 92px;
margin: 0 auto !important;
position: relative;
}
.collections17 .firstCollections {
position: absolute;
margin-top: 8px !important;
margin-left: -164px !important;
/* opacity: 0; */
}
.collections17 .secondCollections {
position: absolute;
margin-top: 14px !important;
margin-left: -102px !important;
/* opacity: 0; */
}
.collections17 .thirdCollections {
position: absolute;
margin-top: 13px !important;
margin-left: -27px !important;
/* opacity: 0; */
}
.collections17 .fourthCollections {
position: absolute;
margin-top: 13px !important;
margin-left: 40px !important;
/* opacity: 0; */
}
.collections17 .fifthCollections {
position: absolute;
margin-top: 13px !important;
margin-left: 96px !important;
/* opacity: 0; */
}
/* конец коллекции */
/* для "хочу видеть" */
img.wannasee {
max-width: 470px;
border: solid 2px #452003 !important;
}
/* стиль для страниц с прайсом подарков
перенесено сюда 26.08.18 потому что хуйня же */
.p1 {
text-align: center;
display: inline-block;
font-family: lobster;
color: #645D5D;
font-size: 12px;
background-color: #E4E4E4;
padding: 5px;
box-shadow: inset 0 0 15px #BBB6B6, 0 1px 2px #A8A5A5, 0 -1px 1px #E4E4E4;
border-radius: 15px;
margin: 2px 0 2px 0;
min-width: 60px;
}
.lable {
text-align: center;
display: block;
width: 130px;
font-family: lobster;
text-shadow: 0 1px 3px #FDF5F5, 0 -1px 1px #F7F2F2;
color: #7C7676;
font-size: 16px;
background-color: #E4E4E4;
padding: 5px;
box-shadow: inset 0 0 15px #BBB6B6, 0 1px 2px #A8A5A5, 0 -1px 1px #E4E4E4;
border-radius: 15px;
margin: 0 auto 10px auto;
}
/* аэстетики */
.aesthetic-photo-upd { max-width: 500px; position:relative; top: 13px; margin-top: -18px; margin-left: 6px; }
.aesthetic-photo-upd img { max-width: 500px;}
.aesthetic-text-upd { width: 350px; min-height: 13px; background-color:#000000; position: relative; top: 10px; left: 4px; line-height: 13px; color: #FFF; font-family: kelly slab; text-transform: uppercase; font-size: 10px; letter-spacing: 4px; text-align: center; }
.aesthetic-upd div {margin: 0 auto;}
.aesthetic-upd { margin-bottom: 35px;}
/* инст */
.ibk2 { background: rgba(85,134,171,1); background: -moz-linear-gradient(top, rgba(85,134,171,1) 0%, rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(85,134,171,1)), color-stop(41%, rgba(67,114,152,1)), color-stop(100%, rgba(51,97,135,1))); background: -webkit-linear-gradient(top, rgba(85,134,171,1) 0%, rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); background: -o-linear-gradient(top, rgba(85,134,171,1) 0%, rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); background: -ms-linear-gradient(top, rgba(85,134,171,1) 0%, rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); background: linear-gradient(to bottom, rgba(85,134,171,1) 0%, rgba(67,114,152,1) 41%, rgba(51,97,135,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5586ab', endColorstr='#336187', GradientType=0 ); width:340px; padding:5px; }
.ilogo { font-size:19px; font-family: lobster two; text-align:center; color: #e6edf4; text-shadow: 1px 1px 1px #2c4860; line-height:100%; }
.insus { font-family: calibri; color: #ffffed; font-weight:bold; font-size:12px; line-height:100%; margin-left:4px; margin-right:8px; letter-spacing:-0.5px; text-shadow: 1px 1px 1px #1f3547; }
.ins111 { height:30px; background-color: #426d8d; width:1px; box-shadow: 1px 1px 0px #5b85a6; -webkit-box-shadow: 1px 1px 0px #5b85a6; -moz-box-shadow: 1px 1px 0px #5b85a6; margin-left:10px; margin-right:10px; }
.ins22 { width:25px; height:21px; background-image: url(http://i.imgur.com/VsbBWbI.png);margin-right:5px; }
.ins33 { letter-spacing:0px; color: #e3ecf1; text-shadow: 1px 1px 0px #1f3547; }
.ins44 { height:1px; width:350px; background-color: #e4e4e4; box-shadow: 0px 1px 0px #ffffff; -webkit-box-shadow: 0px 1px 0px #ffffff; -moz-box-shadow: 0px 1px 0px #ffffff; }
.ins55 { background-color: #f6f6f6; padding:10px; }
.inscredit { padding:4px; background-color: #ffffff; font-size:8px; font-family: calibri; line-height:100%; color: #8e8e8e; }
.insh { margin-right:15px; font-family: calibri; font-size:26px; font-weight: bold; line-height: 100%; text-align:center; letter-spacing:-1px; text-transform: lowercase; color: #4175a4; }
.inslike { font-family: calibri; font-size:17px; line-height: 100%; text-align:center; letter-spacing:-1px; color: #4175a4; font-weight: bold; margin-right:115px; }
.insa1 { border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; width:23px; padding:4px; border: 1px #b6b6b6 solid; background-color: #d9d9d9; height:23px; margin-right:6px; }
.insa2 { margin-top:3px; font-family: calibri; font-size:20px; font-weight: bold; line-height: 100%; text-align:center; letter-spacing:-1px; text-transform: lowercase; color: #8a8a8a; text-shadow: #6c6c6c 1px 0px, #6c6c6c 0px 1px, #6c6c6c 0px -1px, #6c6c6c -1px 0px; }
.insa3 { border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; width:23px; padding:4px; border: 1px #b6b6b6 solid; background-color: #d9d9d9; height:23px; }
.insa4 { margin-top:3px; font-family: calibri; font-size:22px; font-weight: bold; line-height: 100%; text-align:center; letter-spacing:-1px; text-transform: lowercase; color: #8a8a8a; text-shadow: #6c6c6c 1px 0px, #6c6c6c 0px 1px, #6c6c6c 0px -1px, #6c6c6c -1px 0px; margin-right:6px; }
.insii { border: 1px #c5c5c3 solid; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
.inshh { margin-left:6px; font-family: calibri; font-size:20px; font-weight: bold; line-height: 100%; text-align:left; letter-spacing:-1px; text-transform: lowercase; color: #070707; }
.insah { margin-left:6px; font-family: calibri; font-size:13px; font-weight: lighter; line-height:95%; padding:0px; 8px 8px 8px; color: #393939; }
.insah i { color: #7972a5; }
.imgtagg { width:280px; color: #508fbc; font-family: calibri; font-size:9.5px; font-weight: lighter; line-height:95%; text-align: left; padding: 4px; }
/* стиль соо в объявлениях */
.announce {
height: auto;
width: 400px;
background-color: #ffffff;
border-radius: 10px;
text-align: justify;
margin: 0 auto;
line-height: 1.5;
color: #4e4e4e;
margin-top: 15px;
}
.announce a {
/*color: #df3838!important;*/
}
.announce .icon {
width: 65px;
border: 2px solid #e6c375;
}
/* абзац */
.custom_tag_indent {
display: inline-block;
margin:1em 2.1em;
}
/* раскраска амс в таблице */
.avak {
position: absolute;
width: 150px;
height: 80px;
background-color: #6c8894;
opacity: 0.6;
}
/* стикеры */
.vi {
cursor: pointer;
max-height: 64px;
max-width: 64px;
}