Quavelen

CSS?

Jun 1st, 2018
86
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.33 KB | None | 0 0
  1. body {
  2. font-family:Futura,"Trebuchet MS",Arial,sans-serif
  3. }
  4.  
  5. a:hover {
  6. color:#333
  7. }
  8.  
  9. .pagename {
  10. font-family:Futura,"Trebuchet MS",Arial,sans-serif;
  11. font-weight:100;
  12. text-transform:lowercase;
  13. vertical-align:bottom;
  14. color:#f0f0f0;
  15. font-size:1.8em;
  16. position:relative;
  17. top:43px;
  18. left:23px
  19. }
  20.  
  21. .pagename a {
  22. color:#f0f0f0;
  23. font-weight:100;
  24. transition:letter-spacing 200ms ease
  25. }
  26.  
  27. .pagename a:hover {
  28. text-decoration:none;
  29. letter-spacing:4px;
  30. transition:letter-spacing 300ms ease
  31. }
  32.  
  33. .morelink {
  34. border:none;
  35. letter-spacing:2px;
  36. font-weight:100;
  37. text-transform:uppercase;
  38. font-size:11px
  39. }
  40.  
  41. .morelink a {
  42. background-color:#7ac3cc;
  43. color:#fff;
  44. border-radius:2px;
  45. transition:background-color 200ms ease
  46. }
  47.  
  48. .morelink a:hover {
  49. background-color:#c37970
  50. }
  51.  
  52. .nub {
  53. display:none
  54. }
  55.  
  56. #search {
  57. }
  58.  
  59. #search input[type=text] {
  60. margin:17px 0 0;
  61. padding:5px 0 5px 40px;
  62. width:258px;
  63. height:40px;
  64. border:none;
  65. border-top:1px solid #7ac3cc;
  66. border-bottom:1px solid #7ac3cc;
  67. border-left:2px solid #fff;
  68. color:#999;
  69. transition:border-width 300ms ease;
  70. text-transform:uppercase;
  71. font-size:11px
  72. }
  73.  
  74. #search input[type=text]:focus {
  75. padding:5px 0 5px 40px;
  76. width:258px;
  77. outline:none!important;
  78. border:none;
  79. border-top:4px solid #c37970;
  80. border-bottom:4px solid #c37970;
  81. color:#000;
  82. transition:all 300ms ease
  83. }
  84.  
  85. #searchexpando {
  86. margin:0 0 5px;
  87. padding:5px 5px 0 15px;
  88. height:80px;
  89. background-color:#f5f5f5;
  90. border:0 solid;
  91. border-bottom:1px solid #DFDFDF;
  92. color:#3b3b3b
  93. }
  94.  
  95. #searchexpando label {
  96. cursor:pointer
  97. }
  98.  
  99. .search-page form#search label {
  100. cursor:pointer
  101. }
  102.  
  103. #search_showmore {
  104. display:none
  105. }
  106.  
  107. .sidecontentbox {
  108. padding:0 5px 0 15px
  109. }
  110.  
  111. .sidecontentbox .title h1 {
  112. color:#262626;
  113. text-align:left;
  114. text-transform:capitalize;
  115. font-size:12px
  116. }
  117.  
  118. .sidecontentbox.collapsible .title {
  119. text-align:left
  120. }
  121.  
  122. .sidecontentbox.collapsible .content {
  123. border:none
  124. }
  125.  
  126. .titlebox h1 a {
  127. display:none
  128. }
  129.  
  130. .titlebox h1 a:hover {
  131. color:#333;
  132. text-decoration:none
  133. }
  134.  
  135. .fancy-toggle-button .add {
  136. background:none;
  137. background-color:#090;
  138. border-radius:0
  139. }
  140.  
  141. .fancy-toggle-button .remove {
  142. background:none;
  143. background-color:#c1c1c1;
  144. border-radius:0
  145. }
  146.  
  147. .RESshortcut,.RESDashboardToggle {
  148. background:none;
  149. background-color:#4DB84D;
  150. border-radius:0
  151. }
  152.  
  153. .entry {
  154. padding:8px;
  155. border-left:3px solid #F0F0F0
  156. }
  157.  
  158. .entry .buttons li a {
  159. padding:0 1px;
  160. color:#999;
  161. font-weight:400;
  162. font-size:13px
  163. }
  164.  
  165. .entry .buttons li a:hover {
  166. color:#707070;
  167. font-weight:700;
  168. text-decoration:none
  169. }
  170.  
  171. .link .entry li .comments {
  172. visibility:visible;
  173. color:#707070;
  174. font-weight:700;
  175. font-size:13px
  176. }
  177.  
  178. #siteTable div.thing ul {
  179. visibility:hidden
  180. }
  181.  
  182. #siteTable div.thing:hover ul {
  183. visibility:visible
  184. }
  185.  
  186. .link .usertext .md ul {
  187. visibility:visible!important
  188. }
  189.  
  190. .nsfw-stamp acronym {
  191. visibility:visible;
  192. background-color:#e82e63;
  193. border-radius:0;
  194. color:#fff;
  195. cursor:help;
  196. border-color:#e82e63
  197. }
  198.  
  199. .entry .buttons a[onclick*="reply"] {
  200. color:#5b92fa!important;
  201. font-weight:700!important;
  202. font-size:13px!important
  203. }
  204.  
  205. .link .flat-list {
  206. font-weight:400;
  207. font-family:Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif
  208. }
  209.  
  210. .link .midcol {
  211. display:none
  212. }
  213.  
  214. .link.last-clicked {
  215. overflow:hidden;
  216. background-color:#f8f8f8;
  217. border:0 solid #d8d8d8;
  218. border-bottom:3px solid #e5e5e5
  219. }
  220.  
  221. .flair {
  222. height:auto;
  223. background-color:transparent;
  224. border:none;
  225. color:#555;
  226. font-size:small!important;
  227. border:1px solid #DADADA;
  228. padding:0 3px 2px
  229. }
  230.  
  231. div.tabpane-content {
  232. padding:4px;
  233. border:0 solid #e5e5e5;
  234. border-bottom-width:3px;
  235. background-color:#fff;
  236. width:1080px;
  237. margin-top:7px
  238. }
  239.  
  240. .linefield {
  241. margin-bottom:5px;
  242. padding:10px;
  243. width:45%;
  244. color:#707070;
  245. margin-bottom:15px
  246. }
  247.  
  248. .linefield .title {
  249. padding:1px 10px;
  250. color:#5b92fa
  251. }
  252.  
  253. .linefield .title+.gray {
  254. font-size:small
  255. }
  256.  
  257. .flairtemplatelist flairlist pretty-form {
  258. margin-top:2px;
  259. margin-right:320px;
  260. padding:5px 5px 8px 3px;
  261. color:#707070;
  262. text-transform:capitalize;
  263. width:100%;
  264. margin-bottom:8px
  265. }
  266.  
  267. .flairrow:nth-of-type(1) {
  268. width:700px;
  269. line-height:2
  270. }
  271.  
  272. .flairrow .tagline {
  273. margin-right:0;
  274. margin-left:0;
  275. width:150px;
  276. font-size:100%
  277. }
  278.  
  279. .flairtemplate .flairrow {
  280. margin-top:2px;
  281. margin-right:320px;
  282. padding:5px 5px 8px 3px;
  283. color:#707070;
  284. text-transform:capitalize;
  285. width:100%;
  286. margin-bottom:8px
  287. }
  288.  
  289. .tabmenu li#tab-grant.selected,.tabmenu li#tab-templates.selected,.tabmenu li#tab-link_templates.selected {
  290. margin:7px 0 4px
  291. }
  292.  
  293. .tabmenu li#tab-grant.selected a,.tabmenu li#tab-grant a:hover,.tabmenu li#tab-templates.selected a,.tabmenu li#tab-templates a:hover,.tabmenu li#tab-link_templates.selected a,.tabmenu li#tab-link_templates a:hover {
  294. color:#333
  295. }
  296.  
  297. #header .tabmenu li a {
  298. border:1px solid rgba(255,255,255,0);
  299. color:rgba(255,255,255,0.5);
  300. background-color:rgba(255,255,255,0);
  301. border-radius:3px;
  302. text-transform:uppercase;
  303. transition: all 200ms linear
  304. }
  305.  
  306. #header .tabmenu li.selected a {
  307. border:1px solid #fff;
  308. color:#f0f0f0;
  309. }
  310.  
  311. #header .tabmenu li a:hover {
  312. border:1px solid #fff;
  313. color:#f0f0f0;
  314. transition:all 200ms linear;
  315. }
  316.  
  317. .linkflair-other .linkflairlabel {
  318. background-color:#fff;
  319. font-size:11px;
  320. font-weight:700;
  321. color:#333;
  322. border:none;
  323. border-radius:2px;
  324. padding-left: 8px;
  325. padding-right:8px;
  326. }
  327.  
  328. .linkflair-kill .linkflairlabel {
  329. background-color:#c37970;
  330. font-size:11px;
  331. font-weight:700;
  332. color:#fff;
  333. border:none;
  334. border-radius:2px;
  335. padding-left: 8px;
  336. padding-right:8px;
  337. }
  338.  
  339. .linkflair-xp .linkflairlabel {
  340. background-color:green;
  341. font-size:11px;
  342. font-weight:700;
  343. color:#fff;
  344. border:none;
  345. border-radius:2px;
  346. padding-left: 8px;
  347. padding-right:8px;
  348. }
  349.  
  350. .linkflair-level .linkflairlabel {
  351. background-color:#7ac3cc;
  352. font-size:11px;
  353. font-weight:700;
  354. color:#fff;
  355. border:none;
  356. border-radius:2px;
  357. padding-left: 8px;
  358. padding-right:8px;
  359. }
  360.  
  361. .linkflair-loot .linkflairlabel {
  362. background-color:#D7DF01;
  363. font-size:11px;
  364. font-weight:700;
  365. color:#fff;
  366. border:none;
  367. border-radius:2px;
  368. padding-left: 8px;
  369. padding-right:8px;
  370. }
  371.  
  372. .linkflair-quest .linkflairlabel {
  373. background-color:#0080FF;
  374. font-size:11px;
  375. font-weight:700;
  376. color:#fff;
  377. border:none;
  378. border-radius:2px;
  379. padding-left: 8px;
  380. padding-right:8px;
  381. }
  382.  
  383. .linkflair-clue .linkflairlabel {
  384. background-color:#B18904;
  385. font-size:11px;
  386. font-weight:700;
  387. color:#fff;
  388. border:none;
  389. border-radius:2px;
  390. padding-left: 8px;
  391. padding-right:8px;
  392. }
  393.  
  394. .linkflair-th .linkflairlabel {
  395. background-color:#61380B;
  396. font-size:11px;
  397. font-weight:700;
  398. color:#fff;
  399. border:none;
  400. border-radius:2px;
  401. padding-left: 8px;
  402. padding-right:8px;
  403. }
  404.  
  405. .linkflair-song .linkflairlabel {
  406. background-color:#000;
  407. font-size:11px;
  408. font-weight:700;
  409. color:#fff;
  410. border:none;
  411. border-radius:2px;
  412. padding-left: 8px;
  413. padding-right:8px;
  414. }
  415.  
  416. .linkflair-cc .linkflairlabel {
  417. background-color:#FA5858;
  418. font-size:11px;
  419. font-weight:700;
  420. color:#fff;
  421. border:none;
  422. border-radius:2px;
  423. padding-left: 8px;
  424. padding-right:8px;
  425. }
  426. .flair-green {
  427. background-color:green;
  428. color:#fff
  429. }
  430.  
  431. .flair-yellow {
  432. background-color:#ff0;
  433. color:#333
  434. }
  435.  
  436. .flair-red {
  437. background-color:red;
  438. color:#fff
  439. }
  440.  
  441. .flair-blue {
  442. background-color:blue;
  443. color:#fff
  444. }
  445.  
  446. .flair-white {
  447. background-color:#fff;
  448. color:#000
  449. }
  450.  
  451. .flair-black {
  452. background-color:#000;
  453. color:#fff
  454. }
  455.  
  456. .flair-mod {
  457. background-color:#f0f0f0;
  458. color:#333;
  459. border:1px solid #333;
  460. border-radius:7px;
  461. max-height:11px;
  462. line-height:11px;
  463. font-size:11px!important
  464. }
  465.  
  466. /* dunne balkje bovenaan :^) */
  467. #header-bottom-right {
  468. margin-top:-23px;
  469. margin-right:70px;
  470. background:none
  471. }
  472.  
  473. #header-bottom-right a {
  474. color:#f0f0f0
  475. }
  476.  
  477. #header-bottom-right a:hover {
  478. color:#7ac3cc;
  479. text-decoration:none
  480. }
  481.  
  482. .res #userbarToggle,.res #RESShortcutsEditContainer {
  483. background-color:transparent;
  484. border:none
  485. }
  486.  
  487. #RESShortcuts {
  488. color:#999
  489. }
  490.  
  491. .tabmenu li a {
  492. padding:2px 6px 0;
  493. background-color:#eff7ff;
  494. position:relative;
  495. top:42px;
  496. left:71px
  497. }
  498.  
  499. .RESShortcutsCurrentSub:visited {
  500. color:#06C
  501. }
  502.  
  503. #sr-header-area {
  504. height:18px;
  505. background-color:#333;
  506. border-bottom:1px solid #666;
  507. text-transform:lowercase
  508. }
  509.  
  510. #sr-header-area a {
  511. color:#F0F0F0
  512. }
  513.  
  514. #sr-header-area a:hover {
  515. color:#85ccd4;
  516. text-decoration:none;
  517. text-transform:lowercase
  518. }
  519.  
  520. #sr-more-link {
  521. position:absolute;
  522. background-color:#333;
  523. color:#C4C4C4
  524. }
  525.  
  526. .dropdown.srdrop .selected {
  527. background-image:none
  528. }
  529.  
  530. .dropdown.srdrop .selected:after {
  531. content:"▼"
  532. }
  533.  
  534. .sr-bar .separator {
  535. color:#999
  536. }
  537.  
  538. #sr-header-area .width-clip .dropdown.srdrop .selected.title {
  539. color:#C4C4C4;
  540. font-size:9px;
  541. font-weight:400;
  542. padding-right:3px
  543. }
  544.  
  545. #sr-header-area .width-clip .dropdown.srdrop .selected.title:hover {
  546. color:#85ccd4
  547. }
  548.  
  549. #sr-header-area .drop-choices a.choice {
  550. color:#333!important
  551. }
  552.  
  553. #sr-header-area .drop-choices a.choice:hover {
  554. background-color:#5b92fa;
  555. color:#fff!important
  556. }
  557.  
  558. .side:after {
  559. display:block;
  560. margin:10px 0;
  561. padding:10px 0;
  562. color:#333;
  563. content:"CSS by Qtto";
  564. text-transform:none;
  565. font-size:11px;
  566. position:absolute;
  567. width:300px;
  568. text-align:center
  569. }
  570.  
  571. /* Submit/Settings page*/
  572. .tabmenu.formtab a {
  573. font-weight:400;
  574. outline:none;
  575. padding:0 52px;
  576. vertical-align:bottom;
  577. border:1px solid #c1c1c1;
  578. border-bottom:none;
  579. position:relative;
  580. top:0;
  581. left:-10px;
  582. color:#fff;
  583. background-color:#556270
  584. }
  585.  
  586. .infobar,.content.submit .info-notice {
  587. background-color:#F0F0F0;
  588. padding:5px 10px;
  589. margin:10px;
  590. border:1px dashed #FFF;
  591. font-size:small;
  592. color:#B6B6B6
  593. }
  594.  
  595. .roundfield,.linefield .linefield-content {
  596. width:500px;
  597. background-color:#F0F0F0;
  598. border-radius:4px;
  599. padding:5px;
  600. font-size:large
  601. }
  602.  
  603. .linefield {
  604. width:500px;
  605. background-color:#F0F0F0;
  606. border-radius:4px
  607. }
  608.  
  609. .linefield .usertext-edit textarea {
  610. height:280px
  611. }
  612.  
  613. .tabmenu.formtab .selected a {
  614. color:#fff;
  615. font-size:140%;
  616. background-color:#60A7F6;
  617. border:none;
  618. text-transform:uppercase
  619. }
  620.  
  621. .formtabs-content {
  622. width:511px;
  623. border-top:4px solid #60A7F6;
  624. padding-top:13px
  625. }
  626.  
  627. /*End Submit Page*/
  628. /*Backgournd & Header*/
  629. body {
  630. /*background: url(%%BG%%) no-repeat; background-position: -15px -378px;*/
  631. background-color:#f0f0f0
  632. }
  633.  
  634. #header {
  635. border:none
  636. }
  637.  
  638. #header-bottom-left {
  639. height:120px;
  640. background:URL(%%BG%%);
  641. color:#fff;
  642. background-repeat:no-repeat;
  643. background-attachment:fixed;
  644. background-position:center;
  645. line-height:120px;
  646. background-position:-15px -379px
  647. }
  648.  
  649. /*End Background & Header*/
  650. /*Post Highlight*/
  651. .res .RES-keyNav-activeElement,.res .commentarea .RES-keyNav-activeElement .md,.res .commentarea .RES-keyNav-activeElement.entry .noncollapsed,.res .keyHighlight,.res .commentarea .keyHighlight .md,.res .commentarea .keyHighlight.entry .noncollapsed {
  652. outline:0 solid!important;
  653. background:#F0F0F0!important
  654. }
  655.  
  656. /*End Post Highlight*/
  657. /*Side*/
  658. .titlebox form.flairtoggle {
  659. padding:0 25px;
  660. background:transparent
  661. }
  662.  
  663. .titlebox form.toggle,.leavemoderator {
  664. margin:0;
  665. padding:0 25px;
  666. font-size:smaller;
  667. /* color: gray; */
  668. background:transparent
  669. }
  670.  
  671. .icon-menu a {
  672. background:transparent none no-repeat scroll center left
  673. }
  674.  
  675. .sidebox .spacer {
  676. display:none
  677. }
  678.  
  679. .side {
  680. background:transparent
  681. }
  682.  
  683. .side blockquote {
  684. border:0 none;
  685. padding:15px;
  686. margin:0;
  687. border-top:1px solid #000;
  688. border-bottom:1px solid #000;
  689. background-attachment:fixed;
  690. background-color:#F0F0F0;
  691. border-radius:2px
  692. }
  693.  
  694. /*End Side*/
  695. /* tables */
  696. .md table {
  697. border:1px solid #fff;
  698. font-family:Futura,"Trebuchet MS",Arial,sans-serif;
  699. margin:10px 0;
  700. background-color:#fff
  701. }
  702.  
  703. body.res-nightmode .md table {
  704. border-color:#222
  705. }
  706.  
  707. .side .md table {
  708. width:100%
  709. }
  710.  
  711. .md table * {
  712. border:0
  713. }
  714.  
  715. body.res-nightmode .md table * {
  716. color:#ddd
  717. }
  718.  
  719. .md table tr:nth-child(even),.md table thead {
  720. background-color:#556270;
  721. color:#F0F0F0
  722. }
  723.  
  724. body.res-nightmode .md table tr:nth-child(even),body.res-nightmode .md table thead {
  725. background-color:#444
  726. }
  727.  
  728. .md table td,.md table th {
  729. border-right:1px solid #fff;
  730. padding:4px 8px;
  731. opacity:.7
  732. }
  733.  
  734. body.res-nightmode .md table td,body.res-nightmode .md table th {
  735. border-color:#666
  736. }
  737.  
  738. body:not(.res-nightmode) .md table tbody {
  739. color:#000
  740. }
  741.  
  742. /*End Tables*/
  743. /*Sub Button*/
  744. .subButtons RESshortcutside,.subButtons .RESDashboardToggle,.RESshortcut,.RESDashboardToggle,.fancy-toggle-button .add {
  745. background:##60A7F6!important;
  746. border-radius:2px;
  747. transition:background-color 200ms linear
  748. }
  749.  
  750. .subButtons RESshortcutside:hover,.subButtons .RESDashboardToggle:hover,.RESshortcut:hover,.fancy-toggle-button .add:hover {
  751. background:#333!important;
  752. color:#f0f0f0;
  753. border-radius:2px;
  754. transition:background-color 200ms linear
  755. }
  756.  
  757. .subButtons RESshortcutside.remove,.subButtons .RESDashboardToggle.remove,.RESshortcutside.remove,.fancy-toggle-button .remove {
  758. background:#999!important;
  759. border-radius:2px;
  760. transition:background-color 200ms linear
  761. }
  762.  
  763. /*End Sub Buttons*/
  764. /*Headers*/
  765. h1 {
  766. color:#333;
  767. font-size:18px;
  768. text-align:left
  769. }
  770.  
  771. h2 {
  772. color:#333;
  773. font-size:18px;
  774. text-align:center
  775. }
  776.  
  777. h2:hover {
  778. color:#999;
  779. font-size:18px;
  780. text-align:center
  781. }
  782.  
  783. h3 {
  784. margin-top:5px;
  785. background-color:#222;
  786. color:#fff;
  787. text-align:center;
  788. font-size:18px;
  789. -moz-border-radius:8px;
  790. -webkit-border-radius:8px;
  791. -o-border-radius:8px;
  792. -ms-border-radius:8px;
  793. -khtml-border-radius:8px
  794. }
  795.  
  796. h4 {
  797. margin-top:5px;
  798. background-color:#581354;
  799. color:#fff;
  800. text-align:center;
  801. font-size:18px;
  802. -moz-border-radius:8px;
  803. -webkit-border-radius:8px;
  804. -o-border-radius:8px;
  805. -ms-border-radius:8px;
  806. -khtml-border-radius:8px
  807. }
  808.  
  809. h5 {
  810. margin-top:5px;
  811. background-color:#8E1E2A;
  812. color:#fff;
  813. text-align:center;
  814. font-size:18px;
  815. -moz-border-radius:8px;
  816. -webkit-border-radius:8px;
  817. -o-border-radius:8px;
  818. -ms-border-radius:8px;
  819. -khtml-border-radius:8px
  820. }
  821.  
  822. h3,h4,h5 {
  823. font-weight:200;
  824. text-transform:uppercase;
  825. height:30px;
  826. line-height:30px
  827. }
  828.  
  829. /*----------------------------------*/
  830. /* I'm using h6 as a spacer, sorry */
  831. h6 {
  832. margin:5px;
  833. opacity:0
  834. }
  835.  
  836.  
  837. button {
  838. background-color:#7ac3cc;
  839. border-radius:5px;
  840. color:#fff
  841. box-shadow: none;
  842. }
  843.  
  844. button:hover {
  845. background-color:#c37970;
  846. transition:all 200ms ease
  847. }
  848.  
  849. .link .rank {
  850. margin:14px 0 0 5px;
  851. padding:10px 5px 0;
  852. background-color:transparent;
  853. color:#999;
  854. font-size:small;
  855. text-align:right
  856. }
  857.  
  858. a.thumbnail.self {
  859. background:url(%%unknown%%) no-repeat;
  860. background-position: 19px;
  861. }
  862.  
  863. .self .linkflairlabel[title="XP"]:before, .self .linkflairlabel[title="Total"]:before {
  864. background:url(%%XP%%) no-repeat;
  865. content:"";
  866. display:block;
  867. height:55px;
  868. margin-left:-75px;
  869. margin-top:-1px;
  870. position:absolute;
  871. width:50px;
  872. }
  873.  
  874. .self .linkflairlabel[title="Kills"]:before {
  875. background:url(%%kill%%) no-repeat;
  876. content:"";
  877. display:block;
  878. height:55px;
  879. margin-left:-75px;
  880. margin-top:-1px;
  881. position:absolute;
  882. width:50px;
  883. }
  884.  
  885. .self .linkflairlabel[title="Level"]:before {
  886. background:url(%%LVL%%) no-repeat;
  887. content:"";
  888. display:block;
  889. height:55px;
  890. margin-left:-75px;
  891. margin-top:-1px;
  892. position:absolute;
  893. width:50px;
  894. }
  895.  
  896. .self .linkflairlabel[title="Loot"]:before {
  897. background:url(%%loot%%) no-repeat;
  898. content:"";
  899. display:block;
  900. height:55px;
  901. margin-left:-75px;
  902. margin-top:-1px;
  903. position:absolute;
  904. width:50px;
  905. }
  906.  
  907. .self .linkflairlabel[title="Quest"]:before {
  908. background:url(%%quest%%) no-repeat;
  909. content:"";
  910. display:block;
  911. height:55px;
  912. margin-left:-75px;
  913. margin-top:-1px;
  914. position:absolute;
  915. width:50px;
  916. }
  917.  
  918. .self .linkflairlabel[title="Clue"]:before {
  919. background:url(%%clue%%) no-repeat;
  920. content:"";
  921. display:block;
  922. height:55px;
  923. margin-left:-75px;
  924. margin-top:-1px;
  925. position:absolute;
  926. width:50px;
  927. }
  928.  
  929. .self .linkflairlabel[title="TH"]:before {
  930. background:url(%%TH%%) no-repeat;
  931. content:"";
  932. display:block;
  933. height:55px;
  934. margin-left:-75px;
  935. margin-top:-1px;
  936. position:absolute;
  937. width:50px;
  938. }
  939.  
  940. .self .linkflairlabel[title="Songs"]:before {
  941. background:url(%%song%%) no-repeat;
  942. content:"";
  943. display:block;
  944. height:55px;
  945. margin-left:-75px;
  946. margin-top:-1px;
  947. position:absolute;
  948. width:50px;
  949. }
  950.  
  951. .self .linkflairlabel[title="Court case"]:before {
  952. background:url(%%cc%%) no-repeat;
  953. content:"";
  954. display:block;
  955. height:55px;
  956. margin-left:-75px;
  957. margin-top:-1px;
  958. position:absolute;
  959. width:50px;
  960. }
  961.  
  962. .self .linkflairlabel[title="Other"]:before {
  963. background:url(%%other%%) no-repeat;
  964. content:"";
  965. display:block;
  966. height:55px;
  967. margin-left:-75px;
  968. margin-top:-1px;
  969. position:absolute;
  970. width:50px;
  971. }
Add Comment
Please, Sign In to add comment