Advertisement
Guest User

NeoGAF Dark Theme

a guest
Aug 24th, 2015
81
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 60.83 KB | None | 0 0
  1. /**
  2. * vBulletin 3.8.7 CSS
  3. * Style: 'NeoGAF Dark 2014'; Style ID: 40
  4. */
  5. .fjsel
  6. {
  7.     background: #4982ae;
  8.     color: #fff;
  9. }
  10. legend
  11. {
  12.     color: #666;
  13.     padding: 0 8px;
  14. }
  15. .vbmenu_control
  16. {
  17.     background: #01599B;
  18.     color: #FFFFFF;
  19.     font-weight: bold;
  20.     padding: 4px 8px;
  21.     white-space: nowrap;
  22. }
  23. .vbmenu_control a:link, .vbmenu_control_alink
  24. {
  25.     color: #FFFFFF;
  26.     text-decoration: none;
  27. }
  28. .vbmenu_control a:visited, .vbmenu_control_avisited
  29. {
  30.     color: #FFFFFF;
  31.     text-decoration: none;
  32. }
  33. .vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
  34. {
  35.     color: #FFFFFF;
  36.     text-decoration: underline;
  37. }
  38. body,
  39. input,
  40. button,
  41. textarea,
  42. select,
  43. .wysiwyg { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
  44. html,
  45. body { background-color: #fff; color: #222; font-size: 62.5%; width: 100%; height: 100%; }
  46. body { margin: 0; font-size: 12px; line-height: 150%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -o-text-size-adjust: 100%; text-size-adjust: 100%; min-width: 800px; zoom: 100%; }
  47. ::selection,
  48. ::-moz-selection { background: #4982ae; color: #fff; text-shadow: none; }
  49. a { color: #01518e; text-decoration: none; outline: 0; cursor: pointer; background-color: transparent; }
  50. a:hover { color: #f90; }
  51. img { border: 0; -ms-interpolation-mode: bicubic; }
  52. h1,
  53. h2,
  54. h3,
  55. h4,
  56. h5,
  57. h6 { text-rendering: optimizeLegibility; line-height: 100%; margin: 0; }
  58. h1 { font-size: 48px; font-weight: 300; margin-bottom: 12px; }
  59. h2 { font-size: 32px; font-weight: 300; margin-bottom: 12px; }
  60. h3 { font-size: 24px; font-weight: 300; margin-bottom: 12px; }
  61. h4 { font-size: 20px; font-weight: 400; margin-bottom: 8px; }
  62. h5 { font-size: 16px; font-weight: 400; margin-bottom: 8px; }
  63. h6 { font-size: 14px; font-weight: 400; margin-bottom: 4px; }
  64. p { margin: 0 0 22px; }
  65. ol,
  66. ul { margin: 0 0 22px; }
  67. ol li,
  68. ul li { margin-bottom: 4px; }
  69. strong { font-weight: 700; }
  70. hr { margin: 16px 0; clear: both; background: transparent; size: 0; border: 0; border-top: 1px solid #ddd; }
  71. /* Sprite it up */
  72. .sprite,
  73. #headeruser > .headeruserbit > a:after,
  74. #logo,
  75. .forum-info > .forumicon,
  76. .forum-info > .forum-info-subforums > h4,
  77. .stats-whatsgoingon-icon,
  78. .tcat-tools > a.wmenu:after,
  79. .viewpost-icon,
  80. .pagenav-popup #pagenav_top,
  81. #collapseimg_forumhome_activeusers[src*="images/neogaf2/buttons/collapse_thead.gif"] + span:before,
  82. #collapseimg_forumhome_activeusers[src*="http://www.neogaf.com/forum/images/neogaf2/buttons/collapse_thead.gif"] + span:before,
  83. #collapseimg_forumhome_activeusers[src*="http://neogaf.com/forum/images/neogaf2/buttons/collapse_thead.gif"] + span:before,
  84. #collapseimg_forumhome_activeusers[src*="images/neogaf2/buttons/collapse_thead_collapsed.gif"] + span:before,
  85. #collapseimg_forumhome_activeusers[src*="http://www.neogaf.com/forum/images/neogaf2/buttons/collapse_thead_collapsed.gif"] + span:before,
  86. #collapseimg_forumhome_activeusers[src*="http://neogaf.com/forum/images/neogaf2/buttons/collapse_thead_collapsed.gif"] + span:before,
  87. [class^="toolbaricon-"],
  88. [class*=" toolbaricon-"],
  89. [class^="forumextraicon-"],
  90. [class*=" forumextraicon-"],
  91. [class^="lastposticon-"],
  92. [class*=" lastposticon-"],
  93. [class^="baricon-"],
  94. [class*=" baricon-"],
  95. [class^="theadicon-"],
  96. [class*=" theadicon-"],
  97. [class^="topicicon-"],
  98. [class*=" topicicon-"] { background-image: url("images/neogaf2/sprite.png"); background-repeat: no-repeat; -webkit-background-size: 320px 400px; -moz-background-size: 320px 400px; -ms-background-size: 320px 400px; -o-background-size: 320px 400px; background-size: 320px 400px; background-position: 320px 400px; }
  99. @media
  100. only screen and (-webkit-min-device-pixel-ratio: 2),
  101. only screen and (   min--moz-device-pixel-ratio: 2),
  102. only screen and (     -o-min-device-pixel-ratio: 2/1),
  103. only screen and (        min-device-pixel-ratio: 2),
  104. only screen and (                min-resolution: 192dpi),
  105. only screen and (                min-resolution: 2dppx) {
  106.   .sprite,
  107.   #headeruser > .headeruserbit > a:after,
  108.   #logo,
  109.   .forum-info > .forumicon,
  110.   .forum-info > .forum-info-subforums > h4,
  111.   .stats-whatsgoingon-icon,
  112.   .tcat-tools > a.wmenu:after,
  113.   .viewpost-icon,
  114.   .pagenav-popup #pagenav_top,
  115.   #collapseimg_forumhome_activeusers[src*="images/neogaf2/buttons/collapse_thead.gif"] + span:before,
  116.   #collapseimg_forumhome_activeusers[src*="http://www.neogaf.com/forum/images/neogaf2/buttons/collapse_thead.gif"] + span:before,
  117.   #collapseimg_forumhome_activeusers[src*="http://neogaf.com/forum/images/neogaf2/buttons/collapse_thead.gif"] + span:before,
  118.   #collapseimg_forumhome_activeusers[src*="images/neogaf2/buttons/collapse_thead_collapsed.gif"] + span:before,
  119.   #collapseimg_forumhome_activeusers[src*="http://www.neogaf.com/forum/images/neogaf2/buttons/collapse_thead_collapsed.gif"] + span:before,
  120.   #collapseimg_forumhome_activeusers[src*="http://neogaf.com/forum/images/neogaf2/buttons/collapse_thead_collapsed.gif"] + span:before,
  121.   [class^="toolbaricon-"],
  122.   [class*=" toolbaricon-"],
  123.   [class^="forumextraicon-"],
  124.   [class*=" forumextraicon-"],
  125.   [class^="lastposticon-"],
  126.   [class*=" lastposticon-"],
  127.   [class^="baricon-"],
  128.   [class*=" baricon-"],
  129.   [class^="theadicon-"],
  130.   [class*=" theadicon-"],
  131.   [class^="topicicon-"],
  132.   [class*=" topicicon-"] { background-image: url("images/neogaf2/sprite@2x.png"); background-image: none, url("images/neogaf2/sprite.svg"); }
  133. }
  134. /* Crappy Browsers */
  135. .no-svg .sprite,
  136. .no-svg #headeruser > .headeruserbit > a:after,
  137. .no-svg #logo,
  138. .no-svg .forum-info > .forumicon,
  139. .no-svg .forum-info > .forum-info-subforums > h4,
  140. .no-svg .stats-whatsgoingon-icon,
  141. .no-svg .tcat-tools > a.wmenu:after,
  142. .no-svg .viewpost-icon,
  143. .no-svg .pagenav-popup #pagenav_top,
  144. .no-svg #collapseimg_forumhome_activeusers[src*="images/neogaf2/buttons/collapse_thead.gif"] + span:before,
  145. .no-svg #collapseimg_forumhome_activeusers[src*="http://www.neogaf.com/forum/images/neogaf2/buttons/collapse_thead.gif"] + span:before,
  146. .no-svg #collapseimg_forumhome_activeusers[src*="http://neogaf.com/forum/images/neogaf2/buttons/collapse_thead.gif"] + span:before,
  147. .no-svg #collapseimg_forumhome_activeusers[src*="images/neogaf2/buttons/collapse_thead_collapsed.gif"] + span:before,
  148. .no-svg #collapseimg_forumhome_activeusers[src*="http://www.neogaf.com/forum/images/neogaf2/buttons/collapse_thead_collapsed.gif"] + span:before,
  149. .no-svg #collapseimg_forumhome_activeusers[src*="http://neogaf.com/forum/images/neogaf2/buttons/collapse_thead_collapsed.gif"] + span:before,
  150. .no-svg [class^="toolbaricon-"],
  151. .no-svg [class*=" toolbaricon-"],
  152. .no-svg [class^="forumextraicon-"],
  153. .no-svg [class*=" forumextraicon-"],
  154. .no-svg [class^="lastposticon-"],
  155. .no-svg [class*=" lastposticon-"],
  156. .no-svg [class^="baricon-"],
  157. .no-svg [class*=" baricon-"],
  158. .no-svg [class^="theadicon-"],
  159. .no-svg [class*=" theadicon-"],
  160. .no-svg [class^="topicicon-"],
  161. .no-svg [class*=" topicicon-"] { background-image: url("images/neogaf2/sprite.png"); }
  162. @media
  163. only screen and (-webkit-min-device-pixel-ratio: 2),
  164. only screen and (   min--moz-device-pixel-ratio: 2),
  165. only screen and (     -o-min-device-pixel-ratio: 2/1),
  166. only screen and (        min-device-pixel-ratio: 2),
  167. only screen and (                min-resolution: 192dpi),
  168. only screen and (                min-resolution: 2dppx) {
  169.   .no-svg .sprite,
  170.   .no-svg #headeruser > .headeruserbit > a:after,
  171.   .no-svg #logo,
  172.   .no-svg .forum-info > .forumicon,
  173.   .no-svg .forum-info > .forum-info-subforums > h4,
  174.   .no-svg .stats-whatsgoingon-icon,
  175.   .no-svg .tcat-tools > a.wmenu:after,
  176.   .no-svg .viewpost-icon,
  177.   .no-svg .pagenav-popup #pagenav_top,
  178.   .no-svg #collapseimg_forumhome_activeusers[src*="images/neogaf2/buttons/collapse_thead.gif"] + span:before,
  179.   .no-svg #collapseimg_forumhome_activeusers[src*="http://www.neogaf.com/forum/images/neogaf2/buttons/collapse_thead.gif"] + span:before,
  180.   .no-svg #collapseimg_forumhome_activeusers[src*="http://neogaf.com/forum/images/neogaf2/buttons/collapse_thead.gif"] + span:before,
  181.   .no-svg #collapseimg_forumhome_activeusers[src*="images/neogaf2/buttons/collapse_thead_collapsed.gif"] + span:before,
  182.   .no-svg #collapseimg_forumhome_activeusers[src*="http://www.neogaf.com/forum/images/neogaf2/buttons/collapse_thead_collapsed.gif"] + span:before,
  183.   .no-svg #collapseimg_forumhome_activeusers[src*="http://neogaf.com/forum/images/neogaf2/buttons/collapse_thead_collapsed.gif"] + span:before,
  184.   .no-svg [class^="toolbaricon-"],
  185.   .no-svg [class*=" toolbaricon-"],
  186.   .no-svg [class^="forumextraicon-"],
  187.   .no-svg [class*=" forumextraicon-"],
  188.   .no-svg [class^="lastposticon-"],
  189.   .no-svg [class*=" lastposticon-"],
  190.   .no-svg [class^="baricon-"],
  191.   .no-svg [class*=" baricon-"],
  192.   .no-svg [class^="theadicon-"],
  193.   .no-svg [class*=" theadicon-"],
  194.   .no-svg [class^="topicicon-"],
  195.   .no-svg [class*=" topicicon-"] { background-image: url("images/neogaf2/sprite@2x.png"); }
  196. }
  197. /* Wrappers */
  198. #container {}
  199. .wrap { display: block; margin-left: auto; margin-right: auto; /* position: relative; */ width: 96%; /* min-width: 1140px; */ padding-left: 12px !important; padding-right: 12px !important; }
  200. .wrap:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
  201. /* Header */
  202. #browser-banner { background-color: #fff; padding: 20px; text-align: center; display: block; border-bottom: 1px solid #ccc; }
  203. /* Toolbar */
  204. #toolbar { background-color: #fff; padding: 6px 0; }
  205. /* Toolbar Icons */
  206. [class^="toolbaricon-"],
  207. [class*=" toolbaricon-"],
  208. [class^="switcher-"],
  209. [class*=" switcher-"] { /*.sprite;*/ width: 16px; height: 16px; display: inline-block; float: left; margin-right: 8px; vertical-align: middle; }
  210. .toolbaricon-gaf { background-position: 0 -20px; }
  211. *:hover > .toolbaricon-gaf { background-position: 0 -40px; }
  212. .active .toolbaricon-gaf { background-position: 0 -60px; }
  213. .toolbaricon-register { background-position: -20px -20px; }
  214. *:hover > .toolbaricon-register { background-position: -20px -40px; }
  215. .active .toolbaricon-register { background-position: -20px 0px; }
  216. .toolbaricon-usercp { background-position: -40px -20px; }
  217. *:hover > .toolbaricon-usercp { background-position: -40px -40px; }
  218. .active .toolbaricon-usercp { background-position: -40px 0px; }
  219. .toolbaricon-subscriptions { background-position: -60px -20px; }
  220. *:hover > .toolbaricon-subscriptions { background-position: -60px -40px; }
  221. .active .toolbaricon-subscriptions { background-position: -60px 0px; }
  222. .toolbaricon-tos { background-position: -80px -20px; }
  223. *:hover > .toolbaricon-tos { background-position: -80px -40px; }
  224. .active .toolbaricon-tos { background-position: -80px 0px; }
  225. .toolbaricon-privacy { background-position: -100px -20px; }
  226. *:hover > .toolbaricon-privacy { background-position: -100px -40px; }
  227. .active .toolbaricon-privacy { background-position: -100px 0px; }
  228. .toolbaricon-search { background-position: -120px -20px; }
  229. *:hover > .toolbaricon-search { background-position: -120px -40px; }
  230. .active .toolbaricon-search { background-position: -120px 0px; }
  231. .toolbaricon-messages { background-position: -140px -20px; }
  232. *:hover > .toolbaricon-messages { background-position: -140px -40px; }
  233. .active .toolbaricon-messages,
  234. .unreadpm:hover .toolbaricon-messages { background-position: -140px 0px; }
  235. .unreadpm .toolbaricon-messages { background-position: -140px -60px; }
  236. .toolbaricon-mobile { background-position: -160px -20px; }
  237. *:hover > .toolbaricon-mobile { background-position: -160px -40px; }
  238. .active .toolbaricon-mobile { background-position: -160px 0px; }
  239. .toolbaricon-shop { background-position: -180px -20px; }
  240. *:hover > .toolbaricon-shop { background-position: -180px -40px; }
  241. .active .toolbaricon-shop { background-position: -180px 0px; }
  242. .toolbaricon-faq { background-position: -200px -20px; }
  243. *:hover > .toolbaricon-faq { background-position: -200px -40px; }
  244. .active .toolbaricon-faq { background-position: -200px 0px; }
  245. .toolbaricon-archive { background-position: -220px -20px; }
  246. *:hover > .toolbaricon-archive { background-position: -220px -40px; }
  247. .active .toolbaricon-archive { background-position: -220px 0px; }
  248. .toolbaricon-gaming { background-position: -240px -20px; }
  249. *:hover > .toolbaricon-gaming { background-position: -240px -40px; }
  250. .active .toolbaricon-gaming { background-position: -240px 0px; }
  251. .toolbaricon-offtopic { background-position: -260px -20px; }
  252. *:hover > .toolbaricon-offtopic { background-position: -260px -40px; }
  253. .active .toolbaricon-offtopic { background-position: -260px 0px; }
  254. .toolbaricon-mod { background-position: -280px -20px; }
  255. *:hover > .toolbaricon-mod { background-position: -280px -40px; }
  256. .active .toolbaricon-mod { background-position: -280px 0px; }
  257. .toolbaricon-twitter { background-position: -300px -20px; }
  258. *:hover > .toolbaricon-twitter { background-position: -300px -60px; }
  259. .active .toolbaricon-twitter { background-position: -300px 0px; }
  260. .switcher-dark { background-color: #333; border-radius: 16px; }
  261. .switcher-default { background-color: #eee; border-radius: 16px; }
  262. /* Header Nav */
  263. #headernav { float: left; }
  264. #headernav { margin: 0; padding: 0; list-style: none; }
  265. #headernav > li { margin: 0; display: inline-block; margin-right: 8px; *display: inline; *zoom: 1; }
  266. #headernav > li:last-child { margin-right: 0; }
  267. #headernav > li.sep:before { content: ''; display: block; margin-top: 4px; height: 24px; width: 0; float: left; border-left: 1px solid #d5d5d5; margin-left: 4px; margin-right: 12px; }
  268. #headernav > li > a { display: inline-block; color: #888; padding: 8px; font-weight: 700; font-size: 12px; line-height: 16px; }
  269. .forumhome #headernav > li > a > span { display: inline; }
  270. #headernav > li:hover > a,
  271. #headernav > li:hover > a:hover { color: #666; }
  272. #headernav > li [class^="icon-"],
  273. #headernav > li [class*=" icon-"] { float: left; margin-right: 8px; }
  274. #headernav > li.active {  }
  275. #headernav > li.active > a,
  276. #headernav > li.active:hover > a:hover { color: #222; }
  277. /* Header User */
  278. #headeruser { float: right; }
  279. #headeruser.guest { padding-top: 3px; max-height: 28px; }
  280. #headeruser.guest .savelogin { margin-left: 8px; font-weight: 700; cursor: pointer; color: #999; display: inline-block; }
  281. #headeruser.guest .savelogin:hover { color: #666; }
  282. #headeruser.guest .savelogin * { vertical-align: middle; }
  283. #headeruser > .headeruserpm,
  284. #headeruser > .headeruserbit > a { display: inline-block; color: #666; padding: 8px; font-size: 12px; line-height: 16px; text-decoration: none; white-space: nowrap; vertical-align: baseline; margin-left: 8px; }
  285. #headeruser > .headeruserpm var { font-style: normal; vertical-align: baseline; display: inline-block; }
  286. #headeruser > .headeruserpm.unreadpm { color: #f90; }
  287. #headeruser > .headeruserpm.unreadpm:hover { color: #222; }
  288. #headeruser > .headerusersep { border-left: 1px solid #d5d5d5; display: inline-block; vertical-align: baseline; height: 24px; margin: -8px 4px -8px 12px; *display: none; }
  289. #headeruser > .headeruserbit { display: inline-block; }
  290. #headeruser > .headeruserbit > a:after { /*.sprite;*/ content: ''; display: inline-block; vertical-align: middle; width: 10px; height: 5px; margin-left: 4px; margin-bottom: 2px; background-position: -310px -90px; }
  291. #headeruser > .headeruserbit:hover > a { color: #444444; }
  292. #headeruser > .headeruserbit:hover > a:after { background-position: -310px -100px; }
  293. /* Header */
  294. #header { background-color: #eee; }
  295. #header > .wrap { padding: 12px 0; }
  296. #header #branding { float: left; padding: 5px 0; }
  297. #header #alpha,
  298. body.forumhome #header #alpha { float: right; padding-top: 0; clear: none; }
  299. @media screen and (min-width: 1350px) {
  300.   #header #alpha { float: none; }
  301. }
  302. /* logo */
  303. #logo,
  304. body.forumhome #logo { /*.sprite;*/ background-position: 0 -320px; width: 280px; height: 80px; text-indent: -100%; overflow: hidden; display: block; }
  305. #logo > * { display: none; }
  306. body.gold #logo { background-image: url("images/neogaf2/neogaf_gold.png"); background-size: 280px 80px; background-position: 0 0; }
  307. /* Main Content Area */
  308. #main { background-color: #fff; }
  309. #main > .wrap { padding: 20px 0; }
  310. /* Footer */
  311. #footer {}
  312. #footer #charlie { text-align: center; padding: 20px 0; }
  313. .footer-links { border-top: 1px solid #eee; margin-top: 12px; padding-top: 12px; padding-bottom: 12px; color: #aaa; }
  314. .footer-links a { color: #aaa; }
  315. .footer-links a:hover { color: #666; }
  316. /* Forum Home */
  317. body.forumhome { /* min-width: 1158px; */ min-width: 1018px; }
  318. body.forumhome .wrap {}
  319. body.forumhome #container { /* width: 1140px; */ max-width: 1000px; margin-left: auto; margin-right: auto; }
  320. /* Forum Home - Splash */
  321. #splash { padding: 20px 0; color: #666; max-height: 100%; /*
  322. Chrome text-adjust bug */ }
  323. #splash p { margin-bottom: 16px; }
  324. /* Forum Home - Forum List */
  325. #delta { padding: 10px 0; text-align: center; overflow: hidden; }
  326. #delta .wrap { width: auto; padding-left: 10px; padding-right: 10px; }
  327. #delta .goodie { max-width: 980px; height: auto; margin: 0 auto; display: inline-block; background-color: #eee; }
  328. #delta .goodie * { vertical-align: top; }
  329. #forum-list { background-color: #01518e; color: #a3c0d6; padding: 20px 0; }
  330. #forum-list a,
  331. #forum-extras a { color: #fff; text-decoration: none; }
  332. #forum-list a:hover,
  333. #forum-extras a:hover { text-decoration: underline; }
  334. #forum-list p,
  335. #forum-extras p { margin: 0; }
  336. #forum-list #bravo { float: right; padding-left: 32px; *width: 300px; *display: inline; *zoom: 1; }
  337. #forum-list #bravo > .goodie300 { background-color: #1b639a; }
  338. .forum-bit { overflow: hidden; padding: 12px 0; margin-bottom: 20px; }
  339. .forum-bit:last-child { margin-bottom: 0; }
  340. .forum-info { padding-left: 84px; float: left; width: 55%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
  341. .forum-info > .forumicon { /*.sprite;*/ display: block; float: left; margin-left: -84px; width: 64px; height: 64px; background-color: #3474a5; background-color: transparent\9; border-radius: 32px; /* background-clip: padding-box; */ background-position: -70px -80px; }
  342. /* Gaming Forum Icon */
  343. .forum-info > .forumicon.forumicon-gaming,
  344. .forum-info > .forumicon.forumicon-2 { background-position: 0 -80px; }
  345. .forum-info > h3 { font-weight: 700; font-size: 16px; line-height: 20px; margin: 0; }
  346. .forum-info > .forum-info-stats { line-height: 20px; font-size: 11px; font-weight: 700; }
  347. .forum-info > .forum-info-desc { line-height: 18px; font-size: 11px; }
  348. .forum-info > .forum-info-subforums { line-height: 20px; font-size: 12px; font-weight: 700; margin-top: 4px; }
  349. .forum-info > .forum-info-subforums > h4 { /*.sprite;*/ display: inline-block; text-indent: -9000px; width: 20px; height: 20px; float: left; margin: 0; background-position: -310px -150px; }
  350. .forum-bit-lastpost { float: right; width: 30%; min-width: 248px; border-left: 1px solid #1b639a; padding-left: 24px; line-height: 18px; font-size: 11px; }
  351. .forum-bit-lastpost > .forum-bit-lastpost-link { float: right; margin-left: 16px; margin-top: 10px; }
  352. .forum-bit-lastpost strong { font-size: 12px; font-weight: 700; }
  353. /* Last Post Icon */
  354. [class^="lastposticon-"],
  355. [class*=" lastposticon-"] { /*.sprite;*/ width: 16px; height: 16px; display: inline-block; vertical-align: middle; vertical-align: text-top; cursor: pointer; }
  356. .lastposticon-threadbit { background-position: 0 -265px; }
  357. a:hover .lastposticon-threadbit { background-position: 0 -285px; }
  358. .lastposticon-forumbit { background-position: -20px -265px; }
  359. a:hover .lastposticon-forumbit { background-position: -20px -285px; }
  360. /* Forum Home - Extras */
  361. #forum-extras { background-color: #1b639a; color: #a3c0d6; padding: 20px 0; }
  362. .forum-extras-bits { margin: 0; padding: 0; list-style: none; /*width: 1140px;*/ margin: 0 auto; }
  363. .forum-extras-bits > li { margin: 0; float: left; /* width: 270px; */ width: 23.684210526316%; /* margin-left: 20px; */ margin-left: 1.754385964912% }
  364. .forum-extras-bits > li:first-child { margin-left: 0; }
  365. .forum-extras-bits > li h3 { font-size: 15px; line-height: 18px; font-weight: 700; margin: 0; color: #fff; padding-top: 6px; }
  366. .forum-extras-bits > li p { font-size: 11px; line-height: 18px; margin: 0; padding-bottom: 6px; }
  367. /* Forum Extra Icons */
  368. [class^="forumextraicon-"],
  369. [class*=" forumextraicon-"] { /*.sprite;*/ width: 48px; height: 48px; display: inline-block; float: left; margin-right: 16px; vertical-align: middle; background-color: #4982ae; background-color: transparent\9; border-radius: 24px; /* background-clip: padding-box; */ }
  370. .forumextraicon-store { background-position: -140px -80px; }
  371. .forumextraicon-faq { background-position: -190px -80px; }
  372. .forumextraicon-archive { background-position: -240px -80px; }
  373. /* Forum Stats */
  374. #forum-stats { font-size: 12px; color: #999; padding: 12px 0; }
  375. .stats-whatsgoingon { float: left; width: 40%; padding: 12px 0; }
  376. .stats-whatsgoingon-icon { /*.sprite;*/ display: block; float: left; margin-right: 12px; margin-top: 3px; width: 48px; height: 48px; background-color: #eee; background-color: transparent\9; border-radius: 24px; background-position: -140px -265px; }
  377. .stats-whatsgoingon h4 { font-size: 20px; line-height: 32px; margin: 0; color: #333; }
  378. .stats-whatsgoingon a { color: #999; }
  379. .stats-whatsgoingon a:hover { color: #ff9900; }
  380. #collapseimg_forumhome_activeusers[src*="images/neogaf2/buttons/collapse_thead.gif"] + span:before,
  381. #collapseimg_forumhome_activeusers[src*="http://www.neogaf.com/forum/images/neogaf2/buttons/collapse_thead.gif"] + span:before,
  382. #collapseimg_forumhome_activeusers[src*="http://neogaf.com/forum/images/neogaf2/buttons/collapse_thead.gif"] + span:before { /*.sprite;*/ background-position: -120px -265px; content: ''; display: inline-block; vertical-align: text-top; width: 12px; height: 12px; margin-right: 4px; }
  383. .stats-whatsgoingon a:hover #collapseimg_forumhome_activeusers[src*="images/neogaf2/buttons/collapse_thead.gif"] + span:before,
  384. .stats-whatsgoingon a:hover #collapseimg_forumhome_activeusers[src*="http://www.neogaf.com/forum/images/neogaf2/buttons/collapse_thead.gif"] + span:before,
  385. .stats-whatsgoingon a:hover #collapseimg_forumhome_activeusers[src*="http://neogaf.com/forum/images/neogaf2/buttons/collapse_thead.gif"] + span:before { background-position: -120px -285px; }
  386. #collapseimg_forumhome_activeusers[src*="images/neogaf2/buttons/collapse_thead_collapsed.gif"] + span:before,
  387. #collapseimg_forumhome_activeusers[src*="http://www.neogaf.com/forum/images/neogaf2/buttons/collapse_thead_collapsed.gif"] + span:before,
  388. #collapseimg_forumhome_activeusers[src*="http://neogaf.com/forum/images/neogaf2/buttons/collapse_thead_collapsed.gif"] + span:before { /*.
  389. sprite;*/
  390. background-position: -100px -265px; content: ''; display: inline-block; vertical-align: text-top; width: 12px; height: 12px; margin-right: 4px; }
  391. .stats-whatsgoingon a:hover #collapseimg_forumhome_activeusers[src*="images/neogaf2/buttons/collapse_thead_collapsed.gif"] + span:before,
  392. .stats-whatsgoingon a:hover #collapseimg_forumhome_activeusers[src*="http://www.neogaf.com/forum/images/neogaf2/buttons/collapse_thead_collapsed.gif"] + span:before,
  393. .stats-whatsgoingon a:hover #collapseimg_forumhome_activeusers[src*="http://neogaf.com/forum/images/neogaf2/buttons/collapse_thead_collapsed.gif"] + span:before { background-position: -100px -285px; }
  394. .forum-stats-bits { margin: 0; padding: 0; list-style: none; /* width: 1140px; */ width: 60%; float: right; }
  395. .forum-stats-bits > li { text-align: center; float: left; padding: 12px 0; /* width: 270px; */ width: 23.684210526316%; /* margin-left: 20px; */ margin-left: 1.754385964912%; }
  396. .forum-stats-bits > li:first-child { margin-left: 0; }
  397. .forum-stats-bits > li > var { display: block; text-align: center; font-style: normal; font-size: 20px; line-height: 32px; color: #333; }
  398. .activeuserlist { clear: both; padding: 12px 0; }
  399. .activeuserlist-mostever { border-bottom-style: solid; border-bottom-width: 1px; border-color: #d0d0d0; padding-bottom: 8px; margin-bottom: 8px; }
  400. /* Pagination */
  401. .pagenav { margin: 2px 0; padding: 0; list-style: none; }
  402. .pagenav > li { display: inline-block; margin: 0; padding: 0; color: #888; line-height: 24px; font-size: 12px; *display: inline; *zoom: 1; }
  403. .pagenav > li.pageof { margin-right: 12px; }
  404. .pagenav > li > span,
  405. .pagenav > li > a { display: inline-block; border-radius: 3px; padding: 0 6px; text-align: center; min-width: 12px; font-weight: 700; }
  406. .pagenav > li.current > span { background-color: #1b639a; color: #fff; }
  407. .pagenav > li > a:hover { background-color: #eee; color: #01518e; }
  408. .pagenav-popup {  }
  409. .pagenav-popup #pagenav_top { /*.sprite;*/ display: inline-block; vertical-align: middle; width: 10px; height: 5px; margin-left: 4px; margin-bottom: 0; background-position: -305px -90px; background-color: transparent !important; }
  410. .pagenav-popup #pagenav_top:hover { background-position: -305px -100px; }
  411. .pagenav-bot .pagenav-popup { display: none; }
  412. .threadbit-pagenav { white-space: nowrap; color: #888; font-size: 11px; font-weight: normal; }
  413. .threadbit-pagenav a { color: #666; }
  414. .threadbit-pagenav a:hover { color: #f90; }
  415. /* Forum Tabs */
  416. .forum-tabs { margin: 0; padding: 0; padding-left: 12px; list-style: none; }
  417. .forum-tabs > li { float: left; margin: 0; padding: 0; margin-right: 12px; padding-bottom: 1px; }
  418. .forum-tabs > li > a { display: block; line-height: 23px; font-weight: 700; font-size: 12px; color: #fff; background-color: #4982ae; border-radius: 3px 3px 0 0; padding: 0 12px; position: relative; text-transform: uppercase; *display: inline; *zoom: 1; }
  419. .forum-tabs > li > a:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 23px 0 0 23px; border-color: transparent transparent transparent #fff; position: absolute; left: 100%; margin-top: 1px; margin-left: 1px; top: 0; z-index: 2; }
  420. .forum-tabs > li > a:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 22px 0 0 22px; border-color: transparent transparent transparent #4982ae; position: absolute; left: 100%; margin-top: 1px; margin-left: -1px; margin-left: 0\9; top: 0; z-index: 2; }
  421. .forum-tabs > li > a:hover,
  422. .forum-tabs > li.child > a:hover { background-color: #666; }
  423. .forum-tabs > li > a:hover:after,
  424. .forum-tabs > li.child > a:hover:after { border-color: transparent transparent transparent #666; }
  425. .forum-tabs > li.child { padding: 2px 0 1px; margin-right: 32px; }
  426. .forum-tabs > li.child > a { line-height: 21px; font-size: 11px; text-transform: none; }
  427. .forum-tabs > li.child > a:before { border-width: 20px 0 0 20px; }
  428. .forum-tabs > li.child > a:after { border-width: 20px 0 0 20px; }
  429. .forum-tabs > li.activetab { padding-bottom: 0; }
  430. .forum-tabs > li.activetab > a { background-color: #01518E !important; z-index: 2; line-height: 24px; }
  431. .forum-tabs > li.activetab > a:after { border-width: 23px 0 0 23px; border-color: transparent transparent transparent #01518E !important; }
  432. .forum-tabs > li.activetab.child { padding: 2px 0 0; }
  433. .forum-tabs > li.activetab.child > a { line-height: 22px; }
  434. .forum-tabs > li.activetab.child > a:before { border-width: 21px 0 0 21px; }
  435. .forum-tabs > li.activetab.child > a:after { border-width: 21px 0 0 21px; }
  436. .forum-tabs.bot { clear: both; margin-top: 0; border-top: 4px solid #01518E; }
  437. .forum-tabs.bot > li { padding-top: 1px; padding-bottom: 0; }
  438. .forum-tabs.bot > li.toplink { float: right; }
  439. .forum-tabs.bot > li.toplink > a:before,
  440. .forum-tabs.bot > li.toplink > a:after { content: none; }
  441. .forum-tabs.bot > li > a { border-radius: 0 0 3px 3px; }
  442. .forum-tabs.bot > li > a:before { border-width: 23px 23px 0 0; border-color: #fff transparent transparent transparent; margin-top: 0; }
  443. .forum-tabs.bot > li > a:after { border-width: 23px 23px 0 0; border-color: #4982ae transparent transparent transparent; margin-top: 0; }
  444. .forum-tabs.bot > li > a:hover:after,
  445. .forum-tabs.bot > li.child > a:hover:after { border-color: #666 transparent transparent transparent; }
  446. .forum-tabs.bot > li.child { padding: 1px 0 2px; }
  447. .forum-tabs.bot > li.child > a {  }
  448. .forum-tabs.bot > li.child > a:before { border-width: 20px 20px 0 0; }
  449. .forum-tabs.bot > li.child > a:after { border-width: 20px 20px 0 0; }
  450. .forum-tabs.bot > li.activetab > a:after { border-color: #01518E transparent transparent transparent !important; }
  451. .forum-tabs.bot > li.activetab { padding-top: 0; }
  452. .forum-tabs.bot > li.activetab > a { padding-top: 1px; line-height: 23px; }
  453. .forum-tabs.bot > li.activetab.child { padding-top: 0; }
  454. .forum-tabs.bot > li.activetab.child > a { line-height: 21px; }
  455. .forum-tabs.bot > li.activetab.child > a:before { border-width: 21px 21px 0 0; }
  456. .forum-tabs.bot > li.activetab.child > a:after { border-width: 21px 21px 0 0; }
  457. /* Category / Bar */
  458. .tcat { background-color: #01518e; color: #fff; padding: 10px 12px; line-height: 16px; font-size: 12px; border-radius: 3px 3px 0 0; font-weight: 700; margin-bottom: 1px; }
  459. td.tcat { border-radius: 0; }
  460. tr > td:first-child.tcat { border-top-left-radius: 3px; }
  461. tr > td:last-child.tcat { border-top-right-radius: 3px; }
  462. .tcat a { color: #fff; display: inline-block; }
  463. .tcat-tools { white-space: nowrap; margin: -10px -12px -10px 12px; background-color: #1b639a; border-top-right-radius: 3px; }
  464. .tcat-tools > a { display: inline-block; line-height: 36px; min-height: 36px; border-left: 1px solid #fff; margin-left: -3px; padding: 0 12px; }
  465. .tcat-tools > a:first-child { margin-left: 0; }
  466. .tcat-tools > a.wmenu:after { content: ''; display: inline-block; vertical-align: middle; width: 10px; height: 5px; margin-left: 4px; margin-bottom: 2px; background-position: -310px -130px; }
  467. .tcat-tools > a.wmenu:hover:after { background-position: -310px -110px; }
  468. .tcat-tools [class^="baricon-"],
  469. .tcat-tools [class*=" baricon-"] { margin-right: 0; }
  470. a.tcat-link { /* color: #80a8c7; */ color: #a6c2d8; margin: 0 12px; }
  471. a.tcat-link:hover { color: #fff; }
  472. .forumhome a.tcat-link > span { display: inline; }
  473. /* Tcat & Bar Icons */
  474. [class^="baricon-"],
  475. [class*=" baricon-"] { width: 16px; height: 16px; display: inline-block; vertical-align: middle; vertical-align: text-top; opacity: .5; margin-right: 8px; }
  476. a:hover [class^="baricon-"],
  477. a:hover [class*=" baricon-"] { opacity: 1; }
  478. .baricon-search { background-position: 0 -245px; }
  479. .baricon-subscribe { background-position: -20px -245px; }
  480. .baricon-unsubscribe { background-position: -40px -245px; }
  481. .baricon-firstunread { background-position: -60px -245px; }
  482. .baricon-markread { background-position: -80px -245px; }
  483. .baricon-modtools { background-position: -100px -245px; }
  484. .baricon-addpoll { background-position: -120px -245px; }
  485. /* Table Styles */
  486. table { border: none; /*border-collapse: collapse; */ }
  487. td,
  488. th { line-height: 150%; /*padding: 8px; */ }
  489. .rowbit > td { border-bottom: 1px solid #fff; }
  490. /* Alternating Colors */
  491. .alt1,
  492. .alt1Active { background-color: #eee; }
  493. .alt2,
  494. .alt2Active { background-color: #ddd; }
  495. /* No Posts */
  496. .no-posts { text-align: center; background-color: #eee; color: #aaa; background-image: url("images/neogaf2/no_posts.png"); background-repeat: no-repeat; background-position: center 16px; background-size: 64px 60px; padding: 96px 16px 16px; }
  497. /* Table Heading */
  498. .thead { background-color: #ccc; color: #333; font-size: 10px; line-height: 16px; font-weight: 700; padding: 4px 12px; border-bottom: 1px solid #fff; }
  499. .thead a { color: #333; }
  500. .thead a:hover { color: #111; }
  501. /* Table Heading Icons */
  502. [class^="theadicon-"],
  503. [class*=" theadicon-"] { /*.sprite;*/ width: 12px; height: 12px; display: inline-block; vertical-align: text-top; cursor: pointer; }
  504. .theadicon-selectall { background-position: -200px -245px; }
  505. .theadicon-sortasc { background-position: -220px -245px; }
  506. .theadicon-sortdesc { background-position: -240px -245px; }
  507. /* Table Footer */
  508. .tfoot { background-color: #1b639a; color: #a3c0d6; }
  509. .tfoot a { color: #e3ecf2 }
  510. .tfoot a:hover { color: #fff; }
  511. /* Threadbits */
  512. .threadbit { color: #666; }
  513. /* .threadbit:hover { background-color: #eaeaea; } */
  514. .threadbit > td { border-bottom: 1px solid #fff; padding: 5px 8px; }
  515. .threadbit > td:first-child { padding-left: 12px; }
  516. .threadbit.deleted { background-color: #f3e3e6; }
  517. .threadbit-title { font-size: 13px; color: #001a4f; }
  518. .threadbit-title:hover { color: #f90; }
  519. .thread-prefix { display: inline-block; border-radius: 3px; font-weight: 700; font-size: 10px; padding: 0 4px; /* background-color: #ccc; */ background-color: #fff; color: #333; vertical-align: baseline; margin-right: 4px; }
  520. .thread-prefix.moved { background-color: #fff; }
  521. .threadbit-lastpostlink { margin-right: -28px; float: right; margin-top: 8px; }
  522. /* Threadbit Icons */
  523. [class^="topicicon-"],
  524. [class*=" topicicon-"] { /*.sprite;*/ width: 20px; height: 20px; display: inline-block; vertical-align: middle; }
  525. .topicicon-thread_new,
  526. .topicicon-forum_new { background-position: 0 -220px; }
  527. .topicicon-thread,
  528. .topicicon-forum_old { background-position: -25px -220px; }
  529. .topicicon-thread_lock_new { background-position: -50px -220px; }
  530. .topicicon-thread_lock { background-position: -75px -220px; }
  531. .topicicon-thread_moved_new { background-position: -100px -220px; }
  532. .topicicon-thread_moved { background-position: -125px -220px; }
  533. .topicicon-thread_deleted { background-position: -150px -220px; }
  534. .topicicon-announcement_new { background-position: -175px -220px; }
  535. .topicicon-announcement_old { background-position: -200px -220px; }
  536. .topicicon-pm_old { background-position: -225px -220px; }
  537. .topicicon-pm_new { background-position: -250px -220px; }
  538. .topicicon-pm_replied { background-position: -275px -220px; }
  539. .topicicon-pm_forwarded { background-position: -30px -220px; }
  540. /* Postbit */
  541. .postbit { border-bottom: 1px solid #888; padding-left: 152px; *padding-left: 184px; position: relative; }
  542. .mypost,
  543. .threadstarter { background-color: #dce7ef !important; }
  544. .threadstarter { font-weight: 700; }
  545. .mypost .postbit-details,
  546. .mypost .postbit-post,
  547. .mypost .post-meta-border,
  548. .mypost blockquote.quote { border-color: #bed1e0 !important; }
  549. .deleted { background-color: #f3e3e6; }
  550. .deleted a,
  551. .threadbit.deleted a { color: #a0132d; }
  552. .deleted .postbit-details,
  553. .deleted .postbit-post,
  554. .deleted .post-meta-border,
  555. .deleted blockquote.quote { border-color: #e8cacf; }
  556. .alt1 .postbit-details,
  557. .alt1 .postbit-post,
  558. .alt1 .post-meta-border,
  559. .alt1 blockquote.quote { border-color: #d0d0d0; }
  560. .alt2 .postbit-details,
  561. .alt2 .postbit-post,
  562. .alt2 .post-meta-border,
  563. .alt2 blockquote.quote { border-color: #c0c0c0; }
  564. .inlinemod,
  565. .inlinemod .mypost,
  566. .inlinemod .alt1,
  567. .inlinemod .alt2 { background-color: #fcf8e3 !important; }
  568. .inlinemod .postbit-details,
  569. .inlinemod .postbit-post,
  570. .inlinemod .post-meta-border,
  571. .inlinemod blockquote.quote { border-color: #f9f1ca !important; }
  572. .postbit-details { float: left; width: 140px; margin-right: -2px; padding: 6px 4px 6px 8px; color: #666; margin-left: -152px; *margin-left: -184px; border-right-width: 1px; border-right-style: solid; border-color: #aaa; *border: 0; }
  573. .postbit-details-username { /* font-size: 14px; */ font-weight: 700; word-break: break-all; }
  574. .postbit-details-username a { text-decoration: none; }
  575. .postbit-details-usertitle { line-height: 14px; font-size: 11px; }
  576. .multiquotelink,
  577. .post-links { display: inline-block; line-height: 16px; vertical-align: middle; }
  578. .multiquotelink img { vertical-align: middle; }
  579. .postbit-details-avatar { margin-top: 6px; }
  580. .postbit-details-avatar a { display: inline-block; }
  581. .postbit-post { border-left-style: solid; border-left-width: 1px; padding: 6px 8px; width: 100%; float: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; *margin-left: -25px; }
  582. .post-meta { /* color: #666; */ font-size: 11px; }
  583. .post-meta .right { color: #999; }
  584. .post-meta-border,
  585. .memberinfo-top { border-bottom-style: solid; border-bottom-width: 1px; border-color: #aaa; padding-bottom: 8px; margin-bottom: 8px; }
  586. .inline-mod-check { vertical-align: baseline; margin-left: 4px; }
  587. .post { font-size: 13px; }
  588. .postbit .post { margin-top: 12px; }
  589. .post img { max-width: 100%; height: auto; vertical-align: middle; }
  590. .post img.full-image { max-width: none !important; }
  591. .post ul,
  592. .post ol { margin-top: 12px; }
  593. .editedpost-spacing { padding-bottom: 32px; }
  594. .editedpost { max-height: 24px; overflow: hidden; overflow-y: auto; text-align: right; position: absolute; bottom: 8px; left: 160px; right: 8px; font-size: 10px; padding-top: 4px; color: #888; }
  595. .postbit-goodie { border-bottom: 1px solid #aaa; padding: 4px 12px; text-align: center; }
  596. /* Poll Bits */
  597. .poll-result-bar { display: inline-block; border-radius: 8px; height: 8px; background-color: #f90; padding: 0 4px; }
  598. /* BBCode */
  599. blockquote { margin-left: 40px; }
  600. blockquote.quote { clear: right; margin: 8px 16px 16px; background-color: #f9f9f9; padding: 8px; border-radius: 3px; border-style: solid; border-width: 1px; border-color: #ccc; }
  601. /* blockquote.quote.code {
  602. background-color: #666 !important;
  603. border-color: #333 !important;
  604. color: #ddd !important;
  605. } */
  606. blockquote.quote .cite { margin: 0 0 6px; font-size: 11px; }
  607. blockquote.quote p { margin-bottom: 0; }
  608. blockquote.quote img,
  609. .post blockquote.quote img { max-width: 400px; height: auto; }
  610. blockquote.quote pre { font-family: monospace; margin: 0; text-align: left; overflow: auto; /* max-height: 120px; */ }
  611. .viewpost-icon { /*.sprite;*/ width: 12px; height: 12px; display: inline-block; vertical-align: middle; background-position: -40px -265px; vertical-align: text-top; cursor: pointer; }
  612. .viewpost-icon:hover { background-position: -40px -285px; }
  613. .spoiler { color: #333; background: #333; cursor: help; }
  614. .spoiler img { visibility: hidden; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
  615. .spoiler.show { text-decoration: none; background: transparent; }
  616. .spoiler.show img { visibility: visible; display: inline-block; -webkit-user-select: all; -moz-user-select: all; user-select: all; pointer-events: all; }
  617. .highlight { color: #f00; font-weight: 700; }
  618. /* User CP */
  619. .with-usercp-sidebar { padding-left: 200px; }
  620. .usercp-main { float: right; width: 100%; }
  621. .usercp-sidebar { float: left; width: 176px; margin-left: -200px; }
  622. .usercp-sidebar > h3 { font-weight: normal; font-size: 14px; line-height: 20px; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #ddd; }
  623. .usercp-sidebar > h3 > a { color: #999; }
  624. .usercp-sidebar > dl { margin: 0; padding: 0; list-style: none; color: #999; }
  625. .usercp-sidebar > dl > dt { font-weight: 700; font-size: 13px; padding: 8px 12px 4px 0; margin: 0; }
  626. .usercp-sidebar > dl > dt > a { color: #999; }
  627. .usercp-sidebar > dl > dt > a:hover { color: #f90; }
  628. .usercp-sidebar > dl > dd { margin: 0 0 1px; padding: 0; background-color: transparent !important; }
  629. .usercp-sidebar > dl > dd > a,
  630. .usercp-sidebar > dl > dd > span { display: block; padding: 0 12px; font-size: 12px; line-height: 24px; border-radius: 3px; }
  631. .usercp-sidebar > dl > dd > a:hover,
  632. .usercp-sidebar > dl > dd > span:hover,
  633. .usercp-sidebar > dl > dd > span:hover > a { background-color: #eee; color: #333; }
  634. .usercp-sidebar > dl > dd.alt1 > a,
  635. .usercp-sidebar > dl > dd.alt1 > span { color: #fff; background-color: #01518e; }
  636. /* Misc */
  637. .right { float: right; }
  638. .left { float: left; }
  639. .clear { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
  640. .clearfix { *overflow: hidden; }
  641. .clearfix:after { content: ""; display: table; clear: both; }
  642. .smallfont { font-size: 11px; }
  643. .time { color: #777; }
  644. .normal { font-weight: normal; }
  645. .inlineimg { vertical-align: middle; }
  646. .inlinebottom { vertical-align: text-bottom; }
  647. .bigusername { text-decoration: none; font-weight: 700; }
  648. .forumjump { text-align: left; float: right; white-space: nowrap; margin: 16px 0; }
  649. .panelsurround { background-color: #ddd; }
  650. .panel { background-color: #eee; border: 1px solid #ccc; padding: 12px; }
  651. .panel.noborder { border: 0; }
  652. .fieldset { margin-bottom: 8px; border: 1px solid #ccc; padding: 8px; }
  653. /* Goodies */
  654. .goodie728 { background: #fff; width: 728px; height: 90px; margin: 0 auto; text-align: center; }
  655. .goodie300 { background-color: #fff; width: 300px; height: 250px; margin: 0 auto; text-align: center; }
  656. /* Menus */
  657. .dropdown { margin: 0; padding: 0; list-style: none; padding: 4px 0; background-color: #444; color: #888; border-radius: 4px; }
  658. .dropdown > li { margin: 0; }
  659. .dropdown > li.sep { border-top: 1px solid #5e5e5e; margin-top: 4px; padding-top: 4px; }
  660. .dropdown > li > a { display: block; font-size: 12px; line-height: 28px; padding: 0 16px; white-space: nowrap; color: #eee; }
  661. .dropdown > li:hover > a { color: #fff; background-color: #f90; }
  662. .vbmenu_popup { border: 1px solid #aaa; background-color: #fff; }
  663. .vbmenu_option { background-color: #eee; color: #333; white-space: nowrap; padding: 4px 8px; }
  664. #pmrecips_menu .vbmenu_option:hover,
  665. .vbmenu_hilite { background-color: #1b639a; color: #fff; white-space: nowrap; cursor: pointer; padding: 4px 8px; }
  666. #pmrecips_menu .vbmenu_option:hover a,
  667. .vbmenu_hilite a { color: #fff; }
  668. .vbmenu_popup .thead { border-bottom: 0; }
  669. /* Buttons & Forms */
  670. form { display: inline; margin: 0; }
  671. label { cursor: pointer; }
  672. input,
  673. button,
  674. textarea,
  675. select { font-size: 12px; vertical-align: middle; margin: 2px 0; }
  676. button,
  677. input { *overflow: visible; line-height: normal; }
  678. button::-moz-focus-inner,
  679. input::-moz-focus-inner { padding: 0; border: 0; }
  680. select { padding: 3px; border: 1px solid #ccc; line-height: 1; }
  681. button,
  682. input[type="button"],
  683. input[type="reset"],
  684. input[type="submit"] { cursor: pointer; padding: 6px 10px; -webkit-appearance: button; line-height: 1; }
  685. .bginput,
  686. input[type="text"],
  687. input[type="password"],
  688. textarea { cursor: text; border: 1px solid #ccc; padding: 4px; border-radius: 0; background-color: #fff; -webkit-appearance: none; }
  689. input[type=radio],
  690. input[type=checkbox] { margin: 4px; vertical-align: middle; }
  691. .large-button,
  692. a.large-button { position: relative; display: inline-block; padding: 4px 12px; font-size: 13px; line-height: 20px; font-weight: normal; background-color: #eee; border-color: #eee; color: #444; border-width: 0; border-style: solid; outline: none; cursor: pointer; text-align: center; text-decoration: none; border-radius: 3px; }
  693. .large-button:hover,
  694. a.large-button:hover { background-color: #d5d5d5; border-color: #d5d5d5; color: #222222; }
  695. .large-button:active,
  696. a.large-button:active { border-color: #444444; background-color: #444444; color: #fff; }
  697. .large-button.submit,
  698. a.large-button.submit { background-color: #1b639a; border-color: #1b639a; color: #fff; font-weight: 700; }
  699. .large-button.submit:hover,
  700. a.large-button.submit:hover { border-color: #01518e; background-color: #01518e; color: #fff; }
  701. .large-button.submit:active,
  702. a.large-button.submit:active { border-color: #444444; background-color: #444444; color: #fff; }
  703. .large-button.disabled,
  704. a.large-button.disabled { border-color: #ddd !important; background-color: #fff !important; cursor: default !important; color: #888 !important; border-width: 1px; padding: 3px 11px; cursor: not-allowed !important; }
  705. .large-button + .large-button,
  706. a.large-button + .large-button { margin-left: 16px; }
  707. /* Editor Tweaks */
  708. .vBulletin_editor { border: 1px solid #aaa !important; padding: 4px 8px !important; }
  709. .vBulletin_editor td { padding: 2px; line-height: 50%; }
  710. .vBulletin_editor .imagebutton { line-height: 0; }
  711. .vBulletin_editor textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
  712. .vBulletin_editor img { max-width: none !important; vertical-align: middle; }
  713. .color-picker-box,
  714. #vB_Editor_QE_1_color_bar { max-height: 4px; }
  715. #controlbar,
  716. .controlbar { padding: 0 !important; line-height: 1; }
  717. .controlbar { margin-bottom: 4px; }
  718. .controlbar textarea { font-size: 13px; }
  719. .wysiwyg { font-size: 13px; color: #444; background-color: #f5f5f5; }
  720. /* Tweaks for small screens */
  721. @media screen and (max-width: 1058px) {
  722.   #logo { width: 80px; }
  723.   #headernav { max-height: 32px; }
  724.   /* Have to hide */
  725.   #headernav > li > a > span,
  726.   .tcat-link > span { display: none; }
  727. }
  728. /* Pride Logo */
  729. #logo { position: relative; }
  730. .logo-overlay-1,
  731. .logo-overlay-2 { position: absolute; top: 0; left: 0; display: block !important; height: 80px; background-position: 0 0; }
  732. .logo-overlay-1 { width: 80px; background-color: #eee; background-image: url("images/neogaf2/pride-logo.png"); background-size: 80px 2400px; -webkit-animation: pride 1.5s steps(30) infinite; animation: pride 1.5s steps(30) infinite; -webkit-animation-direction: reverse; animation-direction: reverse; }
  733. .logo-overlay-2 { background-image: url("images/neogaf2/pride-logo-love.png"); background-size: 280px 80px; width: 280px; }
  734. #logo.pride, body.forumhome #logo.pride { background-position: 0 0; background-image: url("images/neogaf2/pride-logo-static.png"); background-size: 280px 80px; }
  735. @media
  736. only screen and (-webkit-min-device-pixel-ratio: 2),
  737. only screen and (   min--moz-device-pixel-ratio: 2),
  738. only screen and (        min-device-pixel-ratio: 2),
  739. only screen and (                -webkit-min-device-pixel-ratio: 2),
  740. only screen and (                min-resolution: 192dpi),
  741. only screen and (                min-resolution: 2dppx) {
  742.   .logo-overlay-1 { background-image: url("images/neogaf2/pride-logo@2x.png"); }
  743.   .logo-overlay-2 { background-image: url("images/neogaf2/pride-logo-love@2x.png"); }
  744.   #logo.pride, body.forumhome #logo.pride { background-image: url("images/neogaf2/pride-logo-static@2x.png"); }
  745. }
  746. @-webkit-keyframes pride { 100% { background-position: 0 -2400px; } }
  747. @keyframes pride { 100% { background-position: 0 -2400px; } }
  748. .sprite,
  749. #headeruser > .headeruserbit > a:after,
  750. #logo,
  751. .forum-info > .forumicon,
  752. .forum-info > .forum-info-subforums > h4,
  753. .stats-whatsgoingon-icon,
  754. .tcat-tools > a.wmenu:after,
  755. .viewpost-icon,
  756. .pagenav-popup #pagenav_top,
  757. #collapseimg_forumhome_activeusers[src*="images/neogaf2/buttons/collapse_thead.gif"] + span:before,
  758. #collapseimg_forumhome_activeusers[src*="http://www.neogaf.com/forum/images/neogaf2/buttons/collapse_thead.gif"] + span:before,
  759. #collapseimg_forumhome_activeusers[src*="http://neogaf.com/forum/images/neogaf2/buttons/collapse_thead.gif"] + span:before,
  760. #collapseimg_forumhome_activeusers[src*="images/neogaf2/buttons/collapse_thead_collapsed.gif"] + span:before,
  761. #collapseimg_forumhome_activeusers[src*="http://www.neogaf.com/forum/images/neogaf2/buttons/collapse_thead_collapsed.gif"] + span:before,
  762. #collapseimg_forumhome_activeusers[src*="http://neogaf.com/forum/images/neogaf2/buttons/collapse_thead_collapsed.gif"] + span:before,
  763. [class^="toolbaricon-"],
  764. [class*=" toolbaricon-"],
  765. [class^="forumextraicon-"],
  766. [class*=" forumextraicon-"],
  767. [class^="lastposticon-"],
  768. [class*=" lastposticon-"],
  769. [class^="baricon-"],
  770. [class*=" baricon-"],
  771. [class^="theadicon-"],
  772. [class*=" theadicon-"],
  773. [class^="topicicon-"],
  774. [class*=" topicicon-"] { background-image: url("images/neogaf2/sprite_dark.png"); }
  775. @media
  776. only screen and (-webkit-min-device-pixel-ratio: 2),
  777. only screen and (   min--moz-device-pixel-ratio: 2),
  778. only screen and (     -o-min-device-pixel-ratio: 2/1),
  779. only screen and (        min-device-pixel-ratio: 2),
  780. only screen and (                min-resolution: 192dpi),
  781. only screen and (                min-resolution: 2dppx) {
  782.   .sprite,
  783.   #headeruser > .headeruserbit > a:after,
  784.   #logo,
  785.   .forum-info > .forumicon,
  786.   .forum-info > .forum-info-subforums > h4,
  787.   .stats-whatsgoingon-icon,
  788.   .tcat-tools > a.wmenu:after,
  789.   .viewpost-icon,
  790.   .pagenav-popup #pagenav_top,
  791.   #collapseimg_forumhome_activeusers[src*="images/neogaf2/buttons/collapse_thead.gif"] + span:before,
  792.   #collapseimg_forumhome_activeusers[src*="http://www.neogaf.com/forum/images/neogaf2/buttons/collapse_thead.gif"] + span:before,
  793.   #collapseimg_forumhome_activeusers[src*="http://neogaf.com/forum/images/neogaf2/buttons/collapse_thead.gif"] + span:before,
  794.   #collapseimg_forumhome_activeusers[src*="images/neogaf2/buttons/collapse_thead_collapsed.gif"] + span:before,
  795.   #collapseimg_forumhome_activeusers[src*="http://www.neogaf.com/forum/images/neogaf2/buttons/collapse_thead_collapsed.gif"] + span:before,
  796.   #collapseimg_forumhome_activeusers[src*="http://neogaf.com/forum/images/neogaf2/buttons/collapse_thead_collapsed.gif"] + span:before,
  797.   [class^="toolbaricon-"],
  798.   [class*=" toolbaricon-"],
  799.   [class^="forumextraicon-"],
  800.   [class*=" forumextraicon-"],
  801.   [class^="lastposticon-"],
  802.   [class*=" lastposticon-"],
  803.   [class^="baricon-"],
  804.   [class*=" baricon-"],
  805.   [class^="theadicon-"],
  806.   [class*=" theadicon-"],
  807.   [class^="topicicon-"],
  808.   [class*=" topicicon-"] { background-image: url("images/neogaf2/sprite_dark@2x.png"); background-image: none, url("images/neogaf2/sprite_dark.svg"); }
  809. }
  810. /* Crappy Browsers */
  811. .no-svg .sprite,
  812. .no-svg #headeruser > .headeruserbit > a:after,
  813. .no-svg #logo,
  814. .no-svg .forum-info > .forumicon,
  815. .no-svg .forum-info > .forum-info-subforums > h4,
  816. .no-svg .stats-whatsgoingon-icon,
  817. .no-svg .tcat-tools > a.wmenu:after,
  818. .no-svg .viewpost-icon,
  819. .no-svg .pagenav-popup #pagenav_top,
  820. .no-svg #collapseimg_forumhome_activeusers[src*="images/neogaf2/buttons/collapse_thead.gif"] + span:before,
  821. .no-svg #collapseimg_forumhome_activeusers[src*="http://www.neogaf.com/forum/images/neogaf2/buttons/collapse_thead.gif"] + span:before,
  822. .no-svg #collapseimg_forumhome_activeusers[src*="http://neogaf.com/forum/images/neogaf2/buttons/collapse_thead.gif"] + span:before,
  823. .no-svg #collapseimg_forumhome_activeusers[src*="images/neogaf2/buttons/collapse_thead_collapsed.gif"] + span:before,
  824. .no-svg #collapseimg_forumhome_activeusers[src*="http://www.neogaf.com/forum/images/neogaf2/buttons/collapse_thead_collapsed.gif"] + span:before,
  825. .no-svg #collapseimg_forumhome_activeusers[src*="http://neogaf.com/forum/images/neogaf2/buttons/collapse_thead_collapsed.gif"] + span:before,
  826. .no-svg [class^="toolbaricon-"],
  827. .no-svg [class*=" toolbaricon-"],
  828. .no-svg [class^="forumextraicon-"],
  829. .no-svg [class*=" forumextraicon-"],
  830. .no-svg [class^="lastposticon-"],
  831. .no-svg [class*=" lastposticon-"],
  832. .no-svg [class^="baricon-"],
  833. .no-svg [class*=" baricon-"],
  834. .no-svg [class^="theadicon-"],
  835. .no-svg [class*=" theadicon-"],
  836. .no-svg [class^="topicicon-"],
  837. .no-svg [class*=" topicicon-"] { background-image: url("images/neogaf2/sprite_dark.png"); }
  838. @media
  839. only screen and (-webkit-min-device-pixel-ratio: 2),
  840. only screen and (   min--moz-device-pixel-ratio: 2),
  841. only screen and (     -o-min-device-pixel-ratio: 2/1),
  842. only screen and (        min-device-pixel-ratio: 2),
  843. only screen and (                min-resolution: 192dpi),
  844. only screen and (                min-resolution: 2dppx) {
  845.   .no-svg .sprite,
  846.   .no-svg #headeruser > .headeruserbit > a:after,
  847.   .no-svg #logo,
  848.   .no-svg .forum-info > .forumicon,
  849.   .no-svg .forum-info > .forum-info-subforums > h4,
  850.   .no-svg .stats-whatsgoingon-icon,
  851.   .no-svg .tcat-tools > a.wmenu:after,
  852.   .no-svg .viewpost-icon,
  853.   .no-svg .pagenav-popup #pagenav_top,
  854.   .no-svg #collapseimg_forumhome_activeusers[src*="images/neogaf2/buttons/collapse_thead.gif"] + span:before,
  855.   .no-svg #collapseimg_forumhome_activeusers[src*="http://www.neogaf.com/forum/images/neogaf2/buttons/collapse_thead.gif"] + span:before,
  856.   .no-svg #collapseimg_forumhome_activeusers[src*="http://neogaf.com/forum/images/neogaf2/buttons/collapse_thead.gif"] + span:before,
  857.   .no-svg #collapseimg_forumhome_activeusers[src*="images/neogaf2/buttons/collapse_thead_collapsed.gif"] + span:before,
  858.   .no-svg #collapseimg_forumhome_activeusers[src*="http://www.neogaf.com/forum/images/neogaf2/buttons/collapse_thead_collapsed.gif"] + span:before,
  859.   .no-svg #collapseimg_forumhome_activeusers[src*="http://neogaf.com/forum/images/neogaf2/buttons/collapse_thead_collapsed.gif"] + span:before,
  860.   .no-svg [class^="toolbaricon-"],
  861.   .no-svg [class*=" toolbaricon-"],
  862.   .no-svg [class^="forumextraicon-"],
  863.   .no-svg [class*=" forumextraicon-"],
  864.   .no-svg [class^="lastposticon-"],
  865.   .no-svg [class*=" lastposticon-"],
  866.   .no-svg [class^="baricon-"],
  867.   .no-svg [class*=" baricon-"],
  868.   .no-svg [class^="theadicon-"],
  869.   .no-svg [class*=" theadicon-"],
  870.   .no-svg [class^="topicicon-"],
  871.   .no-svg [class*=" topicicon-"] { background-image: url("images/neogaf2/sprite_dark@2x.png"); }
  872. }
  873. html,
  874. body { background-color: #1e1e1e; color: #ccc; }
  875. ::selection,
  876. ::-moz-selection { background: #2d2d2d; color: #fff; }
  877. a { color: #d2a564; }
  878. a:hover { color: #f90; }
  879. hr { border-top: 1px solid #373737; }
  880. #browser-banner { background-color: #fff; border-bottom: 1px solid #ccc; }
  881. #toolbar { background-color: transparent; }
  882. #headernav > li.sep:before { border-left: 1px solid #3c3c3c; }
  883. #headernav > li > a { color: #7d7d7d; }
  884. #headernav > li:hover > a,
  885. #headernav > li:hover > a:hover { color: #969696; }
  886. #headernav > li.active > a,
  887. #headernav > li.active:hover > a:hover { color: #ccc; }
  888. #headeruser.guest .savelogin { color: #999; }
  889. #headeruser.guest .savelogin:hover { color: #666; }
  890. #headeruser > .headeruserpm,
  891. #headeruser > .headeruserbit > a { color: #969696; }
  892. #headeruser > .headeruserpm.unreadpm { color: #f90; }
  893. #headeruser > .headeruserpm.unreadpm:hover { color: #e6e6e6; }
  894. #headeruser > .headerusersep { border-left: 1px solid #3c3c3c; }
  895. #headeruser > .headeruserbit:hover > a { color: #b9b9b9; }
  896. #header { background-color: #282828; }
  897. #main { background-color: transparent; }
  898. .footer-links { border-top: 1px solid #2d2d2d; color: #555555; }
  899. .footer-links a { color: #555555; }
  900. .footer-links a:hover { color: #969696; }
  901. #splash { color: #888; }
  902. #forum-list { background-color: #323232; color: #a0a0a0; }
  903. #forum-list a,
  904. #forum-extras a { color: #e6e6e6; }
  905. #forum-list a:hover,
  906. #forum-extras a:hover { color: #fff; }
  907. #forum-list #bravo > .goodie300 { background-color: #505050; }
  908. .forum-info > .forumicon { background-color: #505050; }
  909. .forum-bit-lastpost { border-left: 1px solid #414141; }
  910. #forum-extras { background-color: #414141; color: #a0a0a0; }
  911. [class^="forumextraicon-"],
  912. [class*=" forumextraicon-"] { background-color: #646464; }
  913. #forum-stats { color: #6e6e6e; }
  914. .stats-whatsgoingon-icon { background-color: #2d2d2d; }
  915. .stats-whatsgoingon h4 { color: #bebebe; }
  916. .stats-whatsgoingon a { color: #6e6e6e; }
  917. .stats-whatsgoingon a:hover { color: #ff9900; }
  918. .forum-stats-bits > li > var { color: #bebebe; }
  919. .activeuserlist-mostever { border-color: #282828; }
  920. .pagenav > li { color: #888; }
  921. .pagenav > li.current > span { background-color: #505050; color: #fff; }
  922. .pagenav > li > a { color: #ccc; }
  923. .pagenav > li > a:hover { background-color: #2d2d2d; color: #fff; }
  924. .threadbit-pagenav { color: #888; }
  925. .threadbit-pagenav a { color: #888; }
  926. .threadbit-pagenav a:hover { color: #f90; }
  927. .forum-tabs > li > a { color: #ccc; background-color: #2d2d2d; }
  928. .forum-tabs > li > a:before { border-color: transparent transparent transparent #1e1e1e; }
  929. .forum-tabs > li > a:after { border-color: transparent transparent transparent #2d2d2d; }
  930. .forum-tabs > li > a:hover,
  931. .forum-tabs > li.child > a:hover { color: #fff; background-color: #373737; }
  932. .forum-tabs > li > a:hover:after,
  933. .forum-tabs > li.child > a:hover:after { border-color: transparent transparent transparent #373737; }
  934. .forum-tabs > li.activetab > a { color: #e6e6e6; background-color: #414141 !important; }
  935. .forum-tabs > li.activetab > a:after { border-color: transparent transparent transparent #414141 !important; }
  936. .forum-tabs.bot { border-top: 4px solid #414141; }
  937. .forum-tabs.bot > li > a:before { border-color: #1e1e1e transparent transparent transparent; }
  938. .forum-tabs.bot > li > a:after { border-color: #2d2d2d transparent transparent transparent; }
  939. .forum-tabs.bot > li > a:hover:after,
  940. .forum-tabs.bot > li.child > a:hover:after { border-color: #373737 transparent transparent transparent; }
  941. .forum-tabs.bot > li.activetab > a:after { border-color: #414141 transparent transparent transparent !important; }
  942. .tcat { background-color: #414141; color: #e6e6e6; }
  943. .tcat a { color: #e6e6e6; }
  944. .tcat a:hover { color: #fff; }
  945. .tcat-tools { background-color: #373737; }
  946. .tcat-tools > a { border-left: 1px solid #1e1e1e; }
  947. a.tcat-link { color: #bebebe; }
  948. a.tcat-link:hover { color: #fff; }
  949. .rowbit > td { border-bottom: 1px solid #1e1e1e; }
  950. .alt1,
  951. .alt1Active { background-color: #2d2d2d; }
  952. .alt2,
  953. .alt2Active { background-color: #373737; }
  954. .no-posts { background-color: #2d2d2d; color: #aaa; }
  955. .thead { background-color: #4b4b4b; color: #bebebe; border-bottom: 1px solid #1e1e1e; }
  956. .thead a { color: #bebebe; }
  957. .thead a:hover { color: #fff; }
  958. .tfoot { background-color: #4b4b4b; color: #888; }
  959. td.tfoot { border-bottom: 1px solid #1e1e1e; }
  960. .tfoot a { color: #aaa; }
  961. .tfoot a:hover { color: #fff; }
  962. .threadbit { color: #888; }
  963. .threadbit > td { border-bottom: 1px solid #1e1e1e; }
  964. .threadbit.deleted { background-color: #f3e3e6; }
  965. .threadbit-title { color: #e6e6e6; }
  966. .threadbit-title:hover { color: #f90; }
  967. .thread-prefix { background-color: #1e1e1e; color: #888; }
  968. .thread-prefix.moved { background-color: #1e1e1e; }
  969. .postbit { border-bottom: 1px solid #555; }
  970. .mypost,
  971. .threadstarter { background-color: #353e44 !important; }
  972. .mypost .postbit-details,
  973. .mypost .postbit-post,
  974. .mypost .post-meta-border,
  975. .mypost blockquote.quote { border-color: #485258 !important; }
  976. .deleted { background-color: #423235; }
  977. .deleted a,
  978. .threadbit.deleted a { color: #b5a5a8; }
  979. .deleted .postbit-details,
  980. .deleted .postbit-post,
  981. .deleted .post-meta-border,
  982. .deleted blockquote.quote { border-color: #564649; }
  983. .alt1 .postbit-details,
  984. .alt1 .postbit-post,
  985. .alt1 .post-meta-border,
  986. .alt1 blockquote.quote { border-color: #414141; }
  987. .alt2 .postbit-details,
  988. .alt2 .postbit-post,
  989. .alt2 .post-meta-border,
  990. .alt2 blockquote.quote { border-color: #4b4b4b; }
  991. .inlinemod,
  992. .inlinemod .mypost,
  993. .inlinemod .alt1,
  994. .inlinemod .alt2 { background-color: #4e4d47 !important; }
  995. .inlinemod .postbit-details,
  996. .inlinemod .postbit-post,
  997. .inlinemod .post-meta-border,
  998. .inlinemod blockquote.quote { border-color: #706f67 !important; }
  999. .postbit-details { color: #888; border-color: #aaa; }
  1000. .post-meta .right { color: #999; }
  1001. .post-meta-border,
  1002. .memberinfo-top { border-color: #414141; }
  1003. .editedpost { color: #888; }
  1004. .postbit-goodie { border-bottom: 1px solid #aaa; }
  1005. .poll-result-bar { background-color: #f90; }
  1006. blockquote.quote { background-color: #1e1e1e; border-color: #323232; }
  1007. .spoiler { color: #ccc; background: #ccc }
  1008. .highlight { color: #f00; }
  1009. .usercp-sidebar > h3 { border-bottom: 1px solid #373737; }
  1010. .usercp-sidebar > h3 > a { color: #999; }
  1011. .usercp-sidebar > dl { color: #999; }
  1012. .usercp-sidebar > dl > dt > a { color: #999; }
  1013. .usercp-sidebar > dl > dt > a:hover { color: #f90; }
  1014. .usercp-sidebar > dl > dd > a:hover,
  1015. .usercp-sidebar > dl > dd > span:hover,
  1016. .usercp-sidebar > dl > dd > span:hover > a { background-color: #2d2d2d; color: #e6e6e6; }
  1017. .usercp-sidebar > dl > dd.alt1 > a,
  1018. .usercp-sidebar > dl > dd.alt1 > span { color: #fff; background-color: #f90; }
  1019. .time { color: #878787; }
  1020. .panelsurround { background-color: #373737; }
  1021. .panel { background-color: #2d2d2d; border: 1px solid #1e1e1e; }
  1022. .fieldset { border: 1px solid #1e1e1e; }
  1023. .goodie728 { background: #000; }
  1024. .goodie300 { background-color: #000; }
  1025. .dropdown { background-color: #5a5a5a; color: #888; }
  1026. .dropdown > li.sep { border-top: 1px solid #505050; }
  1027. .dropdown > li > a { color: #ccc; }
  1028. .dropdown > li:hover > a { color: #fff; background-color: #f90; }
  1029. .vbmenu_popup { border: 1px solid #464646; background-color: #1e1e1e; }
  1030. .vbmenu_control { background-color: #4b4b4b; color: #888; }
  1031. .vbmenu_control a:,
  1032. .vbmenu_control_alink { color: #aaa; }
  1033. .vbmenu_option { background-color: #2d2d2d; color: #ccc; }
  1034. #pmrecips_menu .vbmenu_option:hover,
  1035. .vbmenu_hilite { background-color: #f90; color: #fff; }
  1036. #pmrecips_menu .vbmenu_option:hover a,
  1037. .vbmenu_hilite a { color: #fff; }
  1038. select { border: 1px solid #1e1e1e; }
  1039. .bginput,
  1040. input[type="text"],
  1041. input[type="password"],
  1042. textarea { border: 1px solid #1e1e1e; background-color: #232323; color: #ccc; }
  1043. .large-button,
  1044. a.large-button { background-color: #2d2d2d; border-color: #2d2d2d; color: #aaa; }
  1045. .large-button:hover,
  1046. a.large-button:hover { background-color: #373737; border-color: #373737; color: #ccc; }
  1047. .large-button:active,
  1048. a.large-button:active { border-color: #444444; background-color: #444444; color: #ccc; }
  1049. .large-button.submit,
  1050. a.large-button.submit { background-color: #505050; border-color: #505050; color: #e6e6e6; }
  1051. .large-button.submit:hover,
  1052. a.large-button.submit:hover { border-color: #5a5a5a; background-color: #5a5a5a; color: #fff; }
  1053. .large-button.submit:active,
  1054. a.large-button.submit:active { border-color: #414141; background-color: #414141; color: #fff; }
  1055. .large-button.disabled,
  1056. a.large-button.disabled { border-color: #373737 !important; background-color: #fff !important; color: #888 !important; }
  1057. .vBulletin_editor { border: 1px solid #1e1e1e !important; background-color: #444 !important; }
  1058. .imagebutton { border-radius: 3px; background-color: #ccc !important; }
  1059. .wysiwyg { color: #444; background-color: #f5f5f5; }
  1060. .logo-overlay-1 { background-color: #282828; }
  1061. #logo.pride, body.forumhome #logo.pride { background-image: url("images/neogaf2/pride-logo-static-dark.png"); }
  1062. @media
  1063. only screen and (-webkit-min-device-pixel-ratio: 2),
  1064. only screen and (   min--moz-device-pixel-ratio: 2),
  1065. only screen and (        min-device-pixel-ratio: 2),
  1066. only screen and (                -webkit-min-device-pixel-ratio: 2),
  1067. only screen and (                min-resolution: 192dpi),
  1068. only screen and (                min-resolution: 2dppx) {
  1069.   #logo.pride, body.forumhome #logo.pride { background-image: url("images/neogaf2/pride-logo-static-dark@2x.png"); }
  1070. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement