API tools faq
paste
Advertisement
Guest User

Untitled

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