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 #logomini{
  45         background-image: url(/images/logomini.png);
  46         background-repeat: no-repeat;
  47         width: 140px;
  48         height: 65px;
  49         display: block;
  50         margin: 10px 380px;
  51 }
  52
  53 #header #logo span, #header #logomini span{
  54         display: none;
  55 }
  56
  57 #header #description p{
  58         font-size: 1.4em;
  59         line-height: 1.8em;
  60         margin: 10px 170px;
  61         width: 620px;
  62         color: @light_color;
  63 }
  64
  65 #body h1{
  66         margin: 20px 90px;
  67         font-size: 2.4em;
  68         color: @emphasis_color;
  69 }
  70
  71 #body h2{
  72         margin: 20px 90px;
  73         font-size: 1.8em;
  74         color: @emphasis_color;
  75 }
  76
  77 #body h3{
  78         margin: 20px 90px;
  79         font-size: 1.6em;
  80         color: @emphasis_color;
  81 }
  82
  83 #body p{
  84         margin: 20px 90px;
  85         font-size: 1.6em;
  86         line-height: 2.4em;
  87         text-indent: 3em;
  88         text-align: justify;
  89 }
  90
  91 #body ul, #body ol{
  92         margin: 20px 90px;
  93         font-size: 1.4em;
  94         line-height: 1.8em;
  95 }
  96
  97 #body ul li p, #body ol li p{
  98         font-size: 1em;
  99         margin: 0;
 100         line-height: 1em;
 101         text-indent: 0;
 102 }
 103
 104 #body ul li, #body ol li{
 105         margin-left: 80px;
 106 }
 107
 108 #body blockquote{
 109         margin: 20px 170px;
 110         text-align: justify;
 111         border-left: 2px solid @border_color;
 112         padding-left: 5px;
 113 }
 114
 115 #body blockquote blockquote{
 116         margin: 10px;
 117 }
 118
 119 #body pre{
 120         margin: 20px 170px;
 121         border: 1px solid @lighter_color;
 122         background-color: @border_color;
 123         padding: 10px;
 124 }
 125
 126 #body pre code{
 127         font-size: 1.6em;
 128         line-height: 1.8em;
 129 }
 130
 131 #body blockquote p{
 132         margin: 5px 0;
 133         text-indent: 0;
 134         font-size: 1.4em;
 135         line-height: 1.8em;
 136 }
 137
 138 hr{
 139         margin: 10px;
 140         border: 0;
 141         border-bottom: 1px solid @border_color;
 142 }
 143
 144 #body #qrcode{
 145         display: block;
 146         margin: 10px 90px;
 147 }
 148
 149 #body input.title, #body input.url{
 150         border: 1px solid @lighter_color;
 151         font-size: 1.6em;
 152         padding: 5px;
 153         margin: 0 90px;
 154         width: 770px;
 155 }
 156
 157 #body textarea.text{
 158         border: 1px solid @lighter_color;
 159         font-size: 1.6em;
 160         padding: 5px;
 161         margin: 0 90px;
 162         resize: vertical;
 163 }
 164
 165 #body input.submit{
 166         width: 150px;
 167         font-size: 4.8em;
 168         margin: 10px 410px;
 169         padding: 20px;
 170 }
 171
 172 #body #errors{
 173         -moz-border-radius: 5px;
 174         border-radius: 5px;
 175         -webkit-border-radius: 5px;
 176         padding: 10px;
 177         font-size: 1.4em;
 178         margin: 0 90px;
 179         width: 760px;
 180         background-color: @error_color;
 181 }
 182
 183 #body #success{
 184         -moz-border-radius: 5px;
 185         border-radius: 5px;
 186         -webkit-border-radius: 5px;
 187         padding: 10px;
 188         font-size: 1.4em;
 189         margin: 0 90px;
 190         width: 760px;
 191         background-color: @success_color;
 192 }