Advertisement
austinh115

Untitled

Jul 29th, 2017
198
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.69 KB | None | 0 0
  1. /* Gradient as body background */
  2.  
  3. body.ipsApp {
  4. background: #333333;
  5. background: -moz-linear-gradient(top, #111111 0%, #333333 100%);
  6. background: -webkit-linear-gradient(top, #111111 0%, #333333 100%);
  7. background: linear-gradient(to bottom, #111111 0%, #333333 100%);
  8. filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#333333', GradientType=0);
  9. }
  10. /* Remove background color on central content areas so that main background is used */
  11.  
  12. #ipsLayout_mainArea,
  13. #ipsLayout_sidebar,
  14. #ipsLayout_header header,
  15. .ipsBreadcrumb.ipsBreadcrumb_top {
  16. background: transparent;
  17. }
  18. /* Main background */
  19.  
  20. #ipsLayout_contentWrapper {
  21. background: rgba(0, 0, 0, 0.2);
  22. }
  23. /* Footer */
  24.  
  25. #ipsLayout_footer a,
  26. #ipsLayout_footer p {
  27. color: #fff;
  28. }
  29. /* Background for some content sections */
  30.  
  31. .ipsBox:not( .ipsBox_transparent):not( .ipsModerated),
  32. .ipsTabs_panel,
  33. .ipsTabs_activeItem,
  34. .ipsNavBar_secondary,
  35. .ipsNavBar_primary:not( .ipsNavBar_noSubBars) > ul:before,
  36. .ipsNavBar_secondary > li > a,
  37. .ipsNavBar_primary > ul > li.ipsNavBar_active > a,
  38. .ipsNavBar_secondary > li.ipsNavBar_active a,
  39. .ipsNavBar_primary > ul > li.ipsNavBar_active > a {
  40. background: #333 !important;
  41. color: #fff !important;
  42. }
  43. a {
  44. color: #bfbfbf;
  45. }
  46. .ipsAreaBackground_reset {
  47. background: initial;
  48. }
  49. /* Area backgrounds and data lists */
  50.  
  51. .ipsDataList.ipsDataList_zebra .ipsDataItem:not( .ipsDataItem_selected):not( .ipsModerated):not( .ipsDataItem_new):not( .ipsDataItem_success):not( .ipsDataItem_warning):not( .ipsDataItem_error):not( .ipsDataItem_info):not( .ipsDataItem_status):nth-child(even) {
  52. background: #292929;
  53. }
  54. .ipsDataItem {
  55. border-color: rgba(255, 255, 255, 0.1);
  56. }
  57. .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read {
  58. background: rgba(0, 0, 0, 0.3);
  59. color: #808080;
  60. }
  61. .ipsItemStatus.ipsItemStatus_read:not( .ipsItemStatus_large) {
  62. color: #777;
  63. }
  64. /* Font colors that need resetting */
  65.  
  66. .ipsType_pageTitle {
  67. color: #fff;
  68. }
  69. .ipsWidget.ipsWidget_vertical .ipsWidget_inner,
  70. #elSiteTitle,
  71. .ipsType_sectionHead {
  72. color: #f0f0f0;
  73. }
  74. .ipsType_richText,
  75. .ipsType_veryLarge {
  76. color: #d0d0d0;
  77. }
  78. .ipsFieldRow_desc {
  79. color: #999;
  80. }
  81. /* Reset nav areas for correct coloring */
  82.  
  83. .ipsNavBar_primary > ul > li > a {
  84. background: rgba(245, 245, 245, 0.2);
  85. }
  86. .ipsNavBar_primary > ul > li > a:hover {
  87. background: rgba(51, 51, 51, 0.3);
  88. }
  89. .ipsNavBar_primary > ul > li.ipsNavBar_active > a {
  90. background: rgba(245, 245, 245, 1);
  91. color: rgba(51, 51, 51, 1);
  92. }
  93. .ipsBreadcrumb > ul > li {
  94. color: #999;
  95. }
  96. /* Menu stuff that needs changing */
  97.  
  98. .ipsSideMenu_itemActive a,
  99. a.ipsSideMenu_itemActive,
  100. .ipsSideMenu_withChecks .ipsSideMenu_item > input[type="checkbox"]:checked ~ a,
  101. .ipsSideMenu_withRadios .ipsSideMenu_item > input[type="radio"]:checked ~ a {
  102. background: #222;
  103. }
  104. .ipsSideMenu_item:not( .ipsSideMenu_itemActive) a:hover,
  105. a.ipsSideMenu_item:not( .ipsSideMenu_itemActive):hover {
  106. background: rgba(255, 255, 255, 0.03);
  107. }
  108. .ipsSideMenu_subTitle {
  109. text-transform: uppercase;
  110. color: #868686;
  111. font-size: 11px;
  112. }
  113. .ipsSideMenu_withChecks .ipsSideMenu_item:not( .ipsSideMenu_itemActive) a:after,
  114. .ipsSideMenu_withChecks a.ipsSideMenu_item:not( .ipsSideMenu_itemActive):after,
  115. .ipsSideMenu_withRadios .ipsSideMenu_item:not( .ipsSideMenu_itemActive) a:after,
  116. .ipsSideMenu_withRadios a.ipsSideMenu_item:not( .ipsSideMenu_itemActive):after {
  117. color: rgba(255, 255, 255, 0.15);
  118. }
  119. /* Forms */
  120.  
  121. .ipsApp .ipsField_autocomplete,
  122. .ipsApp textarea,
  123. .ipsApp input[type="text"],
  124. .ipsApp input[type="password"],
  125. .ipsApp input[type="datetime"],
  126. .ipsApp input[type="datetime-local"],
  127. .ipsApp input[type="date"],
  128. .ipsApp input[type="month"],
  129. .ipsApp input[type="time"],
  130. .ipsApp input[type="week"],
  131. .ipsApp input[type="number"],
  132. .ipsApp input[type="email"],
  133. .ipsApp input[type="url"],
  134. .ipsApp input[type="search"],
  135. .ipsApp input[type="tel"],
  136. .cke_wysiwyg_frame,
  137. .cke_wysiwyg_div,
  138. .ipsApp select:not( [multiple]) {
  139. color: #333;
  140. }
  141. .ipsFieldRow_required {
  142. color: #ff6262;
  143. }
  144. .ipsFieldRow_section {
  145. background: #000;
  146. color: #999;
  147. }
  148. .ipsComposeArea_editor {
  149. background: #444;
  150. }
  151. html[dir="ltr"] .ipsComposeArea_withPhoto .ipsComposeArea_editor:before {
  152. border-color: transparent #444 transparent transparent;
  153. }
  154. html[dir="rtl"] .ipsComposeArea_withPhoto .ipsComposeArea_editor:before {
  155. border-color: transparent transparent transparent #444;
  156. }
  157. .ipsImageAttach_thumb {
  158. background: #000;
  159. }
  160. .ipsAttachment_dropZone.ipsDragging,
  161. .ipsComposeArea_dropZone.ipsDragging {
  162. background: #2c5165;
  163. border-color: #6fa9ca;
  164. }
  165. .ipsLoading:before,
  166. .ipsLoading.ipsLoading_small:before,
  167. .ipsLoading.ipsLoading_tiny:before {
  168. color: #e0e0e0;
  169. }
  170. /* Dialogs */
  171.  
  172. .ipsModal {
  173. background: rgba(0, 0, 0, 0.8);
  174. }
  175. .ipsDialog > div,
  176. .ipsDialog .ipsDialog_loading {
  177. background: #222;
  178. }
  179. .ipsDialog_title,
  180. .ipsDialog_close {
  181. color: #fff;
  182. }
  183. .ipsHovercard {
  184. background: #222;
  185. border-color: #000;
  186. }
  187. .ipsHovercard_stemTop .ipsHovercard_stem {
  188. border-color: #222 transparent transparent transparent;
  189. }
  190. .ipsHovercard_stemTop .ipsHovercard_stem:before {
  191. border-color: #000 transparent transparent transparent
  192. }
  193. .ipsHovercard_stemBottom .ipsHovercard_stem {
  194. border-color: transparent transparent #222 transparent;
  195. }
  196. .ipsHovercard_stemBottom .ipsHovercard_stem:before {
  197. border-color: transparent transparent #000 transparent
  198. }
  199. .ipsMenu {
  200. background: #222;
  201. border-color: #000;
  202. }
  203. .ipsMenu.ipsMenu_bottomRight:before,
  204. .ipsMenu.ipsMenu_bottomLeft:before,
  205. .ipsMenu.ipsMenu_bottomCenter:before {
  206. border-color: transparent transparent #000 transparent;
  207. }
  208. .ipsMenu.ipsMenu_bottomRight:after,
  209. .ipsMenu.ipsMenu_bottomLeft:after,
  210. .ipsMenu.ipsMenu_bottomCenter:after {
  211. border-color: transparent transparent #222 transparent
  212. }
  213. /*--*/
  214.  
  215. .ipsMenu.ipsMenu_topRight:before,
  216. .ipsMenu.ipsMenu_topLeft:before,
  217. .ipsMenu.ipsMenu_topCenter:before {
  218. border-color: #000 transparent transparent transparent;
  219. }
  220. .ipsMenu.ipsMenu_topRight:after,
  221. .ipsMenu.ipsMenu_topLeft:after,
  222. .ipsMenu.ipsMenu_topCenter:after {
  223. border-color: #222 transparent transparent transparent;
  224. }
  225. /*--*/
  226.  
  227. .ipsMenu_item:not( .ipsMenu_itemClicked):not( .ipsMenu_itemDisabled) a:hover,
  228. .ipsMenu_item[data-selected] a,
  229. .ipsMenu_item[data-selected] span {
  230. background: #000;
  231. }
  232. .ipsMenu_sep {
  233. border-color: rgba(255, 255, 255, 0.1);
  234. }
  235. .ipsMenu_title {
  236. background: #444;
  237. color: #e0e0e0;
  238. }
  239. .ipsMenu_item > a,
  240. .ipsMenu_item > span {
  241. color: #fff;
  242. }
  243. .ipsMenu .ipsType_sectionHead {
  244. color: #fff;
  245. }
  246. .ipsMenu input {
  247. color: #fff;
  248. }
  249. .ipsMenu_headerBar,
  250. .ipsMenu_footerBar {
  251. background: #222;
  252. }
  253. .ipsMenu_headerBar,
  254. .ipsMenu_footerBar {
  255. border-color: rgba(255, 255, 255, 0.1);
  256. }
  257. .ipsMenu_itemDisabled > a,
  258. .ipsMenu_itemDisabled > span {
  259. color: #969696;
  260. }
  261. #elFlashMessage {
  262. background: rgba(255, 255, 255, 0.9);
  263. color: #333;
  264. }
  265. #elFlashMessage a {
  266. color: #333;
  267. border-bottom: 1px solid rgba(51, 51, 51, 0.6);
  268. }
  269. /* Profile */
  270. /* Box shadow doesn't look good here, so remove it */
  271.  
  272. #elProfileHeader {
  273. box-shadow: 0 0 0;
  274. }
  275. #elProfileStats {
  276. background: #333;
  277. }
  278. html[dir] #elProfileStats > ul:last-child > li {
  279. border-color: rgba(255, 255, 255, 0.1);
  280. }
  281. /* Streams */
  282. /* Remove the background; not needed on dark theme */
  283.  
  284. body[data-pageapp="core"][data-pagemodule="discover"][data-pagecontroller="streams"] [data-controller="core.front.streams.activity"] > .ipsAreaBackground_light {
  285. background: transparent;
  286. padding: 0;
  287. }
  288. html[dir="ltr"] .ipsStream_withTimeline .ipsStreamItem.ipsStreamItem_contentBlock:after {
  289. border-color: transparent #333333 transparent transparent;
  290. }
  291. html[dir="rtl"] .ipsStream_withTimeline .ipsStreamItem.ipsStreamItem_contentBlock:after {
  292. border-color: transparent transparent transparent #333333;
  293. }
  294. html[dir="ltr"] .ipsStream_withTimeline .ipsStreamItem.ipsStreamItem_contentBlock:before {
  295. border-color: transparent #222222 transparent transparent;
  296. }
  297. html[dir="rtl"] .ipsStream_withTimeline .ipsStreamItem.ipsStreamItem_contentBlock:after {
  298. border-color: transparent transparent transparent #222222;
  299. }
  300. .ipsStream .ipsStreamItem_contentType {
  301. background: #4d4d4d;
  302. color: #000;
  303. }
  304. .ipsStreamItem_time {
  305. color: #222;
  306. }
  307. html[dir] .ipsStreamItem.ipsStreamItem_condensed .ipsStreamItem_stats {
  308. border-color: rgba(255, 255, 255, 0.2);
  309. }
  310. /* Post content */
  311.  
  312. .ipsQuote_citation {
  313. background: #111;
  314. color: #e0e0e0;
  315. }
  316. .ipsQuote .ipsQuote_citation a {
  317. color: #fff;
  318. }
  319. .ipsQuote {
  320. background: #222;
  321. border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) #000;
  322. }
  323. iframe[data-embedContent],
  324. .ipsEmbedded_content {
  325. background-color: #222;
  326. }
  327. .ipsEmbedded_headerArea {
  328. background: #111;
  329. }
  330. .ipsEmoticons_item[data-emoticon]:hover {
  331. background: #111;
  332. }
  333. /* Pagination */
  334.  
  335. .ipsPager_type,
  336. .ipsPager .ipsPager_next a:after,
  337. .ipsPager .ipsPager_prev a:after {
  338. color: #e0e0e0;
  339. }
  340. .ipsPagination.ipsPagination_mini a {
  341. background: rgba(255, 255, 255, 0.2);
  342. color: #fff;
  343. }
  344. /* Comments */
  345.  
  346. .ipsComment {
  347. background: #333;
  348. }
  349. .ipsComment:not( .ipsModerated) .ipsComment_header {
  350. background: #292929;
  351. }
  352. /* Miscellaneous */
  353.  
  354. .ipsPageHead_special {
  355. background: #222;
  356. }
  357. .cUserHovercard .ipsPageHead_special {
  358. background: #111;
  359. }
  360. hr.ipsHr {
  361. border-color: rgba(255, 255, 255, 0.1);
  362. ;
  363. }
  364. .ipsTooltip {
  365. background: #000;
  366. }
  367. .ipsTabs_panels.ipsTabs_contained {
  368. border-color: #444;
  369. }
  370. .ipsTabs.ipsTabs_contained {
  371. border-color: #444 #444 transparent #444;
  372. }
  373. #elSearch {
  374. background: #000;
  375. }
  376. .ipsPip {
  377. color: #e0e0e0;
  378. }
  379. .ipsEmpty {
  380. color: rgba(255, 255, 255, 0.18);
  381. }
  382. .ipsScrollbar::-webkit-scrollbar-thumb {
  383. background: rgba(255, 255, 255, 0.4);
  384. }
  385. .ipsAlert_msg,
  386. .ipsAlert_icon {
  387. color: #555;
  388. }
  389. .ipsProgressBar_progress {
  390. background: #e0e0e0;
  391. color: #333;
  392. text-shadow: 0 0 0;
  393. }
  394. .ipsProgressBar.ipsProgressBar_animated .ipsProgressBar_progress {
  395. background-color: #aaa;
  396. }
  397. .ipsProgressBar_progress[data-progress]:after {
  398. color: #333;
  399. }
  400. .ipsThumb,
  401. .ipsImage_thumbnailed {
  402. border: 1px solid #000;
  403. }
  404. .ipsUserPhoto {
  405. background: #000;
  406. }
  407. .ipsApp_front .ipsTable.ipsMatrix .ipsMatrix_subHeader {
  408. background: #222;
  409. color: #fff;
  410. }
  411. .ipsTable.ipsMatrix thead th {
  412. background: #283a4a;
  413. }
  414. .ipsWidget {
  415. background: #333;
  416. }
  417. .ipsWidget.ipsWidget_horizontal .ipsWidget_title {
  418. color: #fff;
  419. background: #3c6994;
  420. }
  421. .ipsWidget .ipsTabs_small .ipsTabs_activeItem {
  422. border-bottom: 0;
  423. }
  424. .ipsWidget .ipsTabs_small .ipsTabs_item:not( .ipsTabs_activeItem) {
  425. color: #999;
  426. }
  427. .ipsWidget_title .ipsType_light {
  428. color: #d0d0d0;
  429. }
  430. .ipsLikeRep {
  431. background: #222;
  432. }
  433. #ipsMultiQuoter {
  434. background: #000;
  435. }
  436. /* Calendar */
  437.  
  438. .cCalendar td.cCalendar_nonDate {
  439. background: #000;
  440. }
  441. .cCalendarSubmit_field .fa {
  442. color: #333;
  443. }
  444. #elEventHeader_details {
  445. background: #333;
  446. }
  447. /* Blog */
  448.  
  449. #elBlogHeaderStats {
  450. background: #333;
  451. }
  452. .cBlogInfo_content:after {
  453. background: -moz-linear-gradient(top, rgba(51, 51, 51, 0) 0%, rgba(51, 51, 51, 1) 100%);
  454. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(51, 51, 51, 0)), color-stop(100%, rgba(51, 51, 51, 1)));
  455. background: -webkit-linear-gradient(top, rgba(51, 51, 51, 0) 0%, rgba(51, 51, 51, 1) 100%);
  456. background: -o-linear-gradient(top, rgba(51, 51, 51, 0) 0%, rgba(51, 51, 51, 1) 100%);
  457. background: -ms-linear-gradient(top, rgba(51, 51, 51, 0) 0%, rgba(51, 51, 51, 1) 100%);
  458. background: linear-gradient(to bottom, rgba(51, 51, 51, 0) 0%, rgba(51, 51, 51, 1) 100%);
  459. }
  460. /* Gallery */
  461.  
  462. .cGallerySteps > li.cGallerySteps_done span:after,
  463. .cGallerySteps > li.cGallerySteps_done + li span:before,
  464. .cGallerySteps > li.cGallerySteps_done a:after,
  465. .cGallerySteps > li.cGallerySteps_done + li a:before,
  466. .cGallerySteps > li.cGallerySteps_active:before,
  467. .cGallerySteps > li.cGallerySteps_done:before {
  468. background: #AF1F52;
  469. }
  470. .cGallerySteps > li span:before,
  471. .cGallerySteps > li span:after,
  472. .cGallerySteps > li a:before,
  473. .cGallerySteps > li a:after,
  474. .cGallerySteps > li:before {
  475. background: #555;
  476. }
  477. .cGallerySteps > li span,
  478. .cGallerySteps > li a {
  479. color: #555;
  480. }
  481. .cGallerySteps > li.cGallerySteps_done span,
  482. .cGallerySteps > li.cGallerySteps_active span,
  483. .cGallerySteps > li.cGallerySteps_done a,
  484. .cGallerySteps > li.cGallerySteps_active a {
  485. color: #fff;
  486. }
  487. .cGallerySubmit_uploadImages .ipsAttachment_dropZone:not( .ipsDragging) {
  488. border-color: #555;
  489. }
  490. .cGallerySubmit_strip {
  491. background: #1e1e1e;
  492. }
  493. #elGalleryHeader {
  494. margin: -15px 0 20px 0;
  495. }
  496. .cGalleryNote_note {
  497. background: #000;
  498. }
  499. .cGalleryNote_editing .cGalleryNote_note textarea {
  500. color: #fff;
  501. }
  502. .cGalleryImageItem.cGalleryImageItem_selected {
  503. background: #404a53;
  504. }
  505. /* Downloads */
  506.  
  507. #elDownloadsSubmit .ipsAttachment_dropZone {
  508. background: #222;
  509. border-color: #555;
  510. }
  511. /* Pages */
  512.  
  513. .cCmsCategoryFeaturedEntry {
  514. border-color: rgba(255, 255, 255, 0.1);
  515. }
  516. /* Commerce */
  517.  
  518. .cNexusSupportMessage_m .cNexusSupportMessage_author,
  519. .cNexusSupportMessage_a .cNexusSupportMessage_author {
  520. background: #395b76;
  521. }
  522. .cNexusSupportMessage_s .cNexusSupportMessage_author {
  523. background: #517355;
  524. }
  525. /* Chat */
  526.  
  527. #elChatTabs {
  528. background: #304d66;
  529. color: #fff;
  530. }
  531. #ipsTabs_elChatTabs_chatroom_panel > .ipsColumns > .ipsColumn_wide {
  532. background: #ebebeb;
  533. }
  534. .cChatUserRow:hover,
  535. .cChatUserRow_hover {
  536. background: #111;
  537. }
  538. .cChatRow_own {
  539. background: #404852;
  540. }
  541. .cChatRow_own .cChatRow_user,
  542. .cChatRow_own .cChatRow_content,
  543. .cChatRow_own .cChatRow_date {
  544. border-color: #343e4b;
  545. }
  546. .cChatRow .cChatRow_user,
  547. .cChatRow .cChatRow_content,
  548. .cChatRow .cChatRow_date {
  549. border-color: #292929;
  550. }
  551. blockquote {
  552. color: #fff !important;
  553. }
  554. .ipsComment.ipsComment_popular .ipsComment_popularFlag:after {
  555. border-color: #000044 transparent transparent;
  556. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement