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