API tools faq
paste
Guest User

Legere 2024

a guest
May 26th, 2024
64
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.86 KB | None | 0 0
raw download clone embed print report
  1. .arrow.down {
  2. visibility: hidden;
  3. display: none
  4. }
  5.  
  6. /*
  7. Theme by u/BurnedR
  8. Version 1.0.3
  9.  
  10. Inspired by r/Cogent
  11. Icons from www.icons8.com
  12. With help from https://chingu-coders.github.io/owl-24/.
  13. REVISIONS BY u/EXASKRYZ: Changed anything #113b7f to #25b79f for a teal look. Line count numbers are as if "theme by u/BurnedR" is on line 3 in the editor. Changed line 160 to margin-left: 9px; as a style preference. But importantly, we changed a few things to make the subreddit bar at the top of most reddit pages visible again by changing line 163 to have some offset to get the buttons back under the bar, changed line 224 to make it remove "visibility: hidden" and for good measure changed it to z-index: 1; and we changed line 229 for additional improved offset of the dropdown menu on the top right corner. Additionally... changed line 153 and line 229 to make sure the subreddit bar had offset 19 which matches what RES wants to have compatibility with the icons for RES users. We also added a section for #RESAccountSwitcherIcon, #RESSettingsButton to manage their offsets.
  14. */
  15.  
  16. /*========================*/
  17. /* HEADER */
  18. /*========================*/
  19.  
  20. * {
  21. font-family: Segoe UI, Arial, sans-serif;
  22. -webkit-text-size-adjust: none;
  23. transition: all 0.1s ease-in-out;
  24. }
  25.  
  26. body {
  27. background: #f2f2f2;
  28. margin-left: 150px;
  29. }
  30.  
  31. a {
  32. color: #25b79f;
  33. font-weight: normal!important;
  34. text-decoration: none!important;
  35. }
  36.  
  37. a:hover { text-decoration: none!important; }
  38.  
  39. #header-bottom-left {
  40. position: fixed;
  41. top: 0px;
  42. left: 0px;
  43. bottom: 0px;
  44. width: 150px;
  45. background: #25b79f;
  46. text-align: center;
  47. box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
  48. }
  49.  
  50. #header-bottom-left:before {
  51. position: absolute;
  52. width: 150px;
  53. height: 100%;
  54. top: 0px;
  55. left: 0px;
  56. background-image: url(%%game-pattern%%);
  57. background-size: 160%;
  58. pointer-events: none;
  59. content: " ";
  60. opacity: 0.2;
  61. }
  62.  
  63. #header-img.default-header {
  64. display: block;
  65. background: url(%%icon-reddit%%) no-repeat;
  66. background-size: 56px 56px;
  67. width: 56px;
  68. height: 50px;
  69. margin: 16px auto -16px auto;
  70. }
  71.  
  72. .pagename { font-size: 0px; }
  73.  
  74. .pagename a, .pagename a:before {
  75. display: inline-block;
  76. font-size: 16px;
  77. font-weight: normal;
  78. color: white;
  79. line-height: 24px;
  80. text-transform: lowercase;
  81. }
  82.  
  83. .pagename a:before { content: 'R/'; }
  84.  
  85. .pagename a {
  86. display: block;
  87. padding-right: 3px;
  88. }
  89.  
  90. #header-img.default-header:hover, .pagename a:hover { opacity: 0.7; }
  91.  
  92. #header-bottom-left .tabmenu {
  93. width: 100px;
  94. margin-top: 16px;
  95. }
  96.  
  97. #header-bottom-left .tabmenu li {
  98. display: block;
  99. margin: 0px;
  100. height: 64px;
  101. }
  102.  
  103. #header-bottom-left .tabmenu li:hover {
  104. background: rgba(0, 0, 0, 0.25);
  105. border-radius: 12px;
  106. }
  107.  
  108. #header-bottom-left .tabmenu li a {
  109. display: block;
  110. padding-top: 38px;
  111. background: url(%%icon-hot%%);
  112. background-repeat: no-repeat;
  113. background-position: 50% 32%;
  114. background-size: 32px 32px;
  115. border: none;
  116. font-weight: normal;
  117. text-transform: capitalize;
  118. color: white;
  119. overflow: hidden;
  120. }
  121.  
  122. #header .tabmenu li a[href*="/new "] { background-image: url(%%icon-new%%); }
  123.  
  124. #header .tabmenu li a[href*="/rising "] { background-image: url(%%icon-rising%%); }
  125.  
  126. #header .tabmenu li a[href*="/controversial "] { background-image: url(%%icon-controversial%%); }
  127.  
  128. #header .tabmenu li a[href*="/top "] { background-image: url(%%icon-top%%); }
  129.  
  130. #header .tabmenu li a[href*="/gilded "] { background-image: url(%%icon-gilded%%); }
  131.  
  132. #header .tabmenu li a[href*="/wiki "] { background-image: url(%%icon-wiki%%); }
  133.  
  134. #header .tabmenu li a[href*="/ads "] { background-image: url(%%icon-promoted%%); }
  135.  
  136. #header .tabmenu li a[href*="/comments "] { background-image: url(%%icon-comments%%); }
  137.  
  138. #header .tabmenu li a[href*="/duplicates "]:before {
  139. content: 'Discussions';
  140. font-size: 12px;
  141. }
  142.  
  143. #header .tabmenu li a[href*="/duplicates "] {
  144. background-image: url(%%icon-discussions%%);
  145. font-size: 0px;
  146. }
  147.  
  148. #header {
  149. height: 40px;
  150. background: white;
  151. border: none;
  152. box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.4);
  153. }
  154.  
  155. #header-bottom-right {
  156. margin-left: -4px;
  157. top: 19px;
  158. right: initial;
  159. background: none;
  160. }
  161.  
  162. #RESAccountSwitcherIcon, #RESSettingsButton {
  163. padding: 0 0 0 0 !important;
  164. margin: 0 0 0 0 !important;
  165. position: relative;
  166. top: 1px;
  167. left: 4px;
  168. }
  169.  
  170. #header .user>a, #mail.nohavemail, #mail.havemail, #modmail.nohavemail, #modmail.havemail, #new_modmail.nohavemail, #new_modmail.havemail, #header-bottom-right .pref-lang, #openRESPrefs .gearIcon, #header-bottom-right .logout a {
  171. display: inline-block;
  172. position: relative;
  173. margin-left: 9px !important;
  174. width: 20px !important;
  175. height: 20px !important;
  176. top: -1px !important;
  177. vertical-align: top;
  178. font-size: 0px;
  179. background: url(%%spritesheet-user%%);
  180. background-size: 80px 60px;
  181. opacity: 0.6;
  182. }
  183.  
  184. #header-bottom-right .separator, .message-count { display: none!important; }
  185.  
  186. .user {
  187. font-size: 0px;
  188. margin-left: 14px;
  189. }
  190.  
  191. #header .user>a { background-position: -60px 0; }
  192.  
  193. #mail.nohavemail { background-position: -20px 0 }
  194.  
  195. #mail.havemail { background-position: -40px 0; }
  196.  
  197. #modmail.nohavemail { background-position: 0 -20px; }
  198.  
  199. #modmail.havemail { background-position: -20px -20px; }
  200.  
  201. #new_modmail.nohavemail { background-position: -40px -20px; }
  202.  
  203. #new_modmail.havemail { background-position: 0 -40px; }
  204.  
  205. #header-bottom-right .pref-lang { background-position: -20px -40px; }
  206.  
  207. #openRESPrefs .gearIcon { background-position: -40px -40px; }
  208.  
  209. #header-bottom-right .logout a { background-position: 0 0; }
  210.  
  211. .RESDropdownList {
  212. background: white;
  213. border: 1px solid #c4c4c4;
  214. }
  215.  
  216. .RESDropdownList li, .res-icon {
  217. border: none;
  218. color: #25b79f;
  219. font-size: 10px;
  220. font-weight: normal;
  221. line-height: 30px;
  222. text-transform: uppercase;
  223. }
  224.  
  225. .res-icon { line-height: 14px; }
  226.  
  227. .RESMenuItemButton {
  228. height: 12px;
  229. width: 12px;
  230. }
  231.  
  232. .RESDropdownList li:hover, .RESMenuItemButton:hover, .RESDropdownList li:hover .res-icon {
  233. background: #25b79f;
  234. color: white;
  235. }
  236.  
  237. #sr-header-area {
  238. z-index: 1;
  239. }
  240.  
  241. #sr-header-area .dropdown.srdrop {
  242. visibility: visible;
  243. position: absolute;
  244. top: 19px;
  245. right: 11px;
  246. }
  247.  
  248. #sr-header-area .dropdown.srdrop .selected {
  249. margin: 0px;
  250. font-size: 0px;
  251. background-image: url(%%icon-dropdown%%);
  252. background-size: 22px 22px;
  253. background-repeat: no-repeat;
  254. opacity: 0.6;
  255. }
  256.  
  257. #sr-header-area .drop-choices.srdrop {
  258. visibility: visible;
  259. top: 34px!important;
  260. left: initial!important;
  261. right: 6px;
  262. border: 1px solid #c4c4c4;
  263. }
  264.  
  265. .drop-choices.lightdrop.inuse { border: 1px solid #c4c4c4!important; }
  266.  
  267. #sr-header-area .drop-choices a.choice, .drop-choices.lightdrop.inuse a {
  268. padding: 5px 8px;
  269. font-size: 9px;
  270. color: #25b79f;
  271. text-transform: uppercase;
  272. }
  273.  
  274. #sr-header-area .drop-choices a.choice:hover, .drop-choices.lightdrop.inuse a:hover {
  275. background: #25b79f;
  276. color: white;
  277. }
  278.  
  279. #header .user>a:hover, #mail.nohavemail:hover, #mail.havemail:hover, #modmail.nohavemail:hover, #modmail.havemail:hover, #new_modmail.nohavemail:hover, #new_modmail.havemail:hover, #header-bottom-right .pref-lang:hover, #openRESPrefs .gearIcon:hover, #header-bottom-right .logout a:hover, #sr-header-area .dropdown.srdrop .selected:hover { opacity: 0.4; }
  280.  
  281. div#NREFloat { display: none; }
  282.  
  283. /*========================*/
  284. /* CONTENT */
  285. /*========================*/
  286.  
  287. .content { margin: 20px 345px 0px 40px; }
  288.  
  289. .content a { color: #25b79f; }
  290.  
  291. .link, .commentarea .link.promotedlink.promoted {
  292. background: white;
  293. margin-bottom: 10px;
  294. padding: 12px 18px;
  295. overflow: visible;
  296. box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
  297. }
  298.  
  299. .link.stickied { border: 1px solid #25b79f; }
  300.  
  301. section.infobar.newsletterbar.newsletter-container {
  302. width: 100%;
  303. margin-bottom: 10px;
  304. box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
  305. }
  306.  
  307. .menuarea {
  308. padding: 0px 10px;
  309. border: none;
  310. }
  311.  
  312. .error { color: #c0392b; }
  313.  
  314. .link .rank {
  315. position: absolute;
  316. margin-top: 9px;
  317. margin-left: -37px;
  318. height: 34px;
  319. width: 34px!important;
  320. background: white;
  321. border: 1px solid #aaa;
  322. border-radius: 50%;
  323. text-align: center;
  324. line-height: 35px;
  325. font-size: 17px;
  326. font-weight: bold;
  327. color: #aaa;
  328. box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
  329. }
  330.  
  331. .link:hover .rank { margin-left: -45px; }
  332.  
  333. .link.stickied .rank { border-color: #25b79f; }
  334.  
  335. .arrow {
  336. background-position: 0px 0px!important;
  337. background-size: 18px 18px;
  338. height: 18px;
  339. width: 18px !important;
  340. }
  341.  
  342. .arrow:hover { opacity: 0.7; }
  343.  
  344. .arrow.up { background-image: url(%%icon-upvote%%); }
  345.  
  346. .arrow.upmod { background-image: url(%%icon-upvote-pressed%%); }
  347.  
  348. .arrow.down { background-image: url(%%icon-downvote%%); }
  349.  
  350. .arrow.downmod { background-image: url(%%icon-downvote-pressed%%); }
  351.  
  352. .link .score {
  353. margin: -3px 0px;
  354. font-weight: normal;
  355. color: #888;
  356. }
  357.  
  358. .link .score.likes { color: #25b79f; }
  359.  
  360. .link .score.dislikes { color: #c0392b; }
  361.  
  362. .link .thumbnail {
  363. margin: 2px 14px 2px 4px;
  364. height: 50px;
  365. width: 50px;
  366. background-size: 30px 30px!important;
  367. background-position: center!important;
  368. background-repeat: no-repeat!important;
  369. border: 1.5px solid #888;
  370. border-radius: 50%;
  371. }
  372.  
  373. .thing.stickied.link .thumbnail { border-color: #25b79f; }
  374.  
  375. .thing.stickied.link .thumbnail.default { background: url(%%icon-stickied-link-post%%) }
  376.  
  377. .link .thumbnail.default { background: url(%%icon-link-post%%) }
  378.  
  379. .thing.stickied.link .thumbnail.self { background: url(%%icon-stickied-text-post%%) }
  380.  
  381. .link .thumbnail.self { background: url(%%icon-text-post%%) }
  382.  
  383. .thumbnail.spoiler {
  384. background: url(%%icon-spoiler-post%%);
  385. border-color: #222;
  386. }
  387.  
  388. .thumbnail.nsfw {
  389. background: url(%%icon-nsfw-post%%);
  390. border-color: #c0392b;
  391. }
  392.  
  393. .thumbnail img {
  394. height: 50px;
  395. width: 50px;
  396. }
  397.  
  398. .thing.stickied.link a.title, .tagline .stickied-tagline, .search-result-meta .stickied-tagline { color: #25b79f; }
  399.  
  400. .thing .title { color: #555; }
  401.  
  402. .thing .title:visited, .thing.visited .title, .thing.visited .source-url { color: #777; }
  403.  
  404. .tagline { font-size: 0px; }
  405.  
  406. .author, time { font-size: 10px; }
  407.  
  408. .author { color: #25b79f!important; }
  409.  
  410. .link time:after { content: ' - '; }
  411.  
  412. .link time.edited-timestamp { font-size: 0px; }
  413.  
  414. .link time.edited-timestamp:before, .link time.edited-timestamp:after { font-size: 10px; }
  415.  
  416. .link time.edited-timestamp:before {
  417. content: 'edited';
  418. }
  419.  
  420. .commentarea .tagline { font-size: 10px; }
  421.  
  422. .commentarea .score.unvoted, .commentarea .score.likes { margin-left: -0.5em; }
  423.  
  424. .commentarea .score.unvoted:before, .commentarea .score.likes:before { content: '- '; }
  425.  
  426. .commentarea .score.unvoted:after, .commentarea .score.likes:after { content: ' -'; }
  427.  
  428. .expando-button:before { display: none!important; }
  429.  
  430. .expando-button {
  431. background-position: 0px 0px!important;
  432. background-size: 26px 26px;
  433. max-height: 30px!important;
  434. max-width: 30px!important;
  435. height: 26px!important;
  436. width: 26px!important;
  437. }
  438.  
  439. .expando-button:hover { opacity: 0.7; }
  440.  
  441. .expando-button.image.collapsed, .expando-button.collapsed.selftext, .expando-button.collapsed.video, .expando-button.video-muted.collapsed, .expando-button.image.collapsed:hover, .expando-button.collapsed.selftext:hover, .expando-button.collapsed.video:hover, .expando-button.video-muted.collapsed:hover { background-image: url(%%icon-expand%%) }
  442.  
  443. .thing.stickied.link .expando-button.image.collapsed, .thing.stickied.link .expando-button.collapsed.selftext, .thing.stickied.link .expando-button.collapsed.video, .thing.stickied.link .expando-button.video-muted.collapsed, .thing.stickied.link .expando-button.image.collapsed:hover, .thing.stickied.link .expando-button.collapsed.selftext:hover, .thing.stickied.link .expando-button.collapsed.video:hover, .thing.stickied.link .expando-button.video-muted.collapsed { background-image: url(%%icon-stickied-expand%%) }
  444.  
  445. .expando-button.image.expanded, .expando-button.expanded.selftext, .expando-button.expanded.video, .expando-button.video-muted.expanded, .expando-button.image.expanded:hover, .expando-button.expanded.selftext:hover, .expando-button.expanded.video:hover, .expando-button.video-muted.expanded:hover { background-image: url(%%icon-collapse%%) }
  446.  
  447. .thing.stickied.link .expando-button.image.expanded, .thing.stickied.link .expando-button.expanded.selftext, .thing.stickied.link .expando-button.expanded.video, .thing.stickied.link .expando-button.video-muted.expanded, .thing.stickied.link .expando-button.image.expanded:hover, .thing.stickied.link .expando-button.expanded.selftext:hover, .thing.stickied.link .expando-button.expanded.video:hover, .thing.stickied.link .expando-button.video-muted.expanded:hover { background-image: url(%%icon-stickied-collapse%%) }
  448.  
  449. .entry .buttons li a {
  450. font-weight: normal;
  451. color: #25b79f;
  452. }
  453.  
  454. .comment-visits-box .title {
  455. font-weight: normal;
  456. color: #222;
  457. }
  458.  
  459. .link .usertext-body .md, .new-comment .usertext-body, .thing.spam {
  460. background: none;
  461. border: solid 1px #888;
  462. border-radius: 8px;
  463. margin: 4px 0;
  464. padding: 0 6px;
  465. }
  466.  
  467. .thing.spam {
  468. padding: 6px 6px 0px 6px;
  469. border-color: #c0392b;
  470. }
  471.  
  472. .thing.stickied.link .usertext-body .md, .thing.stickied.link .new-comment .usertext-body { border-color: #25b79f; }
  473.  
  474. .link .usertext-body .md p { margin: 3px 0px 5px 0px; }
  475.  
  476. .gold-accent.comment-visits-box {
  477. background-color: #f6f6f6;
  478. border: 1px solid #888;
  479. border-radius: 0px;
  480. color: #888;
  481. }
  482.  
  483. .btn, button, .tabmenu.formtab a, .tabmenu.formtab .selected a, .pretty-button {
  484. padding: 6px 16px;
  485. background: #25b79f;
  486. border: none;
  487. border-radius: 0px;
  488. outline: 0px;
  489. color: white!important;
  490. font-size: 12px;
  491. font-weight: normal;
  492. line-height: 100%;
  493. text-transform: capitalize;
  494. }
  495.  
  496. .btn a { color: white; }
  497.  
  498. .btn:hover, button:hover, .tabmenu.formtab a:hover, .tabmenu.formtab .selected a:hover, .pretty-button:hover { opacity: 0.7; }
  499.  
  500. .pretty-button {
  501. background: #c0392b;
  502. background-image: none!important;
  503. padding: 4px 12px;
  504. font-size: 10px;
  505. }
  506.  
  507. #newlink ul.tabmenu.formtab {
  508. padding: 8px;
  509. width: 500px;
  510. background: white;
  511. box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
  512. }
  513.  
  514. .tabmenu.formtab a, .tabmenu.formtab .selected a {
  515. display: inline-block;
  516. margin-right: 8px;
  517. }
  518.  
  519. .tabmenu.formtab .selected a { opacity: 0.7; }
  520.  
  521. .formtabs-content { border: none; }
  522.  
  523. .content .spacer, form .spacer+.spacer { margin: 0px 0px 10px 0px!important; }
  524.  
  525. .roundfield, .formtabs-content .infobar {
  526. padding: 8px!important;
  527. background: white!important;
  528. border: none!important;
  529. border-radius: 0px;
  530. box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
  531. }
  532.  
  533. .formtabs-content .infobar, .content.submit .info-notice {
  534. width: 500px;
  535. background: #f6f6f6!important;
  536. }
  537.  
  538. .required-roundfield:before { color: #c0392b; }
  539.  
  540. .roundfield .title, span.RESCharCounter, .flat-vert.title {
  541. color: #888!important;
  542. font-size: 16px!important;
  543. text-transform: capitalize;
  544. }
  545.  
  546. .submit_text h1 {
  547. margin: initial;
  548. font-weight: initial;
  549. }
  550.  
  551. .roundfield textarea, .roundfield input[type=text], .roundfield input[type=url], .roundfield input[type=password], .roundfield input[type=number], #compose-message .roundfield select {
  552. font-size: 14px!important;
  553. border-color: #c4c4c4!important;
  554. outline: 0px;
  555. }
  556.  
  557. .roundfield textarea { transition: none; }
  558.  
  559. /*========================*/
  560. /* SIDE */
  561. /*========================*/
  562.  
  563. .side {
  564. background: none;
  565. margin: 20px 20px 0px 0px;
  566. }
  567.  
  568. .side .spacer { margin: 0px; }
  569.  
  570. .side #search { margin-bottom: 10px; }
  571.  
  572. .side #search input[type=text] {
  573. border: none!important;
  574. outline: 0px;
  575. box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
  576. }
  577.  
  578. .side #searchexpando, .side .linkinfo {
  579. margin-top: 10px;
  580. background-color: #f6f6f6;
  581. border: none;
  582. border-radius: 0px;
  583. box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
  584. }
  585.  
  586. .side .linkinfo {
  587. margin-bottom: 10px;
  588. padding: 8px;
  589. }
  590.  
  591. .login-form-side input[type=password], .login-form-side input[type=text] {
  592. margin-bottom: -8px;
  593. width: 135px;
  594. }
  595.  
  596. .login-form-side, .sidebox .spacer.no-icon { margin-bottom: 10px; }
  597.  
  598. .sidebox.submit-text {
  599. float: right;
  600. margin-top: -39px;
  601. width: 146px;
  602. }
  603.  
  604. .sidebox.submit-link { width: 146px; }
  605.  
  606. .morelink {
  607. display: block;
  608. position: relative;
  609. margin-bottom: 10px;
  610. background: #25b79f;
  611. border: none;
  612. box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
  613. }
  614.  
  615. .morelink a {
  616. color: white;
  617. font-size: 0px;
  618. font-weight: normal;
  619. letter-spacing: 0px;
  620. }
  621.  
  622. .sidebox.submit-link .morelink a:before {
  623. content: 'Submit link';
  624. font-size: 14px;
  625. }
  626.  
  627. .sidebox.submit-text .morelink a:before {
  628. content: 'Submit text';
  629. font-size: 14px;
  630. }
  631.  
  632. .morelink:hover {
  633. background: #25b79f;
  634. opacity: 0.7;
  635. }
  636.  
  637. .nub, h1, .sidebox.create .spacer { display: none; }
  638.  
  639. form.toggle.res-sr-style-toggle { padding-top: 0px; }
  640.  
  641. .titlebox .subscribe-button {
  642. display: inline-block;
  643. padding: 0px;
  644. }
  645.  
  646. .subscribe-button.toggle .active {
  647. display: inline-block;
  648. line-height: 100%;
  649. }
  650.  
  651. .fancy-toggle-button .active {
  652. padding: 6px 12px;
  653. background: #25b79f;
  654. border: none;
  655. border-radius: 0px;
  656. outline: 0px;
  657. font-size: 12px;
  658. font-weight: normal;
  659. text-transform: capitalize;
  660. }
  661.  
  662. .fancy-toggle-button .remove { background: #c0392b; }
  663.  
  664. .fancy-toggle-button .add:hover, .fancy-toggle-button .remove:hover { opacity: 0.7; }
  665.  
  666. .users-online:before { display: none; }
  667.  
  668. .subscribe-button, .subscribers, .users-online {
  669. display: inline-block;
  670. margin-top: 4px;
  671. margin-left: 4px;
  672. }
  673.  
  674. .users-online { margin-left: 10px; }
  675.  
  676. .subscribers .word, .users-online .word { font-size: 0px; }
  677.  
  678. .subscribers .word:before, .users-online .word:before { font-size: 12px; }
  679.  
  680. .subscribers .word:before { content: ' readers'; }
  681.  
  682. .users-online .word:before { content: ' here now'; }
  683.  
  684. .titlebox .tagline { font-size: 10px; }
  685.  
  686. .side .md-container, .titlebox .bottom { border-top: 1px solid #c4c4c4; }
  687.  
  688. .side .md-container { padding: 6px 0px; }
  689.  
  690. .side .md-container h2, .side .md-container p { margin: 3px 0px; }
  691.  
  692. .side .md-container h2, .side .md-container h3 { line-height: 100%; }
  693.  
  694. .side .md-container h3 {
  695. margin: 0px;
  696. border-top: 1.5px solid white;
  697. border-bottom: 1.5px solid white;
  698. }
  699.  
  700. .side .md-container a { color: #25b79f; }
  701.  
  702. .side .titlebox, .sidecontentbox .content, .login-form-side, .sidebox .spacer.no-icon, .footer {
  703. padding: 8px;
  704. background: white;
  705. border: none;
  706. border-radius: 0px;
  707. box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
  708. }
  709.  
  710. .footer .col { border-color: #c4c4c4; }
  711.  
  712. .side .title, .sidebox.create, .side .account-activity-box { margin-top: 10px; }
  713.  
  714. .side .title, .side a.helplink.access-required { margin-bottom: 2px; }
  715.  
  716. /*========================*/
  717. /* FLAIRS */
  718. /*========================*/
  719.  
  720. .flair {
  721. margin-top: 0px !important;
  722. padding: 0px 5px 1px 5px;
  723. background: transparent;
  724. border: 0.5px solid #888;
  725. border-radius: 10px;
  726. color: #888;
  727. font-size: 9px !important;
  728. }
  729.  
  730. .flair-mod {
  731. border-color: #25b79f;
  732. color: #25b79f;
  733. }
  734.  
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!