/dev/css/cla.css

  1@font-face
  2{
  3    font-family: "LeagueGothic";
  4    src: url('../fonts/league_gothic/League_Gothic-webfont.ttf'),
  5        url('../fonts/league_gothic/League_Gothic-webfont.svg'),
  6        url('../fonts/league_gothic/League_Gothic-webfont.woff'),
  7        url('../fonts/league_gothic/League_Gothic-webfont.eot');
  8        /*  "League Gothic" Copyright (c) 2010, Caroline Hadilaksono & Micha Rich */
  9        /*  http://theleagueofmoveabletype.com */
 10}
 11@font-face
 12{
 13    font-family: "Source";
 14    src: url('../fonts/sourcesans/sourcesans-regular-webfont.ttf'),
 15        url('../fonts/sourcesans/sourcesans-regular-webfont.svg'),
 16        url('../fonts/sourcesans/sourcesans-regular-webfont.woff'),
 17        url('../fonts/sourcesans/sourcesans-regualr-webfont.eot');
 18        /*  "Source Sans" Copyright (c) 2012, Adobe Systems Inc */
 19        /*  http://sourceforge.net/projects/sourcesans.adobe/ */
 20}
 21@font-face
 22{
 23    font-family: "Source Semibold";
 24    src: url('../fonts/sourcesans/sourcesans-semibold-webfont.ttf'),
 25        url('../fonts/sourcesans/sourcesans-semibold-webfont.svg'),
 26        url('../fonts/sourcesans/sourcesans-semibold-webfont.woff'),
 27        url('../fonts/sourcesans/sourcesans-semibold-webfont.eot');
 28        /*  "Source Sans Semibold" Copyright (c) 2012, Adobe Systems Inc */
 29        /*  http://sourceforge.net/projects/sourcesans.adobe/ */
 30}
 31
 32html
 33{
 34    background: #eee;
 35}
 36
 37
 38body
 39{
 40    margin: 0 auto;
 41    padding: 2em;
 42    max-width:800px;
 43    -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.4);
 44    -moz-box-shadow: 0 0 12px rgba(0,0,0,0.4);
 45    box-shadow: 0 0 12px rgba(0,0,0,0.4);
 46}
 47
 48p
 49{
 50    margin: 1.2em 0;
 51}
 52
 53
 54p, li
 55{
 56    font-family: "Source", Verdana;
 57    font-size: 1.1em;
 58    line-height: 1.6em;
 59}
 60
 61.well
 62{
 63    font-family: "Source Semibold", Verdana;
 64    font-size: 1.3em;
 65    padding: 2em;
 66}
 67
 68h1
 69{
 70    font-family: "LeagueGothic", Verdana;
 71    font-size: 5em;
 72    line-height: 1.1em
 73}
 74
 75.icon-white {
 76background-image: url("../img/glyphicons-halflings-white.png");
 77}
 78
 79@media only screen
 80and (max-width: 320px)
 81{
 82    h1
 83    {
 84        font-size: 2em;
 85    }
 86    
 87    .well
 88    {
 89        font-size: 1em;
 90        padding: 1em;
 91    }
 92    body
 93    {
 94        margin: 0;
 95    }
 96}
 97
 98@media only screen
 99and (min-width: 320px) and (max-width: 600px)
100{
101    h1
102    {
103        font-size: 3em;
104    }
105    
106    body
107    {
108        margin: 0;
109    }
110    
111    .well
112    {
113        font-size: 1em;
114        padding: 1em;
115    }
116}
117