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