API tools faq
paste
Advertisement
Guest User

Bitcointalk Dark Theme(CSS only)

a guest
Apr 22nd, 2014
618
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 13.26 KB | None | 0 0
raw download clone embed print report
  1. /* Dark theme. Made by Cyrus @ Bitcointalk.org */
  2.  
  3. /* Normal, standard links. */
  4. a:link
  5. {
  6.     color: #92A9BC;
  7.     text-decoration: none;
  8. }
  9. a:visited
  10. {
  11.     color: #92A9BC;
  12.     text-decoration: none;
  13. }
  14. a:hover
  15. {
  16.     text-decoration: underline;
  17. }
  18.  
  19. /* Style for ignored topics in the message view */
  20. .ignored_topic td a:link
  21. {
  22.     color: #ACABAD;
  23.     text-decoration: none;
  24.     font-style:italic
  25. }
  26. .ignored_topic td a:visited
  27. {
  28.     color: #ACABAD;
  29.     text-decoration: none;
  30.     font-style:italic
  31. }
  32. .ignored_topic td
  33. {
  34.      color: #ACABAD;
  35.      font-size:smaller;
  36.      padding-top:0;
  37.      padding-bottom:0
  38. }
  39. .ignored_topic .leftimg img
  40. {
  41.      display:none
  42. }
  43.  
  44. /* Navigation links - for the link tree. */
  45. .nav, .nav:link, .nav:visited
  46. {
  47.     color: #C5C5C5;
  48.     text-decoration: none;
  49. }
  50. a.nav:hover
  51. {
  52.     color: #C5C5C5;
  53.     text-decoration: underline;
  54. }
  55.  
  56. /* Tables should show empty cells. */
  57. table
  58. {
  59.     empty-cells: show;
  60. }
  61.  
  62. /* By default (td, body..) use verdana in black. */
  63. body, td, th , tr
  64. {
  65.     color: #C5C5C5;
  66.     font-size: 13px;
  67.     font-family: verdana, sans-serif;
  68. }
  69.  
  70. /* The main body of the entire forum. */
  71. body
  72. {
  73.     background-color: #111111;
  74.     margin: 0px;
  75.     padding: 12px 30px 4px 30px;
  76.     font: 13px verdana, helvetica, sans-serif;
  77. }
  78.  
  79. /* Input boxes - just a bit smaller than normal so they align well. */
  80. input, textarea, button
  81. {
  82.     color: #000000;
  83.     font-family: verdana, sans-serif;
  84. }
  85. input, button
  86. {
  87.     font-size: 90%;
  88. }
  89.  
  90. textarea
  91. {
  92.     font-size: 100%;
  93.     color: #000000;
  94.     font-family: verdana, sans-serif;
  95. }
  96.  
  97. /* All input elements that are checkboxes or radio buttons. */
  98. input.check
  99. {
  100. }
  101.  
  102. /* Selects are a bit smaller, because it makes them look even better 8). */
  103. select
  104. {
  105.     font-size: 90%;
  106.     font-weight: normal;
  107.     color: #000000;
  108.     font-family: verdana, sans-serif;
  109. }
  110.  
  111. /* Standard horizontal rule.. ([hr], etc.) */
  112. hr, .hrcolor
  113. {
  114.     height: 1px;
  115.     border: 0;
  116.     color: #656565;
  117.     background-color: #656565;
  118. }
  119.  
  120. /* No image should have a border when linked */
  121. a img
  122. {
  123.     border: 0;
  124. }
  125.  
  126. /* A quote, perhaps from another post. */
  127. .quote
  128. {
  129.     color: #C5C5C5;
  130.     background-color: #494949;
  131.     border: 1px solid #BCBCBC;
  132.     padding: 5px;
  133.     margin: 1px 3px 6px 6px;
  134.     font-size: 11px;
  135.     line-height: 1.4em;
  136. }
  137.  
  138.  
  139. /* A code block - maybe even PHP ;). */
  140. .code
  141. {
  142.     color: #000000;
  143.     background-color: #fff;
  144.     font-family: "courier new", "times new roman", monospace;
  145.     font-size: 12px;
  146.     line-height: 1.3em;
  147.     /* Put a nice border around it. */
  148.     border: 1px solid #000000;
  149.     padding: 5px;
  150.     margin: 1px 3px 4px 6px;
  151.      width: 93%;
  152.     /* Don't wrap its contents, and show scrollbars. */
  153.     white-space: nowrap;
  154.     overflow: auto;
  155.     /* Stop after about 24 lines, and just show a scrollbar. */
  156.     max-height: 24em;
  157. }
  158.  
  159. /* The "Quote:" and "Code:" header parts... */
  160. .quoteheader, .codeheader
  161. {
  162.     color: #92A9BC;
  163.     text-decoration: none;
  164.     font-style: normal;
  165.     font-weight: bold;
  166.     font-size: 10px;
  167.     line-height: 1.2em;
  168.      margin-left: 6px;
  169. }
  170.  
  171. /* Generally, those [?] icons.  This makes your cursor a help icon. */
  172. .help
  173. {
  174.     cursor: help;
  175. }
  176.  
  177. /* /me uses this a lot. (emote, try typing /me in a post.) */
  178. .meaction
  179. {
  180.     color: red;
  181. }
  182.  
  183. /* The main post box - this makes it as wide as possible. */
  184. .editor
  185. {
  186.     width: 96%;
  187.     height: 350px;
  188. }
  189.  
  190. /* Highlighted text - such as search results. */
  191. .highlight
  192. {
  193.     background-color: yellow;
  194.     font-weight: bold;
  195.     color: black;
  196. }
  197.  
  198. /* Alternating backgrounds for posts, and several other sections of the forum. */
  199. .windowbg, #preview_body
  200. {
  201.     color: #C5C5C5;
  202.     background-color: #2A2A2A;
  203. }
  204. .windowbg2
  205. {
  206.     color: #C5C5C5;
  207.     background-color: #353535;
  208. }
  209. .windowbg3
  210. {
  211.     color: #C5C5C5;
  212.     background-color: #3F3F3F;
  213. }
  214. /* the today container in calendar */
  215. .calendar_today
  216. {
  217.     background-color: #FFFFFF;
  218. }
  219.  
  220. /* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
  221. .titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td
  222. {
  223.     color: #C5C5C5;
  224.     font-style: normal;
  225.     background: #4A4A4A repeat-x;
  226.     border-bottom: solid 1px #ffffff;
  227.     border-top: solid 1px #FFFFFF;
  228.     padding-left: 10px;
  229.     padding-right: 10px;
  230. }
  231. .titlebg, .titlebg a:link, .titlebg a:visited
  232. {
  233.     font-weight: bold;
  234.     color: #C5C5C5;
  235.     font-style: normal;
  236. }
  237.  
  238. .titlebg a:hover
  239. {
  240.     color: #C5C5C5;
  241. }
  242. /* same as titlebg, but used where bold text is not needed */
  243. .titlebg2 a:link, .titlebg2 a:visited
  244. {
  245.     color: black;
  246.     font-style: normal;
  247.     text-decoration: underline;
  248. }
  249.  
  250. .titlebg2 a:hover
  251. {
  252.     text-decoration: underline;
  253. }
  254.  
  255. /* This is used for categories, page indexes, and several other areas in the forum.
  256. .catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
  257. .catbg , tr.catbg td , .catbg3 , tr.catbg3 td
  258. {
  259.     background: #575757 repeat-x;
  260.     color: #ffffff;
  261.     padding-left: 10px;
  262.     padding-right: 10px;
  263. }
  264. .catbg2 , tr.catbg2 td
  265. {
  266.     background: #717171 repeat-x;
  267.     color: #ffffff;
  268.     padding-left: 10px;
  269.     padding-right: 10px;
  270. }
  271. .catbg, .catbg2, .catbg3
  272. {
  273.     border-bottom: solid 1px #ffffff;
  274. }
  275. .catbg, .catbg2
  276. {
  277.     font-weight: bold;
  278. }
  279. .catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
  280. {
  281.     font-size: 95%;
  282.     color: white;
  283.     text-decoration: none;
  284. }
  285. .catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
  286. {
  287.     color: white;
  288.     text-decoration: none;
  289. }
  290. .catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
  291. {
  292.     color: #e0e0ff;
  293. }
  294. /* This is used for tables that have a grid/border background color (such as the topic listing.) */
  295. .bordercolor
  296. {
  297.     background-color: #ADADAD;
  298.     padding: 0px;
  299. }
  300.  
  301. /* This is used on tables that should just have a border around them. */
  302. .tborder
  303. {
  304.     padding: 1px;
  305.     background-color: #FFFFFF;
  306. }
  307.  
  308. /* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
  309. .smalltext
  310. {
  311.     font-size: x-small;
  312.     font-family: verdana, sans-serif;
  313. }
  314. .middletext
  315. {
  316.     font-size: 90%;
  317. }
  318. .normaltext
  319. {
  320.     font-size: small;
  321. }
  322. .largetext
  323. {
  324.     font-size: large;
  325. }
  326.  
  327.  
  328. /* Posts and personal messages displayed throughout the forum. */
  329. .post, .personalmessage
  330. {
  331.     width: 100%;
  332.     overflow: auto;
  333.     line-height: 1.3em;
  334. }
  335.  
  336. /* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
  337. .signature
  338. {
  339.     max-height: 4em;
  340.     width: 100%;
  341.     overflow: hidden;
  342.     padding-bottom: 3px;
  343.     line-height: 1.3em;
  344. }
  345.  
  346. /* Sometimes there will be an error when you post */
  347. .error
  348. {
  349.     color: red;
  350. }
  351.  
  352. /* The AJAX notifier */
  353. #ajax_in_progress
  354. {
  355.     background: #32CD32;
  356.     color: white;
  357.     text-align: center;
  358.     font-weight: bold;
  359.     font-size: 18pt;
  360.     padding: 3px;
  361.     width: 100%;
  362.     position: fixed;
  363.     top: 0;
  364.     left: 0;
  365. }
  366.  
  367.  
  368.  
  369.  
  370. /* Standard SMF tabs */
  371. /* definitions for the main tab, active means the tab reflects which page is displayed */
  372. .maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last
  373. {
  374.     color: white;
  375.     text-transform: uppercase;
  376.     vertical-align: top;
  377. }
  378. .maintab_back, .maintab_active_back
  379. {
  380.     color: white;
  381.     text-decoration: none;
  382.     font-size:  9px;
  383.     vertical-align: top;
  384.     padding: 2px 6px 6px 6px;
  385.     font-family: tahoma, sans-serif;
  386. }
  387.  
  388. .maintab_first
  389. {
  390. }
  391. .maintab_back
  392. {
  393.     border-bottom: 1px solid white;
  394.     border-left: 1px solid white;
  395.     border-right: 1px solid white;
  396. }
  397. .maintab_last
  398. {
  399. }
  400. .maintab_active_first
  401. {
  402.     background: white;
  403. }
  404. .maintab_active_back
  405. {
  406.     background: #4C4C4C;
  407.     border-bottom: 3px solid white;
  408. }
  409. .maintab_active_last
  410. {
  411.     background: white;
  412. }
  413.  
  414. /* how links behave in main tab. */
  415. .maintab_back a:link , .maintab_back a:visited, .maintab_active_back a:link , .maintab_active_back a:visited
  416. {
  417.     color: white;
  418.     text-decoration: none;
  419. }
  420.  
  421. .maintab_back a:hover, .maintab_active_back a:hover
  422. {
  423.     color: #C5C5C5;
  424.     text-decoration: none;
  425. }
  426.  
  427.  
  428.  
  429. /* Custom tabs for message area */
  430. /* definitions for the main and mirror tabs, active means the tab reflects which page is displayed */
  431. div#bodyarea .maintab_first, div#bodyarea .maintab_back, div#bodyarea .maintab_last, div#bodyarea .maintab_active_first, div#bodyarea .maintab_active_back, div#bodyarea .maintab_active_last,
  432. div#bodyarea .mirrortab_first, div#bodyarea .mirrortab_back, div#bodyarea .mirrortab_last, div#bodyarea .mirrortab_active_first, div#bodyarea .mirrortab_active_back, div#bodyarea .mirrortab_active_last
  433. {
  434.      color: #a1a1a1;
  435.      text-transform: lowercase;
  436.      vertical-align: top;
  437. }
  438. div#bodyarea .maintab_back, div#bodyarea .maintab_active_back,
  439. div#bodyarea .mirrortab_back, div#bodyarea .mirrortab_active_back
  440. {
  441.      color: #a1a1a1;
  442.      text-decoration: none;
  443.      font-size:  11px;
  444.      vertical-align: top;
  445.      padding: 6px;
  446.      padding-top: 4px;
  447.      font-family: verdana, sans-serif;
  448.      font-weight: bold;
  449. }
  450.  
  451. div#bodyarea .maintab_first,
  452. div#bodyarea .mirrortab_first
  453. {
  454.      display: none;
  455. }
  456. div#bodyarea .maintab_back,
  457. div#bodyarea .mirrortab_back
  458. {
  459.      background: none;
  460. }
  461. div#bodyarea .maintab_last,
  462. div#bodyarea .mirrortab_last
  463. {
  464.      display: none;
  465. }
  466. div#bodyarea .maintab_active_first,
  467. div#bodyarea .mirrortab_active_first
  468. {
  469.      display: none;
  470. }
  471. div#bodyarea .maintab_active_back,
  472. div#bodyarea .mirrortab_active_back
  473. {
  474.      background: #575757 repeat-x;
  475. }
  476. div#bodyarea .maintab_active_last,
  477. div#bodyarea .mirrortab_active_last
  478. {
  479.      display: none;
  480. }
  481.  
  482. /* how links behave in main tab. */
  483. div#bodyarea .maintab_back a:link, div#bodyarea .maintab_back a:visited,
  484. div#bodyarea .mirrortab_back a:link, div#bodyarea .mirrortab_back a:visited
  485. {
  486.      color: #92A9BC;
  487.      text-decoration: none;
  488. }
  489. div#bodyarea .maintab_active_back a:link, div#bodyarea .maintab_active_back a:visited,
  490. div#bodyarea .mirrortab_active_back a:link, div#bodyarea .mirrortab_active_back a:visited
  491. {
  492.      color: #ffffff;
  493.      text-decoration: none;
  494. }
  495.  
  496. div#bodyarea .maintab_back a:hover, div#bodyarea .maintab_active_back a:hover,
  497. div#bodyarea .mirrortab_back a:hover, div#bodyarea .mirrortab_active_back a:hover
  498. {
  499.      text-decoration: underline;
  500. }
  501.  
  502.  
  503.  
  504.  
  505.  
  506.  
  507. .nav
  508. {
  509.      font-size: 13px;
  510.      font-weight: normal;
  511. }
  512.  
  513. div.nav b:last-child a
  514. {
  515.      font-weight: bold;
  516.      text-decoration: none;
  517.      cursor: default;
  518. }
  519.  
  520. .post
  521. {
  522.      font-size: 13px;
  523. }
  524.  
  525. .smalltext
  526. {
  527.      font-size: 11px;
  528. }
  529.  
  530. /* valign the first column icons on main page */
  531. div div.tborder table.bordercolor td.windowbg
  532. {
  533.      vertical-align: middle;
  534. }
  535.  
  536. /* valign the reply, modify etc icons with their button text */
  537. table.bordercolor td.windowbg td a img,
  538. table.bordercolor td.windowbg2 td a img
  539. {
  540.      vertical-align: middle;
  541.      margin-left: 4px;
  542. }
  543.  
  544. /* hide the ip logged icon */
  545. table.bordercolor td.windowbg td.smalltext td.smalltext img,
  546. table.bordercolor td.windowbg2 td.smalltext td.smalltext img
  547. {
  548.      display: none;
  549. }
  550.  
  551. /* prevent gap between post icon and subject */
  552. div#bodyarea table.bordercolor td td td.td_headerandpost td:first-child
  553. {
  554.      width: 26px;
  555. }
  556.  
  557. /* offline indicator: hide it, only show when online */
  558. div#bodyarea table.bordercolor td td td.poster_info div.smalltext img[src*="useroff.gif"]
  559. {
  560.      vertical-align: middle;
  561.      display: none;
  562. }
  563. div#bodyarea table.bordercolor td td td.poster_info div.smalltext img[src*="useroff.gif"] + span.smalltext,
  564. div#bodyarea div.smalltext > a[title*="(Offline)"] + span.smalltext
  565. {
  566.      vertical-align: middle;
  567.      display: none;
  568. }
  569.  
  570. /* online indicator: get icon aligned with text and bold it */
  571. div#bodyarea table.bordercolor td td td.poster_info div.smalltext img[src*="useron.gif"]
  572. {
  573.      vertical-align: middle;
  574.      margin-top: 2px;
  575.      margin-bottom: 2px;
  576. }
  577. div#bodyarea table.bordercolor td td td.poster_info div.smalltext img[src*="useron.gif"] + span.smalltext,
  578. div#bodyarea div.smalltext > a[title*="(Online)"] + span.smalltext
  579. {
  580.      vertical-align: middle;
  581.      font-weight: bold;
  582.      line-height: 28px;
  583. }
  584.  
  585. /* widen the details column on the forums directory */
  586. div.tborder table.bordercolor td.windowbg[width="6%"] + td + td + td.windowbg2[width="22%"]
  587. {
  588.      min-width: 230px;
  589. }
  590.  
  591. /* widen the details column on the topics list */
  592. div.tborder table.bordercolor td.windowbg[width="4%"] + td.windowbg2[width="22%"]
  593. {
  594.      min-width: 230px;
  595. }
  596.  
  597. /* hide the "logged" text/image -- CSS by ryepdx */
  598. td.smalltext[id^="modified_"] + td.smalltext[align="right"][valign="bottom"]
  599. {
  600.      display: block !important;
  601. }
  602. td.smalltext[id^="modified_"] + td.smalltext[align="right"][valign="bottom"] img,
  603. td.smalltext[id^="modified_"] + td.smalltext[align="right"][valign="bottom"] .help
  604. {
  605.      display: none !important;
  606. }
  607.  
  608. /* get rid of some of the spacing left over from the empty table */
  609. table[cellpadding="3"] table[cellpadding="5"] td.smalltext[valign="bottom"][width="85%"]
  610. {
  611.      padding: 0px;
  612. }
  613.  
  614. /* check the checkbox to hide email address on the registration form */
  615. input#hideEmail
  616. {
  617.      checked: checked;
  618. }
  619.  
  620. .hiddenlink:link {color:lightgray;}
  621. .hiddenlink:visited {color:lightgray;}
  622. .hiddenlink:hover {color:lightgray;}
  623. .hiddenlink:active {color:lightgray;}
  624.  
  625. @font-face {
  626.      font-family: 'ChopinScript';
  627.      src: url('/Themes/ChopinScript.ttf') format('truetype');
  628.      font-weight: normal;
  629.      font-style: normal;
  630. }
  631.  
  632. @font-face {
  633.      font-family: 'BTC';
  634.      src: url('/Themes/BTC.ttf') format('truetype');
  635.      font-weight: normal;
  636.      font-style: normal;
  637. }
  638.  
  639. .BTC {font-family: "BTC";}
  640.  
  641. .edited
  642. {
  643.      border-bottom: 1px dotted black;
  644.      cursor: help;
  645. }
  646.  
  647. img.userimg {max-width: 100%}
  648. .trustscore{white-space:nowrap}
  649. .nohover:hover{text-decoration:none}
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!