Attachment 'styles.css'

Download

   1 @import url(https://fonts.googleapis.com/css?family=Lato:300italic,700italic,300,700);
   2 html {
   3   background: #6C7989;
   4   background: #6c7989 -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6c7989), color-stop(100%, #434b55)) fixed;
   5   background: #6c7989 -webkit-linear-gradient(#6c7989, #434b55) fixed;
   6   background: #6c7989 -moz-linear-gradient(#6c7989, #434b55) fixed;
   7   background: #6c7989 -o-linear-gradient(#6c7989, #434b55) fixed;
   8   background: #6c7989 -ms-linear-gradient(#6c7989, #434b55) fixed;
   9   background: #6c7989 linear-gradient(#6c7989, #434b55) fixed;
  10 }
  11 
  12 body {
  13   padding: 50px 0;
  14   tab-size: 16;
  15   margin: 0;
  16   font: 14px/1.5 Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
  17   color: #555;
  18   font-weight: 300;
  19   background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAeCAYAAABNChwpAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAUdEVYdENyZWF0aW9uIFRpbWUAMy82LzEygrTcTAAAAFRJREFUSIljfPDggZRf5RIGGNjUHsNATz6jXmSL1Kb2GLiAX+USBnrymRgGGDCORgFmoNAXjEbBaBSMRsFoFIxGwWgUjEbBaBSMRsFoFIxGwWgUAABYNujumib3wAAAAABJRU5ErkJggg==') fixed;
  20 }
  21 
  22 .wrapper {
  23   width: 640px;
  24   margin: 0 auto;
  25   background: #DEDEDE;
  26   -webkit-border-radius: 8px;
  27   -moz-border-radius: 8px;
  28   -ms-border-radius: 8px;
  29   -o-border-radius: 8px;
  30   border-radius: 8px;
  31   -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.45) 0 3px 10px;
  32   -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.45) 0 3px 10px;
  33   box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.45) 0 3px 10px;
  34 }
  35 
  36 header, section, footer {
  37   display: block;
  38 }
  39 
  40 a {
  41   color: #069;
  42   text-decoration: none;
  43 }
  44 
  45 p {
  46   margin: 0 0 20px;
  47   padding: 0;
  48 }
  49 
  50 strong {
  51   color: #222;
  52   font-weight: 700;
  53 }
  54 
  55 header {
  56   -webkit-border-radius: 8px 8px 0 0;
  57   -moz-border-radius: 8px 8px 0 0;
  58   -ms-border-radius: 8px 8px 0 0;
  59   -o-border-radius: 8px 8px 0 0;
  60   border-radius: 8px 8px 0 0;
  61   background: #C6EAFA;
  62   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ddfbfc), color-stop(100%, #c6eafa));
  63   background: -webkit-linear-gradient(#ddfbfc, #c6eafa);
  64   background: -moz-linear-gradient(#ddfbfc, #c6eafa);
  65   background: -o-linear-gradient(#ddfbfc, #c6eafa);
  66   background: -ms-linear-gradient(#ddfbfc, #c6eafa);
  67   background: linear-gradient(#ddfbfc, #c6eafa);
  68   position: relative;
  69   padding: 15px 20px;
  70   border-bottom: 1px solid #B2D2E1;
  71 }
  72 header h1 {
  73   margin: 0;
  74   padding: 0;
  75   font-size: 24px;
  76   line-height: 1.2;
  77   color: #069;
  78   text-shadow: rgba(255, 255, 255, 0.9) 0 1px 0;
  79 }
  80 header.without-description h1 {
  81   margin: 10px 0;
  82 }
  83 header p {
  84   margin: 0;
  85   color: #61778B;
  86   width: 300px;
  87   font-size: 13px;
  88 }
  89 header p.view {
  90   display: none;
  91   font-weight: 700;
  92   text-shadow: rgba(255, 255, 255, 0.9) 0 1px 0;
  93   -webkit-font-smoothing: antialiased;
  94 }
  95 header p.view a {
  96   color: #06c;
  97 }
  98 header p.view small {
  99   font-weight: 400;
 100 }
 101 header ul {
 102   margin: 0;
 103   padding: 0;
 104   list-style: none;
 105   position: absolute;
 106   z-index: 1;
 107   right: 20px;
 108   top: 20px;
 109   height: 38px;
 110   padding: 1px 0;
 111   background: #5198DF;
 112   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #77b9fb), color-stop(100%, #3782cd));
 113   background: -webkit-linear-gradient(#77b9fb, #3782cd);
 114   background: -moz-linear-gradient(#77b9fb, #3782cd);
 115   background: -o-linear-gradient(#77b9fb, #3782cd);
 116   background: -ms-linear-gradient(#77b9fb, #3782cd);
 117   background: linear-gradient(#77b9fb, #3782cd);
 118   border-radius: 5px;
 119   -webkit-box-shadow: inset rgba(255, 255, 255, 0.45) 0 1px 0, inset rgba(0, 0, 0, 0.2) 0 -1px 0;
 120   -moz-box-shadow: inset rgba(255, 255, 255, 0.45) 0 1px 0, inset rgba(0, 0, 0, 0.2) 0 -1px 0;
 121   box-shadow: inset rgba(255, 255, 255, 0.45) 0 1px 0, inset rgba(0, 0, 0, 0.2) 0 -1px 0;
 122   width: auto;
 123 }
 124 header ul:before {
 125   content: '';
 126   position: absolute;
 127   z-index: -1;
 128   left: -5px;
 129   top: -4px;
 130   right: -5px;
 131   bottom: -6px;
 132   background: rgba(0, 0, 0, 0.1);
 133   -webkit-border-radius: 8px;
 134   -moz-border-radius: 8px;
 135   -ms-border-radius: 8px;
 136   -o-border-radius: 8px;
 137   border-radius: 8px;
 138   -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0, inset rgba(255, 255, 255, 0.7) 0 -1px 0;
 139   -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0, inset rgba(255, 255, 255, 0.7) 0 -1px 0;
 140   box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0, inset rgba(255, 255, 255, 0.7) 0 -1px 0;
 141 }
 142 header ul li {
 143   width: 79px;
 144   float: left;
 145   border-right: 1px solid #3A7CBE;
 146   height: 38px;
 147 }
 148 header ul li.single {
 149   border: none;
 150 }
 151 header ul li + li {
 152   width: 78px;
 153   border-left: 1px solid #8BBEF3;
 154 }
 155 header ul li + li + li {
 156   border-right: none;
 157   width: 79px;
 158 }
 159 header ul a {
 160   line-height: 1;
 161   font-size: 11px;
 162   color: #fff;
 163   color: rgba(255, 255, 255, 0.8);
 164   display: block;
 165   text-align: center;
 166   font-weight: 400;
 167   padding-top: 6px;
 168   height: 40px;
 169   text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0;
 170 }
 171 header ul a strong {
 172   font-size: 14px;
 173   display: block;
 174   color: #fff;
 175   -webkit-font-smoothing: antialiased;
 176 }
 177 
 178 section {
 179   padding: 15px 20px;
 180   font-size: 15px;
 181   border-top: 1px solid #fff;
 182   background: -webkit-gradient(linear, 50% 0%, 50% 700, color-stop(0%, #fafafa), color-stop(100%, #dedede));
 183   background: -webkit-linear-gradient(#fafafa, #dedede 700px);
 184   background: -moz-linear-gradient(#fafafa, #dedede 700px);
 185   background: -o-linear-gradient(#fafafa, #dedede 700px);
 186   background: -ms-linear-gradient(#fafafa, #dedede 700px);
 187   background: linear-gradient(#fafafa, #dedede 700px);
 188   -webkit-border-radius: 0 0 8px 8px;
 189   -moz-border-radius: 0 0 8px 8px;
 190   -ms-border-radius: 0 0 8px 8px;
 191   -o-border-radius: 0 0 8px 8px;
 192   border-radius: 0 0 8px 8px;
 193   position: relative;
 194 }
 195 
 196 h1, h2, h3, h4, h5, h6 {
 197   color: #222;
 198   padding: 0;
 199   margin: 0 0 20px;
 200   line-height: 1.2;
 201 }
 202 
 203 p, ul, ol, table, pre, dl {
 204   margin: 0 0 20px;
 205 }
 206 
 207 h1, h2, h3 {
 208   line-height: 1.1;
 209 }
 210 
 211 h1 {
 212   font-size: 28px;
 213 }
 214 
 215 h2 {
 216   color: #393939;
 217 }
 218 
 219 h3, h4, h5, h6 {
 220   color: #494949;
 221 }
 222 
 223 blockquote {
 224   margin: 0 -20px 20px;
 225   padding: 15px 20px 1px 40px;
 226   font-style: italic;
 227   background: #ccc;
 228   background: rgba(0, 0, 0, 0.06);
 229   color: #222;
 230 }
 231 
 232 img {
 233   max-width: 100%;
 234 }
 235 
 236 code, pre {
 237   font-family: Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal;
 238   color: #333;
 239   font-size: 12px;
 240   overflow-x: auto;
 241 }
 242 
 243 pre {
 244   padding: 20px;
 245   background: #3A3C42;
 246   color: #f8f8f2;
 247   margin: 0 -20px 20px;
 248 }
 249 pre code {
 250   color: #f8f8f2;
 251 }
 252 li pre {
 253   margin-left: -60px;
 254   padding-left: 60px;
 255 }
 256 
 257 table {
 258   width: 100%;
 259   border-collapse: collapse;
 260 }
 261 
 262 th, td {
 263   text-align: left;
 264   padding: 5px 10px;
 265   border-bottom: none;
 266   /*1px solid #aaa;*/
 267 }
 268   
 269 dt {
 270   color: #222;
 271   font-weight: 700;
 272 }
 273 
 274 th {
 275   color: #222;
 276 }
 277 
 278 small {
 279   font-size: 11px;
 280 }
 281 
 282 hr {
 283   border: 0;
 284   background: #aaa;
 285   height: 1px;
 286   margin: 0 0 20px;
 287 }
 288 
 289 footer {
 290   width: 640px;
 291   margin: 0 auto;
 292   padding: 20px 0 0;
 293   color: #ccc;
 294   overflow: hidden;
 295 }
 296 footer a {
 297   color: #fff;
 298   font-weight: bold;
 299 }
 300 footer p {
 301   float: left;
 302 }
 303 footer p + p {
 304   float: right;
 305 }
 306 
 307 @media print, screen and (max-width: 740px) {
 308   body {
 309     padding: 0;
 310   }
 311 
 312   .wrapper {
 313     -webkit-border-radius: 0;
 314     -moz-border-radius: 0;
 315     -ms-border-radius: 0;
 316     -o-border-radius: 0;
 317     border-radius: 0;
 318     -webkit-box-shadow: none;
 319     -moz-box-shadow: none;
 320     box-shadow: none;
 321     width: 100%;
 322   }
 323 
 324   footer {
 325     -webkit-border-radius: 0;
 326     -moz-border-radius: 0;
 327     -ms-border-radius: 0;
 328     -o-border-radius: 0;
 329     border-radius: 0;
 330     padding: 20px;
 331     width: auto;
 332   }
 333   footer p {
 334     float: none;
 335     margin: 0;
 336   }
 337   footer p + p {
 338     float: none;
 339   }
 340 }
 341 @media print, screen and (max-width:580px) {
 342   header ul {
 343     display: none;
 344   }
 345 
 346   header p.view {
 347     display: block;
 348   }
 349 
 350   header p {
 351     width: 100%;
 352   }
 353 }
 354 @media print {
 355   header p.view a small:before {
 356     content: 'at https://github.com/';
 357   }
 358 }

Attached Files

To refer to attachments on a page, use attachment:filename, as shown below in the list of files. Do NOT use the URL of the [get] link, since this is subject to change and can break easily.

You are not allowed to attach a file to this page.