Киберхаос 0.1 gb8
Сенат требует тестировать данный стиль или хотя бы, прост чекнуть, мол, работает и тогда поставить в дефолтный список, ибо это есть производство местных анонов самой своей персоной (конечно, не полное, а дополнение), и ваще, нам лично обещали чуваки из здешних краёв так сделать.
For community, with love

'''CSS

/*
*
*Стиль "Киберхаос 0.1". *
*Личная собственность коммьюнити анархо-эго-фашистов Альтерчонга. *
*Распространение между анонами приветствуется. *
*Сначала, тут будет наш код, а потом, вроде бы код стиля Alterchan (может, Summer)*
*,который мы доработали под свои нужды, ибо нам всё можно. *
*Дополнения и "произрастающие из" стили приветствуются. *
*
*/

li{
background-color: black;
color: green;
}

table{
background-color: black;
color: green;
}

.rule .blacklist{
background-color: black;
color: green;
}

h2{
background-color: black;
color: green;
}

.optionsheader{
background-color: black;
color: green;
}

.option
name{
background-color: black;
color: green;
}

body{
margin-left: auto;
margin-right: auto;
}

.postfileinnercontainer{
background-color: black;
color: green;
}

body{
max-width: 1000px;
}

span{
background-color: black;
color: green;
font-style: normal;
}

.post
tothreadcontainer{
background-color: black;
color: green;
}

blockquote{
background-color: black;
color: green;
}

.postname .postemail .posttitle,
.post
text .postfile .postutils,
.postoptions blockquote.posttext .postoption,
.is
nonpublic
{
background-color: black;
color: green;
}

th{
background-color: black;
color: green;
}

a{
color: green;
background-color: black;
}

a:link {
color: green;
}

a:visited {
color: #009900;
}

a:hover {
text-decoration: underline;
color: red;
}

a:active {
text-decoration: underline;
color: red;
}

body{
background-image:
url("https://media1.tenor.com/images/e09ddc0310432cb8b40f972281ede724/tenor.gif?itemid=7777301");
text-align: center;
}

.hidebutton .buttonface
{
background-color: black;
color: green;
font-family: "Courtier New";
font-size: 12px;
text-shadow: -4px 5px 3.5px green;
}

.replybutton .buttonface
{
background-color: black;
color: green;
font-family: "Courtier New";
font-size: 12px;
text-shadow: -4px 5px 3.5px green;
}

.watchbutton .buttonface
{
background-color: black;
color: green;
font-family: "Courtier New";
font-size: 12px;
text-shadow: -4px 5px 3.5px green;
}

.unwatchbutton .buttonface
{
background-color: black;
color: green;
font-family: "Courtier New";
font-size: 12px;
text-shadow: -4px 5px 3.5px green;
}

.nonpublicbutton .buttonface
{
background-color: black;
color: green;
font-family: "Courtier New";
font-size: 12px;
text-shadow: -4px 5px 3.5px green;
}

.moretagsbutton .buttonface
{
background-color: black;
color: green;
font-family: "Courtier New";
font-size: 12px;
text-shadow: -4px 5px 3.5px green;
}

.disable
alltagsbutton .buttonface,
.delete
tagfromfavoritesbutton .buttonface
{
background-color: black;
color: green;
font-family: "Courtier New";
font-size: 12px;
text-shadow: -4px 5px 3.5px green;
}

.unbanbutton .buttonface,
.enablealltagsbutton .buttonface,
.addtagtofavoritesbutton .buttonface
{
background-color: black;
color: green;
font-family: "Courtier New";
font-size: 12px;
text-shadow: -4px 5px 3.5px green;
}

.music
player .fakeplayer
{
background-color: black;
color: green;
font-family: "Courtier New";
font-size: 12px;
text-shadow: -4px 5px 3.5px green;
}

.video
sourceicon
{
background-color: black;
color: green;
font-family: "Courtier New";
font-size: 12px;
text-shadow: -4px 5px 3.5px green;
}

.thumb
container.mimetypeaudio .nothumbwrapper .nothumbthumb
{
background-color: black;
color: green;
font-family: "Courtier New";
font-size: 12px;
text-shadow: -4px 5px 3.5px green;
}

.thumb
container.mimetypetext .nothumbwrapper .nothumbthumb,
.thumb
container.mimetypeimage .nothumbwrapper .nothumbthumb,
.thumb
container.mimetypemodel .nothumbwrapper .nothumbthumb,
.thumb
container.mimetypevideo .nothumbwrapper .nothumbthumb,
.thumb
container.mimetypeexample .nothumbwrapper .nothumbthumb,
.thumb
container.mimetypemessage .nothumbwrapper .nothumbthumb,
.thumb
container.mimetypemultipart .nothumbwrapper .nothumbthumb,
.thumb
container.mimetypeapplication .nothumbwrapper .nothumbthumb,
.thumb
container.unexpectedmimetype .nothumbwrapper .nothumbthumb
{
background-color: black;
color: green;
font-family: "Courtier New";
font-size: 12px;
text-shadow: -4px 5px 3.5px green;
}

/*

*compatibility code*

*Compatibility code for new HTML markup. *
*Код совместимости для новой разметки HTML.*

*/

.thumbcontainer .nothumbwrapper .nothumbthumb
{
width:100px;
height:100px;
}

.tagbar .button
face
{
background-size:100%;
}

.buttonface
{
background-color: black;
color: green;
background-position:center center;
}

*
{
font-family: "Courtier New";
}

body
{
margin:0;
padding:0;
overflow-y:scroll;
}

hr
{
clear:both;
border:1px solid green;
border-style:solid none none;
}

.discussion
bottomspacing
{
height:20em;
}

input,textarea,select,button
{
color: green;
border:1px solid green;
font-size:1em;
background-color: black;
}

.music
player .fakeplayer
{
width:200px;
height:20px;
display:inline-block;
}

/*
*
* .tooltip*
*
*Tooltip (title="" substitute to be available to use with i18n
*.css) *
* вставь, дабы можно было использовать с i18n*.css *
*.tooltip element must be placed after :hover element and contain *
*.tooltiptext inside, for example: *
*.tooltip элемент должен был поставлен после :hover элемента и содержать*
*.tooltiptext внутри. Например,: *
* *
*<button>Hover me</button> *
*<div class="tooltip"><div class="tooltiptext">Tooltip text</div></div> *
*
*/

@keyframes fade-in
{
from {opacity:0;}
to {opacity:1;}
}

.tooltip
{
width:0;
height:0;
overflow:visible;
position:relative;
}

.tooltip > .tooltiptext
{
top:-3.5em;
left:0;
border:1px solid green;
display:none;
padding:.4em;
position:absolute;
white-space:nowrap;
background-color: black;
color: green;
}

:hover ~ .tooltip > .tooltiptext
{
display:block;
animation:fade-in .75s cubic-bezier(1,-1,1,-1);
}

/*
*
*.pagination*
*
*Pagination *
*Нумерация страниц*
*
*/

.pagination
{
clear:both;
border:1px green;
padding:.3em .3em;
background-color: black;
color: green;
}

.pagination .pagination
title:first-letter
{
text-transform:capitalize;
}

.pagination a
{
color: green;
background-color: black;
text-decoration:none;
}

.pagination .active
{
font-weight:bold;
}

/*

*.markup*
*
*Posts markup. *
*Разметка постов*
*
*/

.markup
quote
{
color:#669933;
}

.markupa
{
white-space:pre-wrap;
}

.markup
quote .markupa
{
color: green;
background-color: black;
}

.markup
b
{
font-weight:bold;
}

.markupi
{
font-style:italic;
}

.markup
u
{
text-decoration:underline;
}

.markups
{
text-decoration:line-through;
}

.markup
codelisting
{
margin:0;
padding:.2em;
overflow:auto;
white-space:pre;
font-family: "Courtier New";
background-color: black;
color: green;
}

.markup
spoiler, .markupspoiler .markupcodelisting
{
color: green;
background-color: black;
}

.markup
spoiler:hover,.markupspoiler .markupcodelisting:hover
{
cursor:none;
color: green;
}

/*
*
*.logo*
*
*Typical purpose of logo is to lead user onto main page. *
*Типичная цель logo есть проводить юзера на гланую страницу.*
*
*/

.logo
{
height:1.5em;
margin:0 0 1em 0;
z-index:9000;
}

.logo a
{
width:100%;
color: green;
outline:none;
padding:0 .2em 0 .2em;
display:block;
position:fixed;
margin-top:-1px;
line-height:1.5em;
border-bottom:1px solid green;
text-decoration:none;
background-color: black;
z-index:9000;
}

/*
*
*.adminbar*

*Adminbar contains NSFW, Options, Help and Logout buttons. *
*Adminbar содержит кнопки NSFW, Опции, Помощь и Войти/Выйти*

*/

.adminbar
{
top:0;
right:0;
padding:0;
z-index:9000;
position:fixed;
white-space:nowrap;
}

.adminbar form
{
float:left;
margin:0;
display:inline-block;
}

.adminbar button[type=submit]
{
height:1.5em;
border-top:none;
border-right:none;
padding:0 .5em .1em .5em;
}

/*
*
*.tagbar*

*tagbar is used to navigate user through boards like /a/, /b/ and such. *
*Используется tagbar для навигации юзеров по раделам. Например, /шуе/ или /ппш/*

*/

.tagbar
{
margin:1.5em auto;
text-align:center;
}

.tagbar .tagbar
container
{
margin:0 auto;
}

.tagbar .tagbartag,
.tagbar .tag
manipulationelement
{
display:inline-block;
}

.tagbar .tooltip
{
display:block;
}

.tagbar .tooltiptext
{
bottom:-2.5em;
top:auto;
}

.tagbar
container
{
padding:0 2em 0 2em;
line-height:2em;
}

.tagbar .favoritestagname
{
width:4em;
}

.tagbar .favoritestagname input
{
width:100% !important;
box-sizing:border-box !important;
}

.tagbarcontainer .tooltip
{
line-height:1em;
}

.tagbar .more
tagsbutton button
{
width:16px;
height:16px;
margin:0;
cursor:pointer;
border:1px solid #000;
bottom:8px;
padding:0;
opacity:.5;
position:relative;
}

.tagbar .enable
alltagsbutton button,
.tagbar .addtagtofavoritesbutton button
{
width:16px;
height:16px;
margin:0;
cursor:pointer;
border:1px solid #000;
bottom:8px;
padding:0;
opacity:.5;
position:relative;
}

.tagbar .disablealltagsbutton button,
.tagbar .delete
tagfromfavoritesbutton button
{
width:16px;
height:16px;
margin:0;
cursor:pointer;
border:1px solid #000;
bottom:8px;
padding:0;
opacity:.5;
position:relative;
}

.tagbar button[type="submit"]:first-letter
{
text-transform:none;
}

.tagbar button.on
{
border-style:none;
}

.tagbar button.off
{
border-style:none;
opacity:.4;
}

/*
*
*.postform*

*Postform is a form that is used for posts posting. *
*Postform это форма, используемая для постинга posts.*

*/

.postform
{
margin:.4em 0 .8em 0;
text-align:center;
}

.postform.reply
mode
{
display:inline-block;
}

.postform textarea
{
resize:both !important;
}

.postform .postutilscallbutton
{
width:1.75em;
display:none; /* Should be invoked by js UI. Должен быть призван UI Javascript*/
}

.postform .post
utils
{
display:none;
}
.postform .postutils th
{
visibility:hidden;
}

.postform .post
name th:first-letter,
.postform .posttags th:first-letter,
.postform .post
file th:first-letter,
.postform .posttext th:first-letter,
.postform .post
email th:first-letter,
.postform .posttitle th:first-letter
{
text-transform:capitalize;
}

.postform > table
{
width:30em;
margin:auto;
border-spacing:3px;
}

.postform.reply
mode td.posttags,
.postform.reply
mode .posttags th
{
visibility:hidden;
}
.postform.reply
mode .postoption.isnonpublic
{
display:none;
}

.postform input,.postform textarea,.postform select
{
margin:0;
height:1.4em;
padding:0;
border:0px solid green;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}

.postform table th
{
width:1px;
padding:0 .3em 0 0;
text-align:left;
font-weight:normal;
white-space:nowrap;
}

.postform table td
{
height:1.4em;
border:1px solid green;
padding:0;
white-space:nowrap;
}

.postform table td.postfile
{
vertical-align:middle;
background-color: black;
}

.postform table td.post
file .postfilecontainer
{
height:1em;
overflow:hidden;
position:relative;
}

.postform table td.postfile .postfileinnercontainer
{
top:-6px;
left:-3px;
position:absolute;
}

.postform td.posttothread
{
border:0;
padding:0;
text-align:center;
}

.postform td.posttothread .posttothreadcontainer
{
margin:0 auto;
display:inline-block;
}

.postform input[type=checkbox]
{
height:inherit;
width:inherit;
min-width:1px;
}

.postform textarea, .postform input, .postform button
{
border:0;
height:1.4em;
width:100%;
min-width:6em;
}

.postform textarea
{
width:36em;
height:5em;
}

/*

*.posts*

* Posts is a global posts container which contains all posts inside. *
* Implied to be a singletone but not required to. *
*Posts это глобальный контейнер posts, который содержит все posts внутри.*
*Подразумевается быть одиночным но не обязательно *
*All styles that are common both for opposts and subposts must be *
*described within this .posts area. *
*См. ниже для перевода *

*/

.posts input[type=checkbox].abbrev
checkbox
{
left:-666px;
position:absolute;
visibility:hidden;
}

.posts input[type=checkbox].abbrevcheckbox:checked ~ blockquote
{
overflow:hidden;
max-height:7em;
}

.posts input[type=checkbox].abbrev
checkbox ~ .abbrev
{
display:none;
}

.posts input[type=checkbox].abbrevcheckbox:checked ~ .abbrev
{
display:inline-block;
}

.posts .abbrev
{
color: green;
font-size:70%;
padding:.5em;
}

.posts .abbrev label
{
cursor:pointer;
text-decoration:underline;
}

a:target ~ .subpost .reflink,
a:target ~ .oppost
wrapper .oppostwrapperreflink.reflink
{
border:1px solid green;
background-color: black;
color: green;
}

.posts .header
{
margin-bottom:.5em;
}

.posts .header .postpermalink
{
text-decoration:none;
}

.posts .header .post
title
{
color: green;
font-weight:bold;
background-color: black;
}

.posts .header .postname
{
color: green;
background-color: black;
font-weight:bold;
}

.posts .header form
{
margin:0;
display:inline-block;
}

.posts .header a.reflink
{
display:inline;
padding:1px 3px 0 3px;
text-decoration:none;
background-color:black;
color: green;
}

.posts .header .header
buttons
{
display:inline-block;
position:relative;
top:2px;
margin:0;
padding:0;
}

.posts .headerbuttons .buttoncontainer
{
margin:0;
padding:0;
display:inline-block;
}

.posts .headerbuttons button
{
width:18px;
height:18px;
margin:0;
cursor:pointer;
padding:0;
}

.posts .header
buttons button:after
{
content:"\0000a0"; /*   required for button rendering
Нужно сиё для рендеринга кнопки */
}

.posts a.postanchor
{
position:absolute;
margin-top:-2.5em;
}

.posts .omittedposts
{
color: green;
margin:0.2em 0;
font-style:italic;
font-weight:bold;
}

.posts .answers
{
margin:.2em 0 0 0;
}
.posts .answers a
{
margin:.1em 0 0 0;
padding:.1em;
display:inline-block;
font-size:70%;
background-color: black;
color: green;
}

.posts.transparent
thumbs .thumb
{
opacity:0.1;
}

.posts.transparentthumbs .thumb:hover
{
opacity:1;
}

.posts div.post
tags
{
display:inline-block;
}

.posts .posttags .id
{
padding:0 .3em;
font-style:italic;
background-color: black;
color: green;
}

.posts blockquote
{
margin:0;
}

.posts a
{
color: green;
background-color: black;
}

.posts .music
player
{
display:block;
}

.videosourceicon {
width:42px;
height:42px;
opacity: .3;
position: absolute;
margin-top: -42px;
margin-left: 3px;
}

/*

*.thumbcontainer*

*Appears in posts when image or file is attached. *
*В тех posts, где прикреплён файл или картинка, появляется вот эта ебанина.*

*/

.thumb
container
{
float:left;
}

.thumbcontainer td
{
width:1px;
padding:0;
}

.thumb
container td.properties
{
font-size:80%;
font-style:italic;
}

.thumbcontainer span
{
white-space:nowrap;
}

.thumb
container .thumb
{
max-width:800px;
}

.thumbcontainer .thumblink
{
outline:none;
}

/*
*
*.oppostwrapper .oppost*

* Oppost
wrapper contains all subposts inside of self. Oppost is *
* related only to oppost contents and not affects any subposts. *
*Oppostwrapper содержит все subposts внутри себя. Oppost относится*
*только к содетжимому oppost и не воздействует на subposts. *
* *
*All styles that are common both for opposts and subposts must be *
*described within .posts area. *
*См. вниз за переводом *

*/

.oppost
wrapper
{
clear:both;
border:none;
padding:.1em .5em;
margin-bottom:1em;
}

.oppost .replylink
{
margin-left:0.3em;
}

.oppost .thumb
container
{
margin:0em .8em .5em 0em;
}

.oppost .fastreply
{
display:inline-block;
}

.oppostwrapper.hidden > *:not(.oppost),
.oppost
wrapper.hidden .oppost > *:not(.header):not(.omittedposts)
{
display:none;
}

/*

*.subpost*

*Subpost is a post which is placed inside of an oppost. There must not be*
* other HTML markup differences for opposts and subposts. *
*Subpost это post, что находится внутри oppost. Между первым и вторым *
* не должно быть другой HTML разницы в разметке. * *
* *
*All styles that are common both for opposts and subposts must be *
*described within .posts area. *
*Все стили, которые общие и для первого и для второго должны быть *
*описаны (да, обосанны, блядь) в площади .posts *

*/

.subpostwrapper
{
border:0;
margin:.3em 0;
display:block;
}

.subpost
{
border:1px solid green;
padding:.5em .3em .3em .3em;
display:inline-block;
max-width:70%;
background-color: black
color: green;
}

.subpost
container
{
display:block;
color: green;
background-color: black;
}

.subpost .thumbcontainer
{
z-index:1;
position:relative;
margin:0em .5em .5em 0em;
}

.subpost .header
spacer /* required for better transposition of header
when the thumbnail image is opened or
blockquote text is too small
Короче, когда thumbnail image открыт или blockquote text слишком мал, это нужно для лучшей транспозиции header*/
{
width:16em;
height:0;
display:inline-block;
visibility:hidden;
}

.subpost blockquote
{
margin-top:-1.2em;
}

.subpost .header
{
top:-1.2em;
position:relative;
}

.subpostwrapper.hidden .subpostcontainer > *:not(.header),
.subpostwrapper.hidden .subpostcontainer .header > *:not(.headerbuttons)
{
display:none;
}

.subpost
wrapper.hidden .header
{
top:0;
margin:0;
padding:0;
min-width:0;
white-space:nowrap;
}

/*

*.options*

*Options page markup. *
*РАЗМЕТКА СТРАНИЦЫ ОПЦИЙ*

*/

.optionswrapper
{
margin-top:-1.2em;
padding:.3em;
}

.options label
{
display:block;
}

.options
newpasswordfieldname
{
display:inline-block;
}

.optionsgroup
{
text-align: left;
}

button[type=submit]:first-letter,
.options
header:first-letter,
.optionsgroup:first-letter,
.option
name:first-letter
{
text-transform:capitalize;
}

/*
*
*.help*
*
*Help page markup. *
*РАЗМЕТКА СТРАНИЦЫ ПОМОЩИ.*
*
*/

html.help .helpcontainer
{
padding:0 0.3em;
}

html.help .rule p
{
display:inline;
}

html.help .rule var,
html.help .rule.blacklist
unsee > .p2:after
{
font-weight:bold;
font-style:normal;
}

html.help ol ol li
{
list-style-type:lower-latin;
}

html.help .buttonface
{
width:14px;
height:14px;
display:inline-block;
}

/*
*
*.search*
*
*Search page markup. *
*РАЗМЕТКА СТРАНИЦЫ ПОИСКА.*
*
*/

.searchform
{
padding:0 .5em .8em .5em;
}

html.search .postform,
html.search .oppost .header,
html.search .adminbar .save
button
{
display:none;
}

html.search .postform.fastreply
{
display:block;
}

/*

*#postshistorybox*
*
*Historybox is a new reply history displaying mechanism. *
*Historybox это есть новый механизм показывания истории ответов.*
*
*/

#postshistorybox
{
padding:1em 1em 1em 1em;
display:none;
border-left:1px solid green;
overflow:auto;
position:fixed;
background-color: black;
color: green;
left:60%;
right:0;
top:1.5em;
bottom:0;
z-index:900;
}

/*

*.floatingbox*

*Floating box is an oldstyle reply history displaying mechanism. *
*Floating box это олдскульный механизм показывания истории ответов. *
*Бля, я это перевёл, как ебаный гулопереводчик с лилушского на яваньский.*

*/

.floatingboxcontainer .popupsubpost
{
margin:0 0 1em 0 !important;
max-width:100% !important;
}

.signupwelcomebox
{
margin:1em 0;
}

/*
*
*SIGN-IN PAGE / СТРАНИЦА ВХОДА ИЛИ РЕЦИСТРАЦИИ*
*
*/

html.signin,
html.signup,
html.optionsset,
html.signup
captchathreshold,
html.signin body,
html.signup body,
html.options
set body,
html.signupcaptchathreshold body
{
margin:0;
padding:0;
height:100%;
}

html.signin table.signformscontainer,
html.signup table.signformscontainer,
html.optionsset table.signformscontainer,
html.signup
captchathreshold table.signformscontainer
{
height:100%;
margin:0 auto;
max-width:40%;
vertical-align:middle;
}

html.signin legend,
html.signup legend,
html.options
set legend
{
white-space:nowrap;
font-weight:bold;
}

html.signin fieldset,
html.signup fieldset,
html.optionsset fieldset
{
margin:1em auto;
text-align:center;
}

html.signin fieldset table,
html.signup fieldset table,
html.options
set fieldset table
{
margin:auto;
}

html.signin fieldset table td,
html.signup fieldset table td,
html.optionsset fieldset table td
{
padding:0.1em;
}

html.signin fieldset form,
html.signup fieldset form,
html.options
set fieldset form
{
margin:0.5em auto;
}

html.signin div.errors,
html.signup div.errors,
html.optionsset div.errors
{
border:1px solid red;
padding:0.5em 1em;
margin:1em 0;
}

html.signup table.sign
formscontainer td,
html.options
set table.signformscontainer td,
html.signupcaptchathreshold table.signformscontainer td
{
width:1px;
text-align:left;
}'''
...

>>gb9
> '''
> optionsheader
Фейл. В три бэктика
```

надо оборачивать

>>gbb
ЕБАЛ Я В РОТ ВАШИ БЭКТИКИ!!!
css /* *********************************************************************************** *Стиль "Киберхаос 0.1". * *Личная собственность коммьюнити анархо-эго-фашистов Альтерчонга. * *Распространение между анонами приветствуется. * *Сначала, тут будет наш код, а потом, вроде бы код стиля Alterchan (может, Summer)* *,который мы доработали под свои нужды, ибо нам всё можно. * *Дополнения и "произрастающие из" стили приветствуются. * *********************************************************************************** */ li{ background-color: black; color: green; } table{ background-color: black; color: green; } .rule .blacklist{ background-color: black; color: green; } h2{ background-color: black; color: green; } .options_header{ background-color: black; color: green; } .option_name{ background-color: black; color: green; } body{ margin-left: auto; margin-right: auto; } .post_file_inner_container{ background-color: black; color: green; } body{ max-width: 1000px; } span{ background-color: black; color: green; font-style: normal; } .post_to_thread_container{ background-color: black; color: green; } blockquote{ background-color: black; color: green; } .post_name .post_email .post_title, .post_text .post_file .post_utils, .post_options blockquote.post_text .post_option, .is_nonpublic { background-color: black; color: green; } th{ background-color: black; color: green; } a{ color: green; background-color: black; } a:link { color: green; } a:visited { color: #009900; } a:hover { text-decoration: underline; color: red; } a:active { text-decoration: underline; color: red; } body{ background-image: url("https://media1.tenor.com/images/e09ddc0310432cb8b40f972281ede724/tenor.gif?itemid=7777301"); text-align: center; } .hide_button .button_face { background-color: black; color: green; font-family: "Courtier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .reply_button .button_face { background-color: black; color: green; font-family: "Courtier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .watch_button .button_face { background-color: black; color: green; font-family: "Courtier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .unwatch_button .button_face { background-color: black; color: green; font-family: "Courtier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .nonpublic_button .button_face { background-color: black; color: green; font-family: "Courtier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .more_tags_button .button_face { background-color: black; color: green; font-family: "Courtier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .disable_all_tags_button .button_face, .delete_tag_from_favorites_button .button_face { background-color: black; color: green; font-family: "Courtier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .unban_button .button_face, .enable_all_tags_button .button_face, .add_tag_to_favorites_button .button_face { background-color: black; color: green; font-family: "Courtier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .music_player .fake_player { background-color: black; color: green; font-family: "Courtier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .video_source_icon { background-color: black; color: green; font-family: "Courtier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .thumb_container.mimetype_audio .no_thumb_wrapper .no_thumb_thumb { background-color: black; color: green; font-family: "Courtier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .thumb_container.mimetype_text .no_thumb_wrapper .no_thumb_thumb, .thumb_container.mimetype_image .no_thumb_wrapper .no_thumb_thumb, .thumb_container.mimetype_model .no_thumb_wrapper .no_thumb_thumb, .thumb_container.mimetype_video .no_thumb_wrapper .no_thumb_thumb, .thumb_container.mimetype_example .no_thumb_wrapper .no_thumb_thumb, .thumb_container.mimetype_message .no_thumb_wrapper .no_thumb_thumb, .thumb_container.mimetype_multipart .no_thumb_wrapper .no_thumb_thumb, .thumb_container.mimetype_application .no_thumb_wrapper .no_thumb_thumb, .thumb_container.unexpected_mime_type .no_thumb_wrapper .no_thumb_thumb { background-color: black; color: green; font-family: "Courtier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } /* ******************** *compatibility code* ******************************************** *Compatibility code for new HTML markup. * *Код совместимости для новой разметки HTML.* ******************************************** */ .thumb_container .no_thumb_wrapper .no_thumb_thumb { width:100px; height:100px; } .tagbar .button_face { background-size:100%; } .button_face { background-color: black; color: green; background-position:center center; } * { font-family: "Courtier New"; } body { margin:0; padding:0; overflow-y:scroll; } hr { clear:both; border:1px solid green; border-style:solid none none; } .discussion_bottom_spacing { height:20em; } input,textarea,select,button { color: green; border:1px solid green; font-size:1em; background-color: black; } .music_player .fake_player { width:200px; height:20px; display:inline-block; } /* *********** * .tooltip* ************************************************************************* *Tooltip (title="" substitute to be available to use with i18n_*.css) * * вставь, дабы можно было использовать с i18n_*.css * *.tooltip element must be placed after :hover element and contain * *.tooltiptext inside, for example: * *.tooltip элемент должен был поставлен после :hover элемента и содержать* *.tooltiptext внутри. Например,: * * * *<button>Hover me</button> * *<div class="tooltip"><div class="tooltiptext">Tooltip text</div></div> * ************************************************************************* */ @keyframes fade-in { from {opacity:0;} to {opacity:1;} } .tooltip { width:0; height:0; overflow:visible; position:relative; } .tooltip > .tooltiptext { top:-3.5em; left:0; border:1px solid green; display:none; padding:.4em; position:absolute; white-space:nowrap; background-color: black; color: green; } :hover ~ .tooltip > .tooltiptext { display:block; animation:fade-in .75s cubic-bezier(1,-1,1,-1); } /* ************* *.pagination* ******************* *Pagination * *Нумерация страниц* ******************* */ .pagination { clear:both; border:1px green; padding:.3em .3em; background-color: black; color: green; } .pagination .pagination_title:first-letter { text-transform:capitalize; } .pagination a { color: green; background-color: black; text-decoration:none; } .pagination .active { font-weight:bold; } /* ********** *.markup_* ***************** *Posts markup. * *Разметка постов* ***************** */ .markup_quote { color:#669933; } .markup_a { white-space:pre-wrap; } .markup_quote .markup_a { color: green; background-color: black; } .markup_b { font-weight:bold; } .markup_i { font-style:italic; } .markup_u { text-decoration:underline; } .markup_s { text-decoration:line-through; } .markup_code_listing { margin:0; padding:.2em; overflow:auto; white-space:pre; font-family: "Courtier New"; background-color: black; color: green; } .markup_spoiler, .markup_spoiler .markup_code_listing { color: green; background-color: black; } .markup_spoiler:hover,.markup_spoiler .markup_code_listing:hover { cursor:none; color: green; } /* ******* *.logo* ************************************************************* *Typical purpose of logo is to lead user onto main page. * *Типичная цель logo есть проводить юзера на гланую страницу.* ************************************************************* */ .logo { height:1.5em; margin:0 0 1em 0; z-index:9000; } .logo a { width:100%; color: green; outline:none; padding:0 .2em 0 .2em; display:block; position:fixed; margin-top:-1px; line-height:1.5em; border-bottom:1px solid green; text-decoration:none; background-color: black; z-index:9000; } /* *********** *.adminbar* ************************************************************ *Adminbar contains NSFW, Options, Help and Logout buttons. * *Adminbar содержит кнопки NSFW, Опции, Помощь и Войти/Выйти* ************************************************************ */ .adminbar { top:0; right:0; padding:0; z-index:9000; position:fixed; white-space:nowrap; } .adminbar form { float:left; margin:0; display:inline-block; } .adminbar button[type=submit] { height:1.5em; border-top:none; border-right:none; padding:0 .5em .1em .5em; } /* ********* *.tagbar* ******************************************************************************** *tagbar is used to navigate user through boards like /a/, /b/ and such. * *Используется tagbar для навигации юзеров по раделам. Например, /шуе/ или /ппш/* ******************************************************************************** */ .tagbar { margin:1.5em auto; text-align:center; } .tagbar .tagbar_container { margin:0 auto; } .tagbar .tagbar_tag, .tagbar .tag_manipulation_element { display:inline-block; } .tagbar .tooltip { display:block; } .tagbar .tooltiptext { bottom:-2.5em; top:auto; } .tagbar_container { padding:0 2em 0 2em; line-height:2em; } .tagbar .favorites_tag_name { width:4em; } .tagbar .favorites_tag_name input { width:100% !important; box-sizing:border-box !important; } .tagbar_container .tooltip { line-height:1em; } .tagbar .more_tags_button button { width:16px; height:16px; margin:0; cursor:pointer; border:1px solid #000; bottom:8px; padding:0; opacity:.5; position:relative; } .tagbar .enable_all_tags_button button, .tagbar .add_tag_to_favorites_button button { width:16px; height:16px; margin:0; cursor:pointer; border:1px solid #000; bottom:8px; padding:0; opacity:.5; position:relative; } .tagbar .disable_all_tags_button button, .tagbar .delete_tag_from_favorites_button button { width:16px; height:16px; margin:0; cursor:pointer; border:1px solid #000; bottom:8px; padding:0; opacity:.5; position:relative; } .tagbar button[type="submit"]:first-letter { text-transform:none; } .tagbar button.on { border-style:none; } .tagbar button.off { border-style:none; opacity:.4; } /* *********** *.postform* ****************************************************** *Postform is a form that is used for posts posting. * *Postform это форма, используемая для постинга posts.* ****************************************************** */ .postform { margin:.4em 0 .8em 0; text-align:center; } .postform.reply_mode { display:inline-block; } .postform textarea { resize:both !important; } .postform .post_utils_call_button { width:1.75em; display:none; /* Should be invoked by js UI. Должен быть призван UI Javascript*/ } .postform .post_utils { display:none; } .postform .post_utils th { visibility:hidden; } .postform .post_name th:first-letter, .postform .post_tags th:first-letter, .postform .post_file th:first-letter, .postform .post_text th:first-letter, .postform .post_email th:first-letter, .postform .post_title th:first-letter { text-transform:capitalize; } .postform > table { width:30em; margin:auto; border-spacing:3px; } .postform.reply_mode td.post_tags, .postform.reply_mode .post_tags th { visibility:hidden; } .postform.reply_mode .post_option.is_nonpublic { display:none; } .postform input,.postform textarea,.postform select { margin:0; height:1.4em; padding:0; border:0px solid green; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .postform table th { width:1px; padding:0 .3em 0 0; text-align:left; font-weight:normal; white-space:nowrap; } .postform table td { height:1.4em; border:1px solid green; padding:0; white-space:nowrap; } .postform table td.post_file { vertical-align:middle; background-color: black; } .postform table td.post_file .post_file_container { height:1em; overflow:hidden; position:relative; } .postform table td.post_file .post_file_inner_container { top:-6px; left:-3px; position:absolute; } .postform td.post_to_thread { border:0; padding:0; text-align:center; } .postform td.post_to_thread .post_to_thread_container { margin:0 auto; display:inline-block; } .postform input[type=checkbox] { height:inherit; width:inherit; min-width:1px; } .postform textarea, .postform input, .postform button { border:0; height:1.4em; width:100%; min-width:6em; } .postform textarea { width:36em; height:5em; } /* ******** *.posts* ************************************************************************** * Posts is a global posts container which contains all posts inside. * * Implied to be a singletone but not required to. * *Posts это глобальный контейнер posts, который содержит все posts внутри.* *Подразумевается быть одиночным но не обязательно * *All styles that are common both for opposts and subposts must be * *described within this .posts area. * *См. ниже для перевода * ************************************************************************** */ .posts input[type=checkbox].abbrev_checkbox { left:-666px; position:absolute; visibility:hidden; } .posts input[type=checkbox].abbrev_checkbox:checked ~ blockquote { overflow:hidden; max-height:7em; } .posts input[type=checkbox].abbrev_checkbox ~ .abbrev { display:none; } .posts input[type=checkbox].abbrev_checkbox:checked ~ .abbrev { display:inline-block; } .posts .abbrev { color: green; font-size:70%; padding:.5em; } .posts .abbrev label { cursor:pointer; text-decoration:underline; } a:target ~ .subpost .reflink, a:target ~ .oppost_wrapper .oppost_wrapper_reflink.reflink { border:1px solid green; background-color: black; color: green; } .posts .header { margin-bottom:.5em; } .posts .header .post_permalink { text-decoration:none; } .posts .header .post_title { color: green; font-weight:bold; background-color: black; } .posts .header .post_name { color: green; background-color: black; font-weight:bold; } .posts .header form { margin:0; display:inline-block; } .posts .header a.reflink { display:inline; padding:1px 3px 0 3px; text-decoration:none; background-color:black; color: green; } .posts .header .header_buttons { display:inline-block; position:relative; top:2px; margin:0; padding:0; } .posts .header_buttons .button_container { margin:0; padding:0; display:inline-block; } .posts .header_buttons button { width:18px; height:18px; margin:0; cursor:pointer; padding:0; } .posts .header_buttons button:after { content:"\0000a0"; /*   required for button rendering Нужно сиё для рендеринга кнопки */ } .posts a.post_anchor { position:absolute; margin-top:-2.5em; } .posts .omittedposts { color: green; margin:0.2em 0; font-style:italic; font-weight:bold; } .posts .answers { margin:.2em 0 0 0; } .posts .answers a { margin:.1em 0 0 0; padding:.1em; display:inline-block; font-size:70%; background-color: black; color: green; } .posts.transparent_thumbs .thumb { opacity:0.1; } .posts.transparent_thumbs .thumb:hover { opacity:1; } .posts div.post_tags { display:inline-block; } .posts .post_tags .id { padding:0 .3em; font-style:italic; background-color: black; color: green; } .posts blockquote { margin:0; } .posts a { color: green; background-color: black; } .posts .music_player { display:block; } .video_source_icon { width:42px; height:42px; opacity: .3; position: absolute; margin-top: -42px; margin-left: 3px; } /* ****************** *.thumb_container* **************************************************************************** *Appears in posts when image or file is attached. * *В тех posts, где прикреплён файл или картинка, появляется вот эта ебанина.* **************************************************************************** */ .thumb_container { float:left; } .thumb_container td { width:1px; padding:0; } .thumb_container td.properties { font-size:80%; font-style:italic; } .thumb_container span { white-space:nowrap; } .thumb_container .thumb { max-width:800px; } .thumb_container .thumb_link { outline:none; } /* ************************* *.oppost_wrapper .oppost* ******************************************************************** * Oppost_wrapper contains all subposts inside of self. Oppost is * * related only to oppost contents and not affects any subposts. * *Oppost_wrapper содержит все subposts внутри себя. Oppost относится* *только к содетжимому oppost и не воздействует на subposts. * * * *All styles that are common both for opposts and subposts must be * *described within .posts area. * *См. вниз за переводом * ******************************************************************** */ .oppost_wrapper { clear:both; border:none; padding:.1em .5em; margin-bottom:1em; } .oppost .reply_link { margin-left:0.3em; } .oppost .thumb_container { margin:0em .8em .5em 0em; } .oppost .fastreply { display:inline-block; } .oppost_wrapper.hidden > *:not(.oppost), .oppost_wrapper.hidden .oppost > *:not(.header):not(.omittedposts) { display:none; } /* ********** *.subpost* ************************************************************************** *Subpost is a post which is placed inside of an oppost. There must not be* * other HTML markup differences for opposts and subposts. * *Subpost это post, что находится внутри oppost. Между первым и вторым * * не должно быть другой HTML разницы в разметке. * * * * *All styles that are common both for opposts and subposts must be * *described within .posts area. * *Все стили, которые общие и для первого и для второго должны быть * *описаны (да, обосанны, блядь) в площади .posts * ************************************************************************** */ .subpost_wrapper { border:0; margin:.3em 0; display:block; } .subpost { border:1px solid green; padding:.5em .3em .3em .3em; display:inline-block; max-width:70%; background-color: black color: green; } .subpost_container { display:block; color: green; background-color: black; } .subpost .thumb_container { z-index:1; position:relative; margin:0em .5em .5em 0em; } .subpost .header_spacer /* required for better transposition of header when the thumbnail image is opened or blockquote text is too small Короче, когда thumbnail image открыт или blockquote text слишком мал, это нужно для лучшей транспозиции header*/ { width:16em; height:0; display:inline-block; visibility:hidden; } .subpost blockquote { margin-top:-1.2em; } .subpost .header { top:-1.2em; position:relative; } .subpost_wrapper.hidden .subpost_container > *:not(.header), .subpost_wrapper.hidden .subpost_container .header > *:not(.header_buttons) { display:none; } .subpost_wrapper.hidden .header { top:0; margin:0; padding:0; min-width:0; white-space:nowrap; } /* ********** *.options* ************************** *Options page markup. * *РАЗМЕТКА СТРАНИЦЫ ОПЦИЙ* ************************** */ .options_wrapper { margin-top:-1.2em; padding:.3em; } .options label { display:block; } .options_newpassword_field_name { display:inline-block; } .options_group { text-align: left; } button[type=submit]:first-letter, .options_header:first-letter, .options_group:first-letter, .option_name:first-letter { text-transform:capitalize; } /* ******* *.help* *************************** *Help page markup. * *РАЗМЕТКА СТРАНИЦЫ ПОМОЩИ.* *************************** */ html.help .help_container { padding:0 0.3em; } html.help .rule p { display:inline; } html.help .rule var, html.help .rule.blacklist_unsee > .p2:after { font-weight:bold; font-style:normal; } html.help ol ol li { list-style-type:lower-latin; } html.help .button_face { width:14px; height:14px; display:inline-block; } /* ********* *.search* *************************** *Search page markup. * *РАЗМЕТКА СТРАНИЦЫ ПОИСКА.* *************************** */ .searchform { padding:0 .5em .8em .5em; } html.search .postform, html.search .oppost .header, html.search .adminbar .save_button { display:none; } html.search .postform.fastreply { display:block; } /* ******************** *#posts_history_box* ***************************************************************** *Historybox is a new reply history displaying mechanism. * *Historybox это есть новый механизм показывания истории ответов.* ***************************************************************** */ #posts_history_box { padding:1em 1em 1em 1em; display:none; border-left:1px solid green; overflow:auto; position:fixed; background-color: black; color: green; left:60%; right:0; top:1.5em; bottom:0; z-index:900; } /* ************** *.floatingbox* ************************************************************************** *Floating box is an oldstyle reply history displaying mechanism. * *Floating box это олдскульный механизм показывания истории ответов. * *Бля, я это перевёл, как ебаный гулопереводчик с лилушского на яваньский.* ************************************************************************** */ .floatingbox_container .popup_subpost { margin:0 0 1em 0 !important; max-width:100% !important; } .signup_welcome_box { margin:1em 0; } /* *********************************************** *SIGN-IN PAGE / СТРАНИЦА ВХОДА ИЛИ РЕЦИСТРАЦИИ* *********************************************** */ html.signin, html.signup, html.options_set, html.signup_captcha_threshold, html.signin body, html.signup body, html.options_set body, html.signup_captcha_threshold body { margin:0; padding:0; height:100%; } html.signin table.sign_forms_container, html.signup table.sign_forms_container, html.options_set table.sign_forms_container, html.signup_captcha_threshold table.sign_forms_container { height:100%; margin:0 auto; max-width:40%; vertical-align:middle; } html.signin legend, html.signup legend, html.options_set legend { white-space:nowrap; font-weight:bold; } html.signin fieldset, html.signup fieldset, html.options_set fieldset { margin:1em auto; text-align:center; } html.signin fieldset table, html.signup fieldset table, html.options_set fieldset table { margin:auto; } html.signin fieldset table td, html.signup fieldset table td, html.options_set fieldset table td { padding:0.1em; } html.signin fieldset form, html.signup fieldset form, html.options_set fieldset form { margin:0.5em auto; } html.signin div.errors, html.signup div.errors, html.options_set div.errors { border:1px solid red; padding:0.5em 1em; margin:1em 0; } html.signup table.sign_forms_container td, html.options_set table.sign_forms_container td, html.signup_captcha_threshold table.sign_forms_container td { width:1px; text-align:left; }
...

А тем временем, появилась версия 0.2, не сильно отличающаяся от 0.1, но всё же, более рекомендованная к установлению в дефолтный список. Плиз?
css /* *********************************************************************************** *Стиль "Киберхаос 0.2". * *Личная собственность коммьюнити анархо-эго-фашистов Альтерчонга. * *Распространение между анонами приветствуется. * *Сначала, тут будет наш код, а потом, вроде бы код стиля Alterchan (может, Summer)* *,который мы доработали под свои нужды, ибо нам всё можно. * *Дополнения и "произрастающие из" стили приветствуются. * *********************************************************************************** */ body{background-attachment: fixed; } li{ background-color: black; color: green; } table{ background-color: black; color: green; } .rule .blacklist{ background-color: black; color: green; } h2{ background-color: black; color: green; } .options_header{ background-color: black; color: green; } .option_name{ background-color: black; color: green; } body{ margin-left: auto; margin-right: auto; } .post_file_inner_container{ background-color: black; color: green; } body{ max-width: 1000px; } span{ background-color: black; color: green; font-style: normal; } .post_to_thread_container{ background-color: black; color: green; } blockquote{ background-color: black; color: green; } .post_name .post_email .post_title, .post_text .post_file .post_utils, .post_options blockquote.post_text .post_option, .is_nonpublic { background-color: black; color: green; } th{ background-color: black; color: green; } a{ color: green; background-color: black; } a:link { color: green; } a:visited { color: #009900; } a:hover { text-decoration: underline; color: red; } a:active { text-decoration: underline; color: red; } body{ background-image: url("https://media1.tenor.com/images/e09ddc0310432cb8b40f972281ede724/tenor.gif?itemid=7777301"); text-align: center; } .hide_button .button_face { background-color: black; color: green; font-family: "Courtier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .reply_button .button_face { background-color: black; color: green; font-family: "Courtier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .watch_button .button_face { background-color: black; color: green; font-family: "Courtier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .unwatch_button .button_face { background-color: black; color: green; font-family: "Courtier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .nonpublic_button .button_face { background-color: black; color: green; font-family: "Courtier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .more_tags_button .button_face { background-color: black; color: green; font-family: "Courtier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .disable_all_tags_button .button_face, .delete_tag_from_favorites_button .button_face { background-color: black; color: green; font-family: "Courtier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .unban_button .button_face, .enable_all_tags_button .button_face, .add_tag_to_favorites_button .button_face { background-color: black; color: green; font-family: "Courtier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .music_player .fake_player { background-color: black; color: green; font-family: "Courtier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .video_source_icon { background-color: black; color: green; font-family: "Courtier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .thumb_container.mimetype_audio .no_thumb_wrapper .no_thumb_thumb { background-color: black; color: green; font-family: "Courtier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .thumb_container.mimetype_text .no_thumb_wrapper .no_thumb_thumb, .thumb_container.mimetype_image .no_thumb_wrapper .no_thumb_thumb, .thumb_container.mimetype_model .no_thumb_wrapper .no_thumb_thumb, .thumb_container.mimetype_video .no_thumb_wrapper .no_thumb_thumb, .thumb_container.mimetype_example .no_thumb_wrapper .no_thumb_thumb, .thumb_container.mimetype_message .no_thumb_wrapper .no_thumb_thumb, .thumb_container.mimetype_multipart .no_thumb_wrapper .no_thumb_thumb, .thumb_container.mimetype_application .no_thumb_wrapper .no_thumb_thumb, .thumb_container.unexpected_mime_type .no_thumb_wrapper .no_thumb_thumb { background-color: black; color: green; font-family: "Courtier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } /* ******************** *compatibility code* ******************************************** *Compatibility code for new HTML markup. * *Код совместимости для новой разметки HTML.* ******************************************** */ .thumb_container .no_thumb_wrapper .no_thumb_thumb { width:100px; height:100px; } .tagbar .button_face { background-size:100%; } .button_face { background-color: black; color: green; background-position:center center; } * { font-family: "Courtier New"; } body { margin:0; padding:0; overflow-y:scroll; } hr { clear:both; border:1px solid green; border-style:solid none none; } .discussion_bottom_spacing { height:20em; } input,textarea,select,button { color: green; border:1px solid green; font-size:1em; background-color: black; } .music_player .fake_player { width:200px; height:20px; display:inline-block; } /* *********** * .tooltip* ************************************************************************* *Tooltip (title="" substitute to be available to use with i18n_*.css) * * вставь, дабы можно было использовать с i18n_*.css * *.tooltip element must be placed after :hover element and contain * *.tooltiptext inside, for example: * *.tooltip элемент должен был поставлен после :hover элемента и содержать* *.tooltiptext внутри. Например,: * * * *<button>Hover me</button> * *<div class="tooltip"><div class="tooltiptext">Tooltip text</div></div> * ************************************************************************* */ @keyframes fade-in { from {opacity:0;} to {opacity:1;} } .tooltip { width:0; height:0; overflow:visible; position:relative; } .tooltip > .tooltiptext { top:-3.5em; left:0; border:1px solid green; display:none; padding:.4em; position:absolute; white-space:nowrap; background-color: black; color: green; } :hover ~ .tooltip > .tooltiptext { display:block; animation:fade-in .75s cubic-bezier(1,-1,1,-1); } /* ************* *.pagination* ******************* *Pagination * *Нумерация страниц* ******************* */ .pagination { clear:both; border:1px green; padding:.3em .3em; background-color: black; color: green; } .pagination .pagination_title:first-letter { text-transform:capitalize; } .pagination a { color: green; background-color: black; text-decoration:none; } .pagination .active { font-weight:bold; } /* ********** *.markup_* ***************** *Posts markup. * *Разметка постов* ***************** */ .markup_quote { color:#669933; } .markup_a { white-space:pre-wrap; } .markup_quote .markup_a { color: green; background-color: black; } .markup_b { font-weight:bold; } .markup_i { font-style:italic; } .markup_u { text-decoration:underline; } .markup_s { text-decoration:line-through; } .markup_code_listing { margin:0; padding:.2em; overflow:auto; white-space:pre; font-family: "Courtier New"; background-color: black; color: green; } .markup_spoiler, .markup_spoiler .markup_code_listing { color: green; background-color: black; } .markup_spoiler:hover,.markup_spoiler .markup_code_listing:hover { cursor:none; color: green; } /* ******* *.logo* ************************************************************* *Typical purpose of logo is to lead user onto main page. * *Типичная цель logo есть проводить юзера на гланую страницу.* ************************************************************* */ .logo { height:1.5em; margin:0 0 1em 0; z-index:9000; } .logo a { width:100%; color: green; outline:none; padding:0 .2em 0 .2em; display:block; position:fixed; margin-top:-1px; line-height:1.5em; border-bottom:1px solid green; text-decoration:none; background-color: black; z-index:9000; } /* *********** *.adminbar* ************************************************************ *Adminbar contains NSFW, Options, Help and Logout buttons. * *Adminbar содержит кнопки NSFW, Опции, Помощь и Войти/Выйти* ************************************************************ */ .adminbar { top:0; right:0; padding:0; z-index:9000; position:fixed; white-space:nowrap; } .adminbar form { float:left; margin:0; display:inline-block; } .adminbar button[type=submit] { height:1.5em; border-top:none; border-right:none; padding:0 .5em .1em .5em; } /* ********* *.tagbar* ******************************************************************************** *tagbar is used to navigate user through boards like /a/, /b/ and such. * *Используется tagbar для навигации юзеров по раделам. Например, /шуе/ или /ппш/* ******************************************************************************** */ .tagbar { margin:1.5em auto; text-align:center; } .tagbar .tagbar_container { margin:0 auto; } .tagbar .tagbar_tag, .tagbar .tag_manipulation_element { display:inline-block; } .tagbar .tooltip { display:block; } .tagbar .tooltiptext { bottom:-2.5em; top:auto; } .tagbar_container { padding:0 2em 0 2em; line-height:2em; } .tagbar .favorites_tag_name { width:4em; } .tagbar .favorites_tag_name input { width:100% !important; box-sizing:border-box !important; } .tagbar_container .tooltip { line-height:1em; } .tagbar .more_tags_button button { width:16px; height:16px; margin:0; cursor:pointer; border:1px solid #000; bottom:8px; padding:0; opacity:.5; position:relative; } .tagbar .enable_all_tags_button button, .tagbar .add_tag_to_favorites_button button { width:16px; height:16px; margin:0; cursor:pointer; border:1px solid #000; bottom:8px; padding:0; opacity:.5; position:relative; } .tagbar .disable_all_tags_button button, .tagbar .delete_tag_from_favorites_button button { width:16px; height:16px; margin:0; cursor:pointer; border:1px solid #000; bottom:8px; padding:0; opacity:.5; position:relative; } .tagbar button[type="submit"]:first-letter { text-transform:none; } .tagbar button.on { border-style:none; } .tagbar button.off { border-style:none; opacity:.4; } /* *********** *.postform* ****************************************************** *Postform is a form that is used for posts posting. * *Postform это форма, используемая для постинга posts.* ****************************************************** */ .postform { margin:.4em 0 .8em 0; text-align:center; } .postform.reply_mode { display:inline-block; } .postform textarea { resize:both !important; } .postform .post_utils_call_button { width:1.75em; display:none; /* Should be invoked by js UI. Должен быть призван UI Javascript*/ } .postform .post_utils { display:none; } .postform .post_utils th { visibility:hidden; } .postform .post_name th:first-letter, .postform .post_tags th:first-letter, .postform .post_file th:first-letter, .postform .post_text th:first-letter, .postform .post_email th:first-letter, .postform .post_title th:first-letter { text-transform:capitalize; } .postform > table { width:30em; margin:auto; border-spacing:3px; } .postform.reply_mode td.post_tags, .postform.reply_mode .post_tags th { visibility:hidden; } .postform.reply_mode .post_option.is_nonpublic { display:none; } .postform input,.postform textarea,.postform select { margin:0; height:1.4em; padding:0; border:0px solid green; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .postform table th { width:1px; padding:0 .3em 0 0; text-align:left; font-weight:normal; white-space:nowrap; } .postform table td { height:1.4em; border:1px solid green; padding:0; white-space:nowrap; } .postform table td.post_file { vertical-align:middle; background-color: black; } .postform table td.post_file .post_file_container { height:1em; overflow:hidden; position:relative; } .postform table td.post_file .post_file_inner_container { top:-6px; left:-3px; position:absolute; } .postform td.post_to_thread { border:0; padding:0; text-align:center; } .postform td.post_to_thread .post_to_thread_container { margin:0 auto; display:inline-block; } .postform input[type=checkbox] { height:inherit; width:inherit; min-width:1px; } .postform textarea, .postform input, .postform button { border:0; height:1.4em; width:100%; min-width:6em; } .postform textarea { width:36em; height:5em; } /* ******** *.posts* ************************************************************************** * Posts is a global posts container which contains all posts inside. * * Implied to be a singletone but not required to. * *Posts это глобальный контейнер posts, который содержит все posts внутри.* *Подразумевается быть одиночным но не обязательно * *All styles that are common both for opposts and subposts must be * *described within this .posts area. * *См. ниже для перевода * ************************************************************************** */ .posts input[type=checkbox].abbrev_checkbox { left:-666px; position:absolute; visibility:hidden; } .posts input[type=checkbox].abbrev_checkbox:checked ~ blockquote { overflow:hidden; max-height:7em; } .posts input[type=checkbox].abbrev_checkbox ~ .abbrev { display:none; } .posts input[type=checkbox].abbrev_checkbox:checked ~ .abbrev { display:inline-block; } .posts .abbrev { color: green; font-size:70%; padding:.5em; } .posts .abbrev label { cursor:pointer; text-decoration:underline; } a:target ~ .subpost .reflink, a:target ~ .oppost_wrapper .oppost_wrapper_reflink.reflink { border:1px solid green; background-color: black; color: green; } .posts .header { margin-bottom:.5em; } .posts .header .post_permalink { text-decoration:none; } .posts .header .post_title { color: green; font-weight:bold; background-color: black; } .posts .header .post_name { color: green; background-color: black; font-weight:bold; } .posts .header form { margin:0; display:inline-block; } .posts .header a.reflink { display:inline; padding:1px 3px 0 3px; text-decoration:none; background-color:black; color: green; } .posts .header .header_buttons { display:inline-block; position:relative; top:2px; margin:0; padding:0; } .posts .header_buttons .button_container { margin:0; padding:0; display:inline-block; } .posts .header_buttons button { width:18px; height:18px; margin:0; cursor:pointer; padding:0; } .posts .header_buttons button:after { content:"\0000a0"; /*   required for button rendering Нужно сиё для рендеринга кнопки */ } .posts a.post_anchor { position:absolute; margin-top:-2.5em; } .posts .omittedposts { color: green; margin:0.2em 0; font-style:italic; font-weight:bold; } .posts .answers { margin:.2em 0 0 0; } .posts .answers a { margin:.1em 0 0 0; padding:.1em; display:inline-block; font-size:70%; background-color: black; color: green; } .posts.transparent_thumbs .thumb { opacity:0.1; } .posts.transparent_thumbs .thumb:hover { opacity:1; } .posts div.post_tags { display:inline-block; } .posts .post_tags .id { padding:0 .3em; font-style:italic; background-color: black; color: green; } .posts blockquote { margin:0; } .posts a { color: green; background-color: black; } .posts .music_player { display:block; } .video_source_icon { width:42px; height:42px; opacity: .3; position: absolute; margin-top: -42px; margin-left: 3px; } /* ****************** *.thumb_container* **************************************************************************** *Appears in posts when image or file is attached. * *В тех posts, где прикреплён файл или картинка, появляется вот эта ебанина.* **************************************************************************** */ .thumb_container { float:left; } .thumb_container td { width:1px; padding:0; } .thumb_container td.properties { font-size:80%; font-style:italic; } .thumb_container span { white-space:nowrap; } .thumb_container .thumb { max-width:800px; } .thumb_container .thumb_link { outline:none; } /* ************************* *.oppost_wrapper .oppost* ******************************************************************** * Oppost_wrapper contains all subposts inside of self. Oppost is * * related only to oppost contents and not affects any subposts. * *Oppost_wrapper содержит все subposts внутри себя. Oppost относится* *только к содетжимому oppost и не воздействует на subposts. * * * *All styles that are common both for opposts and subposts must be * *described within .posts area. * *См. вниз за переводом * ******************************************************************** */ .oppost_wrapper { clear:both; border:none; padding:.1em .5em; margin-bottom:1em; } .oppost .reply_link { margin-left:0.3em; } .oppost .thumb_container { margin:0em .8em .5em 0em; } .oppost .fastreply { display:inline-block; } .oppost_wrapper.hidden > *:not(.oppost), .oppost_wrapper.hidden .oppost > *:not(.header):not(.omittedposts) { display:none; } /* ********** *.subpost* ************************************************************************** *Subpost is a post which is placed inside of an oppost. There must not be* * other HTML markup differences for opposts and subposts. * *Subpost это post, что находится внутри oppost. Между первым и вторым * * не должно быть другой HTML разницы в разметке. * * * * *All styles that are common both for opposts and subposts must be * *described within .posts area. * *Все стили, которые общие и для первого и для второго должны быть * *описаны (да, обосанны, блядь) в площади .posts * ************************************************************************** */ .subpost_wrapper { border:0; margin:.3em 0; display:block; } .subpost { border:1px solid green; padding:.5em .3em .3em .3em; display:inline-block; max-width:70%; background-color: black color: green; } .subpost_container { display:block; color: green; background-color: black; } .subpost .thumb_container { z-index:1; position:relative; margin:0em .5em .5em 0em; } .subpost .header_spacer /* required for better transposition of header when the thumbnail image is opened or blockquote text is too small Короче, когда thumbnail image открыт или blockquote text слишком мал, это нужно для лучшей транспозиции header*/ { width:16em; height:0; display:inline-block; visibility:hidden; } .subpost blockquote { margin-top:-1.2em; } .subpost .header { top:-1.2em; position:relative; } .subpost_wrapper.hidden .subpost_container > *:not(.header), .subpost_wrapper.hidden .subpost_container .header > *:not(.header_buttons) { display:none; } .subpost_wrapper.hidden .header { top:0; margin:0; padding:0; min-width:0; white-space:nowrap; } /* ********** *.options* ************************** *Options page markup. * *РАЗМЕТКА СТРАНИЦЫ ОПЦИЙ* ************************** */ .options_wrapper { margin-top:-1.2em; padding:.3em; } .options label { display:block; } .options_newpassword_field_name { display:inline-block; } .options_group { text-align: left; } button[type=submit]:first-letter, .options_header:first-letter, .options_group:first-letter, .option_name:first-letter { text-transform:capitalize; } /* ******* *.help* *************************** *Help page markup. * *РАЗМЕТКА СТРАНИЦЫ ПОМОЩИ.* *************************** */ html.help .help_container { padding:0 0.3em; } html.help .rule p { display:inline; } html.help .rule var, html.help .rule.blacklist_unsee > .p2:after { font-weight:bold; font-style:normal; } html.help ol ol li { list-style-type:lower-latin; } html.help .button_face { width:14px; height:14px; display:inline-block; } /* ********* *.search* *************************** *Search page markup. * *РАЗМЕТКА СТРАНИЦЫ ПОИСКА.* *************************** */ .searchform { padding:0 .5em .8em .5em; } html.search .postform, html.search .oppost .header, html.search .adminbar .save_button { display:none; } html.search .postform.fastreply { display:block; } /* ******************** *#posts_history_box* ***************************************************************** *Historybox is a new reply history displaying mechanism. * *Historybox это есть новый механизм показывания истории ответов.* ***************************************************************** */ #posts_history_box { padding:1em 1em 1em 1em; display:none; border-left:1px solid green; overflow:auto; position:fixed; background-color: black; color: green; left:60%; right:0; top:1.5em; bottom:0; z-index:900; } /* ************** *.floatingbox* ************************************************************************** *Floating box is an oldstyle reply history displaying mechanism. * *Floating box это олдскульный механизм показывания истории ответов. * *Бля, я это перевёл, как ебаный гулопереводчик с лилушского на яваньский.* ************************************************************************** */ .floatingbox_container .popup_subpost { margin:0 0 1em 0 !important; max-width:100% !important; } .signup_welcome_box { margin:1em 0; } /* *********************************************** *SIGN-IN PAGE / СТРАНИЦА ВХОДА ИЛИ РЕЦИСТРАЦИИ* *********************************************** */ html.signin, html.signup, html.options_set, html.signup_captcha_threshold, html.signin body, html.signup body, html.options_set body, html.signup_captcha_threshold body { margin:0; padding:0; height:100%; } html.signin table.sign_forms_container, html.signup table.sign_forms_container, html.options_set table.sign_forms_container, html.signup_captcha_threshold table.sign_forms_container { height:100%; margin:0 auto; max-width:40%; vertical-align:middle; } html.signin legend, html.signup legend, html.options_set legend { white-space:nowrap; font-weight:bold; } html.signin fieldset, html.signup fieldset, html.options_set fieldset { margin:1em auto; text-align:center; } html.signin fieldset table, html.signup fieldset table, html.options_set fieldset table { margin:auto; } html.signin fieldset table td, html.signup fieldset table td, html.options_set fieldset table td { padding:0.1em; } html.signin fieldset form, html.signup fieldset form, html.options_set fieldset form { margin:0.5em auto; } html.signin div.errors, html.signup div.errors, html.options_set div.errors { border:1px solid red; padding:0.5em 1em; margin:1em 0; } html.signup table.sign_forms_container td, html.options_set table.sign_forms_container td, html.signup_captcha_threshold table.sign_forms_container td { width:1px; text-align:left; }
...

>>gbh
Только-только первую успел посмотреть, а тут уже вторая. Прогресс лютая штука.
e3a4ec588...b7.jpeg, 76.33 KB, 640x480, exif ggl iq id3

По сути, этот скин — лишь разминка для меня. В качестве моего презента на 2020-ый для комьюнити, я планирую изготовить что-то более ст��льное и грандиозное. В этот раз, оно может подойти по нраву не только мне.

>>gbj
На выходных будет время повешу. Правда мне сложно представить кто будет этим пользоваться, глаза вытекли ещё на первой секунде после того как включаешь. Но раз уж сделал, то пусть висит, как бы символизируя современное положение вещей.
a02e45bf4...c69.png, 1204.15 KB, 861x563, exif ggl iq id3

BTW, логика Оперы: если нет Инета, то нельзя запустить, лежащий на самом компьютере файл хтмль, который без внешних ссылок и, само собой, не зависит от установленных плагинов, и спокойно так открывается в других браузерах.
2134bbfb6...1c.jpeg, 229.51 KB, 1934x1042, exif ggl iq id3

И вот ещё чё: какую эстетику для новогоднего скина хотел бы анонимус?
Вот мои предложения пока что:
- Пираты Классические.
- Пираты Современные.
- Киберпираты.
- Вейпорвейв.
- Ретровейв.
- Хоррор 80-х.
- Наци.
- Готика/Вичхаус.
- РЕНА-ТЯН!!!
- Гуро/Сплеттерпанк.
- Ламповый новогодний праздник.

>>gbN
Ламповый новый год.
ef63e945a...b3.jpeg, 768.82 KB, 1906x1125, exif ggl iq id3

Вы, это, только не бомбите — я это пока на всяких стилях подсел. Я, это самое, скоро вас покину уже — буду верстать в Stylus и PhpBB. Но я вернусь с новыми прибамбасами.

Ха-ха-ха! Новый год не начался, а уже просран!
50a898893...a4.jpeg, 169.76 KB, 789x661, exif ggl iq id3

>>gbU
Но ведь я приду, и ты об этом знаешь лучше меня самого. Мне, по сути, и смерть не преграда.
>>gbV
Найс.

Слоупока с глобальным обновлением /thread
css /* *********************************************************************************** *Стиль "Киберхаос 0.3". * *Личная собственность коммьюнити лоялистов Императора, возлюбленного всеми. * *Распространение между анонами приветствуется. * *Сначала, тут будет наш код, а потом, вроде бы код стиля Alterchan (может, Summer)* *,который мы доработали под свои нужды, ибо нам всё можно. * *Дополнения и "произрастающие из" стили приветствуются. * *********************************************************************************** */ body{background-attachment: fixed; background-repeat: no-repeat; background-size: 100% 100%; position: absolute; width: 1000px; left: 50%; transform: translate(-50%); } li{ background-color: black; color: green; font-family: "Courier New"; } table{ background-color: black; color: green; font-family: "Courier New"; } .rule .blacklist{ background-color: black; color: green; font-family: "Courier New"; } h2{ background-color: black; color: green; font-family: "Courier New"; } .options_header{ background-color: black; color: green; font-family: "Courier New"; } .option_name{ background-color: black; color: green; font-family: "Courier New"; } body{ margin-left: auto; margin-right: auto; font-family: "Courier New"; } .post_file_inner_container{ background-color: black; color: green; font-family: "Courier New"; } body{ max-width: 1000px; font-family: "Courier New"; } span{ background-color: black; color: green; font-style: normal; font-family: "Courier New"; } .post_to_thread_container{ background-color: black; color: green; font-family: "Courier New"; } blockquote{ background-color: black; color: green; font-family: "Courier New"; } .post_name .post_email .post_title, .post_text .post_file .post_utils, .post_options blockquote.post_text .post_option, .is_nonpublic { background-color: black; color: green; font-family: "Courier New"; } th{ background-color: black; color: green; font-family: "Courier New"; } a{ color: green; background-color: black; font-family: "Courier New"; } a:link { color: green; } a:visited { color: #009900; } a:hover { text-decoration: underline; color: red; } a:active { text-decoration: underline; color: red; } body{ background-image: url("https://media1.tenor.com/images/e09ddc0310432cb8b40f972281ede724/tenor.gif?itemid=7777301"); text-align: center; } .hide_button .button_face { background-color: black; color: green; font-family: "Courier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .reply_button .button_face { background-color: black; color: green; font-family: "Courier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .watch_button .button_face { background-color: black; color: green; font-family: "Courier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .unwatch_button .button_face { background-color: black; color: green; font-family: "Courier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .nonpublic_button .button_face { background-color: black; color: green; font-family: "Courier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .more_tags_button .button_face { background-color: black; color: green; font-family: "Courier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .disable_all_tags_button .button_face, .delete_tag_from_favorites_button .button_face { background-color: black; color: green; font-family: "Courier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .unban_button .button_face, .enable_all_tags_button .button_face, .add_tag_to_favorites_button .button_face { background-color: black; color: green; font-family: "Courier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .music_player .fake_player { background-color: black; color: green; font-family: "Courier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .video_source_icon { background-color: black; color: green; font-family: "Courier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .thumb_container.mimetype_audio .no_thumb_wrapper .no_thumb_thumb { background-color: black; color: green; font-family: "Courier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .thumb_container.mimetype_text .no_thumb_wrapper .no_thumb_thumb, .thumb_container.mimetype_image .no_thumb_wrapper .no_thumb_thumb, .thumb_container.mimetype_model .no_thumb_wrapper .no_thumb_thumb, .thumb_container.mimetype_video .no_thumb_wrapper .no_thumb_thumb, .thumb_container.mimetype_example .no_thumb_wrapper .no_thumb_thumb, .thumb_container.mimetype_message .no_thumb_wrapper .no_thumb_thumb, .thumb_container.mimetype_multipart .no_thumb_wrapper .no_thumb_thumb, .thumb_container.mimetype_application .no_thumb_wrapper .no_thumb_thumb, .thumb_container.unexpected_mime_type .no_thumb_wrapper .no_thumb_thumb { background-color: black; color: green; font-family: "Courier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } /* ******************** *compatibility code* ******************************************** *Compatibility code for new HTML markup. * *Код совместимости для новой разметки HTML.* ******************************************** */ .thumb_container .no_thumb_wrapper .no_thumb_thumb { width:100px; height:100px; font-family: "Courier New"; } .tagbar .button_face { background-size:100%; font-family: "Courier New"; } .button_face { background-color: black; color: green; background-position:center center; font-family: "Courier New"; } * { font-family: "Courier New"; } body { margin:0; padding:0; overflow-y:scroll; } hr { clear:both; border:1px solid green; border-style:solid none none; } .discussion_bottom_spacing { height:20em; } input,textarea,select,button { color: green; border:1px solid green; font-size:1em; background-color: black; font-family: "Courier New"; } .music_player .fake_player { width:200px; height:20px; display:inline-block; } /* *********** * .tooltip* ************************************************************************* *Tooltip (title="" substitute to be available to use with i18n_*.css) * * вставь, дабы можно было использовать с i18n_*.css * *.tooltip element must be placed after :hover element and contain * *.tooltiptext inside, for example: * *.tooltip элемент должен был поставлен после :hover элемента и содержать* *.tooltiptext внутри. Например,: * * * *<button>Hover me</button> * *<div class="tooltip"><div class="tooltiptext">Tooltip text</div></div> * ************************************************************************* */ @keyframes fade-in { from {opacity:0;} to {opacity:1;} } .tooltip { width:0; height:0; overflow:visible; position:relative; } .tooltip > .tooltiptext { top:-3.5em; left:0; border:1px solid green; display:none; padding:.4em; position:absolute; white-space:nowrap; background-color: black; color: green; font-family: "Courier New"; } :hover ~ .tooltip > .tooltiptext { display:block; animation:fade-in .75s cubic-bezier(1,-1,1,-1); } /* ************* *.pagination* ******************* *Pagination * *Нумерация страниц* ******************* */ .pagination { clear:both; border:1px green; padding:.3em .3em; background-color: black; color: green; font-family: "Courier New"; } .pagination .pagination_title:first-letter { text-transform:capitalize; } .pagination a { color: green; background-color: black; text-decoration:none; font-family: "Courier New"; } .pagination .active { font-weight:bold; } /* ********** *.markup_* ***************** *Posts markup. * *Разметка постов* ***************** */ .markup_quote { color: yellow; font-family: "Courier New"; } .markup_a { white-space:pre-wrap; } .markup_quote .markup_a { color: green; background-color: black; font-family: "Courier New"; } .markup_b { font-weight:bold; } .markup_i { font-style:italic; } .markup_u { text-decoration:underline; } .markup_s { text-decoration:line-through; } .markup_code_listing { margin:0; padding:.2em; overflow:auto; white-space:pre; font-family: "Courier New"; background-color: black; color: green; } .markup_spoiler, .markup_spoiler .markup_code_listing { color: green; background-color: black; font-family: "Courier New"; } .markup_spoiler:hover,.markup_spoiler .markup_code_listing:hover { cursor:none; color: green; font-family: "Courier New"; } /* ******* *.logo* ************************************************************* *Typical purpose of logo is to lead user onto main page. * *Типичная цель logo есть проводить юзера на гланую страницу.* ************************************************************* */ .logo { height:1.5em; margin:0 0 1em 0; z-index:9000; } .logo a { width:100%; color: green; outline:none; padding:0 .2em 0 .2em; display:block; position:fixed; margin-top:-1px; line-height:1.5em; border-bottom:1px solid green; text-decoration:none; background-color: black; font-family: "Courier New"; z-index:9000; } /* *********** *.adminbar* ************************************************************ *Adminbar contains NSFW, Options, Help and Logout buttons. * *Adminbar содержит кнопки NSFW, Опции, Помощь и Войти/Выйти* ************************************************************ */ .adminbar { top:0; right:0; padding:0; z-index:9000; position:fixed; white-space:nowrap; } .adminbar form { float:left; margin:0; display:inline-block; } .adminbar button[type=submit] { height:1.5em; border-top:none; border-right:none; padding:0 .5em .1em .5em; } /* ********* *.tagbar* ******************************************************************************** *tagbar is used to navigate user through boards like /a/, /b/ and such. * *Используется tagbar для навигации юзеров по раделам. Например, /шуе/ или /ппш/* ******************************************************************************** */ .tagbar { margin:1.5em auto; text-align:center; } .tagbar .tagbar_container { margin:0 auto; } .tagbar .tagbar_tag, .tagbar .tag_manipulation_element { display:inline-block; } .tagbar .tooltip { display:block; } .tagbar .tooltiptext { bottom:-2.5em; top:auto; } .tagbar_container { padding:0 2em 0 2em; line-height:2em; } .tagbar .favorites_tag_name { width:4em; } .tagbar .favorites_tag_name input { width:100% !important; box-sizing:border-box !important; } .tagbar_container .tooltip { line-height:1em; } .tagbar .more_tags_button button { width:16px; height:16px; margin:0; cursor:pointer; border:1px solid #000; bottom:8px; padding:0; opacity:.5; position:relative; } .tagbar .enable_all_tags_button button, .tagbar .add_tag_to_favorites_button button { width:16px; height:16px; margin:0; cursor:pointer; border:1px solid #000; bottom:8px; padding:0; opacity:.5; position:relative; } .tagbar .disable_all_tags_button button, .tagbar .delete_tag_from_favorites_button button { width:16px; height:16px; margin:0; cursor:pointer; border:1px solid #000; bottom:8px; padding:0; opacity:.5; position:relative; } .tagbar button[type="submit"]:first-letter { text-transform:none; } .tagbar button.on { border-style:none; } .tagbar button.off { border-style:none; opacity:.4; } /* *********** *.postform* ****************************************************** *Postform is a form that is used for posts posting. * *Postform это форма, используемая для постинга posts.* ****************************************************** */ .postform { margin:.4em 0 .8em 0; text-align:center; } .postform.reply_mode { display:inline-block; } .postform textarea { resize:both !important; } .postform .post_utils_call_button { width:1.75em; display:none; /* Should be invoked by js UI. Должен быть призван UI Javascript*/ } .postform .post_utils { display:none; } .postform .post_utils th { visibility:hidden; } .postform .post_name th:first-letter, .postform .post_tags th:first-letter, .postform .post_file th:first-letter, .postform .post_text th:first-letter, .postform .post_email th:first-letter, .postform .post_title th:first-letter { text-transform:capitalize; } .postform > table { width:30em; margin:auto; border-spacing:3px; } .postform.reply_mode td.post_tags, .postform.reply_mode .post_tags th { visibility:hidden; } .postform.reply_mode .post_option.is_nonpublic { display:none; } .postform input,.postform textarea,.postform select { margin:0; height:1.4em; padding:0; border:0px solid green; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .postform table th { width:1px; padding:0 .3em 0 0; text-align:left; font-weight:normal; white-space:nowrap; } .postform table td { height:1.4em; border:1px solid green; padding:0; white-space:nowrap; } .postform table td.post_file { vertical-align:middle; background-color: black; font-family: "Courier New"; } .postform table td.post_file .post_file_container { height:1em; overflow:hidden; position:relative; } .postform table td.post_file .post_file_inner_container { top:-6px; left:-3px; position:absolute; } .postform td.post_to_thread { border:0; padding:0; text-align:center; } .postform td.post_to_thread .post_to_thread_container { margin:0 auto; display:inline-block; } .postform input[type=checkbox] { height:inherit; width:inherit; min-width:1px; } .postform textarea, .postform input, .postform button { border:0; height:1.4em; width:100%; min-width:6em; } .postform textarea { width:36em; height:5em; } /* ******** *.posts* ************************************************************************** * Posts is a global posts container which contains all posts inside. * * Implied to be a singletone but not required to. * *Posts это глобальный контейнер posts, который содержит все posts внутри.* *Подразумевается быть одиночным но не обязательно * *All styles that are common both for opposts and subposts must be * *described within this .posts area. * *См. ниже для перевода * ************************************************************************** */ .posts input[type=checkbox].abbrev_checkbox { left:-666px; position:absolute; visibility:hidden; } .posts input[type=checkbox].abbrev_checkbox:checked ~ blockquote { overflow:hidden; max-height:7em; } .posts input[type=checkbox].abbrev_checkbox ~ .abbrev { display:none; } .posts input[type=checkbox].abbrev_checkbox:checked ~ .abbrev { display:inline-block; } .posts .abbrev { color: green; font-size:70%; padding:.5em; font-family: "Courier New"; } .posts .abbrev label { cursor:pointer; text-decoration:underline; } a:target ~ .subpost .reflink, a:target ~ .oppost_wrapper .oppost_wrapper_reflink.reflink { border:1px solid green; background-color: black; color: green; font-family: "Courier New"; } .posts .header { margin-bottom:.5em; } .posts .header .post_permalink { text-decoration:none; } .posts .header .post_title { color: green; font-weight:bold; background-color: black; font-family: "Courier New"; } .posts .header .post_name { color: green; background-color: black; font-weight:bold; font-family: "Courier New"; } .posts .header form { margin:0; display:inline-block; } .posts .header a.reflink { display:inline; padding:1px 3px 0 3px; text-decoration:none; background-color:black; color: green; font-family: "Courier New"; } .posts .header .header_buttons { display:inline-block; position:relative; top:2px; margin:0; padding:0; } .posts .header_buttons .button_container { margin:0; padding:0; display:inline-block; } .posts .header_buttons button { width:18px; height:18px; margin:0; cursor:pointer; padding:0; } .posts .header_buttons button:after { content:"\0000a0"; /*   required for button rendering Нужно сиё для рендеринга кнопки */ } .posts a.post_anchor { position:absolute; margin-top:-2.5em; } .posts .omittedposts { color: green; margin:0.2em 0; font-style:italic; font-weight:bold; } .posts .answers { margin:.2em 0 0 0; } .posts .answers a { margin:.1em 0 0 0; padding:.1em; display:inline-block; font-size:70%; background-color: black; color: green; font-family: "Courier New"; } .posts.transparent_thumbs .thumb { opacity:0.1; } .posts.transparent_thumbs .thumb:hover { opacity:1; } .posts div.post_tags { display:inline-block; } .posts .post_tags .id { padding:0 .3em; font-style:italic; background-color: black; color: green; font-family: "Courier New"; } .posts blockquote { margin:0; } .posts a { color: green; background-color: black; font-family: "Courier New"; } .posts .music_player { display:block; } .video_source_icon { width:42px; height:42px; opacity: .3; position: absolute; margin-top: -42px; margin-left: 3px; } /* ****************** *.thumb_container* **************************************************************************** *Appears in posts when image or file is attached. * *В тех posts, где прикреплён файл или картинка, появляется вот эта ебанина.* **************************************************************************** */ .thumb_container { float:left; } .thumb_container td { width:1px; padding:0; } .thumb_container td.properties { font-size:80%; font-style:italic; } .thumb_container span { white-space:nowrap; } .thumb_container .thumb { max-width:800px; } .thumb_container .thumb_link { outline:none; } /* ************************* *.oppost_wrapper .oppost* ******************************************************************** * Oppost_wrapper contains all subposts inside of self. Oppost is * * related only to oppost contents and not affects any subposts. * *Oppost_wrapper содержит все subposts внутри себя. Oppost относится* *только к содетжимому oppost и не воздействует на subposts. * * * *All styles that are common both for opposts and subposts must be * *described within .posts area. * *См. вниз за переводом * ******************************************************************** */ .oppost_wrapper { clear:both; border:none; padding:.1em .5em; margin-bottom:1em; } .oppost .reply_link { margin-left:0.3em; } .oppost .thumb_container { margin:0em .8em .5em 0em; } .oppost .fastreply { display:inline-block; } .oppost_wrapper.hidden > *:not(.oppost), .oppost_wrapper.hidden .oppost > *:not(.header):not(.omittedposts) { display:none; } /* ********** *.subpost* ************************************************************************** *Subpost is a post which is placed inside of an oppost. There must not be* * other HTML markup differences for opposts and subposts. * *Subpost это post, что находится внутри oppost. Между первым и вторым * * не должно быть другой HTML разницы в разметке. * * * * *All styles that are common both for opposts and subposts must be * *described within .posts area. * *Все стили, которые общие и для первого и для второго должны быть * *описаны (да, обосанны, блядь) в площади .posts * ************************************************************************** */ .subpost_wrapper { border:0; margin:.3em 0; display:block; } .subpost { border:1px solid green; padding:.5em .3em .3em .3em; display:inline-block; max-width:70%; background-color: black color: green; font-family: "Courier New"; } .subpost_container { display:block; color: green; background-color: black; font-family: "Courier New"; } .subpost .thumb_container { z-index:1; position:relative; margin:0em .5em .5em 0em; } .subpost .header_spacer /* required for better transposition of header when the thumbnail image is opened or blockquote text is too small Короче, когда thumbnail image открыт или blockquote text слишком мал, это нужно для лучшей транспозиции header*/ { width:16em; height:0; display:inline-block; visibility:hidden; } .subpost blockquote { margin-top:-1.2em; } .subpost .header { top:-1.2em; position:relative; } .subpost_wrapper.hidden .subpost_container > *:not(.header), .subpost_wrapper.hidden .subpost_container .header > *:not(.header_buttons) { display:none; } .subpost_wrapper.hidden .header { top:0; margin:0; padding:0; min-width:0; white-space:nowrap; } /* ********** *.options* ************************** *Options page markup. * *РАЗМЕТКА СТРАНИЦЫ ОПЦИЙ* ************************** */ .options_wrapper { margin-top:-1.2em; padding:.3em; } .options label { display:block; } .options_newpassword_field_name { display:inline-block; } .options_group { text-align: left; } button[type=submit]:first-letter, .options_header:first-letter, .options_group:first-letter, .option_name:first-letter { text-transform:capitalize; } /* ******* *.help* *************************** *Help page markup. * *РАЗМЕТКА СТРАНИЦЫ ПОМОЩИ.* *************************** */ html.help .help_container { padding:0 0.3em; } html.help .rule p { display:inline; } html.help .rule var, html.help .rule.blacklist_unsee > .p2:after { font-weight:bold; font-style:normal; font-family: "Courier New"; } html.help ol ol li { list-style-type:lower-latin; } html.help .button_face { width:14px; height:14px; display:inline-block; } /* ********* *.search* *************************** *Search page markup. * *РАЗМЕТКА СТРАНИЦЫ ПОИСКА.* *************************** */ .searchform { padding:0 .5em .8em .5em; } html.search .postform, html.search .oppost .header, html.search .adminbar .save_button { display:none; } html.search .postform.fastreply { display:block; } /* ******************** *#posts_history_box* ***************************************************************** *Historybox is a new reply history displaying mechanism. * *Historybox это есть новый механизм показывания истории ответов.* ***************************************************************** */ #posts_history_box { padding:1em 1em 1em 1em; display:none; border-left:1px solid green; overflow:auto; position:fixed; background-color: black; color: green; left:60%; right:0; top:1.5em; bottom:0; z-index:900; font-family: "Courier New"; } /* ************** *.floatingbox* ************************************************************************** *Floating box is an oldstyle reply history displaying mechanism. * *Floating box это олдскульный механизм показывания истории ответов. * *Бля, я это перевёл, как ебаный гулопереводчик с лилушского на яваньский.* ************************************************************************** */ .floatingbox_container .popup_subpost { margin:0 0 1em 0 !important; max-width:100% !important; } .signup_welcome_box { margin:1em 0; } /* *********************************************** *SIGN-IN PAGE / СТРАНИЦА ВХОДА ИЛИ РЕЦИСТРАЦИИ* *********************************************** */ html.signin, html.signup, html.options_set, html.signup_captcha_threshold, html.signin body, html.signup body, html.options_set body, html.signup_captcha_threshold body { margin:0; padding:0; height:100%; } html.signin table.sign_forms_container, html.signup table.sign_forms_container, html.options_set table.sign_forms_container, html.signup_captcha_threshold table.sign_forms_container { height:100%; margin:0 auto; max-width:40%; vertical-align:middle; } html.signin legend, html.signup legend, html.options_set legend { white-space:nowrap; font-weight:bold; } html.signin fieldset, html.signup fieldset, html.options_set fieldset { margin:1em auto; text-align:center; } html.signin fieldset table, html.signup fieldset table, html.options_set fieldset table { margin:auto; } html.signin fieldset table td, html.signup fieldset table td, html.options_set fieldset table td { padding:0.1em; } html.signin fieldset form, html.signup fieldset form, html.options_set fieldset form { margin:0.5em auto; } html.signin div.errors, html.signup div.errors, html.options_set div.errors { border:1px solid red; padding:0.5em 1em; margin:1em 0; } html.signup table.sign_forms_container td, html.options_set table.sign_forms_container td, html.signup_captcha_threshold table.sign_forms_container td { width:1px; text-align:left; }
...
44da9ab28...671.png, 161.86 KB, 666x432, exif ggl iq id3

Пожалуй, сделаю оный тредий бложиком одного интернет-аддикта в вакууме.
В общем, сегодня, хотелось начать всё таки пилить уже новогодний стиль, однако сначала, кафеш��а за квартал от меня, снаружи которой я, сидя на скамье, получал бесплатную сетку в дни, когда у знакомых не было вписок, поставила себе лютую защиту.
Пришлось отправляться на новые поиски, завершивиеся лапмовым лестничным пролётом на самом высоком этаже одной хрущёвки, где через стену раздающая Вай-Фай университетская библиотека. По-культурному, я притащил себе стул издому
А потом я копался в оперном списке расширений и бугуртил, ибо 95% всего там является мало того, что ненужным, так ещё и банально нерабочим скамом с красивым оформлением. В итоге, я всё же нашёл крутой випиэн Avira, но это было всё.

>>gck
Четвёртая версия киберчавеса — какда?

>>gcp
Всё, я его закончил — теперь, он совершенен!!!

Запили скриншот с темой.
6da98293e...1c.jpeg, 4402.66 KB, 4032x3024, exif ggl iq id3

>>gcy
Надеюсь, всё ясно получилось. Я там оставил тебе сообщение о конкретных изменениях.
c2f85211a...54.jpeg, 4887.04 KB, 4032x3024, exif ggl iq id3

>>gcy
Или так.

Псс... Я нашёл первую версию DeadmoroZ вам на НГ. С точки зрения ламповости, ну, или хотя бы атмосферы, думаю, я постарался. А насчёт оформления вида — я считаю это оригинальным подходом. Но если кому не понравится, говорите мне способ енто пофиксить.
Также, у КИБЕРЧАВЕСА таки выходит скоро 4-ая версия! *Звук хлопанья лодошек толпой.* Да, да, знаю, но расклад такой, что я решил ещё чуть похимичить.
CSS /*DeadmoroZ скин с��ешиали для моей бригады.*/ button{display: inline;} .post{border: lightblue;} div{ display: inline; border: lightblue; border-radius: 25px; } span{ display: inline; } .options_header.options_utilities_header{ color: lightblue; } .logo a:first-child:after { content: "Альтерчонг -- новогодний чатик для анимедевочек!"; font-family: "Comic Sans MS", cursive, sans-serif; } .options_groups_header:after { color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } .options_header_clean_blacklist:after { color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } .options_header_changepassword:after { color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } body{ float: center; background-image: url("https://68.media.tumblr.com/eaeff9e43e199bf3a2d43cc00afa95d7/tumblr_o2kqdweUhg1ux3e6xo1_1280.png"); text-align: center; background-attachment: fixed; background-repeat: no-repeat; background-size: 100% 100%; position: absolute; width: 1000px; left: 50%; transform: translate(-50%); color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } li{ background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } table{ background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } .rule .blacklist{ background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } h2{ background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } .options_header{ background-color:gray; color: blue; font-family: "Comic Sans MS", cursive, sans-serif; } .option_name{ background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } .post_file_inner_container{ background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } span{ background-color:gray; color: lightblue; font-family: monospace, monospace; font-family: "Comic Sans MS", cursive, sans-serif; } .post_to_thread_container{ background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } blockquote{ background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } .post_name .post_email .post_title, .post_text .post_file .post_utils, .post_options blockquote.post_text .post_option, .is_nonpublic { background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } th{ background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } a{ background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } a:link { color: yellow; } a:visited { color: white; } a:hover { text-decoration: underline; color: white; } a:active { text-decoration: underline; color: white; } .hide_button .button_face { background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } .reply_button .button_face { background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } .watch_button .button_face { background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } .unwatch_button .button_face { background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } .nonpublic_button .button_face { background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } .more_tags_button .button_face { background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } .disable_all_tags_button .button_face, .delete_tag_from_favorites_button .button_face { background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } .unban_button .button_face, .enable_all_tags_button .button_face, .add_tag_to_favorites_button .button_face { background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } .music_player .fake_player { background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } .video_source_icon { background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } .thumb_container.mimetype_audio .no_thumb_wrapper .no_thumb_thumb { background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } .thumb_container.mimetype_text .no_thumb_wrapper .no_thumb_thumb, .thumb_container.mimetype_image .no_thumb_wrapper .no_thumb_thumb, .thumb_container.mimetype_model .no_thumb_wrapper .no_thumb_thumb, .thumb_container.mimetype_video .no_thumb_wrapper .no_thumb_thumb, .thumb_container.mimetype_example .no_thumb_wrapper .no_thumb_thumb, .thumb_container.mimetype_message .no_thumb_wrapper .no_thumb_thumb, .thumb_container.mimetype_multipart .no_thumb_wrapper .no_thumb_thumb, .thumb_container.mimetype_application .no_thumb_wrapper .no_thumb_thumb, .thumb_container.unexpected_mime_type .no_thumb_wrapper .no_thumb_thumb { background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } /* ******************** *compatibility code* ******************************************** *Compatibility code for new HTML markup. * *Код совместимости для новой разметки HTML.* ******************************************** */ .thumb_container .no_thumb_wrapper .no_thumb_thumb { width:100px; height:100px; font-family: "Comic Sans MS", cursive, sans-serif; } .tagbar .button_face { background-size:100%; font-family: "Comic Sans MS", cursive, sans-serif; } .button_face { background-position:center center; background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } * { font-family: "Comic Sans MS", cursive, sans-serif; } body { margin:0; padding:0; overflow-y:scroll; } hr { clear:both; border:1px solid lightblue; border-radius: 25px; border-style:solid none none; } .discussion_bottom_spacing { height:20em; } input,textarea,select,button { border:1px solid lightblue; font-size:1em; background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } .music_player .fake_player { width:200px; height:20px; display:inline-block; } /* *********** * .tooltip* ************************************************************************* *Tooltip (title="" substitute to be available to use with i18n_*.css) * * вставь, дабы можно было использовать с i18n_*.css * *.tooltip element must be placed after :hover element and contain * *.tooltiptext inside, for example: * *.tooltip элемент должен был поставлен после :hover элемента и содержать* *.tooltiptext внутри. Например,: * * * *<button>Hover me</button> * *<div class="tooltip"><div class="tooltiptext">Tooltip text</div></div> * ************************************************************************* */ @keyframes fade-in { from {opacity:0;} to {opacity:1;} } .tooltip { width:0; height:0; overflow:visible; position:relative; } .tooltip > .tooltiptext { top:-3.5em; left:0; border:1px solid lightblue; border-radius: 25px; display:none; padding:.4em; position:absolute; white-space:nowrap; background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif;} :hover ~ .tooltip > .tooltiptext { display:block; animation:fade-in .75s cubic-bezier(1,-1,1,-1); } /* ************* *.pagination* ******************* *Pagination * *Нумерация страниц* ******************* */ .pagination { clear:both; border:1px lightblue; padding:.3em .3em; background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } .pagination .pagination_title:first-letter { text-transform:capitalize; } .pagination a { text-decoration:none; background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } .pagination .active { font-weight:bold; } /* ********** *.markup_* ***************** *Posts markup. * *Разметка постов* ***************** */ .markup_quote { color: yellow; background-color:gray; font-family: "Comic Sans MS", cursive, sans-serif; } .markup_a { white-space:pre-wrap; } .markup_quote .markup_a { background-color:gray; color: yellow; font-family: "Comic Sans MS", cursive, sans-serif; } .markup_b { font-weight:bold; } .markup_i { font-style:italic; } .markup_u { text-decoration:underline; } .markup_s { text-decoration:line-through; } .markup_code_listing { margin:0; padding:.2em; overflow:auto; white-space:pre; background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } .markup_spoiler, .markup_spoiler .markup_code_listing { background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } .markup_spoiler:hover,.markup_spoiler .markup_code_listing:hover { cursor:none; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; /* ******* *.logo* ************************************************************* *Typical purpose of logo is to lead user onto main page. * *Типичная цель logo есть проводить юзера на гланую страницу.* ************************************************************* */ .logo { height:1.5em; margin:0 0 1em 0; z-index:9000; } .logo a { width:100%; outline:none; padding:0 .2em 0 .2em; display:block; position:fixed; margin-top:-1px; line-height:1.5em; border-bottom:1px solid lightblue; border-radius: 25px; text-decoration:none; z-index:9000; background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } /* *********** *.adminbar* ************************************************************ *Adminbar contains NSFW, Options, Help and Logout buttons. * *Adminbar содержит кнопки NSFW, Опции, Помощь и Войти/Выйти* ************************************************************ */ .adminbar { top:0; right:0; padding:0; z-index:9000; position:fixed; white-space:nowrap; } .adminbar form { float:left; margin:0; display:inline-block; } .adminbar button[type=submit] { height:1.5em; border-top:none; border-right:none; border-radius: 25px; padding:0 .5em .1em .5em; } /* ********* *.tagbar* ******************************************************************************** *tagbar is used to navigate user through boards like /a/, /b/ and such. * *Используется tagbar для навигации юзеров по раделам. Например, /шуе/ или /ппш/* ******************************************************************************** */ .tagbar { margin:1.5em auto; text-align:center; } .tagbar .tagbar_container { margin:0 auto; } .tagbar .tagbar_tag, .tagbar .tag_manipulation_element { display:inline-block; } .tagbar .tooltip { display:block; } .tagbar .tooltiptext { bottom:-2.5em; top:auto; } .tagbar_container { padding:0 2em 0 2em; line-height:2em; } .tagbar .favorites_tag_name { width:4em; } .tagbar .favorites_tag_name input { width:100% !important; box-sizing:border-box !important; } .tagbar_container .tooltip { line-height:1em; } .tagbar .more_tags_button button { width:16px; height:16px; margin:0; cursor:pointer; border:1px solid lightblue; border-radius: 25px; bottom:8px; padding:0; opacity:.5; position:relative; } .tagbar .enable_all_tags_button button, .tagbar .add_tag_to_favorites_button button { width:16px; height:16px; margin:0; cursor:pointer; border:1px solid lightblue; border-radius: 25px; bottom:8px; padding:0; opacity:.5; position:relative; } .tagbar .disable_all_tags_button button, .tagbar .delete_tag_from_favorites_button button { width:16px; height:16px; margin:0; cursor:pointer; border:1px solid lightblue; border-radius: 25px; bottom:8px; padding:0; opacity:.5; position:relative; } .tagbar button[type="submit"]:first-letter { text-transform:none; } .tagbar button.on { border-style:none; } .tagbar button.off { border-style:none; opacity:.4; } /* *********** *.postform* ****************************************************** *Postform is a form that is used for posts posting. * *Postform это форма, используемая для постинга posts.* ****************************************************** */ .postform { margin:.4em 0 .8em 0; text-align:center; } .postform.reply_mode { display:inline-block; } .postform textarea { resize:both !important; } .postform .post_utils_call_button { width:1.75em; display:none; /* Should be invoked by js UI. Должен быть призван UI Javascript*/ } .postform .post_utils { display:none; } .postform .post_utils th { visibility:hidden; } .postform .post_name th:first-letter, .postform .post_tags th:first-letter, .postform .post_file th:first-letter, .postform .post_text th:first-letter, .postform .post_email th:first-letter, .postform .post_title th:first-letter { text-transform:capitalize; } .postform > table { width:30em; margin:auto; border-spacing:3px; } .postform.reply_mode td.post_tags, .postform.reply_mode .post_tags th { visibility:hidden; } .postform.reply_mode .post_option.is_nonpublic { display:none; } .postform input,.postform textarea,.postform select { margin:0; height:1.4em; padding:0; border:0px solid lightblue; border-radius: 25px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .postform table th { width:1px; padding:0 .3em 0 0; text-align:left; font-weight:normal; white-space:nowrap; } .postform table td { height:1.4em; border:1px solid lightblue; border-radius: 25px; padding:0; white-space:nowrap; } .postform table td.post_file { vertical-align:middle; background-color:gray; font-family: "Comic Sans MS", cursive, sans-serif; } .postform table td.post_file .post_file_container { height:1em; overflow:hidden; position:relative; } .postform table td.post_file .post_file_inner_container { top:-6px; left:-3px; position:absolute; } .postform td.post_to_thread { border:0; border-radius: 25px; padding:0; text-align:center; } .postform td.post_to_thread .post_to_thread_container { margin:0 auto; display:inline-block; } .postform input[type=checkbox] { height:inherit; width:inherit; min-width:1px; } .postform textarea, .postform input, .postform button { border:0; border-radius: 25px; height:1.4em; width:100%; min-width:6em; } .postform textarea { width:36em; height:5em; } /* ******** *.posts* ************************************************************************** * Posts is a global posts container which contains all posts inside. * * Implied to be a singletone but not required to. * *Posts это глобальный контейнер posts, который содержит все posts внутри.* *Подразумевается быть одиночным но не обязательно * *All styles that are common both for opposts and subposts must be * *described within this .posts area. * *См. ниже для перевода * ************************************************************************** */ .posts input[type=checkbox].abbrev_checkbox { left:-666px; position:absolute; visibility:hidden; } .posts input[type=checkbox].abbrev_checkbox:checked ~ blockquote { overflow:hidden; max-height:7em; } .posts input[type=checkbox].abbrev_checkbox ~ .abbrev { display:none; } .posts input[type=checkbox].abbrev_checkbox:checked ~ .abbrev { display:inline-block; } .posts .abbrev { font-size:70%; padding:.5em; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } .posts .abbrev label { cursor:pointer; text-decoration:underline; } a:target ~ .subpost .reflink, a:target ~ .oppost_wrapper .oppost_wrapper_reflink.reflink { border:1px solid lightblue; border-radius: 25px; background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } .posts .header { margin-bottom:.5em; } .posts .header .post_permalink { text-decoration:none; } .posts .header .post_title { font-weight:bold; background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } .posts .header .post_name { font-weight:bold; background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } .posts .header form { margin:0; display:inline-block; } .posts .header a.reflink { display:inline; padding:1px 3px 0 3px; text-decoration:none; background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } .posts .header .header_buttons { display:inline-block; position:relative; top:2px; margin:0; padding:0; } .posts .header_buttons .button_container { margin:0; padding:0; display:inline-block; } .posts .header_buttons button { width:18px; height:18px; margin:0; cursor:pointer; padding:0; } .posts .header_buttons button:after { content:"\0000a0"; /* required for button rendering Нужно сиё для рендеринга кнопки */ } .posts a.post_anchor { position:absolute; margin-top:-2.5em; } .posts .omittedposts { color: lightblue; margin:0.2em 0; font-style:initial; font-weight:bold; } .posts .answers { margin:.2em 0 0 0; } .posts .answers a { margin:.1em 0 0 0; padding:.1em; display:inline-block; font-size:70%; background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } .posts.transparent_thumbs .thumb { opacity:0.1; } .posts.transparent_thumbs .thumb:hover { opacity:1; } .posts div.post_tags { display:inline-block; } .posts .post_tags .id { padding:0 .3em; font-style:italic; background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } .posts blockquote { margin:0; } .posts a { background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } .posts .music_player { display:block; } .video_source_icon { width:42px; height:42px; opacity: .3; position: absolute; margin-top: -42px; margin-left: 3px; } /* ****************** *.thumb_container* **************************************************************************** *Appears in posts when image or file is attached. * *В тех posts, где прикреплён файл или картинка, появляется вот эта ебанина.* **************************************************************************** */ .thumb_container { float:left; } .thumb_container td { width:1px; padding:0; } .thumb_container td.properties { font-size:80%; font-style:italic; } .thumb_container span { white-space:nowrap; } .thumb_container .thumb { max-width:800px; } .thumb_container .thumb_link { outline:none; } /* ************************* *.oppost_wrapper .oppost* ******************************************************************** * Oppost_wrapper contains all subposts inside of self. Oppost is * * related only to oppost contents and not affects any subposts. * *Oppost_wrapper содержит все subposts внутри себя. Oppost относится* *только к содетжимому oppost и не воздействует на subposts. * * * *All styles that are common both for opposts and subposts must be * *described within .posts area. * *См. вниз за переводом * ******************************************************************** */ .oppost_wrapper { clear:both; border:none; padding:.1em .5em; margin-bottom:1em; } .oppost .reply_link { margin-left:0.3em; } .oppost .thumb_container { margin:0em .8em .5em 0em; } .oppost .fastreply { display:inline-block; } .oppost_wrapper.hidden > *:not(.oppost), .oppost_wrapper.hidden .oppost > *:not(.header):not(.omittedposts) { display:none; } /* ********** *.subpost* ************************************************************************** *Subpost is a post which is placed inside of an oppost. There must not be* * other HTML markup differences for opposts and subposts. * *Subpost это post, что находится внутри oppost. Между первым и вторым * * не должно быть другой HTML разницы в разметке. * * * * *All styles that are common both for opposts and subposts must be * *described within .posts area. * *Все стили, которые общие и для первого и для второго должны быть * *описаны (да, обосанны, блядь) в площади .posts * ************************************************************************** */ .subpost_wrapper { border:0; margin:.3em 0; display:block; } .subpost { border:1px solid lightblue; border-radius: 25px; padding:.5em .3em .3em .3em; display:inline-block; max-width:70%; background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } .subpost_container { display:block; background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } .subpost .thumb_container { z-index:1; position:relative; margin:0em .5em .5em 0em; } .subpost .header_spacer /* required for better transposition of header when the thumbnail image is opened or blockquote text is too small Короче, когда thumbnail image открыт или blockquote text слишком мал, это нужно для лучшей транспозиции header*/ { width:16em; height:0; display:inline-block; visibility:hidden; } .subpost blockquote { margin-top:-1.2em; } .subpost .header { top:-1.2em; position:relative; } .subpost_wrapper.hidden .subpost_container > *:not(.header), .subpost_wrapper.hidden .subpost_container .header > *:not(.header_buttons) { display:none; } .subpost_wrapper.hidden .header { top:0; margin:0; padding:0; min-width:0; white-space:nowrap; } /* ********** *.options* ************************** *Options page markup. * *РАЗМЕТКА СТРАНИЦЫ ОПЦИЙ* ************************** */ .options_wrapper { margin-top:-1.2em; padding:.3em; } .options label { display:block; } .options_newpassword_field_name { display:inline-block; } .options_group { text-align: left; } button[type=submit]:first-letter, .options_header:first-letter, .options_group:first-letter, .option_name:first-letter { text-transform:capitalize; } /* ******* *.help* *************************** *Help page markup. * *РАЗМЕТКА СТРАНИЦЫ ПОМОЩИ.* *************************** */ html.help .help_container { padding:0 0.3em; } html.help .rule p { display:inline; } html.help .rule var, html.help .rule.blacklist_unsee > .p2:after { font-weight:bold; font-style:normal; font-family: "Comic Sans MS", cursive, sans-serif; } html.help ol ol li { list-style-type:lower-latin; } html.help .button_face { width:14px; height:14px; display:inline-block; } /* ********* *.search* *************************** *Search page markup. * *РАЗМЕТКА СТРАНИЦЫ ПОИСКА.* *************************** */ .searchform { padding:0 .5em .8em .5em; } html.search .postform, html.search .oppost .header, html.search .adminbar .save_button { display:none; } html.search .postform.fastreply { display:block; } /* ******************** *#posts_history_box* ***************************************************************** *Historybox is a new reply history displaying mechanism. * *Historybox это есть новый механизм показывания истории ответов.* ***************************************************************** */ #posts_history_box { padding:1em 1em 1em 1em; display:none; border-left:1px solid lightblue; border-radius: 25px; overflow:auto; position:fixed; left:60%; right:0; top:1.5em; bottom:0; z-index:900; background-color:gray; color: lightblue; font-family: "Comic Sans MS", cursive, sans-serif; } /* ************** *.floatingbox* ************************************************************************** *Floating box is an oldstyle reply history displaying mechanism. * *Floating box это олдскульный механизм показывания истории ответов. * *Бля, я это перевёл, как ебаный гулопереводчик с лилушского на яваньский.* ************************************************************************** */ .floatingbox_container .popup_subpost { margin:0 0 1em 0 !important; max-width:100% !important; } .signup_welcome_box { margin:1em 0; } /* *********************************************** *SIGN-IN PAGE / СТРАНИЦА ВХОДА ИЛИ РЕЦИСТРАЦИИ* *********************************************** */ html.signin, html.signup, html.options_set, html.signup_captcha_threshold, html.signin body, html.signup body, html.options_set body, html.signup_captcha_threshold body { margin:0; padding:0; height:100%; } html.signin table.sign_forms_container, html.signup table.sign_forms_container, html.options_set table.sign_forms_container, html.signup_captcha_threshold table.sign_forms_container { height:100%; margin:0 auto; max-width:40%; vertical-align:middle; } html.signin legend, html.signup legend, html.options_set legend { white-space:nowrap; font-weight:bold; } html.signin fieldset, html.signup fieldset, html.options_set fieldset { margin:1em auto; text-align:center; } html.signin fieldset table, html.signup fieldset table, html.options_set fieldset table { margin:auto; } html.signin fieldset table td, html.signup fieldset table td, html.options_set fieldset table td { padding:0.1em; } html.signin fieldset form, html.signup fieldset form, html.options_set fieldset form { margin:0.5em auto; } html.signin div.errors, html.signup div.errors, html.options_set div.errors { border:1px solid lightblue; border-radius: 25px; padding:0.5em 1em; margin:1em 0; } html.signup table.sign_forms_container td, html.options_set table.sign_forms_container td, html.signup_captcha_threshold table.sign_forms_container td { width:1px; text-align:left; }
...

Ок, а сейчас уже это полноценный нет-арт проект, а не стиль. И теперь-то он точно совершенен. Что я натворил? Ну, изменил почти весь текст на корню, например. А вообще мне надобно только этот стиль до последнего апдейтнутым увидеть. (Теперь-то уже точно пора.) А НГшный есть для вас, и мне в нём главное, чтобы он способствовал настроению в этот жидовский праздник.
CSS /* **************************************************** *Киберхаос 0.4 -- a sign of premium quality. * **************************************************** */ .options_newpassword_field_name:after { content: "Insert the new one here:"; } .options_change_password_button:after { content: "Point of no return."; } .options_header_changepassword:after { content: "Change my super-duper-über secret hacker's passcode:"; } .options_header_clean_blacklist:after { content: "Let all my Negroes free:"; } .options_clear_blacklist_button:after { content: "Do this by burning these animals alive."; } .option_name.watchlist_rss_feed:after { content: "RSS of the watched threads list:"; } .logo a:first-child:after { content: "[[[!3nt3r th3 3133t M4tr|x!]]]"; } .adminbar .nsfw_button button[type=submit]:after { content: "RED BUTT0N"; } .adminbar .options_button button[type=submit]:after { content: "Admin'z L0g"; } .adminbar .help_button button[type=submit]:after { content: "FAQ"; } .adminbar .signout_button button[type=submit]:after { content: "DI5[0NN3[T"; } .searchform button[type=submit]:after { content: "Detect by IP"; } .postform button[type=submit]:after { content: "Start the DDOS!"; } .postform label[for="to_thread"]:after { content: "Keep the DDOS going!!"; } .postform label[for="is_nonpublic"]:after { content: "Make this DDOS sudden and undeclared!!!"; } .postform .post_name th:after { content: "Namefag's name:"; } .postform .post_email th:after { content: "Send spam here:"; } .postform .post_title th:after { content: "My problem is autism and also:"; } .postform .post_text th:after { content: "My useless shit I wanna say to the whole world:"; } .postform .post_file th:after { content: "Insert the trojan virus:"; } .postform .post_options th:after { content: "I'm part of the following cybercrime groups:"; } .oppost .reply_link:after { content: "[ Free porn here!!! ]"; } .omittedposts_count.i18n-ru_noun_after_numeral_2:after { content: "textboxes 4nd"; } .omittedfiles_count.i18n-ru_noun_after_numeral_3:after { content: "dickpics 0mitt3d."; } .pagination .pagination_title:after { content: "Code document number:"; } .options_header.options_utilities_header:after { content: "RSS."; } .options_groups_header:after { content: "Administrator's Control Room."; } .option_name.index_rss_feed:after { content: "Main page RSS:"; } .option_name.index_with_settings_rss_feed:after { content: "Main page RSS according to tags' configuration:"; } .options_table .options_https_none:after { content: "Let the feds catch me:"; } .options_table .options_https_always_on:after { content: "Let me be part of the Anonymous:"; } .options_group.options_samefileposting:after { content: "File authenticity check for moralfags."; } .options_table .options_samefileposting_none:after { content: "I'm a normie:"; } .options_table .options_samefileposting_off:after { content: "Fuck the corps:"; } .options_group.opt_bottomspacing:after { content: "Space under the discussion."; } .options_table .bottomspacing_none:after { content: "I like clarity:"; } .options_table .bottomspacing_zero:after { content: "I NEED CONTENT FAST!!!"; } .options_group.opt_dlghstr:after { content: "Post history."; } .options_table .dlghstr_none:after { content: "I'm not writing a school essay right now:"; } .options_table .dlghstr_floatingbox:after { content: "Multiwindow mode for Windowsfags:"; } .options_group.opt_i18n:after { content: "I speek this language if not 133t or English:"; } .options_table .i18n_none:after { content: "I learned Wapanese watching anime cartoons, desu:"; } .options_table .i18n_ru:after { content: "I wear adidas:"; } .options_group.opt_namefags:after { content: "Manage namefags' concentration camp:"; } .options_table .namefags_none:after { content: "Leave them with no food and clothes:"; } .options_table .namefags_disable:after { content: "GET INTO THE SHOWER!!!"; } .options_group.opt_ownpostdeleting:after { content: "Ban your own posts:"; } .options_table .ownpostdeleting_none:after { content: "Ban and report to FBI:"; } .options_table .ownpostdeleting_confirm:after { content: "Sign a legal consent document first:"; } .options_group.opt_postsfolding:after { content: "Long post cutting."; } .options_table .postsfolding_none:after { content: "I like simplicity:"; } .options_table .postsfolding_disable:after { content: "HARDCORE MODE:"; } .options_group.opt_posttextareasize:after { content: "Textarea Size."; } .options_table .posttextareasize_none:after { content: "Default:"; } .options_table .posttextareasize_auto:after { content: "Enlarge as the text is entered:"; } .options_table .posttextareasize_remember:after { content: "Use my own dicksize:"; } .options_group.opt_searchformpos:after { content: "Search button location."; } .options_table .searchformpos_none:after { content: "Dumb Coder-kun's way:"; } .options_table .searchformpos_intrusive:after { content: "An even dumber way:"; } .options_table .searchformpos_obtrusive:after { content: "White man's choice:"; } .options_group.opt_skin:after { content: "Board's Style."; } .options_table .skin_none:after { content: "I live in the 90s:"; } .options_table .skin_alterchan:after { content: "Alterchan's own skin -- pretty regular."; } .options_table .skin_cyberchaos:after { content: "THE ONLY TRUE WAY:"; } .options_group.opt_tagmiddleclick:after { content: "Left mouse button click on the tag would:"; } .options_table .tagmiddleclick_none:after { content: "Delete this website:"; } .options_table .tagmiddleclick_open:after { content: "Open the filter based on the tag:"; } .options_group.opt_ui:after { content: "Javascript."; } .options_table .ui_none:after { content: "I live in the 90s:"; } .options_table .ui_alterchan:after { content: "Alterchan"; } .options_group.opt_videoplacing:after { content: "Videos."; } .options_table .videoplacing_none:after { content: "Default"; } .options_table .videoplacing_inside_320x240:after { content: "320x240"; } .options_table .videoplacing_inside_420x315:after { content: "420x315"; } .options_table .videoplacing_inside_560x315:after { content: "560x315"; } .options_custom_css:after { content: "My CSS:"; } .options_custom_js:after { content: "My JS:"; } .options_save_button:after { content: "Potancevat' s bubnom!"; } html.help .rules_header:after { content: "FAQ."; } html.help .support_alterchan_header:after { content: "Support our bitcoin scam-pyramid!"; } html.help .rule.mizulina > .p1:after { content: "Запрещены любые действия, которые могут технически, юридически или иными путями нанести вред работе сайта. Алсо, квартиры здаём только для славян. И ещё: Рена-тян очень милая."; } body{background-attachment: fixed; background-repeat: no-repeat; background-size: 100% 100%; position: absolute; width: 1000px; left: 50%; transform: translate(-50%); } li{ background-color: black; color: green; font-family: "Courier New"; } table{ background-color: black; color: green; font-family: "Courier New"; } .rule .blacklist{ background-color: black; color: green; font-family: "Courier New"; } h2{ background-color: black; color: green; font-family: "Courier New"; } .options_header{ background-color: black; color: green; font-family: "Courier New"; } .option_name{ background-color: black; color: green; font-family: "Courier New"; } body{ margin-left: auto; margin-right: auto; font-family: "Courier New"; } .post_file_inner_container{ background-color: black; color: green; font-family: "Courier New"; } body{ max-width: 1000px; font-family: "Courier New"; } span{ background-color: black; color: green; font-style: normal; font-family: "Courier New"; } .post_to_thread_container{ background-color: black; color: green; font-family: "Courier New"; } blockquote{ background-color: black; color: green; font-family: "Courier New"; } .post_name .post_email .post_title, .post_text .post_file .post_utils, .post_options blockquote.post_text .post_option, .is_nonpublic { background-color: black; color: green; font-family: "Courier New"; } th{ background-color: black; color: green; font-family: "Courier New"; } a{ color: green; background-color: black; font-family: "Courier New"; } a:link { color: green; } a:visited { color: #009900; } a:hover { text-decoration: underline; color: red; } a:active { text-decoration: underline; color: red; } body{ background-image: url("https://media1.tenor.com/images/e09ddc0310432cb8b40f972281ede724/tenor.gif?itemid=7777301"); text-align: center; } .hide_button .button_face { background-color: black; color: green; font-family: "Courier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .reply_button .button_face { background-color: black; color: green; font-family: "Courier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .watch_button .button_face { background-color: black; color: green; font-family: "Courier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .unwatch_button .button_face { background-color: black; color: green; font-family: "Courier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .nonpublic_button .button_face { background-color: black; color: green; font-family: "Courier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .more_tags_button .button_face { background-color: black; color: green; font-family: "Courier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .disable_all_tags_button .button_face, .delete_tag_from_favorites_button .button_face { background-color: black; color: green; font-family: "Courier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .unban_button .button_face, .enable_all_tags_button .button_face, .add_tag_to_favorites_button .button_face { background-color: black; color: green; font-family: "Courier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .music_player .fake_player { background-color: black; color: green; font-family: "Courier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .video_source_icon { background-color: black; color: green; font-family: "Courier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .thumb_container.mimetype_audio .no_thumb_wrapper .no_thumb_thumb { background-color: black; color: green; font-family: "Courier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } .thumb_container.mimetype_text .no_thumb_wrapper .no_thumb_thumb, .thumb_container.mimetype_image .no_thumb_wrapper .no_thumb_thumb, .thumb_container.mimetype_model .no_thumb_wrapper .no_thumb_thumb, .thumb_container.mimetype_video .no_thumb_wrapper .no_thumb_thumb, .thumb_container.mimetype_example .no_thumb_wrapper .no_thumb_thumb, .thumb_container.mimetype_message .no_thumb_wrapper .no_thumb_thumb, .thumb_container.mimetype_multipart .no_thumb_wrapper .no_thumb_thumb, .thumb_container.mimetype_application .no_thumb_wrapper .no_thumb_thumb, .thumb_container.unexpected_mime_type .no_thumb_wrapper .no_thumb_thumb { background-color: black; color: green; font-family: "Courier New"; font-size: 12px; text-shadow: -4px 5px 3.5px green; } /* ******************** *compatibility code* ******************************************** *Compatibility code for new HTML markup. * *Код совместимости для новой разметки HTML.* ******************************************** */ .thumb_container .no_thumb_wrapper .no_thumb_thumb { width:100px; height:100px; font-family: "Courier New"; } .tagbar .button_face { background-size:100%; font-family: "Courier New"; } .button_face { background-color: black; color: green; background-position:center center; font-family: "Courier New"; } * { font-family: "Courier New"; } body { margin:0; padding:0; overflow-y:scroll; } hr { clear:both; border:1px solid green; border-style:solid none none; } .discussion_bottom_spacing { height:20em; } input,textarea,select,button { color: green; border:1px solid green; font-size:1em; background-color: black; font-family: "Courier New"; } .music_player .fake_player { width:200px; height:20px; display:inline-block; } /* *********** * .tooltip* ************************************************************************* *Tooltip (title="" substitute to be available to use with i18n_*.css) * * вставь, дабы можно было использовать с i18n_*.css * *.tooltip element must be placed after :hover element and contain * *.tooltiptext inside, for example: * *.tooltip элемент должен был поставлен после :hover элемента и содержать* *.tooltiptext внутри. Например,: * * * *<button>Hover me</button> * *<div class="tooltip"><div class="tooltiptext">Tooltip text</div></div> * ************************************************************************* */ @keyframes fade-in { from {opacity:0;} to {opacity:1;} } .tooltip { width:0; height:0; overflow:visible; position:relative; } .tooltip > .tooltiptext { top:-3.5em; left:0; border:1px solid green; display:none; padding:.4em; position:absolute; white-space:nowrap; background-color: black; color: green; font-family: "Courier New"; } :hover ~ .tooltip > .tooltiptext { display:block; animation:fade-in .75s cubic-bezier(1,-1,1,-1); } /* ************* *.pagination* ******************* *Pagination * *Нумерация страниц* ******************* */ .pagination { clear:both; border:1px green; padding:.3em .3em; background-color: black; color: green; font-family: "Courier New"; } .pagination .pagination_title:first-letter { text-transform:capitalize; } .pagination a { color: green; background-color: black; text-decoration:none; font-family: "Courier New"; } .pagination .active { font-weight:bold; } /* ********** *.markup_* ***************** *Posts markup. * *Разметка постов* ***************** */ .markup_quote { color: yellow; font-family: "Courier New"; } .markup_a { white-space:pre-wrap; } .markup_quote .markup_a { color: green; background-color: black; font-family: "Courier New"; } .markup_b { font-weight:bold; } .markup_i { font-style:italic; } .markup_u { text-decoration:underline; } .markup_s { text-decoration:line-through; } .markup_code_listing { margin:0; padding:.2em; overflow:auto; white-space:pre; font-family: "Courier New"; background-color: black; color: green; } .markup_spoiler, .markup_spoiler .markup_code_listing { color: green; background-color: black; font-family: "Courier New"; } .markup_spoiler:hover,.markup_spoiler .markup_code_listing:hover { cursor:none; color: green; font-family: "Courier New"; } /* ******* *.logo* ************************************************************* *Typical purpose of logo is to lead user onto main page. * *Типичная цель logo есть проводить юзера на гланую страницу.* ************************************************************* */ .logo { height:1.5em; margin:0 0 1em 0; z-index:9000; } .logo a { width:100%; color: green; outline:none; padding:0 .2em 0 .2em; display:block; position:fixed; margin-top:-1px; line-height:1.5em; border-bottom:1px solid green; text-decoration:none; background-color: black; font-family: "Courier New"; z-index:9000; } /* *********** *.adminbar* ************************************************************ *Adminbar contains NSFW, Options, Help and Logout buttons. * *Adminbar содержит кнопки NSFW, Опции, Помощь и Войти/Выйти* ************************************************************ */ .adminbar { top:0; right:0; padding:0; z-index:9000; position:fixed; white-space:nowrap; } .adminbar form { float:left; margin:0; display:inline-block; } .adminbar button[type=submit] { height:1.5em; border-top:none; border-right:none; padding:0 .5em .1em .5em; } /* ********* *.tagbar* ******************************************************************************** *tagbar is used to navigate user through boards like /a/, /b/ and such. * *Используется tagbar для навигации юзеров по раделам. Например, /шуе/ или /ппш/* ******************************************************************************** */ .tagbar { margin:1.5em auto; text-align:center; } .tagbar .tagbar_container { margin:0 auto; } .tagbar .tagbar_tag, .tagbar .tag_manipulation_element { display:inline-block; } .tagbar .tooltip { display:block; } .tagbar .tooltiptext { bottom:-2.5em; top:auto; } .tagbar_container { padding:0 2em 0 2em; line-height:2em; } .tagbar .favorites_tag_name { width:4em; } .tagbar .favorites_tag_name input { width:100% !important; box-sizing:border-box !important; } .tagbar_container .tooltip { line-height:1em; } .tagbar .more_tags_button button { width:16px; height:16px; margin:0; cursor:pointer; border:1px solid #000; bottom:8px; padding:0; opacity:.5; position:relative; } .tagbar .enable_all_tags_button button, .tagbar .add_tag_to_favorites_button button { width:16px; height:16px; margin:0; cursor:pointer; border:1px solid #000; bottom:8px; padding:0; opacity:.5; position:relative; } .tagbar .disable_all_tags_button button, .tagbar .delete_tag_from_favorites_button button { width:16px; height:16px; margin:0; cursor:pointer; border:1px solid #000; bottom:8px; padding:0; opacity:.5; position:relative; } .tagbar button[type="submit"]:first-letter { text-transform:none; } .tagbar button.on { border-style:none; } .tagbar button.off { border-style:none; opacity:.4; } /* *********** *.postform* ****************************************************** *Postform is a form that is used for posts posting. * *Postform это форма, используемая для постинга posts.* ****************************************************** */ .postform { margin:.4em 0 .8em 0; text-align:center; } .postform.reply_mode { display:inline-block; } .postform textarea { resize:both !important; } .postform .post_utils_call_button { width:1.75em; display:none; /* Should be invoked by js UI. Должен быть призван UI Javascript*/ } .postform .post_utils { display:none; } .postform .post_utils th { visibility:hidden; } .postform .post_name th:first-letter, .postform .post_tags th:first-letter, .postform .post_file th:first-letter, .postform .post_text th:first-letter, .postform .post_email th:first-letter, .postform .post_title th:first-letter { text-transform:capitalize; } .postform > table { width:30em; margin:auto; border-spacing:3px; } .postform.reply_mode td.post_tags, .postform.reply_mode .post_tags th { visibility:hidden; } .postform.reply_mode .post_option.is_nonpublic { display:none; } .postform input,.postform textarea,.postform select { margin:0; height:1.4em; padding:0; border:0px solid green; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .postform table th { width:1px; padding:0 .3em 0 0; text-align:left; font-weight:normal; white-space:nowrap; } .postform table td { height:1.4em; border:1px solid green; padding:0; white-space:nowrap; } .postform table td.post_file { vertical-align:middle; background-color: black; font-family: "Courier New"; } .postform table td.post_file .post_file_container { height:1em; overflow:hidden; position:relative; } .postform table td.post_file .post_file_inner_container { top:-6px; left:-3px; position:absolute; } .postform td.post_to_thread { border:0; padding:0; text-align:center; } .postform td.post_to_thread .post_to_thread_container { margin:0 auto; display:inline-block; } .postform input[type=checkbox] { height:inherit; width:inherit; min-width:1px; } .postform textarea, .postform input, .postform button { border:0; height:1.4em; width:100%; min-width:6em; } .postform textarea { width:36em; height:5em; } /* ******** *.posts* ************************************************************************** * Posts is a global posts container which contains all posts inside. * * Implied to be a singletone but not required to. * *Posts это глобальный контейнер posts, который содержит все posts внутри.* *Подразумевается быть одиночным но не обязательно * *All styles that are common both for opposts and subposts must be * *described within this .posts area. * *См. ниже для перевода * ************************************************************************** */ .posts input[type=checkbox].abbrev_checkbox { left:-666px; position:absolute; visibility:hidden; } .posts input[type=checkbox].abbrev_checkbox:checked ~ blockquote { overflow:hidden; max-height:7em; } .posts input[type=checkbox].abbrev_checkbox ~ .abbrev { display:none; } .posts input[type=checkbox].abbrev_checkbox:checked ~ .abbrev { display:inline-block; } .posts .abbrev { color: green; font-size:70%; padding:.5em; font-family: "Courier New"; } .posts .abbrev label { cursor:pointer; text-decoration:underline; } a:target ~ .subpost .reflink, a:target ~ .oppost_wrapper .oppost_wrapper_reflink.reflink { border:1px solid green; background-color: black; color: green; font-family: "Courier New"; } .posts .header { margin-bottom:.5em; } .posts .header .post_permalink { text-decoration:none; } .posts .header .post_title { color: green; font-weight:bold; background-color: black; font-family: "Courier New"; } .posts .header .post_name { color: green; background-color: black; font-weight:bold; font-family: "Courier New"; } .posts .header form { margin:0; display:inline-block; } .posts .header a.reflink { display:inline; padding:1px 3px 0 3px; text-decoration:none; background-color:black; color: green; font-family: "Courier New"; } .posts .header .header_buttons { display:inline-block; position:relative; top:2px; margin:0; padding:0; } .posts .header_buttons .button_container { margin:0; padding:0; display:inline-block; } .posts .header_buttons button { width:18px; height:18px; margin:0; cursor:pointer; padding:0; } .posts .header_buttons button:after { content:"\0000a0"; /*   required for button rendering Нужно сиё для рендеринга кнопки */ } .posts a.post_anchor { position:absolute; margin-top:-2.5em; } .posts .omittedposts { color: green; margin:0.2em 0; font-style:italic; font-weight:bold; } .posts .answers { margin:.2em 0 0 0; } .posts .answers a { margin:.1em 0 0 0; padding:.1em; display:inline-block; font-size:70%; background-color: black; color: green; font-family: "Courier New"; } .posts.transparent_thumbs .thumb { opacity:0.1; } .posts.transparent_thumbs .thumb:hover { opacity:1; } .posts div.post_tags { display:inline-block; } .posts .post_tags .id { padding:0 .3em; font-style:italic; background-color: black; color: green; font-family: "Courier New"; } .posts blockquote { margin:0; } .posts a { color: green; background-color: black; font-family: "Courier New"; } .posts .music_player { display:block; } .video_source_icon { width:42px; height:42px; opacity: .3; position: absolute; margin-top: -42px; margin-left: 3px; } /* ****************** *.thumb_container* **************************************************************************** *Appears in posts when image or file is attached. * *В тех posts, где прикреплён файл или картинка, появляется вот эта ебанина.* **************************************************************************** */ .thumb_container { float:left; } .thumb_container td { width:1px; padding:0; } .thumb_container td.properties { font-size:80%; font-style:italic; } .thumb_container span { white-space:nowrap; } .thumb_container .thumb { max-width:800px; } .thumb_container .thumb_link { outline:none; } /* ************************* *.oppost_wrapper .oppost* ******************************************************************** * Oppost_wrapper contains all subposts inside of self. Oppost is * * related only to oppost contents and not affects any subposts. * *Oppost_wrapper содержит все subposts внутри себя. Oppost относится* *только к содетжимому oppost и не воздействует на subposts. * * * *All styles that are common both for opposts and subposts must be * *described within .posts area. * *См. вниз за переводом * ******************************************************************** */ .oppost_wrapper { clear:both; border:none; padding:.1em .5em; margin-bottom:1em; } .oppost .reply_link { margin-left:0.3em; } .oppost .thumb_container { margin:0em .8em .5em 0em; } .oppost .fastreply { display:inline-block; } .oppost_wrapper.hidden > *:not(.oppost), .oppost_wrapper.hidden .oppost > *:not(.header):not(.omittedposts) { display:none; } /* ********** *.subpost* ************************************************************************** *Subpost is a post which is placed inside of an oppost. There must not be* * other HTML markup differences for opposts and subposts. * *Subpost это post, что находится внутри oppost. Между первым и вторым * * не должно быть другой HTML разницы в разметке. * * * * *All styles that are common both for opposts and subposts must be * *described within .posts area. * *Все стили, которые общие и для первого и для второго должны быть * *описаны (да, обосанны, блядь) в площади .posts * ************************************************************************** */ .subpost_wrapper { border:0; margin:.3em 0; display:block; } .subpost { border:1px solid green; padding:.5em .3em .3em .3em; display:inline-block; max-width:70%; background-color: black color: green; font-family: "Courier New"; } .subpost_container { display:block; color: green; background-color: black; font-family: "Courier New"; } .subpost .thumb_container { z-index:1; position:relative; margin:0em .5em .5em 0em; } .subpost .header_spacer /* required for better transposition of header when the thumbnail image is opened or blockquote text is too small Короче, когда thumbnail image открыт или blockquote text слишком мал, это нужно для лучшей транспозиции header*/ { width:16em; height:0; display:inline-block; visibility:hidden; } .subpost blockquote { margin-top:-1.2em; } .subpost .header { top:-1.2em; position:relative; } .subpost_wrapper.hidden .subpost_container > *:not(.header), .subpost_wrapper.hidden .subpost_container .header > *:not(.header_buttons) { display:none; } .subpost_wrapper.hidden .header { top:0; margin:0; padding:0; min-width:0; white-space:nowrap; } /* ********** *.options* ************************** *Options page markup. * *РАЗМЕТКА СТРАНИЦЫ ОПЦИЙ* ************************** */ .options_wrapper { margin-top:-1.2em; padding:.3em; } .options label { display:block; } .options_newpassword_field_name { display:inline-block; } .options_group { text-align: left; } button[type=submit]:first-letter, .options_header:first-letter, .options_group:first-letter, .option_name:first-letter { text-transform:capitalize; } /* ******* *.help* *************************** *Help page markup. * *РАЗМЕТКА СТРАНИЦЫ ПОМОЩИ.* *************************** */ html.help .help_container { padding:0 0.3em; } html.help .rule p { display:inline; } html.help .rule var, html.help .rule.blacklist_unsee > .p2:after { font-weight:bold; font-style:normal; font-family: "Courier New"; } html.help ol ol li { list-style-type:lower-latin; } html.help .button_face { width:14px; height:14px; display:inline-block; } /* ********* *.search* *************************** *Search page markup. * *РАЗМЕТКА СТРАНИЦЫ ПОИСКА.* *************************** */ .searchform { padding:0 .5em .8em .5em; } html.search .postform, html.search .oppost .header, html.search .adminbar .save_button { display:none; } html.search .postform.fastreply { display:block; } /* ******************** *#posts_history_box* ***************************************************************** *Historybox is a new reply history displaying mechanism. * *Historybox это есть новый механизм показывания истории ответов.* ***************************************************************** */ #posts_history_box { padding:1em 1em 1em 1em; display:none; border-left:1px solid green; overflow:auto; position:fixed; background-color: black; color: green; left:60%; right:0; top:1.5em; bottom:0; z-index:900; font-family: "Courier New"; } /* ************** *.floatingbox* ************************************************************************** *Floating box is an oldstyle reply history displaying mechanism. * *Floating box это олдскульный механизм показывания истории ответов. * *Бля, я это перевёл, как ебаный гулопереводчик с лилушского на яваньский.* ************************************************************************** */ .floatingbox_container .popup_subpost { margin:0 0 1em 0 !important; max-width:100% !important; } .signup_welcome_box { margin:1em 0; } /* *********************************************** *SIGN-IN PAGE / СТРАНИЦА ВХОДА ИЛИ РЕЦИСТРАЦИИ* *********************************************** */ html.signin, html.signup, html.options_set, html.signup_captcha_threshold, html.signin body, html.signup body, html.options_set body, html.signup_captcha_threshold body { margin:0; padding:0; height:100%; } html.signin table.sign_forms_container, html.signup table.sign_forms_container, html.options_set table.sign_forms_container, html.signup_captcha_threshold table.sign_forms_container { height:100%; margin:0 auto; max-width:40%; vertical-align:middle; } html.signin legend, html.signup legend, html.options_set legend { white-space:nowrap; font-weight:bold; } html.signin fieldset, html.signup fieldset, html.options_set fieldset { margin:1em auto; text-align:center; } html.signin fieldset table, html.signup fieldset table, html.options_set fieldset table { margin:auto; } html.signin fieldset table td, html.signup fieldset table td, html.options_set fieldset table td { padding:0.1em; } html.signin fieldset form, html.signup fieldset form, html.options_set fieldset form { margin:0.5em auto; } html.signin div.errors, html.signup div.errors, html.options_set div.errors { border:1px solid red; padding:0.5em 1em; margin:1em 0; } html.signup table.sign_forms_container td, html.options_set table.sign_forms_container td, html.signup_captcha_threshold table.sign_forms_container td { width:1px; text-align:left; }
...
82ecf39fc...c8.jpeg, 38.02 KB, 500x500, exif ggl iq id3

Перекрестясь, залил две новые новогодние темы в настройки. Всех с праздником и счастливого Рождества.

>>gdf
Таких значимых нововведений уже давно не было в истории альтерчонга.
>>gdf

>>gdh
Что правда то правда.
6b916f738...f9.jpeg, 939.52 KB, 2243x938, exif ggl iq id3

С таким шрифтом, я ощущаю себя Александром Сергеевичем. На золотой цепи на дубе том сидели духи в укрытии с котом.
Вот что удалось на славу, так это Чавес. Поскольку сижу с телефона, не могу точно утверждать про Деда. Всё, господа дворяне, граф Алексеев отбывает на разгон революционных настроений среди зарядной системы его комплюктера.
520f96b69...d0.jpeg, 974.52 KB, 1964x1086, exif ggl iq id3

Братцы, я тут наплёл своим знакомым с прочих борд, что у нас намечается клёвая туса на Christmas. Ну, ничего — я и один всех развеселю. А план у меня в наличии...

https://userstyles.org/styles/178563/cyberchaos-0-5
И так, я покорил Юзерстайлз, сделав [`/83|2[|-|405 0.5. Как видно выше, он теперь ещё более удобный на глаз, универсальный ко всем сайтам и вообще — изображения и текст теперь полупрозрачные.

>>gdo
Как успехи?