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 body{
  17         color: @text_color;
  18         background-color: @background_color;
  19         text-align: center;
  20         font-size: .625em;
  21         font-family: @font_stack;
  22 }
  23
  24 #wrapper{
  25         margin: 0 auto;
  26         width: 960px;
  27         text-align: left;
  28 }
  29
  30 #header #logo{
  31         background-image: url(/images/logo.png);
  32         background-repeat: no-repeat;
  33         width: 460px;
  34         height: 212px;
  35         display: block;
  36         margin: 10px 250px;
  37 }
  38
  39 #header #logo span{
  40         display: none;
  41 }
  42
  43 #header #description p{
  44         font-size: 1.4em;
  45         line-height: 1.8em;
  46         margin: 10px 170px;
  47         width: 620px;
  48         color: @light_color;
  49 }
  50
  51 #body h1{
  52         margin: 20px 90px;
  53         font-size: 2.4em;
  54         color: @emphasis_color;
  55 }
  56
  57 #body p{
  58         margin: 20px 90px;
  59         font-size: 1.6em;
  60         line-height: 2.4em;
  61         text-indent: 3em;
  62         text-align: justify;
  63 }
  64
  65 hr{
  66         margin: 10px;
  67         border: 0;
  68         border-bottom: 1px solid @border_color;
  69 }
  70
  71 #body #qrcode{
  72         display: block;
  73         margin: 10px 250px;
  74 }
  75
  76 #body input.title{
  77         border: 1px solid @border_color;
  78         font-size: 1.6em;
  79         padding: 5px;
  80         margin: 0 90px;
  81         width: 770px;
  82 }
  83
  84 #body textarea.text{
  85         border: 1px solid @border_color;
  86         font-size: 1.6em;
  87         padding: 5px;
  88         margin: 0 90px;
  89         resize: vertical;
  90 }
  91
  92 #body input.submit{
  93         width: 150px;
  94         font-size: 4.8em;
  95         margin: 10px 410px;
  96         padding: 20px;
  97 }
  98
  99 #body #errors{
 100         -moz-border-radius: 5px;
 101         border-radius: 5px;
 102         -webkit-border-radius: 5px;
 103         padding: 10px;
 104         font-size: 1.4em;
 105         margin: 0 90px;
 106         width: 760px;
 107         background-color: @error_color;
 108 }
 109
 110 #body #success{
 111         -moz-border-radius: 5px;
 112         border-radius: 5px;
 113         -webkit-border-radius: 5px;
 114         padding: 10px;
 115         font-size: 1.4em;
 116         margin: 0 90px;
 117         width: 760px;
 118         background-color: @success_color;
 119 }