static/css/common.css

   1 /* luflow.net web site */
   2 /* Public domain 2025. All rights waived */
   3
   4 * {
   5     margin: 0;
   6     padding: 0;
   7     box-sizing: border-box;
   8     font-family: sans-serif;
   9 }
  10
  11 #content {
  12     min-height: 100vh;
  13     background: #333;
  14     width: 100%;
  15     margin: 0 auto;
  16 }
  17
  18 /* Offset element (A11Y)
  19    - Hide the element in graphic Web browsers.
  20    - But display it in text-based browsers.
  21 */
  22 .a11y-offset {
  23     position: absolute;
  24     left: -50000px;
  25 }
  26
  27 .bold {
  28     font-weight: bold;
  29 }
  30
  31 .centered-block {
  32     margin-left: auto;
  33     margin-right: auto;
  34 }
  35
  36 .centered-text {
  37     text-align: center;
  38 }
  39
  40 .hidden {
  41     visibility: hidden;
  42 }
  43
  44 .justify {
  45     text-align: justify;
  46 }
  47
  48 .justify-left {
  49     text-align: left;
  50 }
  51
  52 .justify-right {
  53     text-align: right;
  54 }
  55
  56 .light-text {
  57     color: #e6e6e6;
  58 }
  59
  60 .limit-width {
  61     max-width: 960px;
  62 }
  63
  64 .mono {
  65     font-family: monospace;
  66 }
  67
  68 .link-yellow:link,
  69 .link-yellow:visited {
  70     border-style: none;
  71     color: #f4bb15;
  72 }
  73
  74 .link-yellow:active,
  75 .link-yellow:focus,
  76 .link-yellow:hover {
  77     color: #f49b15;
  78 }
  79
  80 .noise-bg {
  81     background-color: #333;
  82     background-image: url('../img/noise-bg.png');
  83 }
  84
  85 .page-number-indicator {
  86     display: block;
  87     font-size: 0.4em;
  88     font-weight: normal;
  89     padding: 10px 5px;
  90 }
  91
  92 .page-selector {
  93     box-sizing: border-box;
  94     padding: 20px;
  95 }
  96
  97 .responsive-image {
  98     display: block;
  99     height: auto;
 100     max-width: 100%;
 101 }
 102
 103 .sheet {
 104     box-sizing: border-box;
 105 }
 106
 107 .top-shadow-bg {
 108     background-image: url('../img/depression-shadow-top.png');
 109     background-repeat: repeat-x;
 110 }
 111
 112 @media screen and (min-width: 1280px) {
 113     .sheet {
 114         display: inline-block;
 115         vertical-align: top;
 116         width: 75%;
 117     }
 118
 119     .sheet-padded {
 120         padding-right: 20px;
 121     }
 122 }