☰

PO18 Style

CSS snippets.

  1. /* ==UserStyle==
  2. // @name         PO18 Style
  3. // @description  CSS snippets.
  4. // @version      1.0
  5. // @author       null
  6. // @match        https://www.po18.tw
  7. // @grant        none
  8. // @license      MIT
  9. @namespace https://greasyfork.org/users/1272411
  10. ==/UserStyle== */
  11.  
  12.  
  13. @-moz-document regexp(".*\\po18\.tw.*") {
  14.   html {
  15.     font-synthesis: none;
  16.     font-optical-sizing: auto;
  17.     text-size-adjust: 100%;
  18.     text-rendering: optimizeLegibility;
  19.     -webkit-font-smoothing: antialiased;
  20.     -moz-osx-font-smoothing: grayscale;
  21.   }
  22.  
  23.   body {
  24.     font-family: "SF Pro", "PingFang SC", "Segoe UI", "Microsoft YaHei", sans-serif;
  25.     line-height: 1.5;
  26.     background: white;
  27.   }
  28.  
  29.   [class ^="ad"],
  30.   .Algo_box,
  31.   .announce,
  32.   .banner-wrap,
  33.   .c_right .tags,
  34.   .newest,
  35.   .nav5 img,
  36.   .R-rated::after {
  37.     display: none;
  38.   }
  39.  
  40.   .navbar .member img {
  41.     display: none;
  42.   }
  43.  
  44.   h1 {
  45.     margin-block: 16px;
  46.     color: white;
  47.   }
  48.  
  49.   h2 {
  50.     margin-block: 16px;
  51.   }
  52.  
  53.   h3 {
  54.     margin-block: 12px;
  55.   }
  56.  
  57.   .btn_more {
  58.     margin-top: 16px;
  59.   }
  60.  
  61.   table th,
  62.   table td {
  63.     padding: 8px 6px;
  64.   }
  65.  
  66.   .T_name a,
  67.   .r_name a,
  68.   .l_bookname,
  69.   .book_name {
  70.     text-transform: uppercase;
  71.   }
  72.  
  73.   .row .t6,
  74.   .rhead .t6 {
  75.     display: none !important;
  76.   }
  77.  
  78.   h1+.table .rhead {
  79.     padding: 16px 0;
  80.   }
  81.  
  82.   h1+.table .rhead>div,
  83.   h1+.table .row>div {
  84.     padding: 0;
  85.   }
  86.  
  87.   h1+.table .row {
  88.     padding: 16px 0;
  89.   }
  90.  
  91.   h1+.table .l_bookname,
  92.   h1+.table .l_chaptname {
  93.     display: block;
  94.     padding-right: 16px;
  95.     overflow: hidden;
  96.     text-overflow: ellipsis;
  97.     white-space: nowrap;
  98.   }
  99.  
  100.   h1+.table .t1 {
  101.     width: 30%;
  102.   }
  103.  
  104.   h1+.table .t2 {
  105.     width: 25%;
  106.   }
  107.  
  108.   h1+.table .t3 {
  109.     width: 15%;
  110.   }
  111.  
  112.   h1+.table .t4 {
  113.     width: 15%;
  114.   }
  115.  
  116.   h1+.table .t5 {
  117.     width: 15%;
  118.   }
  119.  
  120.   .book,
  121.   .book_detail,
  122.   .editor_recom .book,
  123.   .C_list_reader .C_box {
  124.     background: #fafafa;
  125.   }
  126.  
  127.   .C_list_reader .C_msg::before {
  128.     border-top-color: #fafafa;
  129.     border-right-color: #fafafa;
  130.   }
  131.  
  132.   .n_l:hover {
  133.     border-left: 3px solid #ffc1cb;
  134.   }
  135.  
  136.   .l_bookname:hover {
  137.     text-decoration: none;
  138.   }
  139.  
  140.   .c_left .toolbar {
  141.     display: grid;
  142.     grid-template-columns: repeat(5, minmax(0, 1fr));
  143.     gap: 10px;
  144.   }
  145.  
  146.   .c_left .toolbar [class ^="btn"] {
  147.     width: 100%;
  148.     margin: 0;
  149.   }
  150.  
  151.   .popup .toolbar {
  152.     display: block;
  153.   }
  154.  
  155.   .popup .toolbar .inner {
  156.     display: flex;
  157.     justify-content: space-between;
  158.     gap: 20px;
  159.   }
  160.  
  161.   .c_left .book_intro_tags {
  162.     display: flex;
  163.     gap: 10px;
  164.   }
  165.  
  166.   .c_left .book_intro_tags .tag {
  167.     padding: 4px 8px;
  168.     margin: 0;
  169.   }
  170.  
  171.   .chapter_list .l_bookmark {
  172.     width: 10px;
  173.   }
  174.  
  175.   .read-txt {
  176.     max-width: 640px;
  177.     font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
  178.   }
  179.  
  180.   .breadcrumbs {
  181.     max-width: 640px;
  182.     margin: 18px auto;
  183.     font-size: 14px;
  184.     line-height: 18px;
  185.     opacity: 0;
  186.   }
  187.  
  188.   .read-txt h1 {
  189.     padding-bottom: 18px;
  190.     margin: 36px 0;
  191.     font-family: ui-sans-serif, sans-serif;
  192.     font-weight: 600;
  193.     border-bottom: 1px solid #969696;
  194.   }
  195.  
  196.   .read-txt p {
  197.     min-height: 24px;
  198.     margin: 24px 0;
  199.     letter-spacing: 0 !important;
  200.   }
  201.  
  202.   .font-m {
  203.     font-size: 20px !important;
  204.     line-height: 36px;
  205.   }
  206.  
  207.   .font-m h1,
  208.   .font-m h2 {
  209.     font-size: 28px;
  210.     line-height: 36px;
  211.   }
  212.  
  213.   .function {
  214.     top: 240px;
  215.     display: flex;
  216.     flex-direction: column;
  217.     width: 80px;
  218.     background: rgb(255 255 255 / 50%);
  219.     border-radius: 8px;
  220.   }
  221.  
  222.   .function li:nth-child(5) {
  223.     display: none;
  224.   }
  225.  
  226.   .function a {
  227.     display: flex;
  228.     flex-direction: column;
  229.     align-items: center;
  230.     width: 100%;
  231.     padding: 8px 0;
  232.     background: none !important;
  233.   }
  234.  
  235.   .CONTAINER.yellow {
  236.     background: #fff2e2 !important;
  237.   }
  238.  
  239. }