]> git.r.bdr.sh - rbdr/grita/blob - views/style.css
dc9cd78edd9644815e35c1c8e65c4ddcf355dd3e
[rbdr/grita] / views / style.css
1 * {
2 margin: 0;
3 padding: 0;
4 }
5 img { border: 0; }
6 body {
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 }
112 hr {
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; }