SHARE
TWEET

Bitcointalk Dark Theme(CSS only)

a guest Apr 22nd, 2014 146 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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}
RAW Paste Data
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!
 
Top