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

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