style.css

   1 @import url(http://fonts.googleapis.com/css?family=Inconsolata);
   2 @import url(http://fonts.googleapis.com/css?family=PT+Sans);
   3 @import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);
   4 article,
   5 aside,
   6 details,
   7 figcaption,
   8 figure,
   9 footer,
  10 header,
  11 hgroup,
  12 nav,
  13 section,
  14 summary {
  15   display: block;
  16 }
  17 audio,
  18 canvas,
  19 video {
  20   display: inline-block;
  21 }
  22 audio:not([controls]) {
  23   display: none;
  24   height: 0;
  25 }
  26 [hidden] {
  27   display: none;
  28 }
  29 html {
  30   font-family: sans-serif;
  31   -webkit-text-size-adjust: 100%;
  32   -ms-text-size-adjust: 100%;
  33 }
  34 body {
  35   margin: 0;
  36 }
  37 a:focus {
  38   outline: thin dotted;
  39 }
  40 a:active,
  41 a:hover {
  42   outline: 0;
  43 }
  44 h1 {
  45   font-size: 2em;
  46 }
  47 abbr[title] {
  48   border-bottom: 1px dotted;
  49 }
  50 b,
  51 strong {
  52   font-weight: bold;
  53 }
  54 dfn {
  55   font-style: italic;
  56 }
  57 mark {
  58   background: #ff0;
  59   color: #000;
  60 }
  61 code,
  62 kbd,
  63 pre,
  64 samp {
  65   font-family: monospace, serif;
  66   font-size: 1em;
  67 }
  68 pre {
  69   white-space: pre-wrap;
  70   word-wrap: break-word;
  71 }
  72 q {
  73   quotes: "\201C" "\201D" "\2018" "\2019";
  74 }
  75 small {
  76   font-size: 80%;
  77 }
  78 sub,
  79 sup {
  80   font-size: 75%;
  81   line-height: 0;
  82   position: relative;
  83   vertical-align: baseline;
  84 }
  85 sup {
  86   top: -0.5em;
  87 }
  88 sub {
  89   bottom: -0.25em;
  90 }
  91 img {
  92   border: 0;
  93 }
  94 svg:not(:root) {
  95   overflow: hidden;
  96 }
  97 figure {
  98   margin: 0;
  99 }
 100 fieldset {
 101   border: 1px solid #c0c0c0;
 102   margin: 0 2px;
 103   padding: 0.35em 0.625em 0.75em;
 104 }
 105 legend {
 106   border: 0;
 107   padding: 0;
 108 }
 109 button,
 110 input,
 111 select,
 112 textarea {
 113   font-family: inherit;
 114   font-size: 100%;
 115   margin: 0;
 116 }
 117 button,
 118 input {
 119   line-height: normal;
 120 }
 121 button,
 122 html input[type="button"],
 123 input[type="reset"],
 124 input[type="submit"] {
 125   -webkit-appearance: button;
 126   cursor: pointer;
 127 }
 128 button[disabled],
 129 input[disabled] {
 130   cursor: default;
 131 }
 132 input[type="checkbox"],
 133 input[type="radio"] {
 134   box-sizing: border-box;
 135   padding: 0;
 136 }
 137 input[type="search"] {
 138   -webkit-appearance: textfield;
 139   -moz-box-sizing: content-box;
 140   -webkit-box-sizing: content-box;
 141   box-sizing: content-box;
 142 }
 143 input[type="search"]::-webkit-search-cancel-button,
 144 input[type="search"]::-webkit-search-decoration {
 145   -webkit-appearance: none;
 146 }
 147 button::-moz-focus-inner,
 148 input::-moz-focus-inner {
 149   border: 0;
 150   padding: 0;
 151 }
 152 textarea {
 153   overflow: auto;
 154   vertical-align: top;
 155 }
 156 table {
 157   border-collapse: collapse;
 158   border-spacing: 0;
 159 }
 160 html {
 161   font-family: 'PT Sans', sans-serif;
 162 }
 163 pre,
 164 code {
 165   font-family: 'Inconsolata', sans-serif;
 166 }
 167 h1,
 168 h2,
 169 h3,
 170 h4,
 171 h5,
 172 h6 {
 173   font-family: 'PT Sans Narrow', sans-serif;
 174   font-weight: 700;
 175 }
 176 html {
 177   background-color: #eee8d5;
 178   color: #657b83;
 179   margin: 1em;
 180 }
 181 body {
 182   background-color: #fdf6e3;
 183   margin: 0 auto;
 184   max-width: 23cm;
 185   border: 1pt solid #93a1a1;
 186   padding: 1em;
 187 }
 188 code {
 189   background-color: #eee8d5;
 190   padding: 2px;
 191 }
 192 a {
 193   color: #b58900;
 194 }
 195 a:visited {
 196   color: #cb4b16;
 197 }
 198 a:hover {
 199   color: #cb4b16;
 200 }
 201 h1 {
 202   color: #d33682;
 203 }
 204 h2,
 205 h3,
 206 h4,
 207 h5,
 208 h6 {
 209   color: #859900;
 210 }
 211 pre {
 212   background-color: #fdf6e3;
 213   color: #657b83;
 214   border: 1pt solid #93a1a1;
 215   padding: 1em;
 216   box-shadow: 5pt 5pt 8pt #eee8d5;
 217 }
 218 pre code {
 219   background-color: #fdf6e3;
 220 }
 221 h1 {
 222   font-size: 2.8em;
 223 }
 224 h2 {
 225   font-size: 2.4em;
 226 }
 227 h3 {
 228   font-size: 1.8em;
 229 }
 230 h4 {
 231   font-size: 1.4em;
 232 }
 233 h5 {
 234   font-size: 1.3em;
 235 }
 236 h6 {
 237   font-size: 1.15em;
 238 }
 239 .tag {
 240   background-color: #eee8d5;
 241   color: #d33682;
 242   padding: 0 0.2em;
 243 }
 244 .todo,
 245 .next,
 246 .done {
 247   color: #fdf6e3;
 248   background-color: #dc322f;
 249   padding: 0 0.2em;
 250 }
 251 .tag {
 252   -webkit-border-radius: 0.35em;
 253   -moz-border-radius: 0.35em;
 254   border-radius: 0.35em;
 255 }
 256 .TODO {
 257   -webkit-border-radius: 0.2em;
 258   -moz-border-radius: 0.2em;
 259   border-radius: 0.2em;
 260   background-color: #2aa198;
 261 }
 262 .NEXT {
 263   -webkit-border-radius: 0.2em;
 264   -moz-border-radius: 0.2em;
 265   border-radius: 0.2em;
 266   background-color: #268bd2;
 267 }
 268 .ACTIVE {
 269   -webkit-border-radius: 0.2em;
 270   -moz-border-radius: 0.2em;
 271   border-radius: 0.2em;
 272   background-color: #268bd2;
 273 }
 274 .DONE {
 275   -webkit-border-radius: 0.2em;
 276   -moz-border-radius: 0.2em;
 277   border-radius: 0.2em;
 278   background-color: #859900;
 279 }
 280 .WAITING {
 281   -webkit-border-radius: 0.2em;
 282   -moz-border-radius: 0.2em;
 283   border-radius: 0.2em;
 284   background-color: #cb4b16;
 285 }
 286 .HOLD {
 287   -webkit-border-radius: 0.2em;
 288   -moz-border-radius: 0.2em;
 289   border-radius: 0.2em;
 290   background-color: #d33682;
 291 }
 292 .NOTE {
 293   -webkit-border-radius: 0.2em;
 294   -moz-border-radius: 0.2em;
 295   border-radius: 0.2em;
 296   background-color: #d33682;
 297 }
 298 .CANCELLED {
 299   -webkit-border-radius: 0.2em;
 300   -moz-border-radius: 0.2em;
 301   border-radius: 0.2em;
 302   background-color: #859900;
 303 }