PageRenderTime 143ms CodeModel.GetById 40ms app.highlight 68ms RepoModel.GetById 33ms app.codeStats 0ms

/src/static/css/base.css

http://appengine-framework.googlecode.com/
CSS | 283 lines | 259 code | 12 blank | 12 comment | 0 complexity | 0083b3986b8135062e1bff8342c53823 MD5 | raw file
  1/**
  2 * Global settings.
  3 */
  4body {
  5  font-family: Verdana, Helvetica, sans-serif;
  6  font-size: 12px;
  7  margin: 0;
  8  padding: 0;
  9  background-color: #F8F8F8;
 10}
 11a {
 12  color: #800000;
 13  text-decoration: none;
 14}
 15a:HOVER {
 16  color: #ff0000;
 17}
 18a.selected {
 19  background-color: #C9D7F1;
 20  color: black;
 21  padding: 0 5px;
 22  text-decoration: none;
 23}
 24a.selected:HOVER {
 25  background-color: transparent;
 26}
 27/* HEADERS */
 28h1, h2, h3, h4, h5, h6 {
 29  margin-top: 0;
 30  margin-bottom: 10px;
 31  color: #555;
 32  font-weight: normal;
 33}
 34h1 {
 35  font-size: 22px;
 36}
 37h2 {
 38  font-size: 20px;
 39}
 40h3 {
 41  font-size: 18px;
 42}
 43h4 {
 44  font-size: 16px;
 45}
 46h5 {
 47  font-size: 15px;
 48}
 49h6 {
 50  font-size: 14px;
 51}
 52img {
 53  border: none;
 54}
 55p {
 56  margin-top: 0;
 57}
 58code {
 59  background-color: #eee;
 60  padding: 2px 5px;
 61}
 62.border {
 63  border: solid 1px #E9F1F7;
 64  padding: 2px;
 65}
 66.center {
 67  text-align: center;
 68}
 69.hidden {
 70  visibility: hidden;
 71}
 72.hide {
 73  display: none;
 74}
 75.clear {
 76  clear: both;
 77}
 78.last {
 79  float: none;
 80  margin-bottom: 0;
 81}
 82form {
 83  margin: 0;
 84  padding: 0;
 85}
 86form input[type=text],
 87form input[type=password],
 88form textarea {
 89  border: solid 1px #ddd;
 90  color: #888;
 91  font-weight: bold;
 92  padding: 0 3px;
 93  margin: 0;
 94}
 95/* FIELD ERRORS */
 96form ul.errorlist {
 97  list-style: none;
 98  margin: 5px 0;
 99  padding: 5px;
100  background-color: #ffd5d5;
101  font-size: 90%;
102}
103/* FORM BUTTONS */
104button,
105input[type=button],
106input[type=submit],
107input[type=reset],
108a.button {
109  background-color: #ddd;
110  color: inherit;
111  border: solid 1px #ccc;
112  padding: 2px 5px;
113  cursor: pointer;
114  white-space: nowrap;
115  margin: 0;
116}
117
118button.mini,
119input[type=button].mini,
120input[type=submit].mini,
121input[type=reset].mini,
122a.button.mini {
123  font-size: 80%;
124  padding: 0px 2px;
125}
126button:HOVER,
127input[type=button]:HOVER,
128input[type=submit]:HOVER,
129input[type=reset]:HOVER,
130a.button:HOVER {
131  background-color: #eee;
132}
133a.button.confirm:HOVER {
134  color: red;
135}
136table th {
137  text-align: left;
138  font-weight: normal;
139  font-size: 90%;
140}
141
142
143/* Page */
144#page {
145  width: 950px;
146  border: solid 10px #ddd;
147  background-color: white;
148  margin: 30px auto 10px auto;
149}
150
151/* Page header */
152#page .header {
153  background-color: #e6e6e6;
154  padding: 5px 10px;
155}
156#page .header>.subheader {
157  background-color: #ccc;
158  margin: 5px -10px;
159  padding: 5px 10px;
160}
161#page .header>.subheader>form {
162  margin: 0;
163  margin-right: 20px;
164  padding: 0;
165  border-width: 0;
166  background-color: inherit;
167  display: inline;
168}
169#page .header>.subheader>* {
170  vertical-align: middle;
171}
172#page .header>.subheader>.login {
173  float: right;
174  margin: 3px;
175}
176#page .header>.subheader>form>input.search {
177  width: 155px;
178  height: 20px;
179  border: solid 1px #888;
180  color: #888;
181  font-weight: bold;
182  padding: 0 3px;
183}
184#page .header .logo {
185  width: 150px;
186  padding-right: 20px;
187}
188#page .header .description {
189  width: 245px;
190  height: 0px;
191  overflow: visible;
192  position: relative;
193  top: -50px;
194  left: 180px;
195  font-size: 14px;
196}
197#page .header>table {
198  width: 100%;
199  border-spacing: 0;
200}
201
202
203/* Page content*/
204#page>.content {
205  padding: 5px 10px;
206  margin-right: 220px;
207}
208
209
210/* Page sidebar */
211#page>.sidebar {
212  float: right;
213  width: 210px;
214  margin: 10px 0 0 0;
215  padding: 0;
216  border-left: solid 5px white;
217  border-bottom: solid 5px white;
218}
219#page>.sidebar>div {
220  padding: 5px;
221  padding-right: 15px;
222  background-color: #f2f2f2;
223  border: solid 3px #eee;
224  border-right-width: 0;
225  margin-bottom: 10px;
226}
227#page>.sidebar>div>h3 {
228  padding: 0 5px;
229  margin: -5px -15px 5px -5px;
230  border-bottom: dotted 2px #ddd;
231}
232#page>.sidebar>div>h3>a {
233  color: black;
234}
235
236
237/* Page footer */
238#footer {
239  width: 950px;
240  margin: auto;
241  clear: both;
242  height: 40px;
243}
244#footer>A {
245  margin-left: 2px;
246  padding: 2px 3px;
247}
248#footer>A:HOVER {
249  background-color: white;
250}
251#footer img {
252  vertical-align: middle;
253}
254#footer>.logo {
255  float: right;
256}
257
258
259/* Pagination */
260.pages {
261  text-align: center;
262}
263.pages>a {
264  border: solid 1px #eee;
265  margin: 2px;
266  padding: 1px 3px;
267}
268.pages>a.current:HOVER,
269.pages>a:HOVER {
270  border: solid 1px #ddd;
271}
272.pages>a.current {
273  font-weight: bolder;
274  color: inherit;
275}
276.pages>a.first {
277}
278.pages>a.last {
279}
280.pages>a.back {
281}
282.pages>a.next {
283}