.inner.post_reputation {
background: #aa8e73; /*цвет фона*/
}
body {background: url(https://forumstatic.ru/files/001a/c3/b1/71271.png) no-repeat scroll center top,
rgba(0, 0, 0, 0) url('https://forumstatic.ru/files/001a/02/11/72828.png') repeat-y scroll center top -64px;
overflow-x:hidden;
}
html,body {min-width:1045px!important}
html {
background: url('https://forumstatic.ru/files/001a/c3/b1/71271.png') repeat-x scroll center top, rgba(0, 0, 0, 0) url('https://forumstatic.ru/files/001a/02/11/38792.png') repeat scroll center top;
}
#pun_wrap {
padding-bottom: 277px;
background-image: url("https://forumstatic.ru/files/001a/c3/6f/55018.png"); background-repeat: no-repeat; background-position: center bottom;
}
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area{
background-color: #a89377;
opacity: 0.7;
border: 1px solid #321907;
border-radius: 0 !important;
color: black;
font-family: verdana !important;
font-size: 12px !important;
margin-top: 20px;
z-index: 1;
}
#font-area {
height: 200px;
overflow-y: auto;
}
#smilies-area {
overflow: hidden;
overflow-y: scroll;
width: 454px !important;
height: 200px !important;
}
#smilies-block img {
width: 45px !important;
padding-right: 11px;
}
.button {
background: url('https://forumstatic.ru/files/0018/52/d0/13891.png') no-repeat !important;
border: none!important;
box-shadow: none!important;
height: 56px!important;
min-width: 215px!important;
font-family: Georgia!important;
font-variant: small-caps!important;
letter-spacing: 1px;
font-size: 14px!important;
color: #bbbbb9!important;
padding-bottom: 7px!important;
outline: none;
}
#pun-index #forum_f22 {
display:none
}
#forum_f8.iredirect .tcr {
background-image: url("https://forumstatic.ru/files/0018/52/d0/68575.png");
background-repeat: no-repeat;
background-position: center bottom;
}
/* Скрываем Страницу поиска пользователей в Админке от модераторов*/
.gid2 #pun-adnav .item4,.gid2 #pun-admin_users #pun-admain1.adformal {
display:none!important;
}
/* Колдографии */
#pun-main > div.pun-modal.change_avatar_theme {
position: fixed;
z-index: 100!important;
margin-left: 35%;
margin-top: 10%;
width: 580px;
height: 100px;
min-height: 250px;
overflow: hidden;
background: url(https://forumstatic.ru/files/0018/52/d0/37618.png) 10% 0% repeat-x, url(https://forumstatic.ru/files/0018/52/d0/84531.png) 50% 100% repeat-x, url(https://forumstatic.ru/files/0018/52/d0/66239.png) 10% 10%;
padding: 20px;
padding-top: 20px;
text-align: center;
font-family: Georgia;
box-shadow: 0 0 40px #222;
}
.pun-modal.change_avatar_theme > div.modal-inner.section {
box-shadow: none;
}
.modal-bg {
position:fixed;
z-index: 100!important;
opacity: 0.7!important;
display: none;
background: #0b0a21 none repeat scroll 0 0!important;
}
/* CS1 Background and text colours
-------------------------------------------------------------*/
/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
background-color: transparent;
color: #1e1512;
}
/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background-color: transparent;
color: #1e1512;
}
/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: transparent;
color: #fff;
}
/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
background-color: transparent;
color: #333;
}
/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background-color: transparent;
color: #0b300b
}
/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
background-color: transparent;
color: #333
}
/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color: transparent;
color: #333;
color: #767676 !important;
background: transparent;
border-style: solid;
border-width: 10px;
}
/* CS1.8 */
#pun-navlinks .container {
background-color: transparent;
}
.offline li.pa-online strong {
font-weight: normal
}
/* CS2 Border colours
-------------------------------------------------------------*/
/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
border-color: transparent transparent transparent transparent;
}
/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category {
border-color: transparent;
}
/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: transparent;
}
/* CS2.4 */
.punbb td, .punbb .post h3 span, .post-links ul, .post-links, .usertable table {
border-color: transparent;
}
/* CS2.5 */
.punbb th {
border-color: #2d3e84;
}
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: transparent;
}
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: transparent;
}
.punbb .divider {
border-color: transparent transparent transparent transparent;
}
.punbb .formal fieldset {
border: 1px none transparent;
}
li.pa-online {
border-left-color: #2d3e84;
}
.punbb .post-sig dt {
border-top-color: #2d3e84;
}
#poll-special .poll2 h1 {
background-color: #2d3e84;
}
/* CS3 Links
-------------------------------------------------------------*/
/* CS3.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 {
color: #0b300b
}
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #333
}
/* CS3.2 */
.punbb a:hover, .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 {
color: #0f450f;
}
/* CS3.3 */
#pun-navlinks a {
color: #eee;
text-decoration: none
transition: 800ms all;
}
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
filter: brightness(0.8);
transition: 800ms all;
}
#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: #333;
color: #fff;
}
/* CS4 Post status icons
-------------------------------------------------------------*/
div.icon {border-color: #E6E6E6 #DEDEDE #DADADA #E2E2E2}
tr.iredirect div.icon {border-color: #F7F7F7 #F7F7F7 #F7F7F7 #f7f7f7}
div.inew {border-color: #0080D7 #0065C0 #0058B3 #0072CA}
#pun-main div.catleft, #pun-main div.catright {display: none}
/* Оборотное зелье
-------------------------------------------------------------*/
#mask_dialog input[type="text"] {
width: 180px;
color: #201c17;
border: 1px solid #1f1b13;
border-radius: 6px;
background: rgba(65, 34, 34, 0.16) none repeat scroll 0 0 !important;
box-shadow: 0 1px 0 0 #331616;
outline: none;
font-family: Georgia;
font-style: italic;
padding: 0 5px;
}
.mask-field.signature > textarea {
resize: none !important;
}
#mask_dialog .inner .mask-block .form-block .description {
font-size: .9em;
font-style: italic;
color: #2b1d16 !important;
}
#mask_dialog .inner .mask-dialog-title {
font-family: romul !important;
font-size: 18px;
font-weight: 700;
line-height: 30px !important;
text-align: center;
}
#mask_dialog .inner {
z-index: 100;
overflow-x: auto;
width: 700px !important;
max-width: 99%;
max-height: 99%;
margin-top: 0;
margin-right: 0;
margin-left: 0;
padding: 47px;
cursor: default;
background: url(https://forumstatic.ru/files/0015/51/e5/62665.png) 50% 0% repeat-x,
url(https://forumstatic.ru/files/0015/51/e5/61710.png) 50% 100% repeat-x,
url(https://forumstatic.ru/files/0015/51/e5/61362.png) 50% 0%;
box-shadow: 0 0 50px 0px;
}
#mask_dialog .inner .control .clear-storage {
font-size: 10px;
font-style: italic;
position: absolute;
right: 0;
bottom: -8px;
cursor: pointer;
color: #2b1d16 !important;
}
#mask_dialog .inner .hv-control .hv-clear-storage {
position: absolute;
right: 0;
bottom: 0;
color: #2b1d16 !important;
cursor: pointer;
top: 60px;
font-size: 12px !important;
}
#mask_dialog .inner .hv-mask-dialog-title {
text-align: center;
font-weight: 700;
font-size: 20px;
line-height: 34px;
position: relative;
font-family: georgia;
margin-top: -35px;
text-shadow: 0 0 1em #313131;
background: linear-gradient(#00baff, #025bff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding-bottom: 20px;
}
#mask_dialog .button {
background: url('https://forumstatic.ru/files/0015/51/e5/29009.png') no-repeat !important;
border: none!important;
box-shadow: none!important;
height: 36px!important;
min-width: 166px!important;
font-family: Georgia!important;
font-variant: small-caps!important;
letter-spacing: 1px;
font-size: 14px!important;
color: #bbbbb9!important;
padding-bottom: 1px!important;
outline: none;
}
#mask_dialog .hv-bg {
z-index: 10000 !important;
}
.hv-preview-author {
font-weight: bold;
font-size: 12px;
}
.hv-preview-title {
font-style: italic;
font-size: 10px;
}
.hv-preview-avatar::after {
position: relative;
z-index: 1;
top: 5px;
left: 25px !important;
display: block;
width: 71px;
height: 17px;
content: url(https://forumstatic.ru/files/0015/51/e5/58684.png);
}
/* Magic
-------------------------------------------------------------*/
@media all and (max-width: 1000px){
.header_parallax {
display: none;
}
}
@media all and (max-width: 1366px){
.header_parallax {
height: 900px;
left: -800px!important;
overflow: hidden;
position: absolute;
top: 0;
width: 2181px;
pointer-events: none;
}
}
.scene {
text-align: left;
position: absolute;
width: 1200px;
left: 50%;
margin-left: -500px;
display: inline-block;
z-index: 3;
}
.layer {
line-height: 0;
}
.header_parallax {
height: 900px;
left: -500px;
overflow: hidden;
position: absolute;
top: 0;
width: 2181px;
pointer-events: none;
}
#pun-messages .header_parallax {
display: none;
}
/* Up-down buttons
-------------------------------------------------------------*/
.go-up, .go-down {
position: fixed;
z-index: 9999;
display: none;
width: 74px;
height: 75px;
margin-left: 905px !important;
cursor: pointer;
opacity: 0.7;
transition: 800ms all;
}
.go-up {
bottom: 400px;
}
.go-down {
bottom: 340px;
}
.go-down:hover, .go-up:hover {
opacity: 1;
transition: 800ms all;
}
/* АМС */
.hpbombams {
position: relative;
display: inline-block;
}
.hpbombams a{
background: linear-gradient(#ffffff, #a2a2a2);
-webkit-background-clip: text;
text-transform: uppercase;
font-size: 11px;
color: transparent!important;
}
.hpbombams span {
display: none;
}
.hpbombams:hover span{
position: absolute;
text-align: center;
display: inline-block;
margin-top: -180px;
left: -0px;
z-index: 100000;
}
/* Цитаты */
.quotes {
font-size: 11px;
position: relative;
z-index: 5;
top: -12px;
width: 260px;
min-height: 67px;
text-align: justify;
color: #1f1b13;
font-family: Georgia;
text-shadow: 1px -1px 0 rgba(190, 155, 156, .2);
}
#scores {
position: relative;
top: -158px;
color: #d6d6d6;
left: 347px;
font-size: 14px;
text-shadow: 1px 1px 2px #000000;
display: inline-block;
padding-left: 19px;
}
/*доп поле*/
.pa-fld1 {
border-image: url(https://forumstatic.ru/files/001a/02/11/60942.png) 10 10 10 10 fill;
margin-left: 21px;
color: #767676 !important;
background: transparent;
border-style: solid;
border-width: 10px;
font-family: georgia;
font-size: 11px;
line-height: 10.5px;
margin-left: -4px !important;
padding-left: 3px !important;
text-align: justify;
width: 183px;}
.pa-fld1 a {/*color: #708e6f!important;*/
background: linear-gradient(#7bb26a, #436032);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: bold;
font-size: 12px;
line-height: 15px;
text-align: justify;
transition: 800ms all;}
.pa-fld1 a:hover, .pa-fld1 a:focus, .pa-fld1 a:active{
transition: 800ms all;
filter: brightness(0.6);
-webkit-filter: brightness(0.6);
-moz-filter: brightness(0.6);
-o-filter: brightness(0.6);
-ms-filter: brightness(0.6);}
.pa-posts, .pa-fld11 {width: 146%;}
.pa-respect{width: 100%}
.pa-respect, .pa-fld11 {
letter-spacing: -1px;
overflow: hidden;
position: center;
display: inline-block;
}
.pa-respect b, .pa-fld11 b {
font-weight: 100;
text-align:justify;
}
.pa-avatar img {
border-radius: 2px!important;
margin-top: 1px!important;
border-color: #512f1c!important;
border-width: 2px 2.5px!important;
border-style: solid!important;
}
.pa-avatar {
text-align: center;
}
.pa-ip, .pa-icq {
padding-bottom: 6px!important;
text-align: center;
}
.pa-ip a, .pa-respect a{color:#527145!important;}
li.pa-last-visit {
text-align: center;
padding-bottom: 2px!important;
}
.hpbombams {
position: relative;
display: inline-block;
}
.hpbombams a {
background: linear-gradient(#ffffff, #a2a2a2);
-webkit-background-clip: text;
text-transform: uppercase;
font-size: 12px;
color: transparent!important;
}
#music {
position: absolute;
z-index: 10 !important;
top: 348px;
overflow: hidden !important;
width: 50px !important;
margin-left: 714px;
}
#scores {
position: relative;
top: -3px;
color: #d6d6d6;
left: 340px;
font-size: 14px;
text-shadow: 1px 1px 2px #000000;
display: inline-block;
padding-left: 19px;
}
::-webkit-scrollbar {
width: 5px;
height: 5px;
background-color: #bb9a88;
}
::-webkit-scrollbar-thumb {
background-color: #4b372f;
}
fieldset .post-sig {
display: none;
}
.stickytext,.closedatafield {
display:none;
}
.lastedit {
display:none;
}
/* Объявление
-------------------------------------------------------------*/
.hpbombnews {
width: 580px;
min-height: 270px;
overflow: hidden;
position: relative;
background: url(https://forumstatic.ru/files/0018/52/d0/57663.png) 10% 0% repeat-x, url(https://forumstatic.ru/files/0018/52/d0/32881.png) 50% 100% repeat-x, url(https://forumstatic.ru/files/0018/52/d0/66239.png) 10% 10%;
padding: 20px;
/* margin-top: 10px; */
/* border-top: transparent 20px; */
padding-top: 40px;
}
.hpbombname {
text-align: center;
background: linear-gradient(#ffffff, #a2a2a2);
-webkit-background-clip: text;
text-shadow: 0 0 1em #313131;
color: transparent;
font-family: "bebas neue" !important;
font-size: 20px;
margin-top: -53px!important;
font-weight: 900;
}
.hpbomb1 {
width: 540px;
margin-left: 18px!important;
text-align: justify;
font-family: "Georgia";
font-size: 12px;
color: #351f1f;
}
/* Шаблон эп
-------------------------------------------------------------*/
/*форма*/
.episode {width: 590px;
min-height: 150px;
overflow: hidden;
position: relative;
background: url(http://funkyimg.com/i/2HM2R.png) 52% 0% repeat-x, url(http://funkyimg.com/i/2HM2S.png) 50% 100% repeat-x, url(http://funkyimg.com/i/2HM2T.png) 70% 42%;
padding: 5px;
padding-bottom: 185px!important;
}
/*название эпизода*/
.epname{text-align: center!important;
text-shadow: 0 0 1em #313131;
background: linear-gradient(#dbe0d8, #dbe0d8);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: "bebas neue" !important;
font-size: 20px;
margin-top: -53px!important;
font-weight: 900;
position: absolute;
bottom: 153px;
width: 560px;
margin-left: 20px!important;
height: 25px;
overflow: hidden;
text-transform: uppercase;}
/*картинка эпизода*/
.eppic{width: 589px;
min-height: 70px;
padding-top: 7px;
margin-left: 5px;
margin-top: 5px;
position: relative;
margin-bottom: 179px;
text-align: center !important;}
/*описание*/
.eptxt{margin-left: 23px!important;
width: 521px;
position: absolute;
bottom: 15px;
height: 80px;
padding: 10px;
border-radius: 22px;
text-align: justify;
font-family: "Georgia";
font-size: 12px;
color: #351f1f;
overflow: auto;}
/*участники*/
.epperson { position: absolute;
bottom: 122px;
width: 412px;
margin-left: 95px!important;
text-align: center!important;
height: 28px;
overflow: hidden;
color: #f1cd53;
font-family: "Georgia";}
/* Up-down buttons
-------------------------------------------------------------*/
.go-up, .go-down {
position: fixed;
z-index: 9999;
display: none;
width: 74px;
height: 75px;
margin-left: 905px !important;
cursor: pointer;
opacity: 0.7;
transition: 800ms all;
}
.go-up {
bottom: 400px;
}
.go-down {
bottom: 340px;
}
.go-down:hover, .go-up:hover {
opacity: 1;
transition: 800ms all;
}
/* кубик
-------------------------------------------------------------*/
#button-dice {
background-image:url(https://forumupload.ru/uploads/001a/c3/6f/22/t962378.gif);
}
#forum_f3.alt1 td.tcl, #forum_f35.alt2 td.tcl, #forum_f24.alt1 td.tcl, #forum_f23.alt2 td.tcl, #forum_f16.alt1 td.tcl, #forum_f15.alt2 td.tcl, #forum_f1.alt2 td.tcl, #forum_f23.alt1 td.tcl, #forum_f6.alt2 td.tcl, #forum_f4.alt1 td.tcl, #forum_f2.alt2 td.tcl, #forum_f5.alt2 td.tcl, #forum_f25.alt1 td.tcl, #forum_f34.alt1 td.tcl, #forum_f31.alt1 td.tcl, #forum_f16.alt2 td.tcl, #forum_f29.alt1 td.tcl, #forum_f30.alt2 td.tcl, #forum_f7.alt1 td.tcl, #forum_f38.alt2 td.tcl, #forum_f26.alt1 td.tcl, #forum_f19.alt1 td.tcl, #forum_f27.alt2 td.tcl, #forum_f39.alt1 td.tcl, #forum_f36.alt2 td.tcl, #forum_f37.alt1 td.tcl, #forum_f40.alt2 td.tcl, #forum_f6.alt1 td.tcl, #forum_f4.alt2 td.tcl, #forum_f2.alt1 td.tcl
{ font-size: 8pt;
margin-left: 20px
position: relative;
display: inline-block;
width: 445px;
padding: 10px!important;
text-align: justify;
background: url(https://forumstatic.ru/files/001a/c3/b1/21765.png) no-repeat;
}
/* на акции
-------------------------------------------------------------*/
.rassvetnews {
width: 580px;
min-height: 270px;
overflow: hidden;
position: relative;
background: url(https://forumstatic.ru/files/001a/c3/b1/80123.png) 10% 0% repeat-x, url(https://forumstatic.ru/files/001a/c3/b1/84531.png) 50% 100% repeat-x, url(https://forumstatic.ru/files/001a/c3/b1/66239.png) 10% 10%;
padding: 20px;
/* margin-top: 10px; */
/* border-top: transparent 20px; */
padding-top: 40px;
}
.rassvetname {
text-align: center;
background: linear-gradient(#ffffff, #a2a2a2);
-webkit-background-clip: text;
text-shadow: 0 0 1em #313131;
color: transparent;
font-family: "bebas neue" !important;
font-size: 20px;
margin-top: -53px!important;
font-weight: 900;
}
.rassvet1 {
width: 540px;
margin-left: 18px!important;
text-align: justify;
font-family: "Georgia";
font-size: 12px;
color: #351f1f;
}
/* ФИЛЬТРЫ © nova*/
.post #fbw, #fblur, #fblur2, #finvert, #fsepia, #fbright, #fdark, #fsaturate, #ftransparent, #fshadow, #fhue, #fpink, #fnavy, #fblue, #fgreen {
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
display: inline-block;
}
.post #fbw {
filter: grayscale(100%);
}
.post #fblur {
filter: blur(1px);
}
.post #fblur2 {
filter: blur(3px);
}
.post #finvert {
filter: invert(100%);
}
.post #fsepia {
filter: sepia(100%);
}
.post #fbright {
filter: brightness(150%);
}
.post #fdark {
filter: brightness(50%);
}
.post #fsaturate {
filter: saturate(200%);
}
.post #ftransparent {
filter: opacity(30%);
}
.post #fshadow {
filter: drop-shadow(2px 3px 5px black);
}
.post #fhue {
filter: hue-rotate(180deg);
}
.post #fpink {
filter: brightness(0.5) sepia(1) hue-rotate(-70deg) saturate(5);
}
.post #fnavy {
filter: brightness(0.2) sepia(1) hue-rotate(180deg) saturate(5);
}
.post #fblue {
filter: brightness(0.5) sepia(1) hue-rotate(140deg) saturate(6);
}
.post #fgreen {
filter: brightness(0.5) sepia(1) hue-rotate(-240deg) saturate(5);
}
/* окна амс в табле. Поттер
-------------------------------------------------------------*/
.poster{
position:relative;
background: url(https://forumstatic.ru/files/001a/c3/b1/52611.png);
height:65px;
width:65px;
}
.descr{
display:none;
margin-left:-360px;
padding:7px;
margin-top:-10px;
background: url(https://forumstatic.ru/files/001a/c3/b1/94740.gif);
height:114px;
-moz-box-shadow:0 5px 5px rgba(0,0,0,0.3);
-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.3);
box-shadow:0 5px 5px rgba(0,0,0,0.3);
}
.poster:hover .descr{
display:block;
position:absolute;
top:-131px;
z-index:9999;
width:104px;
}
.poster:hover{
background: url(https://forumstatic.ru/files/001a/c3/b1/25840.png)
}
/* окна амс в табле. Рессерн
-------------------------------------------------------------*/
.poster1{
position:relative;
background: url(https://forumstatic.ru/files/001a/c3/b1/69699.png);
height:65px;
width:65px;
}
.descr1{
display:none;
margin-left:-360px;
padding:7px;
margin-top:-10px;
background: url(https://forumstatic.ru/files/001a/c3/b1/53228.gif);
height:114px;
-moz-box-shadow:0 5px 5px rgba(0,0,0,0.3);
-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.3);
box-shadow:0 5px 5px rgba(0,0,0,0.3);
}
.poster1:hover .descr1{
display:block;
position:absolute;
top:-131px;
z-index:9999;
width:104px;
}
.poster1:hover{
background: url(https://forumstatic.ru/files/001a/c3/b1/89160.png)
}
/* окна амс в табле. Лаура
-------------------------------------------------------------*/
.poster2{
position:relative;
background: url(https://forumstatic.ru/files/001a/c3/b1/56966.png);
height:65px;
width:65px;
}
.descr2{
display:none;
margin-left:-360px;
padding:7px;
margin-top:-10px;
background: url(https://forumstatic.ru/files/001a/c3/b1/96236.gif);
height:114px;
-moz-box-shadow:0 5px 5px rgba(0,0,0,0.3);
-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.3);
box-shadow:0 5px 5px rgba(0,0,0,0.3);
}
.poster2:hover .descr2{
display:block;
position:absolute;
top:-131px;
z-index:9999;
width:104px;
}
.poster2:hover{
background: url(https://forumstatic.ru/files/001a/c3/b1/40195.png)
}
/* нужные первый
-------------------------------------------------------------*/
.wrapper {
display: flex;
justify-content: center;
align-items: center;
}
.card {
width: 68px;
height: 68px;
position: relative;
perspective: 1000px;
border: 0px solid ;
}
.front, .back {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
transition: 1s;
backface-visibility: hidden;
}
.front img {
max-width: 200%;
min-width: 100%;
height: auto;
}
.back {
transform: rotateY(180deg);
}
.card:hover .front {
transform: rotateY(180deg);
}
.card:hover .back {
transform: rotateY(360deg);
width: 67px;
height: 66px;
background: url(https://forumstatic.ru/files/001a/c3/b1/75012.png);
}
/* нужные второй
-------------------------------------------------------------*/
.wrapper1 {
display: flex;
justify-content: center;
align-items: center;
}
.card1 {
width: 68px;
height: 68px;
position: relative;
perspective: 1000px;
border: 0px solid ;
}
.front1, .back1 {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
transition: 1s;
backface-visibility: hidden;
}
.front1 img {
max-width: 100%;
min-width: 100%;
height: auto;
}
.back1 {
transform: rotateY(180deg);
}
.card1:hover .front1 {
transform: rotateY(180deg);
}
.card1:hover .back1 {
transform: rotateY(360deg);
width: 67px;
height: 66px;
background: url(https://forumstatic.ru/files/001a/c3/b1/40116.png);
}
/* нужные третий
-------------------------------------------------------------*/
.wrapper2 {
display: flex;
justify-content: center;
align-items: center;
}
.card2 {
width: 68px;
height: 68px;
position: relative;
perspective: 1000px;
border: 0px solid ;
}
.front2, .back2 {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
transition: 1s;
backface-visibility: hidden;
}
.front2 img {
max-width: 100%;
min-width: 100%;
height: auto;
}
.back2 {
transform: rotateY(180deg);
}
.card2:hover .front2 {
transform: rotateY(180deg);
}
.card2:hover .back2 {
transform: rotateY(360deg);
width: 67px;
height: 66px;
background: url(https://forumstatic.ru/files/001a/c3/b1/71971.png);
}
/* нужные четвертый
-------------------------------------------------------------*/
.wrapper3 {
display: flex;
justify-content: center;
align-items: center;
}
.card3 {
width: 68px;
height: 68px;
position: relative;
perspective: 1000px;
border: 0px solid ;
}
.front3, .back3 {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
transition: 1s;
backface-visibility: hidden;
}
.front3 img {
max-width: 100%;
min-width: 100%;
height: auto;
}
.back3 {
transform: rotateY(180deg);
}
.card3:hover .front {
transform: rotateY(180deg);
}
.card3:hover .back3 {
transform: rotateY(360deg);
width: 67px;
height: 66px;
background: url(https://forumstatic.ru/files/001a/c3/b1/43847.png);
}
/* поворот картинки
-------------------------------------------------------------*/
.hover-effect4 {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.hover-effect4:hover {
-moz-transform: rotate(15deg);
-o-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
/* для таблы
-------------------------------------------------------------*/
.hoverbuttonss{
opacity: 60%;
}
.hoverbuttonss:hover {
opacity: 90%;
}
/* для баннеров
-------------------------------------------------------------*/
.hoverbuttonsss{
opacity: 60%;
}
.hoverbuttonss:hover {
opacity: 90%;
}