/* ==UserStyle==
@name           ponyach.ru - Custom Bright Style
@namespace      USO Archive
@author         x4fab
@description    `Updates look and slightly improves usability. Select “Photon” before installation.It doesn't work properly with Stylish, so I recommend use this as custom CSS for Dollchan Extension Tools instead: http://pastebin.com/GJNqxxVj.`
@version        20150417.23.6
@license        CC0-1.0
@preprocessor   uso
@advanced dropdown style "Style" {
	style_bb "Bright Blue*" <<<EOT a, a:hover, a:visited, .reflink > a, input[type="button"]:hover { color: #427fed !important }
a:active { color: #225f9d !important }
.highlight { outline: 2px solid #427fed } EOT;
style_bo "Bright Orange" <<<EOT  EOT;
style_d "Dark" <<<EOT html, body, body > .nomagic-switcher:before, body > .nomagic-switcher:after { background: #222; color: #fff !important }
.reply, body > form > .pstnode > hr { background: #333 !important; border-color: #000 !important }
a, a:hover, a:visited, .reflink > a, input[type="button"]:hover { color: #edaf52 !important }
.highlight { outline: 2px solid #edaf52 }
a:active { color: #ed7f42 !important }
.spoiler { background: #444; color: #222 !important }
.spoiler:hover { background: #555 !important; color: inherit !important }
.filetitle { color: #afed52  }
.de-new-post { background: #484833 !important } EOT;

}
@advanced dropdown spoilers "Spoilers" {
	spoilers_fw "Fanciest (WebKit only)*" <<<EOT .spoiler { background: inherit !important; color: inherit !important; -webkit-filter: blur(3px); transition: -webkit-filter .3s }
.spoiler:hover { background: inherit !important; color: inherit !important; -webkit-filter: blur(0px) } EOT;
spoilers_d "Default" <<<EOT  EOT;
spoilers_f "Fancy" <<<EOT .spoiler { background: inherit !important; color: transparent !important; text-shadow: 0 0 10px black; transition: text-shadow .3s, color .3s }
.spoiler:hover { background: inherit !important; color: inherit !important; text-shadow: 0 0 0 black } EOT;
spoilers_fd "Fancy (dark)" <<<EOT .spoiler { background: inherit !important; color: transparent !important; text-shadow: 0 0 10px white; transition: text-shadow .3s, color .3s }
.spoiler:hover { background: inherit !important; color: inherit !important; text-shadow: 0 0 0 white } EOT;

}

==/UserStyle== */
/* v8 */
/* turn on photon at first */
/* scroll down for customization */
/* roboto: https://drive.google.com/uc?export=download&id=0B6GfX1zRa8pOaURhZE5ES1ZST2M */

@-moz-document domain("ponyach.ru") {
/* global */
body { background: #eee; font-size: 12px }
* { font-family: Roboto !important }
a { text-decoration: none }

/* fancy buttons */
input[type="button"], input[type="submit"], button, input[type="file"]::-webkit-file-upload-button {
  border-radius: 0 !important;
  background-color: #f5f5f5 !important;
  background-image: linear-gradient(top,#f5f5f5,#f1f1f1) !important;
  box-shadow: none !important;
  border: 1px solid rgba(0,0,0,.18) !important;
  color: #444 !important;
  cursor: default !important;
  font-size: 12px !important;
  font-weight: bold !important;
  padding: 3px 10px !important;
}
input[type="button"]:hover, input[type="submit"]:hover, button:hover, input[type=file]:hover::-webkit-file-upload-button {
  background-image: linear-gradient(top,#f8f8f8,#f1f1f1) !important;
  box-shadow: 0 1px 1px rgba(0,0,0,.14) !important;
  border: 1px solid rgba(0,0,0,.22) !important;
  color: #333 !important;
}
input[type="button"]:active, input[type="submit"]:active, button:focus, input[type=file]:active {
  top: 0 !important;
  box-shadow: none !important;
}

/* logo */
.logo { margin: 0 40px 32px !important }
body > .logo + span > center, #randbanner { position: relative; display: block }
body > .logo + .hidemobile > center > img, #randbanner img { display: block !important; position: absolute; top: -80px; max-height: 80px; right: 32px; border: 0; -webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.8, transparent), to(rgba(0,0,0,.2))) }

/* clear up */
.footer, #de-main > hr, body > br, body > form[de-form] > br, body > form[de-form] > hr, .de-parea > hr { display: none }

/* threads divider */
body > form > .pstnode > br { display: none }
body > form > .pstnode > hr { margin: .8em 0; border: none; border-bottom: solid 1px #ccc }

/* reply button */
form + .de-parea { display: none }
.de-abtn.de-parea-btn-reply:after { content: " ответить " }
.de-abtn.de-parea-btn-thrd:after { content: " создать тред " }
.dnb + a { text-transform: lowercase }
.dnb + a:before, .dnb + a:after, .dnb + a + a:before, .dnb + a + a:after { content: " " }

/* navigation */
.navbar + center { display: none }
.navbar, .nomagic-switcher, .backnext, body > a { text-transform: lowercase }
#board_link_top_r34:after { content: " " }

/* search */
input[name="search"] {
  background: transparent;
  border: none;
  text-transform: lowercase;
  font-size: 12px;
  width: 60px;
  margin: 0 .25em;
  padding: 0;
}
body > form:nth-child(2) { float: right }
body > form:nth-child(2):before{ content: "[ " }
input[name="search"]:before { content: "[ "; text-decoration: none !important; color: black !important; border-bottom: none !important }

/* options button */
#de-main a[target]:hover { text-decoration: underline !important }
body > .nomagic-switcher:before, body > .nomagic-switcher:after { content: " ]"; text-decoration: none !important; color: black !important; border-bottom: none !important }
body > .nomagic-switcher:first-child:before { content: " / " }
body > br + .nomagic-switcher:before { content: "[ " }

/* stats */
form > .navbar { float: left }
.navbar + center ~ center { float: right; text-transform: lowercase; margin-bottom: 32px }
.navbar + center + center + center:before { content: "[ "; margin-bottom: none !important }
.navbar + center + center + center { margin-right: .25em }
.navbar + center + center:before { content: " / "; margin-bottom: none !important }
.navbar + center + center:after { content: " ]"; margin-bottom: none !important }

/* posts */
.reply, .highlight {
  background: #fff;
  border: none;
  border-bottom: solid 1px #ccc;
  padding: 0;
  margin: 0;
  border-radius: 0;
}

.highlight { outline: 2px solid #edaf52 }
.de-new-post { box-shadow: none !important; background: #ffd }
.de-selected  { box-shadow: none !important; background: #def }

/* popup */
.de-pview, .de-qarea-hanging > #de-pform { border: solid 1px #ccc !important }

/* coma fix */
.pstnode > .reply:not(#de-qarea), .pstnode [id^="reply"], [de-thread] { position: relative }
.pstnode > .reply:not(#de-qarea), .pstnode [id^="reply"], [de-thread], .reply.de-pview { overflow: hidden; padding: 2px 10px }

/* lists of posts */
div[de-thread] > table { min-width: 40% }
.de-pview, #de-qarea, .de-menu, #de-alert > .reply { border-bottom: solid 1px #ccc }

/* post's stuff */
.reflink, .filetitle { font-size: 1em }
.reflink > a:first-child { font-size: 0 }
.reflink > a:first-child:before { content: "#"; font-size: 12px }
.mobile_date { color: #aaa }
.omittedposts { font-weight: 700 }
blockquote pre { white-space: pre-line }

/* de buttons */
.de-post-counter:after { content: none !important }
.reply:not(.de-pview) .reflink:after, .highlight:not(.de-pview) .reflink:after  { counter-increment: de-cnt 1; content: "/ "counter(de-cnt) }
.de-post-btns > .de-post-note { display: none !important }

.de-post-btns > span[style] {
  float: left;
  font: inherit !important;
  font-size: 12px !important;
  color: inherit !important;
  opacity: 1 !important;
  font-weight: 700 !important;
  line-height: normal !important;
}

.de-post-btns > span[style]:before { content: "/ " }

.de-post-btns, .dast-hide-tr { float: right; font-size: 18px; line-height: 14px }
.de-post-btns > span, .de-post-hide .de-btn-hide, .de-post-hide .de-btn-hide-user, .dast-hide-tr, .de-btn-expthr { opacity: .4; background: transparent !important; padding: 0 }
.de-post-btns > span:hover, .dast-hide-tr:hover, .de-btn-expthr:hover { opacity: .6 }
 
.de-btn-rep { font-size: 18px; vertical-align: top }
.de-btn-hide, .de-btn-hide-user { font-size: 20px; vertical-align: top }
.de-btn-expthr { font-size: 15px; margin-left: -1px !important }
.de-btn-fav, .de-btn-fav-sel { font-size: 13px }
.de-btn-stick, .de-btn-stick-on { margin-left: -3px !important }
.dast-hide-tr { color: inherit !important; margin-left: -3px !important }
.dast-hide-tr:hover { color: inherit !important }

.de-btn-rep:after { content: "▶" }
.de-btn-fav:after, .de-btn-fav-sel:after { content: "★" }
.de-btn-fav-sel, .de-btn-stick-on { color: green }
.de-btn-hide:after, .de-btn-hide-user:after { content: "×" }
.de-btn-hide-user { color: red }
.de-btn-expthr:after { content: "⇵" }
.de-btn-stick:after, .de-btn-stick-on:after { content: "■" }

/* mods */
.coma-colormark { position: absolute !important; left: -2px !important; top: -2px !important; width: 5px !important; height: auto !important; bottom: -2px !important; border: none !important; border-radius: 0 !important }
[de-oppost] > label > .coma-colormark { display: none !important }

#de-panel { opacity: 0; transition: opacity .3s .6s }
#de-panel:hover { opacity: 1; transition: opacity .3s .1s }
.de-cfg-head { border-radius: 0 !important }

/* information.html */
body > div.reply { padding: 6px 20px; margin-top: 8px }
body > div.reply > center:first-child > h2 { margin-top: 0 }
body > div.reply + br { display: none }

/* captcha */
#haikaptcha { top: calc(50vh - 240px); left: calc(50vw - 200px); color: white; text-align: center }
.overlay-bg { position: fixed !important }

/* adaptive margins */
@media screen and (min-width: 900px) { body { margin: 0 60px !important } }
@media screen and (min-width: 1200px) { body { margin: 0 210px 0 90px !important } }
@media screen and (min-width: 1700px) { body { margin: 0 360px 0 120px !important } }

/* image left/right buttons */
#de-img-btn-next, #de-img-btn-prev {
  top: 0 !important;
  bottom: 0;
  height: auto !important;
  border-radius: 0 !important;
  padding: 0 8px;
  opacity: .1;
  transition: opacity .3s .1s;
}
#de-img-btn-next:hover, #de-img-btn-prev:hover {
  opacity: .7;
  transition: opacity .1s;
}
#de-img-btn-next > div, #de-img-btn-prev > div {
  background-position: center;
  height: 100%;
}

/*[[style]]*/
/*[[spoilers]]*/
/* custom options: remove space  in "* /" to enable */
/* blue links color */
a, a:hover, a:visited, .reflink > a, input[type="button"]:hover { color: #427fed !important }
a:active { color: #225f9d !important }
.highlight { outline: 2px solid #427fed }

/* dark * /
html, body, body > .nomagic-switcher:before, body > .nomagic-switcher:after { background: #222; color: #fff !important }
.reply, body > form > .pstnode > hr { background: #333 !important; border-color: #000 !important }
a, a:hover, a:visited, .reflink > a, input[type="button"]:hover { color: #edaf52 !important }
.highlight { outline: 2px solid #edaf52 }
a:active { color: #ed7f42 !important }
.spoiler { background: #444; color: #222 !important }
.spoiler:hover { background: #555 !important; color: inherit !important }
.filetitle { color: #afed52  }
.de-new-post { background: #484833 !important }

/* fancy spoilers * /
.spoiler { background: inherit !important; color: inherit !important; -webkit-filter: blur(3px); transition: -webkit-filter .3s }
.spoiler:hover { background: inherit !important; color: inherit !important; -webkit-filter: blur(0px) }

/* fancy spoilers - firefox version * /
.spoiler { background: inherit !important; color: transparent !important; text-shadow: 0 0 10px black; transition: text-shadow .3s, color .3s }
.spoiler:hover { background: inherit !important; color: inherit !important; text-shadow: 0 0 0 black }

/* fancy spoilers - firefox version - dark * /
.spoiler { text-shadow: 0 0 10px white }
.spoiler:hover { text-shadow: 0 0 0 white }

/* end */
}