git.r.bdr.sh - rbdr/r.bdr.sh/blob - jekyll/css/application.css

   1 body {
   2   background-color: white;
   3   font-family: times, 'Times New Roman', serif;
   4   font-smooth: never;
   5   -webkit-font-smoothing: none;
   6 }
   7
   8 h1 a {
   9   color: black;
  10 }
  11
  12 h1 a:visited {
  13   color: black;
  14 }
  15
  16 em {color:#99a3a4}
  17
  18 .main-container {
  19   margin: 20px 0;
  20 }
  21
  22 h1,
  23 h2,
  24 h3 {
  25   font-weight: 300;
  26 }
  27
  28 h1 {
  29   font-size: 3.33em;
  30 }
  31
  32 h2 {
  33   font-size: 1.61em;
  34 }
  35
  36 a {
  37   color: blue;
  38 }
  39
  40 a:visited {
  41   color: purple;
  42 }
  43
  44 ul {
  45   list-style: square;
  46 }
  47
  48 li {
  49   line-height: 1.82em;
  50 }
  51
  52 /* Guestbook */
  53 .guestbook-feed, .guestbook-form ul {
  54   list-style: none;
  55 }
  56
  57 .guestbook-form li {
  58   display: block;
  59   max-width: 28em;
  60 }
  61
  62 .guestbook-form .guestbook-label {
  63   text-transform: uppercase;
  64   text-align: center;
  65   max-width: 28em;
  66   width: 100%;
  67   text-style: italic;
  68 }
  69
  70 .guestbook-feed .guestbook-post {
  71   display: block;
  72   border-bottom: 0.071em solid #99a3a4;
  73   padding: 1.071em;
  74 }
  75
  76 /*
  77  * The Recorder CSS
  78  */
  79
  80 .pepperoni-widget .record-clear,
  81 .pepperoni-widget .record-button {
  82   margin: 1em 0;
  83   padding: 1em 0;
  84   background-color: blue;
  85   color: white;
  86   cursor: pointer;
  87   transition: background-color 0.2s ease, color 0.2s ease;
  88   display: block;
  89   text-align: center;
  90 }
  91
  92 .pepperoni-widget .record-button.recording {
  93   background-color: magenta;
  94   color: white;
  95 }
  96
  97 .guestbook-submit:hover,
  98 .pepperoni-widget .record-clear:hover,
  99 .pepperoni-widget .record-button:hover {
 100   background-color: red;
 101 }
 102
 103 .record-progress-bar-container {
 104   background-color: #f1f1f1;
 105   height: 4em;
 106 }
 107
 108 .record-progress-bar {
 109   height: 4em;
 110   background-color: cyan;
 111   width: 0;
 112 }
 113
 114 .record-clear:hover {
 115   text-decoration: none;
 116 }
 117
 118 .record-preview {
 119   max-width: 28em;
 120   width: 100%;
 121   height: 4em;
 122   display: block;
 123 }
 124
 125 .guestbook-control input {
 126   width: 100%;
 127   font-family: times, 'Times New Roman', serif;
 128 }
 129
 130 .guestbook-submit {
 131   background-color: magenta;
 132   color: white;
 133   display: block;
 134   height: 4em;
 135   font-size: 1em;
 136   max-width: 28em;
 137   padding: 0;
 138   border: 0;
 139   cursor: pointer;
 140 }
 141
 142 .name-control {
 143   max-width: 27.5em;
 144   padding: 0.2em;
 145   font-size: 1em;
 146   display: block;
 147 }
 148
 149 .filter-switches {
 150   padding: 1em 0;
 151 }
 152
 153 .filter-switches input {
 154   display: inline;
 155   width: auto;
 156   margin-left: 1em;
 157 }