git.shemshak.org - ~bandali/bndl.org/blob - source/style.css

   1 html, body {
   2   margin: 0;
   3   height: 100%;
   4 }
   5
   6 body {
   7   font-family: "Liberation Sans", "Arial", sans-serif;
   8   color: #232323;
   9 }
  10
  11 main {
  12   margin: 0 auto;
  13   max-width: 34em;
  14   padding: 1em;
  15 }
  16
  17 /* Header and Footer */
  18
  19 #aminb { font-size: 0.9em; }
  20
  21 #preamble,
  22 #postamble {
  23   color: #888888;
  24   padding: 1em;
  25   margin: 0 auto;
  26   max-width: 34em;
  27 }
  28
  29 #preamble { padding: 2em 1em 0em 1em; }
  30
  31 #preamble h2 { display: inline; }
  32
  33 #preamble a { border: none !important; color: #888 !important; }
  34
  35 #preamble h2 a { color: #3a89c9 !important; }
  36
  37 #preamble .bar {
  38   color: #ccc;
  39   font-size: 12pt;
  40   vertical-align: bottom;
  41   padding-left: 1px;
  42   padding-right: 1px;
  43 }
  44
  45 #postamble { margin-bottom: 2em; }
  46
  47 #postamble a {
  48   color: #888888 !important;
  49   border-bottom: 1px solid #cccccc !important;
  50 }
  51
  52 /* Content */
  53
  54 #content {
  55   line-height: 1.6em;
  56 }
  57
  58 #content h1, #content h2 {
  59   line-height: 1em;
  60   font-weight: 700;
  61   letter-spacing: -0.03em;
  62   word-spacing: -0.03em;
  63 }
  64
  65 #content h1 { font-size: 1.6em; }
  66
  67 #content h2 {
  68   font-size: 1.2em;
  69   padding: 0.25em 0;
  70 }
  71
  72 #content p {
  73   margin: 1em 0;
  74 }
  75
  76 #content code {
  77   background-color: #f5f5f5;
  78   padding: 1px 3px;
  79 }
  80
  81 #content code,
  82 #content pre {
  83   font-family: "DejaVu Sans Mono", monospace;
  84   font-size: 0.9em;
  85   line-height: 1.5em;
  86   margin: 0;
  87 }
  88
  89 #content pre {
  90   background-color: #f5f5f5;
  91   color: #232323;
  92   margin: 0 -1em;
  93   overflow-x: auto;
  94   padding: 1em;
  95   word-wrap: normal;
  96 }
  97
  98 #content ul {
  99   padding: 0;
 100   margin: 0.3em 0 0 1.6em;
 101 }
 102
 103 #content ul li {
 104   /* list-style: none; */
 105 }
 106
 107 #content li {
 108   margin: 0.5em 0;
 109 }
 110
 111 .pub-desc {
 112   font-size: 0.95em;
 113 }
 114
 115 #text-publications p {
 116   margin: 0.5em 0;
 117 }
 118
 119 .light-off:checked ~ .page #content pre,
 120 .light-off:checked ~ .page #content code {
 121   background-color: #232323;
 122 }
 123
 124 .clear { clear: both; }
 125
 126 #hello { float: left; line-height: 50px !important; }
 127
 128 #content .picture__avatar {
 129   margin: 0;
 130   height: 64px;
 131   width: 64px;
 132   border-radius: 50%;
 133   float: right;
 134 }
 135
 136 @media only screen and (min-width: 570px) {
 137   .picture__avatar {
 138     margin-right: 3em !important;
 139   }
 140 }
 141
 142 .page {
 143   background-color: #ffffff;
 144   color: #232323;
 145   min-height: 100%;
 146 }
 147
 148 .page a {
 149   color: #357edd;
 150   text-decoration: none;
 151   border-bottom: 1px solid #a5ceff;
 152 }
 153
 154 pre { margin-left: 0 }
 155
 156 /* Light switch */
 157
 158 #light-off {
 159   position: absolute;
 160   visibility: hidden;
 161 }
 162
 163 .light-off-button {
 164   cursor: pointer;
 165   vertical-align: middle;
 166 }
 167
 168 .light-off-button,
 169 .light-off-button-inline {
 170   color: #888888;
 171   -webkit-user-select: none;
 172   user-select: none;
 173   cursor: pointer;
 174   text-align: right;
 175 }
 176
 177 .light-off-button:hover:after,
 178 .light-off-button-inline:hover:after {
 179   color: #357edd;
 180   border-bottom: 0;
 181 }
 182
 183 .light-off:checked ~ .page .light-off-button:hover:after
 184 .light-off:checked ~ .page .light-off-button-inline:hover:after {
 185   color: #ddddb6;
 186   border-bottom: 0;
 187 }
 188
 189 .light-off-button:after,
 190 .light-off-button-inline:after {
 191   content: "\1F4A1";
 192   font-family: "Noto Color Emoji", "Noto Sans", "Arial", sans-serif;
 193 }
 194
 195 .light-off:checked ~ .page {
 196   background-color: #141414;
 197   color: #cccccc;
 198 }
 199
 200 .page:selection {
 201   background: #ddddb6;
 202 }
 203 .light-off:checked ~ .page:selection {
 204   background: #357edd;
 205 }
 206
 207 .light-off:checked ~ .page a, .light-off:checked ~ header a {
 208   color: #ddddb6 !important;
 209   border-bottom: 1px solid #aaaa96;
 210 }
 211
 212 .light-off:checked ~ .page a:visited {
 213   color: #888888;
 214   border-bottom: 1px solid #444444;
 215 }
 216
 217 .light-off:checked ~ .page a:hover {
 218   color: #ddddb6;
 219   border-bottom: 1px solid #ddddb6;
 220 }