жирный текст, курсив, подчеркнутый
цитата
код
маркированный текст
Тестовый форум |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Тестовый форум » Тестовый форум » Сюжет
жирный текст, курсив, подчеркнутый
цитата
код
маркированный текст
1) перестать видеть во всех плохое,т.к я зеркало всего,что происходит со мной
2)перестать обижаться
3)перестать обвинять близких
4)работать над собой как физически так и внутренняя работа
5)беру всю ответственность на себя за происходящее и что будет происходить только
/*оформление навигации форума в спокойном состоянии*/
#pun-navlinks a {
color: #ffffff;
font-family: comfortaa!important;
font-size: 13px !important;
text-align: center;
transition: all 0.3s ease-in-out 0.1s;
text-transform: lowercase;
display: inline-block;
padding: 0 15px !important;
letter-spacing: 1px;
position: relative;
margin: 0 0px;
font-weight: 700 !important;
text-shadow: 1px 1px 1px #152f37
}#pun-navlinks a span {position: relative}
/*оформление навигации форума при наведении*/
#pun-navlinks a:after {content: "";
display: block;
height: 1px;
width: 100%;
background: #ffffff;
left: 0;
top: 0;
position: absolute;
box-shadow: 1px 1px 1px #2b7bbd;
transition: all .5s ease-in-out .1s;
transform-origin: center;
transform: scaleX(0)}#pun-navlinks a:hover:after {transform: scaleY(1);
background: #a6d2f7;
box-shadow: 1px 1px 1px #337293;}#pun-navlinks a:hover {
transition: all 0.3s ease-in-out 0.1s;
color: #afd2f8;
}
#pun-navlinks .container {
background: none repeat scroll 0 0;
display: inline-block;
font-size: 0px !important;
font-style: normal;
font-weight: 700 !important;
margin-left: -20px !important;
position: absolute;
text-align: center !important;
top: 153px;
width: 1060px !important;
word-spacing: 20px;
padding: 0px !important;
line-height: 18px;
height: 20px !important;
}
щщщ
/* A5 Basic page layout and borders
-------------------------------------------------------------*/
/* A5.1 */
#pun {
background: #cbc9c6 url("https://forumstatic.ru/files/0019/aa/b6/82099.png") repeat center top;
margin: auto;
width: 871px;
margin-top: 192px !important;
box-shadow: 10px 0px 0 0 rgba(0,0,0,.5), -10px 0px 0 0 rgba(0,0,0,.5)
}
.punbb {
height: auto;
margin: 0 10px;}
#pun-redirect #pun-main {min-height: 50px}
Гастрофилин
#pun .ams a {
font-weight: bold}
#pun .ams {position: absolute;
top: 206px;
margin-left: 0px;
width: 285px;
text-align: center;
font-family: roboto;
color: #666;
text-transform: uppercase;
font-size: 11px;
}
.tooltip {
position: relative;
display: inline
}
.tooltip em {
display: inline;
transition: all 0.3s ease-in-out 0s;
position: absolute;
opacity: 0;
color: #dfdfdf;
font-family: arial !important;
text-shadow: 1px 1px 1px rgba(0,0,0,.8);
font-size: 10px !important;
font-style: normal;
height: auto;
left: -75px;
padding: 10px;
text-align: justify;
width: 150px;
top:30px;
background: #261b0c;
text-transform: none;
line-height: 11px;
border-radius: 5px;
visibility: hidden
}
.tooltip:hover em {
top: 20px;
font-family: arial !important;
font-size: 10px !important;
font-style: normal;
height: auto;
padding: 10px;
position: absolute;
width: 150px;
z-index: 9999;
opacity: 1;
transition: all 0.5s ease-in-out 0s;
line-height: 11px;
visibility: visible
}
.sslka {display: block;
text-align: center;
width: 250px}
#pun .sslka a {background-color:#261b0c !important;
white-space: nowrap;
margin-top: 5px;
border-radius: 4px;
text-align: center;
color: #ffffff;
transition: all 0.3s linear 0s;
display: block;
padding: 4px 0px 7px 0px;}
#pun .sslka a:hover { background-color:#070707 !important;
opacity: .9;
transform: scale(1.1)}
#vkladka1 {width: 145px;
margin-left: 587px;
position: absolute;
top: 225px;
z-index: 9
}
.oformlenie_knopki {background-image: url(https://forumstatic.ru/files/0019/aa/b6/48398.png);
background-position: 0px 0px;
height:23px;
width: 287px;
display:inline-block;
cursor: pointer;
font-size: 0;
position: absolute;
top:200px;
margin-left: 567px
}
.footer_gif {position: absolute;
margin-left: 326px;
margin-top: 43px;
transition: all .5s ease-in-out 0s;
opacity: 0;}
.footer_gif:hover {
opacity: 1}
#rotate {width: 34px;
height: 34px;
border: 2px solid #7f5110;
transition: all 0.3s ease-in-out 0s;
overflow: hidden;
transform: rotate(45deg);
margin: 0 10px}
#rotate {width: 30px;
height: 30px;
border: 2px solid #7f5110;
transition: all 0.3s ease-in-out 0s;
overflow: hidden;
transform: rotate(45deg);
margin: 0 10px}
#rotate:hover {transform: rotate(0deg);
}
#rotate:hover img {transform: rotate(0deg) translateY(-10px);
filter: grayscale(0)}
#rotate img { transition: all 0.3s ease-in-out 0s;
transform: rotate(-45deg) translateY(-15px);
filter: grayscale(100%)}
.tooltip2 {
display: inline-block
}
.whenhover {
display: block;
transition: all 0.3s ease-in-out 0s;
position: absolute;
opacity: 0;
color: #fff;
font-family: roboto !important;
text-shadow: 1px 1px 1px rgba(0,0,0,1);
font-size: 11px !important;
font-style: normal;
height: 64px;
left: 314px;
padding: 10px;
text-align: justify;
width: 244px;
top:160px;
background: rgba(0,0,0,.8);
line-height: 14px;
visibility: hidden;
overflow-y: auto
}
.tooltip2:hover .whenhover {
font-style: normal;
z-index: 9999;
opacity: 1;
transition: all 0.5s ease-in-out 0s;
visibility: visible
}
.upperblock {position: relative;
text-align: center;
width: 250px;
}
#hovpic {width: 108px;
height: 62px;
overflow: hidden;
border: 1px solid #7f5110;
float: left
}
#hovpic img {width: 128px;}
.whenhover name {color: #946727;
font-family: roboto;
font-weight: 700;
text-shadow: 1px 1px 1px #181818;
display: block;
text-align: center;
text-transform: uppercase;
padding-top: 22px}
.uptable {position: absolute;
top: 50px;
margin-left: -20px !important;
width: 1060px}
.tooltip3 {
display: inline-block
}
.whenhover2 {
display: block;
transition: all 0.3s ease-in-out 0s;
position: absolute;
opacity: 0;
color: #fff;
font-family: roboto !important;
text-shadow: 1px 1px 1px rgba(0,0,0,1);
font-size: 11px !important;
font-style: normal;
height: 64px;
right: 314px;
padding: 10px;
text-align: justify;
width: 244px;
top:160px;
background: rgba(0,0,0,.8);
line-height: 14px;
visibility: hidden;
overflow-y: auto
}
.tooltip3:hover .whenhover2 {
font-style: normal;
z-index: 9999;
opacity: 1;
transition: all 0.5s ease-in-out 0s;
visibility: visible
}
.upperblock2 {position: relative;
text-align: center;
width: 250px;
float: right;
top: -37px
}
.whenhover2 name {color: #946727;
font-family: roboto;
font-weight: 700;
text-shadow: 1px 1px 1px #181818;
display: block;
text-align: center;
text-transform: uppercase;
padding-top: 20px}
.whenhover2 posts {text-align: center;
display: block;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 1px}
.bestpost {
display: inline-block;
border: 2px solid #794d10;
width: 90px;
height: 73px;
transition: all 0.5s ease-in-out 2s;
position: absolute;
margin-left:188px;
top: 224px;
}
.whenhover-post {
display: block;
transition: all 0.3s ease-in-out 1s;
position: absolute;
opacity: 0;
color: #fff;
font-family: roboto !important;
text-shadow: 1px 1px 1px rgba(0,0,0,1);
font-size: 11px !important;
font-style: normal;
height: 64px;
left: 105px;
padding: 10px;
text-align: justify;
width: 244px;
top:-16px;
background: rgba(0,0,0,.8);
line-height: 14px;
visibility: hidden;
overflow-y: auto
}
.bestpost:hover .whenhover-post {
font-style: normal;
z-index: 9999;
opacity: 1;
transition: all 0.5s ease-in-out 0s;
visibility: visible
}
.whenhover-post a {font-weight: bolder}
.whenhover2 name {color: #946727;
font-family: roboto;
font-weight: 700;
text-shadow: 1px 1px 1px #181818;
display: block;
text-align: center;
text-transform: uppercase;
padding-top: 20px}
.whenhover2 posts {text-align: center;
display: block;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 1px}
.bestquote {
display: inline-block;
border: 2px solid #794d10;
width: 90px;
height: 73px;
transition: all 0.5s ease-in-out 2s;
position: absolute;
margin-left:569px;
top: 224px;
}
.whenhover-quote {
display: block;
transition: all 0.3s ease-in-out 1s;
position: absolute;
opacity: 0;
color: #fff;
font-family: roboto !important;
text-shadow: 1px 1px 1px rgba(0,0,0,1);
font-size: 11px !important;
font-style: normal;
height: 64px;
left: -278px;
padding: 10px;
text-align: justify;
width: 244px;
top:-16px;
background: rgba(0,0,0,.8);
line-height: 14px;
visibility: hidden;
overflow-y: auto
}
.bestquote:hover .whenhover-quote {
font-style: normal;
z-index: 9999;
opacity: 1;
transition: all 0.5s ease-in-out 0s;
visibility: visible
}
.whenhover-quote b {font-weight: bolder;
color: #8c5911}
#in-hover {border: 2px solid #794d10;
transition: all .5s ease-in-out 0s}
Вы здесь » Тестовый форум » Тестовый форум » Сюжет