Тестовое сообщение
Страница: 1
Сообщений 1 страница 20 из 20
Поделиться22015-04-08 12:00:10
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Поделиться42015-04-08 17:03:38
Код:
.punbb .post-content .quote-box, .punbb .post-content .code-box {
margin: 0.6em 1.8em;
padding: 0.5em 1em;
border: 1px solid transparent;
border-radius: 1.5em;
width: 100%;
max-width: 750px;
}
.punbb .post-content .quote-box, .punbb .post-content .code-box { margin: 0.6em 1.8em; padding: 0.5em 1em; border: 1px solid transparent; border-radius: 1.5em; width: 100%; max-width: 750px; }
.punbb .post-content .quote-box, .punbb .post-content .code-box {
margin: 0.6em 1.8em;
padding: 0.5em 1em;
border: 1px solid transparent;
border-radius: 1.5em;
width: 100%;
max-width: 750px;
}
.punbb .post-content .quote-box, .punbb .post-content .code-box {
margin: 0.6em 1.8em;
padding: 0.5em 1em;
border: 1px solid transparent;
border-radius: 1.5em;
width: 100%;
max-width: 750px;
}"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
Lorem ipsum написал(а):
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
Lorem ipsum dolor sit amet
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
Поделиться92015-04-12 00:11:01
Тест сообщения от гостя
Поделиться132015-04-24 01:09:57
[float=left]
[/float] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. [float=right][/float]Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
Поделиться142015-04-26 05:36:39
В СТИЛИ КЛАССИКИ:
Код:
/* Скрипты замены и обтекания */
.change-title, .change-nickname, .change-icon-url {
display: none;
}
#changeProfile-area div {
cursor: pointer;
display: table-row;
height: 24px;
vertical-align: middle;
}
#button-changeProfile {
background-image: url('https://newhumanprivilege.rusff.me/files/0015/6e/61/17815.svg');
width: 32px !important;
}
#changeProfile-area, #float {
position: absolute;
display: none;
width: 110px;
right: 6px;
}
.changed-icon {
max-width: 180px;
max-height: 180px;
}Поделиться152015-04-26 06:06:56
[ava]https://www.dropbox.com/s/jl5h4kfin7yw8zn/rebecca-rittenhouse-1-1.gif?dl=1[/ava][nick]Хеллоу[/nick][status]Привет[/status]css
● иконки в форму ответа, картинки для репутации и лз
● чучуть поправить в форме ответа иконки или показать где их можно трогать и как
● в обтекание влезть и поменять иконки, а также фон в менюшке выьора на тот, что у нас в остальных
● что-то с баннерами сделать в моб.версии (лучше не получится, сорри)
● убрать прозрачность в открывающихся менюшках в форме ответа, там текста частенько не видно
скрипты
● параллакс
● скрипт про имидж новый
● смена дизайна
● !!! настроить css для float в классике! (после постановки смены дизайна уже)
● + и - в изменении размера шрифта (костыльно вышло чутка, ннно)
● дрожь при листании
● потестить кроссбраузерность с свгшками в том числе на ишаках (зашто) (низашто, не надо просто)
Поделиться162015-04-26 14:44:19
[coub]http://coub.com/view/645n0[/coub]
[coub]http://coub.com/view/64fs2[/coub]
[coub]http://coub.com/view/64c1m[/coub]
Поделиться172015-04-26 15:20:40
[audio]http://pleer.com/tracks/4713521lYTB[/audio]
[audio]http://pleer.com/list3656397mdJz[/audio]
Поделиться182015-04-26 21:41:37
Нормальная мобильная верстка
Код:
/*МОБИЛЬНАЯ ВЕРСТКА, BITCH
**************************************************************/
@media screen and (max-width: 800px) {
/*БАЗА И ДЕФОЛТЫ*/
#pun,.punbb,body,html {
width: 100% !important;
min-height: 100%;
margin: 0 !important;
padding: 0 !important;
border: none !important;
-webkit-text-size-adjust: 100%;
}
body {
position: relative;
background: url(https://forumstatic.ru/files/0015/6e/61/76173.png) 50% 50% #E0E0E0 !important;
}
html {
height: 100%;
}
#post-form legend,#pun-break1,#pun-break3,#pun-title h1,.category .tc2,.category .tc3,.category th,.forum .tc2,.forum .tc3,.forum th {
display: none;
}
input[type=password],input[type=text] {
max-width: 100%;
}
input {
padding: 10px;
}
select {
padding: 5px;
}
textarea {
font-size: 14px !important;
padding: 1.5% !important;
max-width: 97% !important;
margin: 0 auto !important;
box-sizing: border-box;
}
/*СТРЕЛОЧКИ*/
.scrollpage {
-webkit-text-size-adjust: 175%;
top: 25% !important;
right: 0 !important;
}
/*ШАПКА И ЛОГО*/
#pun-title {
display: block !important;
position: absolute !important;
width: 100% !important;
height: 33px !important;
top: 9px;
right: 0;
background-color: transparent;
z-index: 1 !important;
border-bottom: 11px solid #06122a !important;
text-align: right;
padding: 0 !important;
margin: 0 auto !important;
}
#pun-title .title-logo-tdl {
opacity: 0;
}
.hp-logo {
background: url(https://newhumanprivilege.rusff.me/files/0015/6e/61/53736.svg) 0 100% no-repeat !important;
height: 44px !important;
width: 60% !important;
margin: 0 !important;
position: absolute;
top: 9px;
left: 5px;
z-index: 3 !important;
}
/*ХЭДЕР*/
#html-header {
width: 100% !important;
height: auto !important;
min-height: 283px !important;
margin-top: 99px;
background: 0 0 !important;
}
/*ТАБЛИЦА*/
.hp-header {
height: auto !important;
min-height: 281px !important;
background: 0 0 !important;
width: 100% !important;
}
.hp-header .side,.hp-header div[class*=figurine] {
display: none !important;
}
.hp-header .info {
display: inline-block !important;
width: 100% !important;
height: 100% !important;
opacity: 1 !important;
margin: 0 145px !important;
padding: 0 !important;
text-align: center;
background-color: transparent !important;
background-image: none !important;
}
/*ТАБЛИЦА: админы*/
.hp-header .admins {
display: block !important;
width: 100% !important;
}
.hp-header .admins span {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
text-align: center !important;
}
.hp-header .admins div:first-of-type,.hp-header .admins div:nth-of-type(2) {
margin: 0 !important;
}
.hp-header .admins div:first-of-type {
text-align: right;
width: 45%;
margin-left: 20px !important;
}
.hp-header .admins div:nth-of-type(2) {
width: 45%
}
.hp-header .admins div:nth-of-type(2):before {
margin-left: -20px !important;
margin-top: -1px !important;
}
/*ТАБЛИЦА: новости*/
.hp-header .new-york {
display: block !important;
width: 100% !important;
margin: 2px 0 !important;
padding: 2px 0 !important;
background: #06122a !important;
color: #cbd1d6 !important;
text-align: center !important;
}
.humanpr div:nth-of-type(3) {
padding: 0 !important;
}
.new-york .news div:last-of-type {
margin-right: 0 !important;
}
/*ТАБЛИЦА: навигационные и акционные ссылки*/
.hp-header .links-nav {
display: block !important;
width: 100% !important;
height: 100% !important;
margin: 4px 0 !important;
text-align: center !important;
}
.hp-header .links-nav-left,.hp-header .links-nav-right {
width: 49.4% !important;
margin: 0 !important;
}
.hp-header .links-nav a div {
width: 100% !important;
height: 13px !important;
}
.hp-header .links-act {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 2px 0 0 !important;
background-color: #980505;
border-bottom: 2px solid #06122a;
}
/*ТАБЛИЦА: баннеры*/
#banners::before {
content: 'Баннеры';
display: block !important;
width: 100% !important;
text-align: center !important;
height: 35px !important;
box-sizing: border-box;
padding: 3px 0 0 21px;
background: -webkit-gradient(#0d1732,#192442);
background: -webkit-linear-gradient(#0d1732,#192442);
background: -o-linear-gradient(#0d1732,#192442);
background: -moz-linear-gradient(#0d1732,#192442);
background: linear-gradient(#0d1732,#192442);
line-height: 1;
color: silver;
font: 25px rex_bold_bold;
}
#banners {
cursor: pointer;
margin: .36em auto 0 !important;
display: block !important;
width: 100% !important;
min-height: 35px !important;
height: auto !important;
text-align: center !important;
z-index: 100 !important;
}
.gotonext {
display: none;
}
#banners .inner {
position: relative !important;
display: none !important;
height: auto !important;
min-height: 70px !important;
width: 100% !important;
margin: 0 auto !important;
padding: .3em 0 !important;
background: #192442;
}
#banners .inner div[class*=slide] {
position: relative !important;
padding: 0 0 .3em !important;
display: inline-block !important;
opacity: 1 !important;
}
#banners:active .inner,#banners:focus .inner,#banners:hover .inner {
display: block !important;
opacity: 1 !important;
z-index: 50 !important;
}
/*НАВИГАЦИОННЫЕ ССЫЛКИ*/
#pun-navlinks {
cursor: pointer;
display: inline-block !important;
position: absolute !important;
top: 0;
right: -23px;
width: 125px !important;
height: 42px !important;
background: -webkit-gradient(#ac0705, #700809);
background: -webkit-linear-gradient(#ac0705, #700809);
background: -o-linear-gradient(#ac0705, #700809);
background: -moz-linear-gradient(#ac0705, #700809);
background: linear-gradient(#ac0705, #700809);
z-index: 25 !important;
padding: 0 !important;
margin: 0 !important;
}
#pun-navlinks::before {
content: 'меню';
box-sizing: border-box;
padding: 3px 0 0 21px;
display: block;
text-align: center;
position: relative;
height: 42px;
width: 100%;
margin: 0;
top: 0;
left: -21px;
background: url('https://newhumanprivilege.rusff.me/files/0015/6e/61/40198.svg') top left no-repeat;
color: silver;
font: 30px rex_lightregular;
}
#pun-navlinks .container {
padding: 0 !important;
margin: 0 !important;
height: auto !important;
border: none !important;
text-align: left !important;
}
#pun-navlinks ul {
display: none;
width: 108px;
background-color: #700809 !important;
position: absolute;
top: 41px;
right: 17px;
}
#pun-navlinks li {
text-align: center;
display: block !important;
padding: 0 !important;
}
#pun-navlinks a {
color: silver;
border: none !important;
font-size: 22px !important;
padding: 0.15em 0.2em 0 0 !important;
}
#pun-navlinks:hover ul, #pun-navlinks:focus ul, #pun-navlinks:active ul {
display: block;
}
/*ПОЛЬЗОВАТЕЛЬСКИЕ ССЫЛКИ*/
#pun-ulinks {
width: 100% !important;
position: absolute;
top: 52px;
left: -36px;
z-index: 3;
height: 47px;
background: -webkit-gradient(#0d1732, #192442);
background: -webkit-linear-gradient(#0d1732, #192442);
background: -o-linear-gradient(#0d1732, #192442);
background: -moz-linear-gradient(#0d1732, #192442);
background: linear-gradient(#0d1732, #192442);
line-height: 1;
}
#pun-ulinks::after {
content: ' ';
display: block !important;
position: absolute;
background: url('https://newhumanprivilege.rusff.me/files/0015/6e/61/18630.svg') center left no-repeat, url('https://newhumanprivilege.rusff.me/files/0015/6e/61/98089.svg') center right no-repeat;
height: 47px;
width: 100%;
margin: -47px 0 0 25px !important;
}
#pun-ulinks .container {
position: relative;
left: 35px;
height: 100% !important;
width: 100% !important;
text-align: center !important;
background: transparent !important;
}
#pun-ulinks .container li {
display: inline-block !important;
height: 47px !important;
width: 24% !important;
max-width: 100px !important;
min-width: 80px !important;
margin: 15px auto 0 !important;
padding: 0 10px !important;
box-sizing: border-box;
vertical-align: middle !important;
-webkit-text-size-adjust: 100%;
}
#pun-ulinks li a {
word-wrap: break-word !important;
z-index: 5;
}
#pun-ulinks li.item7 {
display: inline-block !important;
margin-right: 5px !important;
padding: 5px 0 0 5px !important;
}
#pun-ulinks li.item7:nth-of-type(2), #pun-ulinks li.item3, #pun-ulinks li.item5 {
display: none !important;
}
/*ЗАГОЛОВКИ*/
h1, h2, h1 span:after, h2 span:after {
padding: 0.45em 0 0 0 !important;
font-size: 20px !important;
}
div[id^="pun-category"] h1, div[id^="pun-category"] h2 {
padding: 0.3em 0 0 0 !important;
}
/*ТАБЛИЦЫ*/
td, th {
overflow: hidden;
}
#pun-index table, #pun-viewforum table {
table-layout: auto !important;
}
.category .tcl, .forum .tcl {
width: 60% !important;
}
.category .tcr, .forum .tcr {
position: relative;
width: 30% !important;
overflow: initial !important;
right: 40px;
text-align: right !important;
font-size: 11px;
}
.category .tcr a, .forum .tcr a {
display: block;
margin: 0 !important;
padding: 0 !important;
font-size: 0;
line-height: 1;
background: url('https://newhumanprivilege.rusff.me/files/0015/6e/61/57518.svg') 50% 65% no-repeat;
background-size: 25%;
border: 0 !important;
width: 30%;
height: 100%;
position: absolute;
top: 0;
right: -25%;
text-decoration: none !important;
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.hasicon tr {
padding: 10px 10px;
border-top: 1px solid #e9edf1;
overflow: hidden;
}
.tclcon {
margin-left: 30px !important;
}
.tclcon table td {
display: block !important;
}
.byuser {
display: block;
}
#pun-viewforum .tcl .byuser:before {
content: "Автор темы:";
}
#pun-viewforum .tcr .byuser:before {
content: "Последнее сообщение от:";
}
div.icon {
background-size: contain;
max-width: 24px;
max-height: 24px;
}
/*ПОСТЫ*/
.post-body, legend, legend span {
margin: 0 !important;
}
/*ПОСТЫ: заголовок*/
.post h3 span {
margin: 0 !important;
background: none !important;
text-align: left !important;
}
.post h3 {
width: 100% !important;
color: #cbd1d6 !important;
background: #19222C !important;
border-bottom: 3px solid #9d0f00 !important;
}
.post h3 span {
margin-left: 1em !important;
padding: 0.5em 0 0.7em !important;
}
.post h3 span a, .post h3 span a:visited {
color: #a2abb4 !important;
}
.post h3 span a:active, .post h3 span a:hover, .post h3 span a:focus {
color: #9d0f00 !important;
}
.post h3 strong {
margin-right: 1em !important;
}
.fnt h1 {
color: white !important;
}
.post h3 .fnt img:first-of-type:before, .post h3 .fnt img:last-of-type:before {
margin: -5px 0 0 -1px !important;
}
/*ПОСТЫ: автор*/
.post-author {
float: none !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
background-color: rgba(128, 128, 128, 0.35) !important;
}
.pa-title:after {
content: ' ';
display: block !important;
width: 100%;
height: 100%;
clear: both !important;
}
.pa-avatar.item2 {
float: left;
width: 25%;
padding: 0 0 0.1em 0 !important;
}
.pa-avatar.item2 img {
width: 75%;
}
.pa-fld1, .pa-respect {
width: 75%;
margin-left: 25% !important;
}
.pa-fld2 {
margin-right: 5% !important;
}
.pa-fld3, .pa-fld5 {
margin: 0 !important;
padding: 0 5px !important;
display: inline-block;
text-align: center !important;
vertical-align: middle !important;
}
.pa-fld3 {
width: 25% !important;
}
.pa-fld5 {
width: 20% !important;
}
.pa-fld4 {
display: block;
margin: 2.05em 0 0 25% !important;
width: 75% !important;
padding: 0 !important;
}
.pa-online, .pa-last-visit {
display: block;
margin: 0.5em 0 0.5em 25% !important;
padding: 0 !important;
width: 75% !important;
}
.pa-gifts, .pa-ip, .pa-posts {
display: none !important;
}
/*ПОСТЫ: ссылки*/
.punbb .post-links {
width: 100% !important;
margin: 0 !important;
}
.punbb .post-links ul {
padding: 0 !important;
margin: 0 2.35em !important;
text-align: center !important;
}
.punbb .post-links ul li {
display: inline-block;
padding: 0.6em 1em !important;
height: 35px !important;
box-sizing: border-box;
margin-top: 0.15em;
margin-bottom: 0.15em;
}
.pl-email {
float: none !important;
}
.punbb .post-links ul li.pl-email:nth-of-type(1), .punbb .post-links ul li.pl-email:nth-of-type(2) {
margin: 0 0 0 0 !important;
}
.punbb .post-links ul li.pl-email a {
display: inline-block;
padding: 0 !important;
margin: 0 !important;
width: auto;
}
/*ПОЛЯ ВВОДА*/
.formal .container, .formal fieldset, .usertable .container {
margin: 0 !important;
padding: 0 !important;
}
.fs-box .container {
width: 96% !important;
}
.formsubmit {
margin: 1em 0 !important;
}
/*СТРАНИЦЫ*/
/*СТРАНИЦЫ: главная*/
#pun-stats ul.container {
padding: 5px !important;
background: none !important;
}
#pun-status {
display: inline-block !important;
text-align: center !important;
margin-top: 1em !important;
}
#pun-status p span[class*="item"] {
display: inline-block !important;
width: 100% !important;
}
/*СТРАНИЦЫ: админка*/
.punbb-admin #pun-crumbs1 {
margin-top: 130px;
}
.punbb-admin #pun-title {
height: 33px !important;
background: 0 0 !important;
}
.punbb-admin #pun-about {
margin-bottom: 0 !important;
}
/*СТРАНИЦЫ: список игроков*/
.usertable thead {
font-size: 0.55em;
background: #000000;
background: rgba(0,0,0,0.1);
}
.usertable .tcl {
width: 17.5% !important;
padding: 1% !important;
}
.usertable .tc2 {
display: none !important;
}
/*СТРАНИЦЫ: профиль*/
#profilenav {
float: none !important;
}
#profile .container {
padding: 1em !important;
}
#profile-left {
width: 35% !important;
}
#profile-left li {
text-align: center;
margin: 0 !important;
}
#viewprofile li strong, #profile-left li div {
background: transparent !important;
}
#profile-left #profile-name {
background-color: rgba(128, 128, 128, 0.15);
border-top: 4px solid rgba(128, 128, 128, 0.20) !important;
}
#viewprofile li strong {
display: block;
font-weight: 400 !important;
padding: 6px 1em;
}
#profile-left #profile-title {
background-color: rgba(128, 128, 128, 0.15);
}
#profile-left li img {
max-width: 100% !important;
height: 100% !important;
background-color: rgba(200, 200, 200, 0.2);
margin-top: 10px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
#profile-left li:nth-child(3) {
background-color: rgba(128, 128, 128, 0.15);
}
#profile-left li:last-child {
background-color: rgba(128, 128, 128, 0.15);
border-bottom: 4px solid rgba(128, 128, 128, 0.20);
}
#profile-right {
position: relative;
right: -4px;
}
#profile-right li {
display: inline-block !important;
background-color: rgba(128, 128, 128, 0.30) !important;
border-left: 4px solid rgba(128, 128, 128, 0.50) !important;
margin-bottom: 4px !important;
padding: 0 !important;
width: 100% !important;
}
#viewprofile li span {
float: none !important;
display: inline-block;
font-weight: 700;
padding: 10px 10px 5px;
margin: 0 0 10px;
}
#profile-right li strong {
font-size: 16px;
line-height: 1.1;
padding: 0 10px 10px !important;
}
#profile-right li strong a {
text-decoration: none;
border-bottom: 1px solid;
font-size: 11px;
}
/*БЛОК СМЕНЫ ДИЗАЙНА*/
.hp-design-change {
width: 100% !important;
}
/*ДОПСТИЛИ ПОДФОРУМА*/
.hp-subforum .subname {
margin-bottom: 0 !important;
}
.hp-subforum .subdesc {
line-height: 1.8;
}
}Поделиться192015-04-30 15:57:52
Код:
/*КНОПКИ В ФОРМЕ ОТВЕТА
**************************************************************/
#form-buttons {
width: 100% !important;
display: inline-block;
vertical-align: middle;
text-align: center;
margin: 0.5em !important;
}
#form-buttons td {
display: inline-block;
min-width: 3.2em;
}
#form-buttons td#floatbut {
display: inline-block !important;
height: 36px !important;
min-width: 3.2em !important;
}
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #changeProfile-area, #float {
top: auto !important;
margin-top: 0.9em;
position: absolute;
display: none;
right: 1.3em !important;
background: #A2ABB4;
padding: 3px 8px;
border: solid 2px #E6E9EB;
box-shadow: 0 0 1px 0px #B2BCC1;
}
td#floatbut {
background: no-repeat 25% -194px !important;
}
td#button-audio {
background: no-repeat 90% -376px !important;
}
td#button-coub {
background: no-repeat 75% -397px !important;
}
td#button-audio, td#floatbut, td#button-coub {
background-image: url('https://newhumanprivilege.rusff.me/files/0015/6e/61/39004.svg') !important;
}
/*СМЕНА АВАТАРА*/
.change-title, .change-nickname, .change-icon-url {
display: none;
}
#changeProfile-area div {
cursor: pointer;
display: table-row;
height: 24px;
vertical-align: middle;
}
#button-changeProfile {
background: url('https://newhumanprivilege.rusff.me/files/0015/6e/61/17815.svg') 50% 50% no-repeat;
width: 32px !important;
background-size: 70% auto;
}
.changed-icon {
max-width: 180px;
max-height: 180px;
}
/*ВЫРАВНИВАНИЕ*/
#float {
text-align: center;
}
#float strong {
display: block !important;
margin: 0.25em 0.5em 0.5em;
}
.vibor.left, .vibor.right {
display: inline-block;
width: 23px;
height: 23px;
background: url('https://newhumanprivilege.rusff.me/files/0015/6e/61/90822.svg') center no-repeat;
cursor: pointer;
margin: 0.25em 2px 0.5em;
}
.vibor.right {
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}Код:
/* C3 Topics
-------------------------------------------------------------*/
/* C3.1 */
.punbb .post .container {
margin-top:2.5em;
padding-bottom: 1px;
}
/* C3.2 */
.punbb .post h3 {
padding-top: 0;
}
/* C3.3 */
.punbb .post h3 span {
padding: 0.5em 1em;
display: block;
}
.punbb .post h3 span a {
text-decoration: none;
color: #60666B;
}
/* C3.4 */
.punbb .post h3 strong {
float: right;
width: 5em;
text-align: right;
font-weight: normal;
}
/* C3.5 */
.punbb .post .post-author {
float: left;
width: 200px;
overflow: hidden;
margin-left: 20px;
padding-bottom: 15px;
min-height: 50px;
}
/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
line-height: 140%;
}
.punbb .post .post-author ul li {
text-align: center;
padding: 0 5px;
}
/* C3.7 */
.punbb .post .post-author ul li.pa-author {
font-size: 1.1em;
font-weight: bold;
padding: 5px 23px 5px;
text-align: center;
word-wrap: break-word;
}
.punbb .post .post-author ul li.pa-fld1 {
background: #19222C;
color: #cbd1d6;
padding: 0;
text-transform: uppercase;
margin: 4px 0;
font-weight: 700;
}
.punbb .post .post-author ul li.pa-fld2 {
width: 46px;
height: 53px;
float: left;
color: transparent;
margin: 0 5px 0 5px;
}
.punbb .post .post-author ul li.pa-fld3 {
text-align: left;
padding-top: 2px;
padding-right: 15px;
box-sizing: border-box;
margin-left: 60px;
}
.punbb .post .post-author ul li.pa-fld4 {
margin-bottom: 5px;
}
.punbb .post .post-author ul li.pa-fld5 {
padding-right: 15px;
margin-bottom: 5px;
margin-left: 60px;
text-align: left;
}
/* C3.8 */
.pa-author a {
text-decoration: none;
}
.pa-author {
font-size: 1.1em;
font-weight: bold;
padding: 5px 23px 5px;
text-align: center;
word-wrap: break-word;
}
/* C3.9 */
.punbb .post .post-author ul li.pa-title {
padding: 0.4em;
font-weight: normal;
font-style: italic;
color: #cbd1d6;
background: #19222C;
text-align: center;
}
li.pa-last-visit,
li.pa-online {
margin: 0.7em 0;
text-align: center;
font-weight: normal;
}
/* C3.11 */
.punbb .post-body {
margin-left: 225px;
border-left-style: solid;
border-left-width: 1px;
padding: 0 0 1px 0;
}
/* C3.12 */
.punbb .post-box {
padding: 15px 30px 15px 15px;
}
/*C3.13 */
.punbb fieldset .post-box {
margin-bottom: 0.8em
}
/* C3.14 */
.punbb .post-links {
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px;
}
/* C3.15 */
.punbb .post-links ul {
padding: 0 1em 0 0;
height: 2em;
line-height: 2em;
margin-left: -19em;
border-top-style: dashed;
border-top-width: 1px;
background: transparent;
text-align: right;
}
/* C3.16 */
.punbb .post-links li {
display: inline;
padding-left: 1em;
}
/* C3.17 */
.pl-email, .pl-website {
float: left;
}
/* C3.18 */
.punbb .clearer {
clear: both;
height: 0;
font-size: 0;
}Код:
.hp-footer {
height: 120px;
background-color: #CBD1D6;
background-image: url(https://forumstatic.ru/files/0014/6c/2c/57169.png);
background-position: center;
margin-bottom: -21px;
}Код:
#changeStyle {
position: relative;
color: white;
width: 300px;
margin: 0 auto;
text-align: center;
top: -22px;
}Поделиться202015-04-30 17:14:32
We are the shampoo 
♥
Страница: 1