/* оформление шапки */
.need1 {
position: absolute;
margin-top: 240px!important;
margin-left: 95px!important;
letter-spacing: -5px;
text-align: center;
font-family: jura;
font-size: 18px;
text-transform: uppercase;
}
.need2 {
position: absolute;
margin-top: 240px!important;
margin-left: 688px!important;
letter-spacing: -5px;
text-align: center;
font-family: jura;
font-size: 18px;
text-transform: uppercase;
}
.best_post {
position: absolute;
overflow: hidden;
margin-left: 301px !important;
margin-top: 200px !important;
letter-spacing: 12px;
}
.ep {
position: absolute;
margin-left: 235px !important;
margin-top: 333px !important;
text-align: center;
font-family: oswald;
width: 437px;
color: white;
font-size: 18px;
text-transform: lowercase;
}
.ep a {
color: white !important;
}
.activ {
position: absolute;
overflow: hidden;
margin-left: -53px !important;
margin-top: 260px !important;
letter-spacing: -5px;
}
.activ_p {
position: absolute;
overflow: hidden;
margin-left: 820px !important;
margin-top: 260px !important;
letter-spacing: -5px;
}
.bm {
position: absolute;
overflow: hidden;
margin-left: 19px !important;
margin-top: 167px !important;
}
.need1 img:hover, .activ img:hover, .need2 img:hover, .activ_p img:hover, .best_post img:hover, .bm img:hover {
transform: scale(1.1);
transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s;
}
.ssylki {
position: absolute;
text-align: center;
margin-left: 0px!important;
margin-top: 230px!important;
letter-spacing: 0.5px;
width: 910px;
font-family: tahoma;
text-transform: lowercase;
font-size: 12px;
color: white;
}
.ssylki a {
color: white !important;
}
.lpost {
position: absolute;
margin-top: 270px!important;
margin-left: 250px!important;
font-size: 12px;
font-family: tahoma;
text-align: justify;
overflow: auto;
padding-right: 4px;
width: 400px;
height: 60px;
line-height: 12px;
}
#pun-main .post .permalink {
color: #3f3f3d!important;
}
.punbb .pa-avatar img {
margin-bottom: 2px;
max-width: 180px;
max-height: 180px;
padding: 2px;
border-width: 1px;
border-style: solid;
border-image: linear-gradient(to top, #929fa0, #3f3f3d) 1 1 1 99%;
}
.marvel {
background-image: url('https://forumstatic.ru/files/001a/b4/52/82805.gif');
width: 840px;
height: 789px;
position:relative;
margin: 0 auto;
}
.marvel text1 {
font-size: 11px;
font-family: 'arial';
position: absolute;
width: 270px;
height: 445px;
overflow: auto;
top: 330px;
left: 20px;
/* color: white; */
/* text-shadow: 1px 1px 0px #400f21; */
font-family: 'arial', sans-serif;
font-size: 11px;
text-align: justify;
color: #000;
text-shadow: 0 1px 0 #ffffff94;
}
.marvel text2 {
font-size: 11px;
font-family: 'arial';
position: absolute;
width: 500px;
height: 445px;
overflow: auto;
top: 330px;
left: 320px;
/* color: white; */
/* text-shadow: 1px 1px 0px #400f21; */
font-family: 'arial', sans-serif;
font-size: 11px;
text-align: justify;
color: #000;
text-shadow: 0 1px 0 #ffffff94;}
.dc {
background-image: url('https://forumstatic.ru/files/001a/b4/52/27578.gif');
width: 840px;
height: 789px;
position:relative;
margin: 0 auto;
}
.dc text1 {
font-size: 11px;
font-family: 'arial';
position: absolute;
width: 270px;
height: 445px;
overflow: auto;
top: 330px;
left: 20px;
/* color: white; */
/* text-shadow: 1px 1px 0px #400f21; */
font-family: 'arial', sans-serif;
font-size: 11px;
text-align: justify;
color: #000;
text-shadow: 0 1px 0 #ffffff94;
}
.dc text2 {
font-size: 11px;
font-family: 'arial';
position: absolute;
width: 500px;
height: 445px;
overflow: auto;
top: 330px;
left: 320px;
/* color: white; */
/* text-shadow: 1px 1px 0px #400f21; */
font-family: 'arial', sans-serif;
font-size: 11px;
text-align: justify;
color: #000;
text-shadow: 0 1px 0 #ffffff94;}
.spn {
background-image: url('https://forumstatic.ru/files/001a/b4/52/79587.gif');
width: 840px;
height: 550px;
position:relative;
margin: 0 auto;
}
.spn text1 {
font-size: 11px;
font-family: 'arial';
position: absolute;
width: 300px;
height: 445px;
overflow: auto;
top: 330px;
left: 40px;
/* color: white; */
/* text-shadow: 1px 1px 0px #400f21; */
font-family: 'arial', sans-serif;
font-size: 11px;
text-align: justify;
color: #000;
text-shadow: 0 1px 0 #ffffff94;
}
.spn text2 {
font-size: 11px;
font-family: 'arial';
position: absolute;
width: 400px;
height: 445px;
overflow: auto;
top: 330px;
left: 400px;
/* color: white; */
/* text-shadow: 1px 1px 0px #400f21; */
font-family: 'arial', sans-serif;
font-size: 11px;
text-align: justify;
color: #000;
text-shadow: 0 1px 0 #ffffff94;}
.tooltip {
position: relative;
}
.tooltip em {
display: none;
}
.tooltip:hover em {
font-style: normal;
display: inherit;
position: absolute;
background: #bdbfc0;
color: #02092e;
padding: 15px 15px;
bottom: -120px;
right: 5px;
background-color: #b7bcb6;
background-image: url("https://forumstatic.ru/files/0017/82/d9/77841.png");
color: #202113;
width: 110px;
border: 1px dotted #7cd0dc;
box-shadow: 0 0 0 1px #74d2dc, 0 -11px 0 -8px #75d1da, 11px 0 0 -8px #79d0db, 0 11px 0 -8px #79d1d7, -11px 0 0 -8px #72d6d5; /* òåíè êàê ðàìêà íàðóæí */
padding: 2px; /* Ïîëÿ âîêðóã òåêñòà */
}
.tooltip:hover em i {
position: absolute;
bottom: -15px;
right: -5px;
border-top: 1px solid #000;
border-left: 1px solid transparent;
display: block;
}
/*квест*/
.you1 {
background-image: url('https://forumstatic.ru/files/001a/b4/52/69497.png');
width: 850px;
height: 500px;
position:relative;
margin: 0 auto;
}
.you1 sam {
margin: -10px -16px!important;
position: fixed;
width: 200px;
height: 300px;
}
.you1 cas {
margin: 219px 217px!important;
position: fixed;
width: 200px;
height: 300px;
}
.you1 dean {
margin: -12px 483px!important;
position: fixed;
width: 200px;
height: 300px;
}
.you1 text1 {
font-size: 11px;
font-family: 'arial';
position: absolute;
width: 350px;
top: 35px;
left: 120px;
/* color: white; */
/* text-shadow: 1px 1px 0px #400f21; */
font-family: 'arial', sans-serif;
font-size: 11px;
text-align: justify;
color: #000;
text-shadow: 0 1px 0 #ffffff94;
}
.you1 text2 {
margin: 152px -103px!important;
position: absolute;
width: 150px;
height: 150px;
text-align: justify;
overflow: auto;
font-family: arial;
font-size: 9px;
color: #0a0a0a;
text-shadow: 1px 1px 0px #f6f2ec;
line-height: 13px;
}
.you1 text3 {
margin: 160px 64px!important;
position: absolute;
width: 145px;
height: 150px;
text-align: justify;
overflow: auto;
font-family: arial;
font-size: 9px;
color: #0a0a0a;
text-shadow: 1px 1px 0px #f6f2ec;
line-height: 13px;}
.you1 text4 {
margin: 160px 225px!important;
position: absolute;
width: 145px;
height: 150px;
text-align: justify;
overflow: auto;
font-family: arial;
font-size: 9px;
color: #0a0a0a;
text-shadow: 1px 1px 0px #f6f2ec;
line-height: 13px;}
.you1 zd1 {
margin: 320px -90px!important;
position: absolute;
width: 150px;
height: 150px;
text-align: justify;
overflow: auto;
font-family: arial;
font-size: 9px;
color: #0a0a0a;
text-shadow: 1px 1px 0px #f6f2ec;
line-height: 13px;
}
.you1 zd2 {
margin: 320px 65px!important;
position: absolute;
width: 145px;
height: 150px;
text-align: justify;
overflow: auto;
font-family: arial;
font-size: 9px;
color: #0a0a0a;
text-shadow: 1px 1px 0px #f6f2ec;
line-height: 13px;
}
.you1 zd3 {
margin: 320px 245px!important;
position: absolute;
width: 145px;
height: 150px;
text-align: justify;
overflow: auto;
font-family: arial;
font-size: 9px;
color: #0a0a0a;
text-shadow: 1px 1px 0px #f6f2ec;
line-height: 13px;
}
.hell {
position: absolute;
overflow: hidden;
margin-left: 650px !important;
margin-top: 135px !important;
letter-spacing: 12px;
}
.hell1 {
position: absolute;
overflow: hidden;
margin-left: 650px !important;
margin-top: 300px !important;
letter-spacing: 12px;
}
.hell2 {
position: absolute;
overflow: hidden;
margin-left: 300px !important;
margin-top: 150px !important;
letter-spacing: 12px;
}
.hell3 {
position: absolute;
overflow: hidden;
margin-left: 58px !important;
margin-top: 290px !important;
letter-spacing: 12px;
}