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

   1 body {
   2   background: #d9d8d1;
   3   font: 18px/1.6 sans-serif;
   4   margin: 0;
   5 }
   6
   7 body > header, body > nav,  main, body > footer {
   8   padding: 0 2em;
   9 }
  10
  11 body > header {
  12   padding-top: 1em;
  13 }
  14 body > header h1 {
  15   margin: 0;
  16   font-size: 1em;
  17 }
  18 header a {
  19   color: inherit;
  20 }
  21 nav {
  22   margin-bottom: 1em;
  23 }
  24 nav ul {
  25   margin: 0;
  26   padding: 0;
  27 }
  28 nav li {
  29   display: inline;
  30   text-transform: lowercase;
  31 }
  32 nav li + li {
  33   margin-left: 0.5em;
  34 }
  35 nav a {
  36   color: #333;
  37 }
  38 main {
  39   background: #ebeae4;
  40   padding-top: 1em;
  41   padding-bottom: 1em;
  42 }
  43 article header >:not(h1) {
  44   font-size: 0.875em;
  45 }
  46 header > h1 + p {
  47   margin-top: -1em;
  48 }
  49 footer {
  50   font-size: 0.84em;
  51   margin-left: 0.4em;
  52 }
  53
  54 main > * {
  55   max-width: 43rem;
  56 }
  57
  58 h1 {
  59   font-size: 1.5em;
  60 }
  61 h2 {
  62   font-size: 1.25em;
  63 }
  64 h3 {
  65   font-size: 1.125em;
  66 }
  67
  68 a {
  69   color: #036;
  70 }
  71 /*
  72 a:hover, a:focus {
  73   color: #005a6a;
  74 }
  75 */
  76 a:active {
  77   outline-offset: 2px;
  78 }
  79 a.permalink {
  80   color: #ddd;
  81   font: 1.2em/1 "TeX Gyre Termes", serif;
  82   text-decoration: none;
  83   transition: color 150ms linear;
  84   user-select: none;
  85 }
  86 a.permalink:hover, :hover > a.permalink, :target a.permalink {
  87   color: #999;
  88   transition: color 150ms linear;
  89 }
  90
  91 article h3 {
  92   font-weight: normal;
  93   color: #777;
  94 }
  95
  96 .notice {
  97   background-color: #efefef;
  98   text-align: center;
  99   position: relative;
 100 }
 101 .notice::before {
 102   content: "↪";
 103   position: absolute;
 104   left: 0.5em;
 105   bottom: 0.05em;
 106 }
 107 .notice::after {
 108   content: "↩";
 109   position: absolute;
 110   right: 0.5em;
 111   bottom: 0.05em;
 112 }
 113
 114 .center {
 115   text-align: center;
 116 }
 117 .justify {
 118   text-align: justify;
 119 }
 120
 121 details {
 122   margin: 1em 0;
 123   padding: 0.5em;
 124 }
 125 details summary {
 126   cursor: pointer;
 127 }
 128
 129 sup, sub {
 130   position: relative;
 131   top: -0.4em;
 132   vertical-align: baseline;
 133 }
 134 sub {
 135   top: 0.4em;
 136 }
 137
 138 /* TeX logos */
 139 .t-logo {
 140   font-family: "Tex Gyre Termes", serif;
 141   /* letter-spacing: 1px; */
 142   white-space: nowrap;
 143 }
 144 .t-logo sup {
 145   font-size: 0.85em;
 146   letter-spacing: 1px;
 147   margin-left: -0.36em;
 148   margin-right: -0.15em;
 149   text-transform: uppercase;
 150   vertical-align: 0.15em;
 151   top: 0;
 152 }
 153 .t-logo sub {
 154   font-size: 1em;
 155   margin-left: -0.1667em;
 156   margin-right: -0.125em;
 157   text-transform: uppercase;
 158   vertical-align: -0.5ex;
 159   top: 0;
 160 }
 161
 162 blockquote#abstract {
 163   font-size: 0.95em;
 164   text-align: justify;
 165 }
 166
 167 pre {
 168   display: inline-block;
 169   margin: 0.5em 0;
 170   min-width: 100%;
 171   padding: 1em;
 172 }
 173 pre > code {
 174   padding: 0;
 175   background: initial;
 176 }
 177 code {
 178   text-transform: none;
 179   padding: .2em .3em;
 180 }
 181 pre, code {
 182   font-size: smaller;
 183 }
 184
 185 /* box effect */
 186 .box, details, pre, code {
 187   background-color: #f4f4f4;
 188   border: 1px solid #e6e6e6;
 189   border-radius: 4px;
 190   box-sizing: border-box;
 191 }
 192 details pre {
 193   border: none;
 194 }
 195 p.box {
 196   font-size: 0.95em;
 197   padding: 0.6em 0.9em;
 198 }
 199
 200 table td {
 201   padding: 0.125em 0.3em;
 202 }
 203 #publications td {
 204   padding-top: 0.4em;
 205   padding-bottom: 0.4em;
 206 }
 207 table td:first-child {
 208   padding-left: 0;
 209 }
 210 table td:last-child {
 211   padding-right: 0
 212 }
 213 .post-list {
 214   width: 100%;
 215 }
 216 .post-list tr:hover {
 217   background: #efefe8;
 218 }
 219 .post-list td {
 220   padding: 0.25em 0;
 221 }
 222 .post-list td:nth-child(2) {
 223   text-align: right;
 224 }
 225
 226 small, dd, .small, .bibtexnumber, .bibtexitem, .bibtex2html {
 227   font-size: 0.875em;
 228 }
 229 .muted {
 230   color: #666;
 231 }
 232 .inbox, .bibtex2html {
 233   margin-top: 2em;
 234 }
 235
 236 li, dd {
 237   margin-bottom: 0.25em;
 238 }
 239
 240 .feed-icon {
 241   background-image: url(feed-12x12.png);
 242   background-position: center right;
 243   background-repeat: no-repeat;
 244   padding-right: 15px;
 245 }
 246 .smly {
 247   display: inline-block;
 248   transform: rotate(90deg);
 249   margin-left: 0.2em;
 250 }
 251 .warn {
 252   color: #a10029;
 253 }
 254
 255 #bandali-bib > a {
 256   display: block
 257 }