Advertisement
Guest User

Lynxchan Pink CSS with stylized Webring

a guest
Jan 18th, 2022
128
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. pink
  2.  
  3. /* Small text in post area */
  4. .small {
  5.   font-size: 75%;
  6.   text-decoration: none;
  7. }
  8.  
  9. /* "rules" in post area */
  10. .small a {
  11.   color: #80002c;
  12.   text-decoration: none;
  13. }
  14.  
  15. /* "rules" hover in post area */
  16. .small a:hover {
  17.   color: #c48899;
  18. }
  19.  
  20. /* Theme selector */
  21. #themeSelector {
  22.   color: #80002c;
  23.   background: #ffdddc;
  24.   font-size: 100%;
  25.   border: 1px solid #80002c;
  26. }
  27.  
  28. /* Horizontal line */
  29. hr {
  30.   height: 0px;
  31.   border-width: 2px medium medium;
  32.   border-style: dashed none none;
  33.   border-color: #80002c;
  34. }
  35.  
  36. /* Links in nav, "hide file", some side catalog text and signs before "Anonymous" */
  37. .coloredIcon {
  38.   color: #80002c;
  39.   cursor: pointer;
  40. }
  41.  
  42. /* nav links and buttons before "/fa/g" hover */
  43. .coloredIcon:hover,
  44. span.hideButton:hover,
  45. span.extraMenuButton:hover,
  46. span.watchButton:hover {
  47.   color: #c48899;
  48.   text-shadow: none;
  49. }
  50.  
  51. /* Link styling */
  52. a,
  53. a:visited {
  54.   color: #80002c;
  55.   text-decoration: none;
  56. }
  57.  
  58. /* Links, includes side catalog text */
  59. a {
  60.   color: #c48899;
  61.   text-decoration: none;
  62. }
  63.  
  64. /* Mouse hover over elements with <a> tag */
  65. a:hover, .glowOnHover:hover {
  66.   text-shadow: none;
  67.   color:  #4d4dff;
  68. }
  69.  
  70. /* Area for inputing text */
  71. input, select, textarea {
  72.   box-shadow: none;
  73.   border: 1px solid #80002c;
  74.   border-radius: 0px;
  75.   background: #ffe6ea;
  76.   color: #80002c;
  77.   font-family: 'Hack', monospace, sans-serif;
  78.   font-size: 80%;
  79. }
  80.  
  81.  
  82. [type="text"],
  83. [type="password"],
  84. [type="number"],
  85. textarea {
  86.   background-color: white;
  87.   color: black;
  88.  
  89.   box-shadow: none;
  90.   border: 1px solid #80002c;
  91.   border-radius: 0px;
  92.   padding: 0.25rem;
  93.   background: #ffe6ea;
  94. }
  95.  
  96. /* Buttons */
  97. input[type=button], input[type=submit], button, .dropzone, .selectedCell
  98.   {
  99.   border: 0px #07371F;
  100.   border-radius: 5px;
  101.   background: #ffcccb;
  102.   color: #80002c;
  103.   padding-left: 0.25em;
  104.   font-family: 'Hack', monospace, sans-serif;
  105.   font-size: 80%;
  106.   font-weight: bold;
  107.   margin-top: 0.5em;
  108.   margin-bottom: 0.5em;
  109.   cursor: pointer;
  110. }
  111.  
  112. /* body styles, inherited by whole page */
  113. body {
  114.   position: relative;
  115.   color: #80002c;
  116.   background: #ffe4e6;
  117.   font-family: 'Hack', monospace, sans-serif;
  118.   font-size: 100%;
  119.   margin: 0px;
  120. }
  121.  
  122. /* header and nav / top of page styles */
  123.  
  124. /* Navigator bar */
  125. .top-nav { position:sticky; }
  126. .top-nav {
  127.   top: 0;
  128.   width: 100%;
  129.   background-color: #ffdddc;
  130.   box-shadow: 0px 2px 5px;
  131.   border-bottom: 0px;
  132.   padding-bottom: 3px;
  133.   font-size: 70%;
  134.   text-align: center;
  135.   z-index: 1;
  136.   max-width:100vw;
  137. }
  138.  
  139.  .divMessage{max-width:100%;text-overflow:wrap;word-break:break-word;overflow:hidden;float:left}
  140.  
  141.  
  142. /* Text in navigator bar */
  143. nav span, nav a {
  144.   display: inline-block;
  145.   text-decoration: none;
  146.   margin: 0 0.2em;
  147. }
  148.  
  149. /* That small logo after "rules" in post area */
  150. a.rules:after {
  151.   font-family: Icons;
  152.   content: "\e052";
  153.   margin-right: 0.5em;
  154.   color: #80002c;
  155.   height: 80%;
  156.   font-size: 80%;
  157.   padding-left: 0.25em;
  158.   vertical-align: middle;
  159. }
  160.  
  161. /* markdown */
  162. .greenText {
  163.   color: #789922;
  164. }
  165.  
  166. .redText {
  167.   color: #AF0A0F;
  168.   font-weight: bold;
  169.   font-size: 125%;
  170. }
  171.  
  172. span.spoiler {
  173.   background: #000000;
  174.   color: #000000;
  175.   padding: 0 1px;
  176. }
  177.  
  178. /* Mouse hover over spoiler text */  
  179. .spoiler:hover {
  180.   color: #80002c;
  181.   background: none;
  182. }
  183.  
  184. /* footer styles */
  185. footer {
  186.   width: 100%;
  187.   margin: 3em 0px 2em 0px;
  188.   text-align: center;
  189.   font-size: 75%;
  190. }
  191.  
  192. /* this has to go down here to override anything above it */
  193. .hidden {
  194.   display: none;
  195. }
  196.  
  197. #settingsWrapper input.hidden {
  198.   display: none;
  199.   box-shadow: none;
  200. }
  201.  
  202. /* Settings menu header text */
  203. .floatingMenu .headerLabel {
  204.   font-size: 80%;
  205. }
  206.  
  207. /* menu buttons */
  208. .menuClose {
  209.   color: #80002c;
  210.   cursor: pointer;
  211.   float: right;
  212.  
  213.   font-size: 1.5rem;
  214.   line-height: 1.5rem;
  215. }
  216.  
  217. /* Floating menu header */
  218. .floatingMenu .header, .floatingMenu .headerLabel {
  219.   cursor: pointer;
  220. }
  221.  
  222. /* Settings, post and quick reply fields */
  223. #newPostFieldset, #quick-reply table, .modalDecorationPanel,
  224. .floatingMenu, #settingsFieldset, .reportFieldset {
  225.   border: 1px dashed #80002c;
  226.   background: #ffdddc;
  227. }
  228.  
  229. .settingsTab {
  230.   background-color: #ffe6ea;
  231.   padding: 0.25rem 0.5rem;
  232.   margin: 0.25rem;
  233.   border-radius: 4px;
  234. }
  235.  
  236. #selectedTab {
  237.   background-color: #b3647a;
  238.   color: white;
  239. }
  240.  
  241. .posting-extra summary {
  242.   padding: 0.33rem;
  243.   cursor: pointer;
  244.   width: 100px;
  245. }
  246.  
  247. #quick-reply .handle {
  248.   background-color: #ffcccb;
  249.   display: block;
  250.   border: 1px solid black;
  251.   margin: -2px;
  252.   padding: 2px;
  253.   cursor: move;
  254.   -webkit-user-select: none;
  255.   -moz-user-select: none;
  256.   -ms-user-select: none;
  257.   -o-user-select: none;
  258.   user-select: none;
  259. }
  260.  
  261. #quick-reply {
  262.   background-color: #ffdddc;
  263.   transform: rotate3d(1, 0, 0, 30deg);
  264.  
  265.   transition: transform 0.1s ease-in;
  266. }
  267.  
  268.  /* "Show forms" at the end */
  269. #showFormsButton {
  270.   color: #80002c;
  271. }
  272.  
  273. a, .checkedFavouriteButton:before,
  274.   #selectedTab {
  275.   color: #c48899;
  276.   cursor: pointer
  277. }
  278.  
  279. /* "/fa/ - Fashion" and "Dress to Impress" */
  280. .boardHeader p#labelName, p#labelDescription {
  281.   font-size: 200%;
  282.   color: #80002c;
  283.   display: inline-block;
  284. }
  285.  
  286. /* Posting form labels */
  287. #postingForm th{
  288.   border: 0px;
  289.   background: #ffcccb;
  290. }
  291.  
  292. /* Tab titles in settings */
  293. .settingsTab {
  294.   color: #80002c;
  295. }
  296.  
  297.  
  298. /* Selected tab in settings */
  299. #selectedTab {
  300.   text-shadow: none;
  301.   color: #c48899;
  302. }
  303.  
  304. /* Text areas when clicked on */
  305. #postingForm input:focus, #postingForm textarea:focus,
  306.   .modalDecorationPanel input[type='text']:focus, #settingsMenu input[type='text']:focus,
  307.   #settingsMenu textarea:focus {
  308.   box-shadow: none;
  309. }
  310.  
  311. /* Settings */
  312. .floatingMenu {
  313.   color: #80002c85;
  314.   box-shadow: 4px 4px 4px;
  315. }
  316.  
  317. /* Catalog cell */
  318. .catalogCell{
  319. color: #80002c;
  320. background-color: #ffcccb;
  321. box-shadow: none;
  322. margin-bottom: 20px;
  323. padding: 10px;
  324. border: 1px solid #80002c;
  325.     box-shadow: 3px 3px 3px #80002c54;
  326. }
  327.  
  328. /* Checkbox(?) */
  329. input[type=checkbox].postingCheckbox+label:before {
  330.   font-family: Icons;
  331.   content: "\e0db";
  332.   margin-right: 0.5em;
  333.   color: #80002c;
  334.   display: inline-block;
  335.   cursor: pointer;
  336. }
  337.  
  338.  /* Reply area */
  339. .innerPost {
  340.   border: 1px solid #80002c;
  341.   background: pink;
  342. }
  343.  
  344. /* Focused reply */
  345. div.markedPost {
  346.   border: 1px dashed #80002c;
  347. }
  348.  
  349. /* "Open file" */
  350. a.nameLink {
  351.   color: #80002c;
  352. }
  353.  
  354. /* Mouse hover "Open file" and "(Hide file)" */
  355. a.nameLink:hover,
  356. a.hideFileButton:hover {
  357.   color: #c48899;
  358.   text-shadow: none;
  359. }
  360.  
  361. /* Post created time */
  362. .labelCreated {
  363.   color: #80002c;
  364.   cursor: context-menu;
  365. }
  366.  
  367. /* Quotes*/
  368. .linkQuote, .linkSelf, .panelBacklinks a,
  369. .quoteLink {
  370.   font-weight: normal;
  371.   color: #80002c;
  372. }
  373.  
  374. /* Mouse hover quotes */
  375. .linkQuote:hover, .linkSelf:hover, .panelBacklinks a:hover,
  376. .quoteLink:hover {
  377.   text-shadow:  none;
  378.   color: blue;
  379. }
  380.  
  381. /* Name with email */
  382. a.linkName {
  383.   color: #B3003E;
  384. }
  385.  
  386. /* Name and mouse hover name*/
  387. a.noEmailName,
  388. a.noEmailName:hover {
  389.   cursor: context-menu;
  390.   color: #b3003e;
  391. }
  392.  
  393. /* Subject */
  394. span.labelSubject {
  395.   color: #e60050;
  396. }
  397.  
  398. /* Role */
  399. span.labelRole:before {
  400.   color: #ff0000;
  401. }
  402.  
  403. /* ==RED TEXT== */
  404. .redText {
  405.   color: #ff0000;
  406. }
  407.  
  408. /* Close buttons*/
  409. span#closeSettingsMenuButton:hover,
  410. span#closeSideCatalogButton:hover,
  411. span#closeWatcherMenuButton:hover {
  412.   color: #80002c;
  413. }
  414.  
  415. /* Watched cell subject */
  416. label.watchedCellLabel a,
  417. span.watchedCellCloseButton:hover {
  418.   color: #80002c;
  419. }
  420.  
  421. #watchedMenu div:nth-child(2n) .watchedCell {
  422.   /* background-color: #eef2ff; */
  423.   background-color: rgb(128 0 44 / 29%);
  424. }
  425.  
  426. /* Watched cell label hover */
  427. label.watchedCellLabel a:hover {
  428.   color: #c48899;
  429. }
  430.  
  431. /* "Manage board" and "moderate thread" */
  432. #linkManagement, #linkMod {
  433.   color: #80002c;
  434. }
  435.  
  436. /* "Manage board" and "moderate thread" mouse hover*/
  437. #linkManagement:hover, #linkMod:hover {
  438.   color: #c48899;
  439. }
  440.  
  441. /* "Manage board" and "moderate thread" */
  442. #linkModeration {
  443.   color: #80002c;
  444. }
  445.  
  446. /* "Manage board" and "moderate thread" mouse hover*/
  447. #linkModeration:hover {
  448.   color: #c48899;
  449. }
  450.  
  451. span#divPages a {
  452.   color: #80002c;
  453. }
  454.  /* Page number hover*/
  455. span#divPages a:hover {
  456.   color: #c48899;
  457. }
  458.  /* Quick reply header*/
  459. #quick-reply th {
  460.   border: none;
  461. }
  462.  
  463. a.linkReply {
  464.   font-weight: normal;
  465. }
  466.  
  467. /* width */
  468. ::-webkit-scrollbar {
  469.   width: 7px;
  470.   height: 7px;
  471. }
  472.  
  473. /* Track */
  474. ::-webkit-scrollbar-track {
  475.   background: #ffcccb;
  476. }
  477.  
  478. /* Handle */
  479. ::-webkit-scrollbar-thumb {
  480.   background: #b3647a;
  481. }
  482.  
  483. /* Handle on hover */
  484. ::-webkit-scrollbar-thumb:hover {
  485.   background: #80002c;
  486. }
  487. #divLatestPosts .latestPostCell {
  488.     background: #ffdddc;
  489.     border: 1px solid #80002c;
  490.     box-shadow: 3px 3px 3px #80002c54;
  491. }
  492. #divLatestImages img {
  493.     background: #ffdddc;
  494.     border: 1px solid #f4b8c2a6;
  495. }
  496. .topBoards a {
  497.     background: #ffdddc;
  498. }
  499. .innerPost {
  500.     background: #ffcccb;
  501.     box-shadow: 3px 3px 3px #80002c54;
  502. }
  503. div.markedPost {
  504.     background: #eab5b4;
  505. }
  506. a {
  507.     color: #80002c;
  508.     text-decoration: none;
  509. }
  510. .linkQuote:Hover, .linkSelf:Hover, .panelBacklinks a:Hover, .quoteLink:Hover {
  511.     font-weight: normal;
  512.     color: #c48899;
  513. }
  514. #navOptionsSpan a:Hover {
  515.     color: #c48899;
  516. }
  517. .originalNameLink {
  518.     color: #80002c;
  519. }
  520. .coloredIcon:Hover {
  521.     color: #c48899;
  522. }
  523. #divLatestPosts .latestPostCell, .innerPost, .sideCatalogCell, .markedPost, .sideCatalogMarkedCell, .catalogCell {
  524.     border: 1px solid #80002c;
  525. }
  526. .boardPages {
  527.     color: #80002c;
  528.     padding: 0.1em 0.25em;
  529. }
  530. a {
  531.     color: #80002c;
  532.     text-decoration: none;
  533. }
  534. a:Hover {
  535.     color: #c48899;
  536.     text-decoration: none;
  537. }
  538.  
  539. /* Side catalog */
  540. #sideCatalogDiv {
  541.   color: #80002c;
  542.   background: #ffe4e6;
  543. }
  544.  
  545. a.sideCatalogCell:hover {
  546.   text-shadow: none;
  547.   color: #c48899;
  548. }
  549.  
  550. /* Side catalog cell */
  551. .sideCatalogCell {
  552. background: #ffcccb;
  553. border: 1px solid #80002c;
  554.     box-shadow: 3px 3px 3px #80002c54;
  555. }
  556.  
  557. /* Side catalog selected cell */
  558. .sideCatalogMarkedCell {
  559.   border: 1px dashed #80002c;
  560.   background: #EAB5B4;
  561.   box-shadow: none;
  562. }
  563.  
  564. .sideCatalogMarkedCell:hover {
  565.   color: #c48899;
  566.   text-shadow: none;
  567. }
  568.  
  569. /* Also side catalog */
  570. #sideCatalog {
  571.   color: #80002c;
  572.   background: #ffe4e6;
  573. },
  574.  
  575.  
  576. @keyframes webringbutton-rainbow {
  577.   from, to { color: red; text-shadow-color: red }
  578.   12.5% { color: orange; text-shadow-color: orange }
  579.   25% { color: yellow; text-shadow-color: yellow }
  580.   37.5% { color: lime; text-shadow-color: lime }
  581.   50% { color: green; text-shadow-color: green }
  582.   62.5% { color: #66f; text-shadow-color: blue }
  583.   75% { color: #f6f; text-shadow-color: purple }
  584.   87.5% { color: magenta; text-shadow-color: magenta }
  585. }
  586. .WebringButton {
  587.   font-size: 120%;
  588.  
  589.   text-shadow: 0 0 5px;
  590.   animation: webringbutton-rainbow 3s linear infinite;
  591. }
  592.  
  593. .WebringWrapper {
  594.   position: fixed;
  595.   z-index: 1000000;
  596.   top: 0;
  597.   left: 0;
  598.   width: 100%;
  599.   height: 100%;
  600. }
  601.  
  602. .WebringWrapper--closing {
  603.   pointer-events: none;
  604. }
  605.  
  606. @keyframes webringwrappershade-fadein {
  607.   from { opacity: 0 } to { opacity: 0.6 }
  608. }
  609. .WebringWrapper__shade {
  610.   position: absolute;
  611.   top: 0;
  612.   left: 0;
  613.   right: 0;
  614.   bottom: 0;
  615.   background-color: black;
  616.   opacity: 0.6;
  617.  
  618.   animation: webringwrappershade-fadein .3s ease;
  619. }
  620.  
  621. @keyframes webringwrappershade-fadeout {
  622.   from { opacity: 0.6 } to { opacity: 0 }
  623. }
  624. .WebringWrapper--closing .WebringWrapper__shade {
  625.   opacity: 0;
  626.   animation: webringwrappershade-fadeout .3s ease;
  627. }
  628.  
  629. @keyframes webring-slidein {
  630.   from { transform: translate(-50%, -50%) scale(1.3); opacity: 0 }
  631.   to { translate(-50%, -50%) scale(1); opacity: 1 }
  632. }
  633. .Webring {
  634.   position: absolute;
  635.   top: 50%;
  636.   left: 50%;
  637.   transform: translate(-50%, -50%) scale(1);
  638.  
  639.   font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  640.  
  641.   min-width: 90%;
  642.   min-height: 500px;
  643.   max-height: 95%;
  644.  
  645.   background-image: linear-gradient(to right bottom, #c48899, #b3647a);
  646.   color: #ffe4e6;
  647.  
  648.   animation: webring-slidein .3s cubic-bezier(.21,.75,0,1);
  649. }
  650.  
  651. @keyframes webring-slideout {
  652.   from { transform: translate(-50%, -50%) scale(1); opacity: 1 }
  653.   to { translate(-50%, -50%) scale(1.3); opacity: 0 }
  654. }
  655. .WebringWrapper--closing .Webring {
  656.   transform: translate(-50%, -50%) scale(1.3);
  657.   opacity: 0;
  658.   animation: webring-slideout .3s cubic-bezier(.21,.75,0,1);
  659. }
  660.  
  661. .Webring__close {
  662.   font-size: 3rem;
  663.   position: absolute;
  664.   z-index: 100;
  665.  
  666.   top: 2rem;
  667.   right: 2rem;
  668.   line-height: 0;
  669.  
  670.   cursor: pointer;
  671. }
  672.  
  673. /* layout */
  674.  
  675. .Webring__inner {
  676.   position: absolute;
  677.   height: 100%;
  678.   width: 100%;
  679.   top: 0;
  680.   left: 0;
  681.  
  682.   display: grid;
  683.   grid-template-columns: 3rem auto;
  684. }
  685.  
  686. .WebringTabs {
  687.   -webkit-user-select: none;
  688.   -moz-user-select: none;
  689.   -ms-user-select: none;
  690.   -o-user-select: none;
  691.   user-select: none;
  692. }
  693.  
  694. .WebringTabs__button {
  695.   width: 3rem;
  696.   height: 3rem;
  697.   position: relative;
  698.   cursor: pointer;
  699. }
  700.  
  701. .WebringTabs__button--selected {
  702.   cursor: default;
  703. }
  704.  
  705. .WebringTabs__button__strip {
  706.   position: absolute;
  707.   z-index: 100;
  708.   top: 0;
  709.   left: 0;
  710.   height: 3rem;
  711.  
  712.   white-space: nowrap;
  713.  
  714.   overflow: hidden;
  715.  
  716.   width: 3rem;
  717.   background-color: #80002c;
  718.   color: #ffdddc;
  719.   box-shadow: none;
  720.   transition: .25s ease;
  721.   transition-property: width, background-color, color, box-shadow;
  722. }
  723.  
  724. .WebringTabs__button__strip:hover {
  725.   width: 12rem;
  726.   background-color: #b3647a;
  727.   color: #ffe4e6;
  728.   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.21), 0 4px 8px rgba(0, 0, 0, 0.3);
  729. }
  730.  
  731. .WebringTabs__button--selected .WebringTabs__button__strip {
  732.   background-color: #ffdddc;
  733.   color: #c48899;
  734. }
  735.  
  736. .WebringTabs__button__strip svg {
  737.   width: 1.5rem;
  738.   height: 1.5rem;
  739.   padding: 0.75rem;
  740.   box-sizing: content-box;
  741. }
  742.  
  743. .WebringTabs__button__strip span {
  744.   display: inline-block;
  745.   height: 3rem;
  746.   line-height: 3rem;
  747.   vertical-align: top;
  748.   padding: 0 1rem;
  749. }
  750.  
  751. .WebringTabs__button--close {
  752.   position: absolute;
  753.   bottom: 0;
  754. }
  755.  
  756. .WebringTabs__button--refresh {
  757.   position: absolute;
  758.   bottom: 3rem;
  759. }
  760.  
  761. .WebringTabs__button--refresh span {
  762.   font-size: 70%;
  763. }
  764.  
  765. @keyframes refreshloading {
  766.   from { transform: rotate(0deg); }
  767.   to { transform: rotate(360deg); }
  768. }
  769. .WebringTabs__button--refresh-loading svg {
  770.   animation: refreshloading 1s linear infinite;
  771. }
  772.  
  773. .WebringStage {
  774.   background-color: rgba(0, 0, 0, 0.3);
  775.   overflow-y: auto;
  776. }
  777.  
  778. .WebringTable {
  779.   padding: 1rem;
  780.   color: #ffdddc;
  781. }
  782.  
  783. .WebringTable a {
  784.   color: #ffe4e6;
  785.   outline: none;
  786.   text-shadow: none;
  787. }
  788.  
  789. .WebringTable a:hover {
  790.   color: #ffcccb;
  791.   text-shadow: 0 0 4px;
  792. }
  793.  
  794. .WebringTable a:active {
  795.   color: #eab5b4;
  796. }
  797.  
  798. .WebringTable__header {
  799.   text-align: center;
  800.   margin-top: 0;
  801. }
  802.  
  803. .WebringTable table {
  804.   width: 100%;
  805. }
  806.  
  807. .WebringTable td {
  808.   padding: 1px 3px;
  809. }
  810.  
  811. .WebringTable__board--samesite td:nth-child(1) {
  812.   background-color: #b3647a;
  813. }
  814.  
  815. .WebringTable__board td:nth-child(3),
  816. .WebringTable__board td:nth-child(2)
  817. {
  818.   text-overflow: ellipsis;
  819.   white-space: nowrap;
  820.   overflow: hidden;
  821.   max-width: 200px;
  822. }
  823.  
  824. .WebringTable table tr:nth-child(2n) td {
  825.   background-color: #80002c;
  826. }
  827.  
  828. .WebringTable__board--samesite td:nth-child(1) {
  829.   background-color: #b3647a !important;
  830.   font-weight: bold;
  831. }
  832.  
  833. .WebringTable__board--sameboard td {
  834.   background-color: #b3647a !important;
  835.   font-weight: bold;
  836. }
  837.  
  838. .WebringTable__board__last-activity {
  839.   text-align: center;
  840.   color: #ffe4e6;
  841. }
  842.  
  843. @media (max-width: 600px) {
  844.   .Webring {
  845.     max-width: 100%;
  846.     width: 100%;
  847.     height: 90%;
  848.   }
  849.  
  850.   .WebringTable table th:nth-child(3),
  851.   .WebringTable table th:nth-child(4),
  852.   .WebringTable table th:nth-child(5),
  853.   .WebringTable table th:nth-child(6),
  854.   .WebringTable table td:nth-child(3),
  855.   .WebringTable table td:nth-child(4),
  856.   .WebringTable table td:nth-child(5),
  857.   .WebringTable table td:nth-child(6) {
  858.     display: none;
  859.   }
  860.  
  861.   .WebringTable__board td:nth-child(2) {
  862.     max-width: 120px;
  863.   }
  864. }
  865.  
  866. /* Webring boards on the boardlist */
  867. .linkBoard[href^="http"] ~ .fa-puzzle-piece {
  868.   display: none;
  869. }
  870.  
  871. .linkBoard[href^="http"]::after {
  872.   content: "WR";
  873.  
  874.   position: relative;
  875.  
  876.   display: inline-block;
  877.   margin-left: 5px;
  878.   padding: 3px 6px;
  879.   border-radius: 5px;
  880.  
  881.   color: #ffe4e6;
  882.   background-color: #00796B;
  883.  
  884.   font-size: 0.8rem;
  885.   font-family: sans-serif;
  886.  
  887.   pointer-events: none;
  888. }
  889.  
Advertisement
RAW Paste Data Copied
Advertisement