git.r.bdr.sh - rbdr/grita/blob - views/style.less

   1 @text_color: #666;
   2 @background_color: #fff;
   3 @emphasis_color: #222;
   4 @light_color: #999;
   5 @lighter_color: #ccc;
   6 @border_color: #eee;
   7 @error_color: #ffebe8;
   8 @success_color: #f0fff0;
   9
  10 @font_stack: "Helvetica Neue", Helvetica, Arial, sans-serif;
  11
  12 *{
  13         margin: 0;
  14         padding: 0;
  15 }
  16
  17 img{
  18         border: 0;
  19 }
  20
  21 body{
  22         color: @text_color;
  23         background-color: @background_color;
  24         text-align: center;
  25         font-size: .625em;
  26         font-family: @font_stack;
  27 }
  28
  29 #wrapper{
  30         margin: 0 auto;
  31         width: 960px;
  32         text-align: left;
  33 }
  34
  35 #header #logo{
  36         background-image: url(/images/logo.png);
  37         background-repeat: no-repeat;
  38         width: 460px;
  39         height: 212px;
  40         display: block;
  41         margin: 10px 250px;
  42 }
  43
  44 #header #logo span{
  45         display: none;
  46 }
  47
  48 #header #description p{
  49         font-size: 1.4em;
  50         line-height: 1.8em;
  51         margin: 10px 170px;
  52         width: 620px;
  53         color: @light_color;
  54 }
  55
  56 #body h1{
  57         margin: 20px 90px;
  58         font-size: 2.4em;
  59         color: @emphasis_color;
  60 }
  61
  62 #body h2{
  63         margin: 20px 90px;
  64         font-size: 1.8em;
  65         color: @emphasis_color;
  66 }
  67
  68 #body h3{
  69         margin: 20px 90px;
  70         font-size: 1.6em;
  71         color: @emphasis_color;
  72 }
  73
  74 #body p{
  75         margin: 20px 90px;
  76         font-size: 1.6em;
  77         line-height: 2.4em;
  78         text-indent: 3em;
  79         text-align: justify;
  80 }
  81
  82 #body ul, #body ol{
  83         margin: 20px 90px;
  84         font-size: 1.4em;
  85         line-height: 1.8em;
  86 }
  87
  88 #body ul li p, #body ol li p{
  89         font-size: 1em;
  90         margin: 0;
  91         line-height: 1em;
  92         text-indent: 0;
  93 }
  94
  95 #body ul li, #body ol li{
  96         margin-left: 80px;
  97 }
  98
  99 #body blockquote{
 100         margin: 20px 170px;
 101         text-align: justify;
 102         border-left: 2px solid @border_color;
 103         padding-left: 5px;
 104 }
 105
 106 #body blockquote blockquote{
 107         margin: 10px;
 108 }
 109
 110 #body pre{
 111         margin: 20px 170px;
 112         border: 1px solid @lighter_color;
 113         background-color: @border_color;
 114         padding: 10px;
 115 }
 116
 117 #body pre code{
 118         font-size: 1.6em;
 119         line-height: 1.8em;
 120 }
 121
 122 #body blockquote p{
 123         margin: 5px 0;
 124         text-indent: 0;
 125         font-size: 1.4em;
 126         line-height: 1.8em;
 127 }
 128
 129 hr{
 130         margin: 10px;
 131         border: 0;
 132         border-bottom: 1px solid @border_color;
 133 }
 134
 135 #body #qrcode{
 136         display: block;
 137         margin: 10px 90px;
 138 }
 139
 140 #body input.title, #body input.url{
 141         border: 1px solid @lighter_color;
 142         font-size: 1.6em;
 143         padding: 5px;
 144         margin: 0 90px;
 145         width: 770px;
 146 }
 147
 148 #body textarea.text{
 149         border: 1px solid @lighter_color;
 150         font-size: 1.6em;
 151         padding: 5px;
 152         margin: 0 90px;
 153         resize: vertical;
 154 }
 155
 156 #body input.submit{
 157         width: 150px;
 158         font-size: 4.8em;
 159         margin: 10px 410px;
 160         padding: 20px;
 161 }
 162
 163 #body #errors{
 164         -moz-border-radius: 5px;
 165         border-radius: 5px;
 166         -webkit-border-radius: 5px;
 167         padding: 10px;
 168         font-size: 1.4em;
 169         margin: 0 90px;
 170         width: 760px;
 171         background-color: @error_color;
 172 }
 173
 174 #body #success{
 175         -moz-border-radius: 5px;
 176         border-radius: 5px;
 177         -webkit-border-radius: 5px;
 178         padding: 10px;
 179         font-size: 1.4em;
 180         margin: 0 90px;
 181         width: 760px;
 182         background-color: @success_color;
 183 }