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

   1 body {
   2   background-color: #fff;
   3   font-family: 'VT323', monospace;
   4 }
   5 a.logo {
   6   display: block;
   7   margin: 20px;
   8   background-size: 100% 100%;
   9   height: 80px;
  10   width: 720px;
  11   background-image: url(/img/unlimited-pizza-animated-logo.gif);
  12 }
  13
  14 a.logo span {display:none}
  15 em {color:#99a3a4}
  16
  17 .main-container {
  18   margin: 20px 0;
  19 }
  20
  21 h1,
  22 h2,
  23 h3 {
  24   text-transform: uppercase;
  25   font-weight: 300;
  26 }
  27
  28 h1{
  29   font-size: 72px;
  30   line-height: 81px;
  31 }
  32
  33 a {
  34   color: #00dddd;
  35 }
  36
  37 .content {
  38   margin: 20px;
  39   font-size: 24px;
  40 }
  41
  42 ul {
  43   list-style: square;
  44 }
  45
  46 .main-container section,
  47 .main-container aside{ text-align: left}
  48
  49
  50 /* Guestbook */
  51 .guestbook-feed, .guestbook-form ul {
  52   list-style: none;
  53 }
  54
  55 .guestbook-form li {
  56   display: block;
  57 }
  58
  59 .guestbook-form .guestbook-label {
  60   width: 8.571em;
  61   float: left;
  62   text-align: right;
  63   padding: 0.5em  1.071em;
  64   text-transform: uppercase;
  65 }
  66
  67 .guestbook-form .guestbook-control {
  68   float: left;
  69 }
  70
  71 .guestbook-form .guestbook-control-group {
  72   clear: both;
  73 }
  74
  75 .guestbook-form .comment-control {
  76   width: 42.857em;
  77   height: 10em;
  78 }
  79
  80 .guestbook-content, .guestbook-form {
  81   clear: both;
  82   padding: 2.142em 0;
  83 }
  84
  85 .guestbook-feed .guestbook-post {
  86   display: block;
  87   border-bottom: 0.071em solid #99a3a4;
  88   padding: 1.071em;
  89 }
  90
  91 .guestbook-post .author {
  92   font-weight: bold;
  93 }
  94
  95 /*
  96  * The Recorder CSS
  97  */
  98 .pepperoni-widget {
  99   justify-content: space-between;
 100   display: flex;
 101 }
 102
 103 .pepperoni-widget .record-button {
 104   display: flex;
 105   font-size: 1.538461em;
 106   padding: 1em;
 107   margin: 1em;
 108   height: 1em;
 109   background-color: #f1f1f1;
 110   cursor: pointer;
 111   transition: background-color 0.2s ease, color 0.2s ease;
 112 }
 113
 114 .record-info {
 115   margin: 1em 0;
 116 }
 117
 118 .pepperoni-widget .record-button.recording {
 119   background-color: #00cc12;
 120   color: white;
 121   padding: 1em 1.1em 1em 0.68em;
 122 }
 123
 124 .pepperoni-widget .record-button:hover {
 125   text-decoration: none;
 126   background-color: #fafafa;
 127 }
 128
 129 .pepperoni-widget .record-button.recording:hover {
 130   background-color: #d30058;
 131   color: #f1f1f1;
 132 }
 133
 134 .pepperoni-widget .record-progress {
 135   justify-content: space-between;
 136   display: flex;
 137   margin: 0.5em 0.76em;
 138 }
 139
 140 .record-progress-bar-container {
 141   background-color: #f1f1f1;
 142   height: 2em;
 143   width: 15.385em;
 144   margin-right: 0.76em;
 145 }
 146
 147 .record-progress-bar {
 148   height: 2em;
 149   background-color: #d30058;
 150   width: 0;
 151 }
 152
 153 .record-clear {
 154   margin-top: 0.1em;
 155   text-transform: uppercase;
 156   font-size: 1em;
 157   width: 4em;
 158   cursor: pointer;
 159 }
 160
 161 .record-clear:hover {
 162   text-decoration: none;
 163 }
 164
 165 .record-preview {
 166   margin: 0.76em;
 167   width: 15.385em;
 168   height: 2em;
 169 }
 170
 171 .guestbook-submit {
 172   border-radius: 0;
 173   border: 0;
 174   background-color: #ff00ff;
 175   font-family: 'VT323', monospace;
 176   font-size: 24px;
 177   color: #fff;
 178   padding: 10px;
 179   margin-left: 15px;
 180 }
 181
 182 .filter-switches label {
 183   display: inline;
 184   margin-right: 2em;
 185 }