API tools faq
paste
Advertisement
Guest User

css

a guest
Apr 9th, 2015
273
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.92 KB | None | 0 0
raw download clone embed print report
  1. /* Global */ s`
  2. html { position: relative; background: {0:@(BACKGROUND_COLOR)}; min-width: 800px; overflow-x: hidden }
  3. body { background: {0:@(BACKGROUND_COLOR)}; width: 80%; margin-left: 6%;
  4. font-family: {0:@(FONT)}, sans-serif; padding-top: 120px; padding-bottom: 32px; }
  5. a { color: {0:@(LINK_COLOR)}; transition: color 0.2s }
  6. a:hover { color: {0:@(LINK_HOVER_COLOR)} }
  7. button, input[type=button], input[type=submit], input[type=file]
  8. { cursor: pointer }`,
  9.  
  10.  
  11. /* Det Settings */ s`
  12. .de-content { top: 50%; bottom: auto; max-height: none; right: 50%; margin-right: -236px;
  13. margin-top: -252px; }
  14. .de-content * { font-family: inherit !important; }
  15. .de-content > .reply
  16. { box-shadow: {0:@(SHADOW_ARGS)} {0:@(SHADOW_COLOR)};
  17. border-radius: {0:@(BORDER_RADIUS)} !important;
  18. background: {0:@(BACKGROUND_COLOR)} }
  19. #de-cfg-head { transition: background 0.2s, color 0.2s; cursor: pointer; height: 40px; line-height: 40px;
  20. font-family: inherit; font-weight: normal;
  21. background: {0:@(POST_BACKGROUND_COLOR)} !important; color: {0:@
  22.  
  23. (TEXT_COLOR)};
  24. border-radius: {0:@(BORDER_RADIUS)} {0:@(BORDER_RADIUS)} 0 0; }
  25. #de-cfg-head:hover { background: {0:@(LINK_COLOR)} !important; color: white }
  26. .de-cfg-body, #de-cfg-btns
  27. { background: {0:@(BACKGROUND_COLOR)}; border: 0; padding: 12px 8px 8px 8px;
  28. color: {0:@(TEXT_COLOR)} }
  29. .de-cfg-body { padding-left: 30px; padding-right: 30px; }
  30. #de-cfg-btns { padding-top: 6px }
  31. .de-cfg-tab-back { background: {0:@(POST_BACKGROUND_COLOR)} !important; border: 0 !important; }
  32. .de-cfg-tab-back:lang(de)
  33. { border-radius: 0 !important; min-width: 72px; }
  34. .de-cfg-tab-back[selected=true] .de-cfg-tab
  35. { border-bottom: 5px solid {0:@(LINK_COLOR)} !important; }
  36. .de-cfg-tab:lang(de)
  37. { background: {0:@(POST_BACKGROUND_COLOR)} !important; border-radius: 0 !
  38.  
  39. important;
  40. font-weight: normal;
  41. cursor: pointer; transition: background 0.2s, color 0.2s, border-bottom
  42.  
  43. 0.2s;
  44. border-bottom: 5px solid {0:@(POST_BACKGROUND_COLOR)} !important;
  45. line-height: 24px; height: 20px; color: {0:@(TEXT_COLOR)} }
  46. .de-cfg-tab:hover
  47. { background: {0:@(LINK_COLOR)} !important; color: white;
  48. border-bottom: 5px solid {0:@(LINK_COLOR)} !important; }
  49.  
  50. #de-spell-edit { background: {0:@(POST_BACKGROUND_COLOR)}; height: 259px !important;
  51. margin: 2px 0 !important; font-size: 12px !important; line-height: 15px
  52.  
  53. !important;
  54. color: {0:@(TEXT_COLOR)} }
  55.  
  56. .de-cfg-body input[type=checkbox]
  57. { margin-right: 10px !important; }
  58. .de-cfg-body { line-height: 21px; height: 354px; }
  59. .de-cfg-body input[type=text]
  60. { padding: 3px !important; font-size: 90% !important; height: 17px !important
  61.  
  62. }
  63. .de-cfg-body select
  64. { position: relative; height: 23px; top: 1px; line-height: 20px !important;
  65. min-height: auto !important; margin-bottom: 12px !important; width:
  66.  
  67. 372px; }
  68. .de-cfg-body select[info=linksNavig], .de-cfg-body select[info=addYouTube], .de-cfg-body select[info=ajaxReply],
  69. .de-cfg-body select[info=YTubeType], .de-cfg-body select[info=updThread]
  70. { margin-bottom: 8px !important }
  71.  
  72. .de-cfg-body select[info=YTubeType]
  73. { width: auto; }
  74.  
  75. .de-cfg-body select[info=ajaxReply] + div, .de-cfg-depend
  76. { margin-bottom: 4px !important }
  77. .de-cfg-body [dast-set] input[type=text], input[info=nameValue]
  78. { width: 368px !important; }
  79.  
  80. .de-cfg-body input[type=text], select
  81. { height: 20px; /*line-height: 20px !important;*/ }
  82.  
  83. .updThrDelaySec { font-size: 82%; margin-left: 2px; position: relative; top: 6px; width: 18px;
  84. overflow: hidden; display: inline-block; }
  85. .de-cfg-body [info=updThread]
  86. { width: 300px !important; }
  87.  
  88. #de-spell-rowmeter { border-radius: 2px 0 0 2px; }
  89.  
  90. #de-cfg-posts .de-abtn, #de-cfg-info .de-abtn
  91. { font-size: 82%; margin-left: 2px; position: relative; top: -4px; width: 6px;
  92. overflow: hidden; display: inline-block }
  93.  
  94. .de-cfg-body input[info=updThrDelay]
  95. { width: 43px; }
  96. .de-cfg-body input[info=timeOffset]
  97. { width: 37px; }
  98.  
  99. #de-cfg-posts .de-cfg-depend > div
  100. { display: inline-block; }
  101. .de-cfg-body input[info=timePattern]
  102. { width: 290px !important; }
  103.  
  104. .de-cfg-body input[info=YTubeHeigh] + label
  105. { top: 2px; position: relative; }
  106. .de-cfg-body input[info=YTubeHeigh] + label input
  107. { margin-right: 2px !important; margin-left: 2px !important; }
  108.  
  109. #de-cfg-info > span
  110. { position: relative; left: 30px; display: block }
  111.  
  112. .dast-tab { margin-left: 20px; display: block }
  113. #de-cfg-info .moco-tip
  114. { font-style: normal; margin-right: 40px; margin-top: 0; }
  115. #de-cfg-info .moco-tip a
  116. { text-decoration: none; border-bottom: 1px dashed {0:@(LINK_COLOR)};
  117. transition: color 0.2s, border-bottom 0.2s; }
  118. #de-cfg-info .moco-tip a:hover
  119. { border-bottom: 1px dashed {0:@(LINK_HOVER_COLOR)}; }`,
  120.  
  121. /* Cool Buttons */ c`
  122. .de-cfg-body input[type=text]
  123. { padding: 0 !important; height: 19px !important; margin: 0 1px 0 0; }
  124. #de-spell-edit { height: 255px !important; }
  125.  
  126. .de-cfg-body select
  127. { height: 21px; top: 0;}`,
  128.  
  129. /* Posts */ s`
  130. form > div.pstnode > div:first-child, div[id^=thread], span[id^=unhidethread] + div, form .reply,
  131. #de-content-hid .reply, form .highlight, #de-pform, .postarea
  132. { background: {0:@(POST_BACKGROUND_COLOR)}; border-radius: {0:@(BORDER_RADIUS)};
  133. padding: 37px 20px 34px 20px;
  134. position: relative; overflow: hidden; margin-top: 10px; border: none; display: block;
  135. {0:@(SHADOWS)}: inset {0:@(SHADOW_ARGS)} {0:@(SHADOW_COLOR)}; min-width: 600px }
  136. .de-pview-info
  137. { padding: 10px 20px 10px 20px; }
  138. #de-qarea, #de-pform, .postarea
  139. { padding: 0; color: {0:@(TEXT_COLOR)}; }
  140. #de-qarea, .postarea
  141. { margin-top: 10px }
  142. form .highlight
  143. { box-shadow: 0 0 5px {0:@(LINK_COLOR)} inset; }
  144. .de-pview, div[id^=PONY_preview]
  145. { position: absolute !important; background: {0:@(BACKGROUND_COLOR)} !important;
  146. box-shadow: {0:@(SHADOW_ARGS)} {0:@(SHADOW_COLOR)} !important }
  147. form table { width: 100%; border-spacing: 0px }
  148. .doubledash { display: none }
  149. form > div.pstnode > div:first-child a[name]:first-child, div[id^=thread] a[name]:first-child,
  150. form .reply a[name]:first-child, form .highlight a[name]:first-child,
  151. span[id^=unhidethread] + div a[name]:first-child
  152. { position: absolute; top: -60px }
  153.  
  154. .de-post-hid, .deleted
  155. { background-image: {0:@(STRIPES)}(left bottom, {0:@(IMAGES_STRIPS_COLOR)} 0%, {0:@
  156.  
  157. (IMAGES_STRIPS_COLOR)} 25%, transparent 25%, transparent 50%, {0:@(IMAGES_STRIPS_COLOR)} 50%, {0:@(IMAGES_STRIPS_COLOR)} 75%, transparent
  158.  
  159. 75%) !important;
  160. background-size: 20px 20px !important; }
  161. .de-post-hid:before, .deleted:before
  162. { color: {0:@(TEXT_COLOR)}; content: "Удалён"; left: 0; margin-top: -20px; position:
  163.  
  164. absolute;
  165. right: 0; text-align: center; top: 50%; z-index: 10; font-size: 200%; }
  166. .de-post-hid > *, .deleted > *
  167. { opacity: 0.3 !important; }
  168. .de-post-hid:before
  169. { content: "Скрыт"; }`,
  170.  
  171.  
  172.  
  173.  
  174. /* v3 */
  175. /* turn on photon at first */
  176. /* scroll down for customization */
  177.  
  178. /* fancy buttons */
  179. input[type="button"], input[type="submit"], button, input[type="file"]::-webkit-file-upload-button {
  180. border-radius: 0 !important;
  181. background-color: #f5f5f5 !important;
  182. background-image: linear-gradient(top,#f5f5f5,#f1f1f1) !important;
  183. box-shadow: none !important;
  184. border: 1px solid rgba(0,0,0,.18) !important;
  185. color: #444 !important;
  186. cursor: default !important;
  187. font-size: 12px !important;
  188. font-weight: bold !important;
  189. padding: 3px 10px !important;
  190. }
  191. input[type="button"]:hover, input[type="submit"]:hover, button:hover, input[type=file]:hover::-webkit-file-upload-button {
  192. background-image: linear-gradient(top,#f8f8f8,#f1f1f1) !important;
  193. box-shadow: 0 1px 1px rgba(0,0,0,.14) !important;
  194. border: 1px solid rgba(0,0,0,.22) !important;
  195. color: #333 !important;
  196. }
  197. input[type="button"]:active, input[type="submit"]:active, button:focus, input[type=file]:active {
  198. top: 0 !important;
  199. box-shadow: none !important;
  200. }
  201.  
  202. /* logo */
  203. .logo { margin: 0 32px 24px !important }
  204. body > .logo + span > center { position: relative }
  205. body > .logo + .hidemobile > center > 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))) }
  206.  
  207. /* clear up */
  208. .footer, #de-main > hr, body > br, body > form[de-form] > br, body > form[de-form] > hr, .de-parea > hr { display: none }
  209.  
  210. /* threads divider */
  211. body > form > .pstnode > br { display: none }
  212. body > form > .pstnode > hr { margin: .8em 0; border: none; border-bottom: solid 1px #ccc }
  213.  
  214. /* reply button */
  215. form + .de-parea { display: none }
  216. .de-abtn.de-parea-btn-reply:after { content: " ответить " }
  217. .de-abtn.de-parea-btn-thrd:after { content: " создать тред " }
  218. .dnb + a { text-transform: lowercase }
  219. .dnb + a:before, .dnb + a:after, .dnb + a + a:before, .dnb + a + a:after { content: " " }
  220.  
  221. /* navigation */
  222. .navbar + center { display: none }
  223. .navbar, .nomagic-switcher, .backnext, body > a { text-transform: lowercase }
  224. #board_link_top_r34:after { content: " " }
  225.  
  226. /* search */
  227. input[name="search"] {
  228. background: transparent;
  229. border: none;
  230. text-transform: lowercase;
  231. font-size: 12px;
  232. width: 60px;
  233. margin: 0 .25em;
  234. padding: 0;
  235. }
  236. body > form:nth-child(2) { float: right }
  237. body > form:nth-child(2):before{ content: "[ " }
  238. input[name="search"]:before { content: "[ "; text-decoration: none !important; color: black !important; border-bottom: none !important }
  239.  
  240. /* options button */
  241. #de-main a[target]:hover { text-decoration: underline !important }
  242. body > .nomagic-switcher:before, body > .nomagic-switcher:after { content: " ]"; text-decoration: none !important; color: black !important; border-bottom: none !important }
  243. body > .nomagic-switcher:first-child:before { content: " / " }
  244. body > br + .nomagic-switcher:before { content: "[ " }
  245.  
  246. /* stats */
  247. form > .navbar { float: left }
  248. .navbar + center ~ center { float: right; text-transform: lowercase; margin-bottom: 32px }
  249. .navbar + center + center + center:before { content: "[ "; margin-bottom: none !important }
  250. .navbar + center + center + center { margin-right: .25em }
  251. .navbar + center + center:before { content: " / "; margin-bottom: none !important }
  252. .navbar + center + center:after { content: " ]"; margin-bottom: none !important }
  253.  
  254. /* posts */
  255. .reply, .highlight {
  256. background: #e9e9e9;
  257. border: none;
  258. border-bottom: solid 1px #ccc;
  259. padding: 0;
  260. margin: 0;
  261. border-radius: 0;
  262. }
  263.  
  264. .highlight { outline: 2px solid #edaf52 }
  265. .de-new-post { box-shadow: none !important; background: #ffd }
  266.  
  267. /* popup */
  268. .de-pview, .de-qarea-hanging > #de-pform { border: solid 1px #ccc !important }
  269.  
  270. /* coma fix */
  271. .pstnode > .reply:not(#de-qarea), .pstnode [id^="reply"], [de-thread] { position: relative }
  272. .pstnode > .reply:not(#de-qarea), .pstnode [id^="reply"], [de-thread], .reply.de-pview { overflow: hidden; padding: 2px 10px }
  273.  
  274. /* lists of posts */
  275. div[de-thread] > table { min-width: 40% }
  276. .de-pview, #de-qarea, .de-menu, #de-alert > .reply { border-bottom: solid 1px #ccc }
  277.  
  278. /* post\'s stuff */
  279. .reflink, .filetitle { font-size: 1em }
  280. .reflink > a:first-child { font-size: 0 }
  281. .reflink > a:first-child:before { content: "#"; font-size: 12px }
  282. .mobile_date { color: #aaa }
  283. .omittedposts { font-weight: 700 }
  284.  
  285. /* de buttons */
  286. .de-post-counter:after { content: none !important }
  287. .reply:not(.de-pview) .reflink:after, .highlight:not(.de-pview) .reflink:after { counter-increment: de-cnt 1; content: "/ "counter(de-cnt) }
  288. .de-post-btns > .de-post-note { display: none !important }
  289.  
  290. .de-post-btns > span[style] {
  291. float: left;
  292. font: inherit !important;
  293. font-size: 12px !important;
  294. color: inherit !important;
  295. opacity: 1 !important;
  296. font-weight: 700 !important;
  297. line-height: normal !important;
  298. }
  299.  
  300. .de-post-btns > span[style]:before { content: "/ " }
  301.  
  302. .de-post-btns, .dast-hide-tr { float: right; font-size: 18px; line-height: 14px }
  303. .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 }
  304. .de-post-btns > span:hover, .dast-hide-tr:hover, .de-btn-expthr:hover { opacity: .6 }
  305.  
  306. .de-btn-rep { font-size: 18px; vertical-align: top }
  307. .de-btn-hide, .de-btn-hide-user { font-size: 20px; vertical-align: top }
  308. .de-btn-expthr { font-size: 15px; margin-left: -1px !important }
  309. .de-btn-fav, .de-btn-fav-sel { font-size: 13px }
  310. .de-btn-stick, .de-btn-stick-on { margin-left: -3px !important }
  311. .dast-hide-tr { color: inherit !important; margin-left: -3px !important }
  312. .dast-hide-tr:hover { color: inherit !important }
  313.  
  314. .de-btn-rep:after { content: "▶" }
  315. .de-btn-fav:after, .de-btn-fav-sel:after { content: "★" }
  316. .de-btn-fav-sel, .de-btn-stick-on { color: green }
  317. .de-btn-hide:after, .de-btn-hide-user:after { content: "×" }
  318. .de-btn-hide-user { color: red }
  319. .de-btn-expthr:after { content: "⇵" }
  320. .de-btn-stick:after, .de-btn-stick-on:after { content: "■" }
  321.  
  322. /* mods */
  323. .coma-colormark { position: absolute !important; left: -2px !important; top: -2px !important; width: 10px !important; height: auto !important; bottom: -2px !important; border: none !important; border-radius: 0 !important }
  324. [de-oppost] > label > .coma-colormark { display: none !important }
  325.  
  326. #de-panel { opacity: 0; transition: opacity .3s .6s }
  327. #de-panel:hover { opacity: 1; transition: opacity .3s .1s }
  328. .de-cfg-head { border-radius: 0 !important }
  329.  
  330. /* information.html */
  331. body > div.reply { padding: 6px 20px; margin-top: 8px }
  332. body > div.reply > center:first-child > h2 { margin-top: 0 }
  333. body > div.reply + br { display: none }
  334.  
  335. /* captcha */
  336. #haikaptcha { top: calc(50vh - 240px); left: calc(50vw - 200px); color: white; text-align: center }
  337. .overlay-bg { position: fixed !important }
  338.  
  339. /* adaptive margins */
  340. @media screen and (min-width: 900px) { body { margin: 0 60px !important } }
  341. @media screen and (min-width: 1200px) { body { margin: 0 210px 0 90px !important } }
  342. @media screen and (min-width: 1700px) { body { margin: 0 360px 0 120px !important } }
  343.  
  344. /* image left/right buttons */
  345. #de-img-btn-next, #de-img-btn-prev {
  346. top: 0 !important;
  347. bottom: 0;
  348. height: auto !important;
  349. border-radius: 0 !important;
  350. padding: 0 8px;
  351. opacity: .1;
  352. transition: opacity .3s .1s;
  353. }
  354. #de-img-btn-next:hover, #de-img-btn-prev:hover {
  355. opacity: .7;
  356. transition: opacity .1s;
  357. }
  358. #de-img-btn-next > div, #de-img-btn-prev > div {
  359. background-position: center;
  360. height: 100%;
  361. }
  362.  
  363. /* custom options: remove space in "* /" to enable */
  364. /* blue links color */
  365. a, a:hover, a:visited, .reflink > a, input[type="button"]:hover { color: #427fed !important }
  366. a:active { color: #225f9d !important }
  367. .highlight { outline: 2px solid #427fed }
  368.  
  369. /* dark * /
  370. html, body, body > .nomagic-switcher:before, body > .nomagic-switcher:after { background: #222; color: #fff !important }
  371. .reply, body > form > .pstnode > hr { background: #333 !important; border-color: #000 !important }
  372. a, a:hover, a:visited, .reflink > a, input[type="button"]:hover { color: #edaf52 !important }
  373. .highlight { outline: 2px solid #edaf52 }
  374. a:active { color: #ed7f42 !important }
  375. .spoiler { background: #444; color: #222 !important }
  376. .spoiler:hover { background: #555 !important; color: inherit !important }
  377. .filetitle { color: #afed52 }
  378. .de-new-post { background: #484833 !important }
  379.  
  380. /* fancy spoilers * /
  381. .spoiler { background: inherit !important; color: inherit !important; -webkit-filter: blur(3px); transition: -webkit-filter .3s }
  382. .spoiler:hover { background: inherit !important; color: inherit !important; -webkit-filter: blur(0px) }
  383.  
  384. /* fancy spoilers - firefox version */
  385. .spoiler { background: inherit !important; color: transparent !important; text-shadow: 0 0 10px black; transition: text-shadow .3s, color .3s }
  386. .spoiler:hover { background: inherit !important; color: inherit !important; text-shadow: 0 0 0 black }
  387.  
  388. /* fancy spoilers - firefox version - dark * /
  389. .spoiler { text-shadow: 0 0 10px white }
  390. .spoiler:hover { text-shadow: 0 0 0 white }
  391.  
  392. /* end */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!