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

   1 /* for old browsers */
   2 article, aside, footer, header, nav, section {
   3   display: block;
   4 }
   5
   6 body {
   7   font-family: sans-serif;
   8   line-height: 1.6;
   9   padding: 1em;
  10 }
  11
  12 nav, main, footer {
  13   margin: auto;
  14   max-width: 38rem;
  15 }
  16
  17 nav {
  18   font-size: 0.84em;
  19 }
  20 main {
  21   /* margin-top: 1em; */
  22   margin-bottom: 3em;
  23   /* margin-top: 2%; */
  24 }
  25 footer {
  26   border-top: 1px solid #bbb;
  27   padding-top: 1em;
  28 }
  29 footer p {
  30   margin: 0;
  31   font-size: 0.84em;
  32 }
  33
  34 #hiddentitle {
  35   font-size: 0;
  36 }
  37 h1 {
  38   font-size: 1.5em;
  39 }
  40 #subtitle {
  41   display: inline;
  42   font-weight: normal;
  43   font-size: 1.2em;
  44   color: #444;
  45 }
  46
  47 a {
  48   color: #295bad;
  49   text-decoration: none;
  50 }
  51 a:hover, a:focus {
  52   transition-property: background;
  53   transition-duration: 0.1s;
  54   background: #f2f8fa;
  55   padding: 0.25em 0;
  56   color: #0745ad;
  57 }
  58 a:active {
  59   color: #a10029;
  60 }
  61 /*
  62 a:active {
  63   color: #06d;
  64   box-shadow: 0 1px 1px #ddd;
  65 }
  66 */
  67
  68 h4 {
  69   margin: 0.75em auto;
  70 }
  71
  72 article h3 {
  73   font-weight: normal;
  74   color: #777;
  75 }
  76
  77 .notice {
  78   background-color: #efefef;
  79   text-align: center;
  80   position: relative;
  81 }
  82 .notice::before {
  83   content: "↪";
  84   position: absolute;
  85   left: 0.5em;
  86   bottom: 0.05em;
  87 }
  88 .notice::after {
  89   content: "↩";
  90   position: absolute;
  91   right: 0.5em;
  92   bottom: 0.05em;
  93 }
  94
  95 code {
  96   font-size: 1.15em;
  97   text-transform: none;
  98 }
  99
 100 table td {
 101   padding: 0 0.3em;
 102 }
 103 table td:first-child {
 104   padding-left: 0;
 105 }
 106 table td:last-child {
 107   padding-right: 0
 108 }
 109
 110 dl {
 111   margin: 0 0 0.5em 0;
 112 }
 113 dl:last-child {
 114   margin: 0;
 115 }
 116 dt {
 117   margin-bottom: 0.15em;
 118 }
 119 dd {
 120   font-size: 0.9em;
 121   margin-left: 1.5em;
 122   margin-bottom: 0.75em;
 123 }
 124 .plinks {
 125   font-size: 0.9em;
 126 }
 127
 128 ul, ol {
 129   list-style: none;
 130   padding-left: 1.5em;
 131   position: relative;
 132 }
 133
 134 li {
 135   margin-bottom: 0.25em;
 136 }
 137
 138 ul > li::before {
 139   content: '•';
 140   position: absolute;
 141   left: 0.5em;
 142 }
 143
 144 /*
 145 ol {
 146   margin: 0;
 147   padding: 0;
 148 }
 149 ol li {
 150   margin-top: 0.5em;
 151 }
 152 ol li:first-child {
 153   margin-top: 0;
 154 }
 155 */