]> git.r.bdr.sh - rbdr/grita/blame_incremental - views/style.less
Muchas cosas.
[rbdr/grita] / views / style.less
... / ...
CommitLineData
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
16body{
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
65hr{
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}