datawebring

A webring for data people who write
git clone https://git.eamoncaddigan.net/datawebring.git
Log | Files | Refs | README

onionring.css (1445B)

      1 /* onionring.js is made up of four files - onionring-widget.js, onionring-index.js, onionring-variables.js and onionring.css (this one!)
      2 // it's licensed under the cooperative non-violent license (CNPL) v4+ (https://thufie.lain.haus/NPL.html)
      3 // it was originally made by joey + mord of allium (蒜) house, last updated 2020-10-24 */
      4 
      5 /* === ONIONRING.CSS === */
      6 /* this file affects the style of the widget. remember to replace all instances of #webringid with whatever value you have for ringID in the onionring-widget.js file. make sure it still has the # at the front, though! probably easiest to use find+replace to do it */
      7 
      8 
      9 #data-ring-dot-list {
     10     margin: 0 auto;
     11     padding: 15px; /* creates some space around the widget */
     12 }
     13 
     14 #data-ring-dot-list table {
     15     margin: 0 auto; /* centers the widget */
     16     border: 2px solid slategray; /* a bit of border */
     17     /*
     18     --bg-color: var(--main-bg-color);
     19     background-color: var(--bg-color);
     20     */
     21 }
     22 
     23 #data-ring-dot-list table tr td {
     24     padding: 15px; /* creates some space between the links and text inside the widget */
     25 }
     26 
     27 #data-ring-dot-list .webring-prev {
     28     text-align: right;
     29 }
     30 
     31 #data-ring-dot-list .webring-info {
     32     text-align: center;
     33 }
     34 
     35 /* Dark mode styles */
     36 @media (prefers-color-scheme: dark) {
     37     :root {
     38         --main-bg-color: #121212;
     39     }
     40 }
     41 
     42 /* Light mode styles */
     43 @media (prefers-color-scheme: light) {
     44     :root {
     45         --main-bg-color: #ffffff;
     46     }
     47 }