API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Oct 19th, 2019
79
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.07 KB | None | 0 0
raw download clone embed print report
  1. /* Tags - remove backgrounds, make them white*/
  2. .tagItem {
  3. color: #fff;
  4. background: none;
  5. border: 1px transparent;
  6. }
  7.  
  8. /* Overall Post Area background edits - make the posts seamless */
  9. .block--messages .block-container {
  10. background: #000000a8;
  11. border: none;
  12. }
  13.  
  14.  
  15.  
  16. /* User Avatar Area edits - change the borders and move the online indicator */
  17. .message .message-cell {
  18. background: transparent;
  19. border-right: none;
  20. }
  21.  
  22. .message .message-cell--user {
  23. padding: 0px;
  24. margin-right: 10px;
  25. }
  26.  
  27. section.message-user {
  28. padding-top: 10px;
  29. padding-right: 6px;
  30. padding-bottom: 6px;
  31. padding-left: 6px;
  32. box-shadow: rgba(15, 15, 15, 0.5) 2px 3px 6px 2px;
  33. position: relative;
  34. background: rgba(0, 0, 0, 0.7);
  35. border-radius: 6px;
  36. }
  37.  
  38. /* Keep borders around avatars
  39. section.message-user {
  40. border-width: 1px;
  41. border-style: solid;
  42. border-top-color: #202020;
  43. border-right-color: #282828;
  44. border-bottom-color: #353535;
  45. border-left-color: #282828;
  46. }
  47. */
  48.  
  49. .message-avatar-wrapper {
  50. border-radius: 4px;
  51. border: 1.2px solid rgb(40, 40, 40);
  52. border-image: initial;
  53. padding: 2px;
  54. }
  55.  
  56. .pairs.pairs--justified>dt {
  57. font-size: 8pt;
  58. }
  59.  
  60. .pairs.pairs--justified>dd {
  61. font-size: 8pt;
  62. }
  63.  
  64. /* Move Online Indicator to the left-bottom corner*/
  65. .message-avatar-wrapper .message-avatar-online {
  66. top: 4.22em;
  67. left: 4.54em;
  68. font-size: 20px;
  69. border: transparent;
  70. background: transparent;
  71. }
  72.  
  73. /* Turn Online Indicator into an icon */
  74. .message-avatar-wrapper .message-avatar-online:before {
  75. font-family: "FontAwesome";
  76. content: "\f2bd";
  77. border: none;
  78. background: none;
  79. color: #7fb900;
  80. }
  81.  
  82.  
  83.  
  84.  
  85.  
  86. /* Playing with the sticky posts */
  87. article.message.sticky-container .message-cell--user {
  88. background: transparent
  89. }
  90.  
  91. article.message.sticky-container section.message-user {
  92. background: #1b293878;
  93. border-radius: 6px;
  94. }
  95.  
  96. article.message.sticky-container {
  97. border-bottom: none;
  98. padding-bottom: 10px;
  99. }
  100.  
  101.  
  102.  
  103. /* Post Area edits - modify borders, make the background transparent */
  104. .block--messages .message, .block--messages .block-row {
  105. background: transparent;
  106. border-style: none;
  107. padding: 10px;
  108. }
  109.  
  110. .block--messages .message+.message, .block--messages .block-row+.message, .block--messages .message+.block-row, .block--messages .block-row+.block-row {
  111. padding: 10px;
  112. }
  113.  
  114. .block--messages .message-cell:last-child {
  115. border-radius: 5px;
  116. }
  117.  
  118. /* Make post background darker and remove arrows
  119. .block--messages .message-cell--main {
  120. background: rgba(10, 10, 10, 0.65);
  121. }
  122.  
  123. .message-userArrow {
  124. display:none;
  125. }
  126. */
  127.  
  128. /*Keep borders around posts */
  129. .block--messages .message-cell--main {
  130. border-width: 1px;
  131. border-style: solid;
  132. border-top-color: #202020;
  133. border-right-color: #282828;
  134. border-bottom-color: #353535;
  135. border-left-color: #282828;
  136. }
  137.  
  138. .message-userArrow {
  139. margin-right:-10px;
  140. }
  141.  
  142. .stickyAvatars section.message-user .message-userArrow {
  143. right: 0px
  144. }
  145.  
  146. /* Top of the post - remove borders */
  147. .message-attribution.message-attribution--split {
  148. border-bottom-style: none
  149. }
  150.  
  151. /* Signature - remove bottom border */
  152. .message-signature {
  153. color: rgb(127, 127, 127);
  154. border-bottom: none;
  155. }
  156.  
  157. /* Ratings - make background transparent*/
  158. .sv-rating__count {
  159. background: none;
  160. border: none
  161. }
  162.  
  163. .sv-rating {
  164. background: none;
  165. border: none;
  166. }
  167.  
  168. .sv-rating-bar--under-controls.sv-rating-bar--menu-bar {
  169. margin-top:0px;
  170. }
  171.  
  172.  
  173.  
  174. /* Table border colors */
  175. .sv-table-container .sv-table td {
  176. border-color: grey
  177. }
  178.  
  179. /* Quotes & Spoilers background colors*/
  180. .bbCodeBlock.bbCodeBlock--quote {
  181. margin: 1em 5px 1em 5px;
  182. border: 1px solid rgb(4, 38, 74);
  183. border-radius: 5px;
  184. overflow: auto;
  185. background: rgba(4, 38, 74, .3)
  186. }
  187.  
  188. .bbCodeBlock-title {
  189. font-size: 9pt;
  190. color: rgb(220, 237, 255);
  191. background: rgba(3, 55, 74, .7) url(https://forums.sufficientvelocity.com/data/svg/18/0/1562936520/gradient_heading_muted.svg) repeat-x 0 0;
  192. padding: 3px 8px;
  193. border-color: rgb(4, 38, 74);
  194. border-bottom-width: 1px;
  195. border-bottom-style: solid;
  196. border-top-left-radius: 4px;
  197. border-top-right-radius: 4px;
  198. }
  199.  
  200. .bbCodeBlock {
  201. margin: .75em 0;
  202. background: rgba(4, 38, 74, .3);
  203. border: 1px solid rgb(4, 38, 74);
  204. border-radius: 5px;
  205. overflow: auto;
  206. border-bottom-width: 1px;
  207. border-bottom-style: solid;
  208. }
  209.  
  210. /* User profile background */
  211. .memberTooltip-header {
  212. background: rgba(4, 38, 74, .3)
  213. }
  214.  
  215. /* Overall inputs */
  216.  
  217. .input {
  218. background: rgba(1,27,50,0.4);
  219. border: none;
  220. }
  221.  
  222. .input:focus, .input.is-focused {
  223. outline: 0;
  224. background: rgba(0,0,0,0.8);
  225. border: none;
  226. }
  227.  
  228.  
  229.  
  230. /* Text Editor colors */
  231. .fr-box textarea.input {
  232. background: rgba(1,27,50,0.4);
  233. border: 1px solid #304b65;
  234. border-top: none
  235. }
  236.  
  237. .fr-box textarea.input:focus, .input.is-focused {
  238. outline: 0;
  239. background: rgba(0,0,0,0.8);
  240. border-top: none
  241. }
  242.  
  243. .fr-element, .fr-element:focus {
  244. background: rgba(0,0,0,0.8)
  245. }
  246.  
  247. .block-container {
  248. background: #000000a8;
  249. }
  250.  
  251. /*
  252. .fr-box {
  253. border: 1px solid rgb(7,59,110);
  254. border-radius: 4px;
  255. position: relative;
  256. }
  257. */
  258.  
  259. .fr-toolbar {
  260. border: 1px solid #304b65;
  261. /* border-bottom: 0px;*/
  262. background-color: #001223;
  263. }
  264.  
  265. .fr-box.fr-basic .fr-wrapper {
  266. background: transparent;
  267. border: 1px solid #304b65;
  268. border-radius: 4px;
  269. }
  270.  
  271. .fr-toolbar .fr-command.fr-btn.fr-active, .fr-popup .fr-command.fr-btn.fr-active {
  272. color: #fff;
  273. }
  274.  
  275. .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper {
  276. background: rgb(0,20,40);
  277. border: 1px solid #304b65;
  278. }
  279.  
  280. .fr-popup.fr-active {
  281. background: rgb(0,20,40);
  282. border: 1px solid #304b65;
  283. border-top: 3px solid #304b65;
  284. border-top-left-radius: 0px;
  285. border-top-right-radius: 0px;
  286. }
  287.  
  288. .fr-color-set.fr-text-color.fr-selected-set {
  289. padding-left: 1px;
  290. }
  291.  
  292. .fr-separator {
  293. background: #304b65;
  294. }
  295.  
  296. .fr-popup .fr-color-hex-layer .fr-action-buttons button.fr-command {
  297. background-color: #304b65
  298. }
  299.  
  300.  
  301.  
  302. /* Profile menu transparency */
  303. .formRow>dt {
  304. background: transparent
  305. }
  306.  
  307. /* Profile page transparency */
  308. .memberHeader-main {
  309. background: rgba(1,27,50,0.4)
  310. }
  311.  
  312. .block-tabHeader {
  313. background: rgba(1,27,50,0.4)
  314. }
  315.  
  316. /* Image preview */
  317. .lg-backdrop {
  318. background: rgba(0,0,0,0.85)
  319. }
  320.  
  321.  
  322.  
  323. /* Playing with the editor & borders */
  324.  
  325. .block-container {
  326. border-style: none;
  327. }
  328.  
  329. form.block.js-quickReply .message.message--quickReply.block-topRadiusContent.block-bottomRadiusContent {
  330. padding:10px;
  331. }
  332.  
  333. form.block.js-quickReply .message.message--quickReply.block-topRadiusContent.block-bottomRadiusContent .message-cell.message-cell--main {
  334. padding:0px;
  335. }
  336.  
  337. .message.message--quickReply.block-topRadiusContent.block-bottomRadiusContent .message-avatar {
  338. position: relative;
  339. padding-top: 10px;
  340. padding-right: 6px;
  341. padding-bottom: 6px;
  342. padding-left: 6px;
  343. box-shadow: rgba(10, 10, 10, 0.5) 2px 3px 6px 2px;
  344. background: rgba(0, 0, 0, 0.7)
  345. }
  346.  
  347. /* QuickReply Avatar Border
  348. .message.message--quickReply.block-topRadiusContent.block-bottomRadiusContent .message-avatar {
  349. border-width: 1px;
  350. border-style: solid;
  351. border-top-color: #202020;
  352. border-right-color: #282828;
  353. border-bottom-color: #353535;
  354. border-left-color: #282828;
  355. border-radius: 6px;
  356. }
  357. */
  358.  
  359. /*
  360. .block-container .message-inner {
  361. padding-top: 10px;
  362. }
  363. */
  364.  
  365. .message.message--quickReply.block-topRadiusContent.block-bottomRadiusContent .message-user {
  366.  
  367. }
  368.  
  369. .message.message--quickReply.block-topRadiusContent.block-bottomRadiusContent .formRow.threadmark--label {
  370. border-width: 1px;
  371. border: 1px solid rgb(7,59,110);
  372. border-top-left-radius: 6px;
  373. border-top-right-radius: 6px;
  374. width: auto
  375. }
  376.  
  377. .message.message--quickReply.block-topRadiusContent.block-bottomRadiusContent .formRow.threadmark--category {
  378. border-width: 1px;
  379. border: 1px solid rgb(7,59,110);
  380. border-bottom-left-radius: 6px;
  381. border-bottom-right-radius: 6px;
  382. border-bottom: none;
  383. border-top: none;
  384. width: auto
  385. }
  386.  
  387. form.block.js-quickReply .message.message--quickReply.block-topRadiusContent.block-bottomRadiusContent .fr-box {
  388. }
  389.  
  390. /*
  391. article.message.sticky-container {
  392. padding-bottom: 15px;
  393. border-bottom-style: groove;
  394. border-bottom-color: #1b2938c9;
  395. border-bottom-left-radius: 0px;
  396. border-bottom-right-radius: 0px
  397. }
  398. */
  399.  
  400. article.message.sticky-container .message-cell--main {
  401. background: #1b293878
  402. }
  403.  
  404.  
  405.  
  406. /* Playing with threadmarks */
  407. .block--messages .message-cell--threadmark-header .threadmarkLabel {
  408. border: none;
  409. background: transparent;
  410. color: #fff;
  411. padding: 3px;
  412. }
  413.  
  414. .block--messages .message-cell--threadmark-header {
  415. background: rgba(0, 0, 0, 0.7);
  416. color: #fff;
  417. padding-top: 5px;
  418. padding-bottom: 5px;
  419. margin-bottom: 5px;
  420. margin-left: -10px;
  421. margin-right: -10px;
  422. border: none;
  423. /* border-radius: 0px !important;*/
  424. }
  425.  
  426. .block--messages .message-cell--threadmark-footer {
  427. background: rgba(0, 0, 0, 0.7);
  428. border: none;
  429. padding-top: 5px;
  430. padding-bottom: 5px;
  431. margin-top: 5px;
  432. margin-left: -10px;
  433. margin-right: -10px;
  434. border-top-left-radius:0px !important;
  435. /* border-radius: 0px !important;*/
  436. }
  437.  
  438. .block--messages .message-cell--threadmark-header label {
  439. padding-left: 10px;
  440. }
  441.  
  442.  
  443.  
  444. /* Menu colors - subject to change */
  445. .message-responseRow {
  446. background: rgba(0,0,0,0.4);
  447. border: none;
  448. }
  449.  
  450. .editorPlaceholder {
  451. margin: 10px;
  452. }
  453.  
  454. .editorPlaceholder .editorPlaceholder-placeholder .input {
  455. }
  456.  
  457. .menu-content {
  458. background: rgba(0, 9, 15, .95);
  459. border: 1px solid rgb(7, 59, 110);
  460. border-top-width: 5px;
  461. border-top-color: rgb(7, 59, 110);
  462. border-radius: 0px;
  463. border-bottom-right-radius: 6px;
  464. border-bottom-left-radius: 6px;
  465. overflow: hidden;
  466. box-shadow: 0px 5px 5px rgba(0, 9, 15, 0.5);
  467. }
  468.  
  469. .user-alert--newIcon {
  470. float: right;
  471. }
  472.  
  473. .menu-row.menu-row--highlighted {
  474. background: rgba(1,27,50,0.95);
  475. }
  476.  
  477. .menu-row.menu-row--alt {
  478. /* background: #0c1a29*/
  479. background: rgba(0, 9, 15, .95)
  480. }
  481.  
  482. .menu-row.menu-row--clickable:hover {
  483. background: #1B2938;
  484. border-left: 3px solid rgba(48,75,101,0.5);
  485. }
  486.  
  487. .menu-row.menu-row {
  488. border-left: 3px solid transparent;
  489. }
  490.  
  491. .menu-header {
  492. background: linear-gradient(0deg, rgba(19,26,34,0.975), rgba(1,27,50));
  493. }
  494.  
  495. .menu-footer {
  496. background: linear-gradient(0deg, rgba(19,26,34,0.975), rgba(1,27,50));
  497. }
  498.  
  499.  
  500.  
  501. /* Alerts page colors */
  502. .block-row.block-row {
  503. background: rgba(0, 9, 15, .5)
  504. }
  505.  
  506. /*
  507. .block-row.block-row--alt {
  508. background: rgba(12,26,41,0.5)
  509. }
  510. */
  511.  
  512. .block-row.block-row--highlighted {
  513. background: rgba(1,27,50,0.5);
  514. }
  515.  
  516.  
  517.  
  518. /* Various adjustments */
  519. .autoCompleteList {
  520. list-style: none;
  521. margin: 0;
  522. padding: 0;
  523. cursor: default;
  524. font-size: 12px;
  525. color: #e6e6e6;
  526. background: rgb(0,20,40);
  527. border: 1px solid #304b65;
  528. }
  529.  
  530. select.js-quickSearch-constraint.input, input:focus [style] {
  531. background: rgba(0, 9, 15,0.95);
  532. width: 95px !important;
  533. }
  534.  
  535. .select2 .select2-selection ul>li.select2-selection__choice {
  536. font-size: 12px;
  537. color: #fdfeff;
  538. background: #304b65;
  539. }
  540.  
  541. .select2-results__options {
  542. background: rgb(0,20,40);
  543. margin: 0;
  544. padding: 0;
  545. color: #e6e6e6;
  546. border-top: 3px solid #304b65 !important;
  547. border: 1px solid #304b65;
  548. }
  549.  
  550. /*
  551. .overlay {
  552. background: none;
  553. }
  554. */
  555.  
  556. .overlay-content {
  557. background: rgba(1,27,50,0.4);
  558. border-top-color: #202020;
  559. border-right-color: #282828;
  560. border-bottom-color: #353535;
  561. border-left-color: #282828;
  562. }
  563.  
  564. /* Fix Calendar */
  565. .pika-table abbr {
  566. text-decoration:none;
  567. }
  568.  
  569. .formRow.formRow--input>dt {
  570. padding-top: 22px;
  571. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!