dkforest

A forum and chat platform (onion)
git clone https://git.dasho.dev/n0tr1v/dkforest.git
Log | Files | Refs | LICENSE

style.css (4260B)

      1 * {
      2     -webkit-font-smoothing: antialiased;
      3     -moz-osx-font-smoothing: grayscale;
      4 }
      5 
      6 .table-novpadding tbody tr>td {
      7     padding-top: 2px;
      8     padding-bottom: 2px;
      9 }
     10 
     11 .emoji {
     12     font-family: "Noto Color Emoji", "Apple Color Emoji", "Segoe UI Emoji", Times, Symbola, Aegyptus, Code2000, Code2001, Code2002, Musica, serif, LastResort;
     13     font-size: 17px;
     14 }
     15 
     16 .dropdown {
     17     position: relative;
     18     display: inline-block;
     19 }
     20 .dropdown-content {
     21     display: none;
     22     position: absolute;
     23     z-index: 999;
     24     margin-top: -1px;
     25 }
     26 .dropdown:hover .dropdown-content {
     27     display: block;
     28 }
     29 
     30 input[type=text], input[type=password], input[type=number], input[type=email], input[type=url], textarea, select {
     31     background-color: rgba(79,79,79,1) !important;
     32     color: #fff !important;
     33     border: 1px solid rgba(90,90,90,1) !important;
     34 }
     35 
     36 .censored { background-color: black; color: black; padding: 0 3px; }
     37 .censored:hover { background-color: black; color: white; }
     38 .censored > a { color: black; }
     39 .censored > a:hover { color: #007053; text-decoration: underline; }
     40 
     41 pre.transparent-input.is-invalid, input.transparent-input.is-invalid, textarea.transparent-input.is-invalid, select.transparent-input.is-invalid {
     42     border: 1px solid rgba(200, 0, 0, 0.8) !important;
     43 }
     44 pre.transparent-input, input.transparent-input, textarea.transparent-input, select.transparent-input {
     45     background-color: rgba(50, 50, 50, 0.8) !important;
     46     border: 1px solid rgba(200, 255, 255, 0.8) !important;
     47     color: #ccc !important;
     48 }
     49 pre.transparent-input:hover, input.transparent-input:hover, textarea.transparent-input:hover, select.transparent-input:hover {
     50     background-color: rgba(50, 50, 50, 0.8) !important;
     51     border: 1px solid rgba(100, 200, 255, 0.8) !important;
     52 }
     53 input.transparent-input::placeholder, textarea.transparent-input::placeholder, select.transparent-input::placeholder {
     54     color: #aaa !important;
     55 }
     56 
     57 textarea.transparent-input {
     58     white-space: pre;
     59     overflow-wrap: normal;
     60 }
     61 
     62 .bg-label {
     63     border-radius: 3px;
     64     background-color: rgba(50, 50, 50, 0.7) !important;
     65     padding: 3px 5px;
     66 }
     67 .bg-label.link {
     68     color: #7abaff;
     69 }
     70 
     71 .form-check-1 {
     72     padding-left: 2.80rem;
     73 }
     74 .checkbox-wrapper.form-check-input {
     75     margin-top: 0.1rem;
     76     margin-left: -2.80rem;
     77 }
     78 
     79 .checkbox-wrapper input[type="checkbox"] {
     80     visibility: hidden;
     81     display: none;
     82 }
     83 
     84 .checkbox-wrapper .toggle {
     85     position: relative;
     86     display: block;
     87     width: 40px;
     88     height: 20px;
     89     cursor: pointer;
     90     -webkit-tap-highlight-color: transparent;
     91     transform: translate3d(0, 0, 0);
     92 }
     93 .checkbox-wrapper .toggle:before {
     94     content: "";
     95     position: relative;
     96     top: 3px;
     97     left: 3px;
     98     width: 34px;
     99     height: 14px;
    100     display: block;
    101     background: #9A9999;
    102     border-radius: 8px;
    103     transition: background 0.2s ease;
    104 }
    105 .checkbox-wrapper .toggle span {
    106     position: absolute;
    107     top: 0;
    108     left: 0;
    109     width: 20px;
    110     height: 20px;
    111     display: block;
    112     background: white;
    113     border-radius: 10px;
    114     box-shadow: 0 3px 8px rgba(154, 153, 153, 0.5);
    115     transition: all 0.2s ease;
    116 }
    117 .checkbox-wrapper .toggle span:before {
    118     content: "";
    119     position: absolute;
    120     display: block;
    121     margin: -18px;
    122     width: 56px;
    123     height: 56px;
    124     background: rgba(79, 46, 220, 0.5);
    125     border-radius: 50%;
    126     transform: scale(0);
    127     opacity: 1;
    128     pointer-events: none;
    129 }
    130 
    131 .checkbox-wrapper .my-cbx:checked + .toggle:before {
    132     background: #947ADA;
    133 }
    134 .checkbox-wrapper .my-cbx:checked + .toggle span {
    135     background: #4F2EDC;
    136     transform: translateX(20px);
    137     transition: all 0.2s cubic-bezier(0.8, 0.4, 0.3, 1.25), background 0.15s ease;
    138     box-shadow: 0 3px 8px rgba(79, 46, 220, 0.2);
    139 }
    140 .checkbox-wrapper .my-cbx:checked + .toggle span:before {
    141     transform: scale(1);
    142     opacity: 0;
    143     transition: all 0.4s ease;
    144 }
    145 
    146 .mono { font-family: SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace; }
    147 
    148 textarea {
    149     white-space: pre;
    150     overflow-wrap: normal;
    151 }
    152 
    153 .color-pkr { width: 120px; }
    154 
    155 .code-select {
    156     background-color: rgb(79, 79, 79);
    157     border-radius: 0.25rem;
    158     padding: 0.375rem 0.75rem;
    159 }
    160 
    161 .code-select code {
    162     user-select: all;
    163     -webkit-user-select: all;
    164     display: block;
    165 }