/************************************************************* КОДЫ BLANCHE (простите графика уже не ваша, да и коды изменились). - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Но большое Спасибо, что так удобно все сделали :3 ************************************************************** I. ШАПКА, ФУТЕР -------------------------------------------------------------*/ /* шапка */ #pun-title table {height: 342px; width: 1082px; position: absolute; margin: -362px 0 0 -90px; z-index: 0; border: none; background: url(http://forumstatic.ru/files/001b/6f/81/37990.png) no-repeat top center;} /* футер */ #pun-about {width: 0px; height: 0px; margin: 0 0 0px 0px; background: url() center top;} /* II. ТАБЛИЦА -------------------------------------------------------------*/ .plash {text-align: center;} .plash a { background: url(http://forumstatic.ru/files/001b/6f/81/23760.jpg); box-shadow: 0 0 0 1px #e9dbc5, 0 0 0 2px #c1a88b; padding: 8px 12px; margin: 0 6px; font-family: times new roman; color: #433220 !important; text-shadow: 1px 1px #e0b887; font-size: 11px; letter-spacing: .5px; text-transform: uppercase;} .t1 { position: absolute; top: -213px; left: 500px;} .t1, .tem t1 { width: 140px; display: flex; justify-content: space-between;} .t1 a, .t3 a, .tem t1 a, .tem t3 a { background: #7f9a97; display: inline-block; box-shadow: 0 0 0 1px #000000, 0 0 0 2px #d0dcd6; opacity: .6;} .t1 a, .tem t1 a {width: 40px; height: 40px;} .t1 a img, .t3 a img, .tem t1 a img, .tem t3 a img { filter: none; mix-blend-mode: none;} .t1 a:hover, .t3:hover a, .tem t1 a:hover, .tem t3:hover a {opacity: 1;} .t11 { position: absolute; top: -160px; left: 430px; ;} .t11, .tem t1 { width: 140px; display: flex; justify-content: space-between;} .t11 a, .t3 a, .tem t1 a, .tem t3 a { background: #78858b; display: inline-block; box-shadow: 0 0 0 1px #000000, 0 0 0 2px #818694; opacity: .6;} .t11 a, .tem t1 a {width: 40px; height: 40px;} .t11 a img, .t3 a img, .tem t1 a img, .tem t3 a img { filter: none; mix-blend-mode: none;} .t11 a:hover, .t3:hover a, .tem t1 a:hover, .tem t3:hover a {opacity: 1;} .t2 { position: absolute; top: -114px; left: 130px;text-align: center;} .t2 a, .spirit-navigation, .tem t2 a { width: 240px; font-family: times new roman; color: #59422b !important; text-shadow: 1px 1px #c7a176; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold;} .t2 a, .tem t2 a {display: block;} .t2 a:hover, .tem t2 a:hover {letter-spacing: 0px;} .t3 { position: absolute; top: -211px; width: 126px; right: 141px;} .t3 span, .t4 span, .tem t3 span { overflow: auto; text-align: justify; padding-right: 5px; display: block;} .t3 span, .tem t3 span { height: 77px;} .t4 span { height: 58px;} .t3 a, .tem t3 a { float: left; margin: 3px 7px 0 0; width: 30px; height: 71px;} .t3 span, .t4, .t5, .tem t3 span {color: #150e0a;font-family: Arial; font-size: 9px; line-height: 11px; letter-spacing: .5px;} .tem t3 {width: 126px;} .t4 {position: absolute; top: -209px; left: 129px; width: 230px; text-align: center;} .t5 { position: absolute; top: -245px; right: 295px; width: 75px; height: 120px; overflow: auto; padding-right: 5px; text-align: justify; font-weight: bold;} .t6 { position: absolute; top: -240px; left: 170px; font-family: Arial; font-size: 8px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold;} .t6 a { color: #000000 !important;} .t6 a:after {content: '-'; margin: 0 5px;} .t6 a:last-child:after {display: none;} .t6 a span { position: absolute; box-shadow: 0 0 0 1px #d0dcd6, 0 0 0 2px #000000; top: 20px; left: 23px; transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear; display: none;} .t6 a:hover span {display: block;} .ban { position: absolute; margin: 76px 0 0 49px; width: 834px; overflow-y: auto; height: 40px;} .ban a { filter: grayscale(.7); opacity: .3;} .ban a:hover { opacity: 1; filter: none;} /* III. КАТЕГОРИИ -------------------------------------------------------------*/ #pun-category2.category h2, #pun-category3.category h2, #pun-category4.category h2, #pun-category5.category h2, #pun-category6.category h2, #pun-category7.category h2, #pun-category8.category h2, #pun-stats.section h2 { width: 1004px; height: 90px; margin: 10px 0 30px -51px; display: block !important; background: url(http://forumstatic.ru/files/001b/6f/81/77376.png) no-repeat;} #pun-category1.category h2 { font-size: 0px; height: 0px;} #pun-category2.category h2 span, #pun-category3.category h2 span, #pun-category4.category h2 span, #pun-category5.category h2 span, #pun-category6.category h2 span, #pun-category7.category h2 span, #pun-category8.category h2 span, #pun-stats.section h2 span { position: absolute; margin-top: 36px; text-align: center; font-size: 0px; width: 100%;} #pun-category2.category h2 span:before, #pun-category3.category h2 span:before, #pun-category4.category h2 span:before, #pun-category5.category h2 span:before, #pun-category6.category h2 span:before, #pun-category7.category h2 span:before, #pun-category8.category h2 span:before, #pun-stats.section h2 span:before {font-family: ChinaCyr; font-size: 14px; letter-spacing: .5px; text-transform: uppercase; font-weight: bold;} #pun-category2.category h2 span:before {content: "Игровой мир";} #pun-category3.category h2 span:before {content: "Вне игры";} #pun-category4.category h2 span:before {content: "Связь с другими мирами";} #pun-category5.category h2 span:before {content: "Архивные записи";} #pun-category6.category h2 span:before {content: "пять";} #pun-category7.category h2 span:before {content: "шесть";} #pun-stats.section h2 span:before {content: "Деятельность местных жителей";} /* онлайн внизу */ #pun-stats ul.container { margin: -30px 0 60px 0;} /* всего тем, сообщений */ #pun-stats li.item1, #pun-stats li.item2 {width: 249px;margin-right: 9px;} /* последним зарегистрировался */ #pun-stats li.item3, #pun-stats li.item4 {width: 386px;} #pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 { display: inline-block; text-align: center; font-family: ChinaCyr; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; padding: 4px 0; background: #e9ebe8;} /* IV. ИКОНКИ -------------------------------------------------------------*/ /* на главной */ .punbb table Div.icon { float: right; width: 40px; height: 60px; background: url(http://forumstatic.ru/files/001b/6f/81/80190.png); margin: 30px 0 -10px 0px; opacity: .3} TR.inew Div.icon { background: url(http://forumstatic.ru/files/001b/6f/81/16027.png); opacity: 1} /* в подфорумах */ #pun-viewforum table Div.icon, #pun-viewforum TR.inew Div.icon, #pun-viewforum TR.isticky Div.icon, #pun-viewforum TR.iclosed Div.icon, #pun-messages table Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics table Div.icon, #pun-searchtopics TR.inew Div.icon { float: left; margin: -4px 10px; font-size: 15px; background: none; height: 10px; width: 10px} #pun-viewforum table Div.icon:before, #pun-messages table Div.icon:before, #pun-searchtopics table Div.icon:before {content: '\2718'} #pun-viewforum TR.inew Div.icon:before, #pun-messages TR.inew Div.icon:before, #pun-searchtopics TR.inew Div.icon:before {content: '\2714'; color: #927d60;} #pun-viewforum TR.isticky Div.icon:before {content: '\203C'; color: #927d60;} #pun-viewforum TR.iclosed Div.icon:before {content: '\2718'; opacity: .5} /* V. ВВОД ТЕКСТА, КНОПКИ -------------------------------------------------------------*/ /* ввод текста */ .punbb textarea {overflow: auto;font-size: 10.5px !important;line-height: 15px !important;padding: 7px;font-family: Verdana; background: #f2f2f2; border: 1px solid #bbbbbb; outline: 1px solid #a1a1a1; box-shadow: 0 0 7px #bbbbbb inset;} /* фон у элементов при нажатии в форме ответа (смайлы и т.д.) */ #font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #spoiler-area {overflow-y: auto;padding: 10px !important;height: ...px; font-family: 'Raleway';letter-spacing: .5px;z-index: 99999;font-size: 10px;margin: -5px -21px 0 1px; background: #d9d9d9; box-shadow: 0 0 10px #bbbbbb inset;} /*--------------------- формы заполнения ---------------------*/ .punbb select {font-family: Arial!important;text-transform: lowercase !important;font-size: 10px !important;padding: 3px !important;} .checkbox {width: auto !important;} .punbb input, .punbb select { cursor: pointer; font-size: 10px; padding: 4px; text-align: center; font-family: Arial; background: #d9d9d9; border: 1px solid #bbbbbb; outline: 1px solid #a1a1a1; box-shadow: 0 0 5px #bbbbbb inset; color: #000000;} .punbb option { background-color: #fff8f0 !important;} /* модерское */ /*--------------------- кнопки ---------------------*/ p.formsubmit {text-align: center;margin: 20px 0 0 0;} /* до наведения */ .button, .hashelp center div a button, ul.tabs li a, input#sub4, .hvStickerPackModalTab {cursor: pointer; padding: 5px 7px !important; font-family: raleway !important; font-size: 8px !important; letter-spacing: 1px !important; text-transform: uppercase; min-width: 100px; margin: 0 3px; background: #5c5c5e !important; border: 1px solid #c2c2c4 !important; outline: 1px solid #5c5c5e !important; box-shadow: 0 0 5px #5c5c5e inset !important; color: #ffffff !important;} /* кнопки после наведения */ .button:hover {} /* IV. ЦИТАТЫ -------------------------------------------------------------*/ /* цитаты, спойлер, выделить код */ .punbb .post-content .quote-box, .punbb .post-content .code-box {margin: 10px 5px;} .punbb .post-content .blockcode, .punbb .post-content blockquote {margin: 0px; width: 99%; overflow: hidden;} .punbb .post-content blockquote p {padding-bottom: 0px!important;} .punbb .post-content .scrollbox {width: 100%;overflow: auto;font-size: 11px;overflow-y: hidden !important;height: auto !important;} .punbb .post-content .quote-box, .punbb .post-content .code-box, #float, .pun-modal .modal-inner, #mask_dialog .inner, .editBookmark, #pun-redirect.punbb .info, #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner, #MyBookmarks, .hvStickerPackModal {padding: 10px;font-size: 11px!important; font-family: arial!important; background: #d9d9d9; border: 1px solid #bbbbbb; outline: 1px solid #a1a1a1; box-shadow: 0 0 10px #bbbbbb inset; color: #000000;} #MyBookmarks, .editBookmark, .hvStickerPackModal { box-shadow: 0 0 10px #b5aa9e inset !important;} .hvStickerPackModal { background: #e2ded2 !important; border: 1px solid #e2ded2!important; border-radius: 0px !important;} .hvStickerPackModalContent {border: none !important;} .hvStickerPackModalTab {border-radius: 0px !important; text-align: center;} /* написал и выделить код */ .punbb .quote-box cite, .punbb .code-box strong.legend, .post-content .spoiler-box > div {font-style: normal; font-weight: normal; text-align: center; padding: 5px 10px !important; width: auto; display: block; text-transform: lowercase; margin: -10px -10px 0px -10px; font-family: 'Raleway'; letter-spacing: 2px; background: #5c5c5e; box-shadow: 0 0 5px #bbbbbb inset; } .post-content .spoiler-box > div {background: url('') no-repeat 10px, #b5776a !important; margin-bottom: -11px;} .punbb .quote-box cite, .punbb .code-box strong.legend a, .post-content .spoiler-box > div, .copycode strong.legend a { color: #ffffff;} /* III. ПРОФИЛЬ -------------------------------------------------------------*/ .punbb .post .post-author {float: left; overflow: hidden; width: 257px; min-height: 100px; margin: 0px 0 40px 0px; position: relative; background: url(http://forumstatic.ru/files/001b/6f/81/28307.jpg) bottom no-repeat, url(http://forumstatic.ru/files/001b/6f/81/77294.jpg) top no-repeat, url(http://forumstatic.ru/files/001b/6f/81/96485.jpg) repeat-y;} .punbb .post .post-author ul {display: flex; flex-wrap: wrap; text-align: center; justify-content: space-around; margin: 53px 0px 60px 12px; width: 216px;padding-bottom: 10px; background: url(...); box-shadow: 0 0 0 1px #.., 0 0 0 2px #8f6f4d;} .punbb .post-body {margin-left: 260px;} li.pa-online { font-family: 'Raleway'; text-transform: uppercase; font-size: 9px; letter-spacing: .5px; margin: 10px 0 -5px 0; width: inherit;} li.pa-online strong {font-weight: normal;} li.pa-awards { margin-top: -20px;} /* шрифт ника (гости) bl */ .pa-author, .pa-title {font-family: ' ChinaCyr';} .pa-author { font-size: 15px; letter-spacing: 1.5px; text-transform: uppercase; width: inherit; position: absolute; margin-top: -26px; font-family: times new roman;} .pa-author, .pa-author a, .pa-title, .pa-fld2, .pa-posts, .pa-respect, .pa-respect a, .pa-fld3, .pa-fld4, li.pa-online {color: #3c3429 !important; } /* статус */ li.pa-title { width: inherit; margin: 5px 12px; font-size: 9px; text-transform: lowercase; letter-spacing: 1.5px; padding: 3px 0 !important; font-weight: bold;} li.pa-title, .pa-fld2 span {background: #d4d4d4;} /* аватар */ .pa-avatar {width: inherit; margin: 5px 0;} .pa-avatar img, #pun-profile .fs-box .avatardemo, #pun-messages img.avatardemo, #profile-left #pa-avatar img {box-shadow: 0 0 0 1px #97a09d, 0 0 0 2px #000000; max-height: 180px; max-width: 180px !important;} /* репутация и соо на одной строке */ .pa-respect, .pa-posts, .pa-fld4, .pa-fld3 { width: 95px; letter-spacing: .5px; text-transform: lowercase; font-size: 9px; text-align: center;padding: 3px 5px !important; margin-top: 5px;height: 11px; position: absolute; background: #c4cfdd;} .pa-respect, .pa-posts { bottom: 32px;} .pa-fld4, .pa-fld3 {bottom: 11px;} .pa-posts, .pa-fld3 { left: 10px;} .pa-respect, .pa-fld4 {right: 27px;} .pa-respect img {vertical-align: middle; mix-blend-mode: luminosity; margin: -3px -4px 0 -3px;} /* ай-пи */ li.pa-ip {position: absolute;display:none;} /* поля */ .pa-fld1 {position: absolute; margin-top: -29px; left: 1px; background: url(..); padding: 1px 10px !important; border-top: .px solid;} .pa-fld2 a.s1 { display: block; color: #3c3429 !important; font-family: tines new roman; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold;} .pa-fld2 span { display: block; margin: 5px 12px; font-family: Verdana; font-weight: bold; font-size: 9px; letter-spacing: .5px; padding: 5px; text-align: justify;} .pa-fld2 span a {color: #7d5832 !important;} .pa-fld2 a.s2 { display: block; color: #3c3429 !important; font-family: tines new roman; font-size: 9px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold;} .pa-fld2 a.s2:before, .pa-fld2 a.s2:after {content: '-'; margin: 0 5px;} /* V. ЗАКЛАДКИ, УВЕДОМЛЕНИЯ, СТРЕЛКИ, ОНЛАЙН -------------------------------------------------------------*/ .post .bookmark {color: #555c3d !important;} #BookmCntToggle.default-style { color: transparent !important; background: url() !important; box-shadow: none !important; border: none !important; width: 41px !important; height: 73px !important;} #MyBookmarks span.scrl.t, #MyBookmarks span.scrl.b {box-shadow: none !important;margin-left: 5px !important;width: 114px;text-shadow: none; background: #e6eada; border: 1px solid #bfc7ac;} #MyBookmarks li.BookmarkL>span.last_click {box-shadow: none !important;background: #9898ab6e !important;} #pun-main .editBookmark h1 { font-size: 10px !important; letter-spacing: 2px; display: block !important; text-transform: uppercase; text-align: center; font-weight: normal;} #pun-main .editBookmark h1 span.delBookmark { font-size: 25px !important; margin: -15px 0px 0 0;} .editBookmark {font-family: 'Raleway'; font-size: 9px; letter-spacing: .5px; border-radius: 0px !important; margin: 26px 50px 0 0px !important;} .editBookmark .inputfield {font-weight: normal!important;text-transform:lowercase;} /* новое соо, уведомления */ span.num_msg, .bubble, .jGrowl-notification, .jGrowl .messag_theme, #messages-list a.Author, span.num_msg:before {background: #... !important; text-shadow: none!important; font-weight: normal !important;} .bubble:after {border-color: #b8c39d transparent !important} /* стрелки */ .go-up, .go-down { cursor: pointer; display: none; opacity: 1; position: fixed; z-index: 9999;margin-left: 941px !important; width: 63px; height: 50px;} .go-up { bottom: 59%; background: url(http://forumstatic.ru/files/001b/6f/81/98571.png);} .go-down { bottom: 50%; background: url(http://forumstatic.ru/files/001b/6f/81/42765.png);} .go-down:hover, .go-up:hover { } /* онлайн */ .indOnline, .indOffline { left: 170px; margin-top: -27px; width: 74px; height: 98px; cursor: pointer; position: absolute;} .indOnline {background: url(https://forumstatic.ru/files/001b/6f/81/73111.png);} .indOffline {background: url(https://forumstatic.ru/files/001b/6f/81/73111.png); opacity: .5} /* VI. ТЕМЫ -------------------------------------------------------------*/ .gost { background: url(https://forumstatic.ru/files/001b/5c/bf/48166.jpg); width: 593px; height: 549px; margin: auto;} .gost gost2, .gost gost1 { position: absolute; margin-top: 70px; font-family: arial; letter-spacing: 1px; width: 221px; height: 47px; padding-right: 7px; overflow: auto; font-size: 10px; line-height: 11px; text-align: justify;} .gost gost2, .gost gost1 { color: #35251b !important; text-shadow: 1px 1px #8e7b5f;} .gost gost1 { margin-left: 312px; } .gost gost2 { margin-left: 55px;} .gost gost3 { position: absolute; margin: 22px 0 0 40px; width: 520px; text-align: center; font-family: Laginchy; letter-spacing: 2px; text-transform: uppercase; font-weight: bold; font-size: 13px;} .gost gost3, .gost gost3 a { color: #241a10;} .gost gost3 a:after {content: '-'; margin: 0 5px;} .gost gost4, .gost gost5 { position: absolute; margin-top: 160px; width: 190px; height: 190px;} .gost gost4 {margin-left: 140px;} .gost gost5 {margin-left: 340px;} .gost gost6 { position: absolute; margin: 408px 0 0 44px; letter-spacing: 17px;} .gost gost6 img { width: 245px; height: 111px; box-shadow: 0 0 0 1px #a3835a, 0 0 0 2px #402719; object-fit: cover;} .gost gost4 span, .gost gost5 span, .tem tem4 span div { display: block; background: #6e683f; text-align: center; font-family: cheque; text-transform: uppercase; color: #ece5b2; font-size: 10px; letter-spacing: 1px; padding: 2px 0;} .gost gost4 div, .gost gost5 div { margin: 7px 0; padding-right: 7px; overflow: auto; height: 70px; font-family: arial; letter-spacing: 1px; font-size: 9px; line-height: 14px;} .gost gost4 div a, .gost gost5 div a { color: #3e2c20 !important; display: block} .gost gost4 div b, .gost gost5 div b, .tem tem4 span b, .tem tem2 span b { border-bottom: 1px solid #7d5d4c; display: block; text-align: right; text-transform: uppercase; color: #694530;} .tem { background: url(https://forumstatic.ru/files/001b/5c/bf/87742.jpg) repeat-y; margin: 2px auto; width: 592px; padding: 15px; color: #35241b; box-shadow: 0 0 0 1px #97a09d, 0 0 0 2px #b28e5e; } .tem tem1 { display: block; text-align: center; font-family: times new roman; color: #695238; font-size: 23px; text-transform: uppercase; text-shadow: 1px 1px #ccad86; letter-spacing: 2px; margin-bottom: 10px;} .tem tem2, .tem tem4 { background: #dec0998c; display: block; padding: 10px; box-shadow: 0 0 0 1px #e2bc93, 0 0 0 2px #8f6f4d; text-align: justify;} .tem tem3 { display: flex; width: 100%; column-gap: 10px; margin-bottom: 10px;} .tem tem3 label { background: url(https://forumstatic.ru/files/001b/5c/bf/94054.jpg); width: inherit; text-align: center; display: inline-block; box-shadow: 0px 10px 10px #e2bc93 inset, 0 0 0 1px #e2bc93, 0 0 0 2px #8f6f4d; padding: 7px; font-family: cheque; font-size: 12px; letter-spacing: 1px; text-shadow: 1px 1px #e2bc93; cursor: pointer; color: #614b2d;} .slider .hidden-input {display: none;} .slider {height: 450px;position: relative;overflow: hidden;} .slider-image { transition: 0.6s ease-in-out; height: 450px; overflow-y: auto; padding-right: 7px; line-height: 15px; } #input1:checked ~ #image1, #input11:checked ~ #image11 {margin-top: 0;} #input1:checked ~ #image2, #input11:checked ~ #image22 {margin-top: 100%;} #input1:checked ~ #image3, #input11:checked ~ #image33 {margin-top: 100%;} #input1:checked ~ #image4, #input11:checked ~ #image44 {margin-top: 100%;} #input1:checked ~ #image5, #input11:checked ~ #image55 {margin-top: 100%;} #input1:checked ~ #image6, #input11:checked ~ #image66 {margin-top: 100%;} #input1:checked ~ #image7, #input11:checked ~ #image77 {margin-top: 100%;} #input1:checked ~ #image8, #input11:checked ~ #image88 {margin-top: 100%;} #input2:checked ~ #image1, #input22:checked ~ #image11 {margin-top: -100%;} #input2:checked ~ #image2, #input22:checked ~ #image22 {margin-top: 120px;} #input2:checked ~ #image3, #input22:checked ~ #image33 {margin-top: 100%;} #input2:checked ~ #image4, #input22:checked ~ #image44 {margin-top: 100%;} #input2:checked ~ #image5, #input22:checked ~ #image55 {margin-top: 100%;} #input2:checked ~ #image6, #input22:checked ~ #image66 {margin-top: 100%;} #input2:checked ~ #image7, #input22:checked ~ #image77 {margin-top: 100%;} #input2:checked ~ #image8, #input22:checked ~ #image88 {margin-top: 100%;} #input3:checked ~ #image1, #input33:checked ~ #image11 {margin-top: -100%;} #input3:checked ~ #image2, #input33:checked ~ #image22 {margin-top: -100%;} #input3:checked ~ #image3, #input33:checked ~ #image33 {margin-top: 244px;} #input3:checked ~ #image4, #input33:checked ~ #image44 {margin-top: 100%;} #input3:checked ~ #image5, #input33:checked ~ #image55 {margin-top: 100%;} #input3:checked ~ #image6, #input33:checked ~ #image66 {margin-top: 100%;} #input3:checked ~ #image7, #input33:checked ~ #image77 {margin-top: 100%;} #input3:checked ~ #image8, #input33:checked ~ #image88 {margin-top: 100%;} #input4:checked ~ #image1, #input44:checked ~ #image11 {margin-top: -100%;} #input4:checked ~ #image2, #input44:checked ~ #image22 {margin-top: -100%;} #input4:checked ~ #image3, #input44:checked ~ #image33 {margin-top: -100%;} #input4:checked ~ #image4, #input44:checked ~ #image44 {margin-top: 366px;} #input4:checked ~ #image5, #input44:checked ~ #image55 {margin-top: 100%;} #input4:checked ~ #image6, #input44:checked ~ #image66 {margin-top: 100%;} #input4:checked ~ #image7, #input44:checked ~ #image77 {margin-top: 100%;} #input4:checked ~ #image8, #input44:checked ~ #image88 {margin-top: 100%;} #input5:checked ~ #image1, #input55:checked ~ #image11 {margin-top: -100%;} #input5:checked ~ #image2, #input55:checked ~ #image22 {margin-top: -100%;} #input5:checked ~ #image3, #input55:checked ~ #image33 {margin-top: -100%;} #input5:checked ~ #image4, #input55:checked ~ #image44 {margin-top: -100%;} #input5:checked ~ #image5, #input55:checked ~ #image55 {margin-top: 488px;} #input5:checked ~ #image6, #input55:checked ~ #image66 {margin-top: 100%;} #input5:checked ~ #image7, #input55:checked ~ #image77 {margin-top: 100%;} #input5:checked ~ #image8, #input55:checked ~ #image88 {margin-top: 100%;} #input6:checked ~ #image1, #input66:checked ~ #image11 {margin-top: -100%;} #input6:checked ~ #image2, #input66:checked ~ #image22 {margin-top: -100%;} #input6:checked ~ #image3, #input66:checked ~ #image33 {margin-top: -100%;} #input6:checked ~ #image4, #input66:checked ~ #image44 {margin-top: -100%;} #input6:checked ~ #image5, #input66:checked ~ #image55 {margin-top: -100%;} #input6:checked ~ #image6, #input66:checked ~ #image66 {margin-top: 610px;} #input6:checked ~ #image7, #input66:checked ~ #image77 {margin-top: 100%;} #input6:checked ~ #image8, #input66:checked ~ #image88 {margin-top: 100%;} #input7:checked ~ #image1, #input77:checked ~ #image11 {margin-top: -100%;} #input7:checked ~ #image2, #input77:checked ~ #image22 {margin-top: -100%;} #input7:checked ~ #image3, #input77:checked ~ #image33 {margin-top: -100%;} #input7:checked ~ #image4, #input77:checked ~ #image44 {margin-top: -100%;} #input7:checked ~ #image5, #input77:checked ~ #image55 {margin-top: -100%;} #input7:checked ~ #image6, #input77:checked ~ #image66 {margin-top: -100%;} #input7:checked ~ #image7, #input77:checked ~ #image77 {margin-top: 732px;} #input7:checked ~ #image8, #input77:checked ~ #image88 {margin-top: 100%;} #input8:checked ~ #image1, #input88:checked ~ #image11 {margin-top: -100%;} #input8:checked ~ #image2, #input88:checked ~ #image22 {margin-top: -100%;} #input8:checked ~ #image3, #input88:checked ~ #image33 {margin-top: -100%;} #input8:checked ~ #image4, #input88:checked ~ #image44 {margin-top: -100%;} #input8:checked ~ #image5, #input88:checked ~ #image55 {margin-top: -100%;} #input8:checked ~ #image6, #input88:checked ~ #image66 {margin-top: -100%;} #input8:checked ~ #image7, #input88:checked ~ #image77 {margin-top: -100%;} #input8:checked ~ #image8, #input88:checked ~ #image88 {margin-top: 854px;} .tem2 { background: url(https://forumstatic.ru/files/001b/5c/bf/30526.jpg) bottom no-repeat, url(https://forumstatic.ru/files/001b/5c/bf/57813.jpg) top no-repeat, url(https://forumstatic.ru/files/001b/5c/bf/32235.jpg) repeat-y; margin: auto; width: 596px; padding: 45px 15px 15px 15px; color: #35241b;} .tem1 { margin: 0px auto -50px auto; width: 596px; font-family: times new roman; color: #695238; font-size: 23px; text-transform: uppercase; text-shadow: 1px 1px #ccad86; letter-spacing: 2px;} .tem1 p { text-align: center !important;} .tem2 p {display: block; padding: 10px !important;} .tem2 p, .tem2 .quote-box { background: #dec0998c !important; box-shadow: 0 0 0 1px #e2bc93, 0 0 0 2px #8f6f4d !important;} .tem2 .quote-box { border: none !important; outline: none !important; margin: 14px 0 0 0 !important;} .tem2 .quote-box p { background: none !important; box-shadow: none !important; padding: 0px !important;} .tem tem4 { display: flex; width: 572px; column-gap: 10px;} .tem tem4 span { width: inherit; line-height: 20px;} .tem tem4 span:first-child { border-right: 1px solid #8f6f4d;} .tem tem4 span a, .tem tem2 a { display: block; color: #483527 !important; text-transform: uppercase; letter-spacing: 1px; font-size: 10px;} .tem tem4 span div { margin-bottom: 10px;} .tem tem4 span:first-child div { margin-right: 10px;} .tem tem4 span a.m:before, .tem tem4 span a.f:before, .tem tem2 a.m:before, .tem tem2 a.f:before { font-family: 'Cheque'; padding: 1px 5px; margin-right: 3px;} .tem tem2 a.m:before { content: '\043C'; background: #7d5a46; color: #eabe85; text-shadow: 1px 1px #352519; } .tem tem2 a.f:before { content: '\0436'; background: #bf8c4d; color: #503324; text-shadow: 1px 1px #dab385;} .tem tem2 span { line-height: 20px; } .tem tem4 span b, .tem tem2 span b { margin: 0 20px 10px 20px; text-align: center !important;} .tem t1 { margin-top: 13px; width: 270px;} .tem t2 { float: left; margin: 12px 0 0 -2px; padding: 8px 0px; background: #f6e7d433; text-align: center; width: 274px;} .tem t3 { width: 277px; margin: -33px 0 0 20px; display: inline-block; border-left: 1px solid #80613b; padding-left: 22px;} .tem t3 a { margin-right: 12px;} .tem t3 span { background: #f6e7d433; padding: 10px; height: 55px;}