html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; font-size: 100%; font: inherit; vertical-align: baseline } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1 } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } table { border-collapse: collapse; border-spacing: 0 }
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary { display: block; }
html { height: 100%; min-height: 100%; }
body { min-height: 100%; }
html, html a { -webkit-font-smoothing: antialiased; }
body, select, input, textarea, button {
font: normal 14px/1.5 Arial, Helvetica, sans-serif;
color: #353535;
outline: none;
}
a {
outline: none;
color: #3394e6;
text-decoration: none;
}
a:hover { text-decoration: underline; }
a img { border: 0 none; }
a > img { vertical-align: bottom; }
h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5 {
margin: 2em 0 .6em 0;
letter-spacing: -0.01em;
line-height: normal;
font-weight: bold;
text-rendering: optimizeLegibility;
}
h1, .h1 { font-size: 23px; }
h2, .h2 { font-size: 21px; }
h3, .h3 { font-size: 20px; }
h4, .h4 { font-size: 18px; }
h5, .h5 { font-size: 16px; }
.strike { text-decoration: line-through; }
.nobr { white-space: nowrap; }
.hide { display: none; }
.title_hide { left: -9999px; position: absolute; top: -9999px; overflow: hidden; width: 0; height: 0; }
.uline { text-decoration: underline; }
.strike { text-decoration: line-through; }
.justify { text-align: justify; }
.center { text-align: center; }
.left { float: left; }
.right { float: right; }
fieldset { border: 1px solid rgba(0,0,0,0.1); padding: 20px; margin-bottom: 25px; }
fieldset legend { font-weight: bold; }
.grey { color: #919191; }
.grey a { color: inherit; }
.grey a:hover { color: #353535; }
.blue { color: #3394e6; }
.orange { color: #e85319; }
sup { vertical-align: super; font-size: smaller; }
sub { vertical-align: sub; font-size: smaller; }
.over { display: inline-block; vertical-align: middle; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
a .over { cursor: pointer; }
ul { padding-left: 25px; list-style: disc outside; }
ol { padding-left: 25px; list-style: decimal outside; }
strong, b { font-weight: bold }
em, cite, i { font-style: italic }
caption { text-align: left }
th, td { vertical-align: middle }
small, .small { font-size: .9em; }
hr { height: 0; border: 0; border-top: 2px solid #eeeeef; -moz-box-sizing: content-box; box-sizing: content-box; margin: 20px 0; }
.clr { clear: both }
.clrfix:after { clear: both; content: ""; display: table; }
body { background: #ededed; }
.box {
background-color: #fff;
margin-bottom: 25px;
border-radius: 2px;
position: relative;
box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
}
.box > .heading { padding: 4% 8%; margin: 0; text-transform: uppercase; }
.box > .heading .hnum { font-size: .6em; display: inline-block; vertical-align: top; margin: 0 0 0 .4em; }
.box_in { padding: 4% 8%; }
.story .title { margin: -.1em 0 1em 0; font-size: 20px; }
.story .title > a {
color: inherit;
text-decoration: none !important;
-webkit-transition: all ease .2s; transition: all ease .2s;
}
.story .title > a:hover { color: #3394e6; }
.story_icons {
position: absolute;
top: 0; left: 0;
width: 8%;
list-style: none;
padding: 4% 0 0 0; margin: -.2em 0 0 0;
}
.fixed_story .story_icons { z-index: 1; }
.story_icons > li { text-align: center; margin: 0 0 10px 0; }
.story .box_in > .text { font-size: 1.08em; }
.story .box_in > .text:after { content: ""; display: block; clear: both; }
.story .box_in > .text > img[style*="left"], .story .box_in > .text > .highslide img[style*="left"] { margin: 2px 4% 4% 0; }
.story .box_in > .text > img[style*="right"], .story .box_in > .text > .highslide img[style*="right"] { margin: 2px 0 4% 4%; }
.story .box_in > .text img { max-width: 100%; }
.story_tools { margin-top: 4%; }
.story_tools > .category { float: right; margin-top: .7em; font-size: .9em; }
.story_tools > .category .icon { width: 12px; height: 15px; margin: -.2em .4em 0 0; }
.story_tools > .btn { float: left; margin-right: 2em; }
.story > .meta { font-size: .9em; background-color: #f7f7f7; padding: 2% 8%; border-radius: 0 0 2px 2px; }
.meta:after, .story_tools:after { clear: both; display: table; content: ""; }
.meta > ul { list-style: none; padding: 0; margin: 0; }
.meta > ul > li { display: inline; }
.meta > ul.left > li { margin-right: 2em; }
.meta > ul.right > li { margin-left: 2em; }
.meta .icon-views { height: 18px; }
.scriptcode, .title_quote,
.title_spoiler, .text_spoiler { padding: 2% 4%; background: #fff; border: 1px solid #dde4ea; }
.title_quote { margin-top: 2px; font-weight: bold; }
.quote, blockquote { padding: 1% 4%; margin: 1em 0; border-left: 2px solid #e85319; font-family: Georgia, serif; font-style: italic; font-size: 1.2em; }
.title_spoiler { margin-top: 2px; }
.text_spoiler { margin-bottom: 2px; }
.title_spoiler img { vertical-align: middle; margin: -1px 0 0 !important }
.scriptcode { color: #4c6d0f; text-align: left; font-family: "Courier New" }
.title_spoiler { font-weight: normal; }
.text_spoiler { border-top: 0; text-align: justify; }
.hide { background-color: #f0f0f0; padding: 5px; color: #4c6d0f; margin: 0 0 1em 0 }
.hide a { text-decoration: underline; } .hide a:hover { text-decoration: none }
.btn, .bbcodes, .ui-button, .btn-border {
border: 0 none;
display: inline-block;
vertical-align: middle;
cursor: pointer;
height: 36px;
border-radius: 18px;
line-height: 22px;
outline: none;
background-color: #3394e6;
color: #fff;
border: 0 none;
padding: 7px 22px;
text-decoration: none !important;
box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
-webkit-transition: all ease .1s; transition: all ease .1s;
}
.btn > .icon { fill: #fff; }
.btn-white > .icon { fill: #3394e6; }
.btn-white { background-color: #fff; color: #3394e6; }
.btn-white:hover > .icon { fill: #fff; }
.btn-white:hover { background-color: #3394e6; color: #fff; }
.btn:hover, .bbcodes:hover, .ui-button:hover { background-color: #46a6f6; }
.btn-big { height: 46px; padding: 12px 27px; border-radius: 23px; }
.btn-border {
color: #3394e6;
border: 2px solid #3394e6;
line-height: 22px;
padding: 5px 20px;
background-color: transparent !important;
overflow: hidden;
box-shadow: inset 0 0 0 0 transparent; -webkit-box-shadow: inset 0 0 0 0 transparent;
}
.btn-border:hover {
box-shadow: inset 0 0 0 2px rgba(51,148,230,0.2); -webkit-box-shadow: inset 0 0 0 2px rgba(51,148,230,0.2);
}
.emoji {
border: none;
vertical-align: middle;
width: 22px;
height: 22px;
}
.xfieldimagegallery {
margin: 0;
padding: 0;
list-style: none;
clear: both;
}
.xfieldimagegallery li {
list-style: none;
margin: 0;
padding: 0;
}
.xfieldimagegallery li img {
float: left;
margin-right: 5px;
border: 5px solid #fff;
width: 100px;
height: 100px;
transition: box-shadow 0.5s ease;
}
.xfieldimagegallery li img:hover {
box-shadow: 0px 0px 7px rgba(0,0,0,0.4);
}
pre code { display: block; padding: 0.5em; background: #f9fafa; border: 1px solid #dce7e7; overflow:auto; white-space: pre; }
.hljs-comment, .hljs-quote {
color: #a0a1a7;
font-style: italic;
}
.hljs-doctag, .hljs-keyword, .hljs-formula {
color: #a626a4;
}
.hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst {
color: #e45649;
}
.hljs-literal {
color: #0184bb;
}
.hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string {
color: #50a14f;
}
.hljs-built_in, .hljs-class .hljs-title {
color: #c18401;
}
.hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr,
.hljs-selector-pseudo, .hljs-number {
color: #986801;
}
.hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title {
color: #4078f2;
}
.hljs-emphasis {
font-style: italic;
}
.hljs-strong {
font-weight: bold;
}
.hljs-link {
text-decoration: underline;
}
p {
margin-block-start: .7em;
margin-block-end: .7em;
}
figure {
margin: 0;
}
figure.align-left {
float: left;
}
figure.align-right {
float: right;
}
figure.image.align-center {
display: table;
margin-left: auto;
margin-right: auto;
}
figure.image figcaption {
padding: 1rem;
background-color: #fafafa;
font-size: .8rem;
caption-side: bottom;
word-break: break-word;
text-align: center;
}
figure.image.align-center figcaption {
display: table-caption;
}
.image-bordered {
border: 1px solid #ddd;
}
.image-shadows {
box-shadow: rgb(9 30 66 / 25%) 0px 4px 8px -2px, rgb(9 30 66 / 8%) 0px 0px 0px 1px;
}
.image-padded {
padding: 0.5rem;
}
.title_spoiler svg {
vertical-align: middle;
margin-top: -4px;
margin-right: 7px;
height: 16px;
width: 16px;
}