Mercurial > kallithea
comparison rhodecode/public/css/style.css @ 1470:ea41c494cc3f beta
beatify !
author | Marcin Kuzminski <marcin@python-works.com> |
---|---|
date | Wed, 14 Sep 2011 00:35:01 +0300 |
parents | d23dd50b5e29 |
children | f4725d9faf84 |
comparison
equal
deleted
inserted
replaced
1469:61006e29497e | 1470:ea41c494cc3f |
---|---|
248 #header #header-inner { | 248 #header #header-inner { |
249 height:40px; | 249 height:40px; |
250 clear:both; | 250 clear:both; |
251 position:relative; | 251 position:relative; |
252 background:#003367 url("../images/header_inner.png") repeat-x; | 252 background:#003367 url("../images/header_inner.png") repeat-x; |
253 border-bottom:2px solid #fff; | 253 margin:0; |
254 margin:0; | 254 padding:0; |
255 padding:0; | 255 box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6); |
256 -webkit-border-radius: 4px 4px 4px 4px; | |
257 -khtml-border-radius: 4px 4px 4px 4px; | |
258 -moz-border-radius: 4px 4px 4px 4px; | |
259 border-radius: 4px 4px 4px 4px; | |
256 } | 260 } |
257 | 261 |
258 #header #header-inner #home a { | 262 #header #header-inner #home a { |
259 height:40px; | 263 height:40px; |
260 width:46px; | 264 width:46px; |
288 #header #header-inner #quick,#header #header-inner #quick ul { | 292 #header #header-inner #quick,#header #header-inner #quick ul { |
289 position:relative; | 293 position:relative; |
290 float:right; | 294 float:right; |
291 list-style-type:none; | 295 list-style-type:none; |
292 list-style-position:outside; | 296 list-style-position:outside; |
293 margin:10px 5px 0 0; | 297 margin:6px 5px 0 0; |
294 padding:0; | 298 padding:0; |
295 } | 299 } |
296 | 300 |
297 #header #header-inner #quick li { | 301 #header #header-inner #quick li { |
298 position:relative; | 302 position:relative; |
309 clear:both; | 313 clear:both; |
310 overflow:hidden; | 314 overflow:hidden; |
311 color:#FFF; | 315 color:#FFF; |
312 font-weight:700; | 316 font-weight:700; |
313 text-decoration:none; | 317 text-decoration:none; |
314 background:#369 url("../images/quick_l.png") no-repeat top left; | 318 background:#369; |
315 padding:0; | 319 padding:0; |
320 -webkit-border-radius: 4px 4px 4px 4px; | |
321 -khtml-border-radius: 4px 4px 4px 4px; | |
322 -moz-border-radius: 4px 4px 4px 4px; | |
323 border-radius: 4px 4px 4px 4px; | |
316 } | 324 } |
317 | 325 |
318 #header #header-inner #quick li span.short { | 326 #header #header-inner #quick li span.short { |
319 padding:9px 6px 8px 6px; | 327 padding:9px 6px 8px 6px; |
320 } | 328 } |
323 top:0; | 331 top:0; |
324 right:0; | 332 right:0; |
325 height:1%; | 333 height:1%; |
326 display:block; | 334 display:block; |
327 float:left; | 335 float:left; |
328 background:url("../images/quick_r.png") no-repeat top right; | |
329 border-left:1px solid #3f6f9f; | 336 border-left:1px solid #3f6f9f; |
330 margin:0; | 337 margin:0; |
331 padding:10px 12px 8px 10px; | 338 padding:10px 12px 8px 10px; |
332 } | 339 } |
333 | 340 |
338 | 345 |
339 #header #header-inner #quick li span.icon { | 346 #header #header-inner #quick li span.icon { |
340 top:0; | 347 top:0; |
341 left:0; | 348 left:0; |
342 border-left:none; | 349 border-left:none; |
343 background:url("../images/quick_l.png") no-repeat top left; | |
344 border-right:1px solid #2e5c89; | 350 border-right:1px solid #2e5c89; |
345 padding:8px 8px 4px; | 351 padding:8px 8px 4px; |
346 } | 352 } |
347 | 353 |
348 #header #header-inner #quick li span.icon_short { | 354 #header #header-inner #quick li span.icon_short { |
353 border-right:1px solid #2e5c89; | 359 border-right:1px solid #2e5c89; |
354 padding:9px 4px 4px; | 360 padding:9px 4px 4px; |
355 } | 361 } |
356 | 362 |
357 #header #header-inner #quick li a:hover { | 363 #header #header-inner #quick li a:hover { |
358 background:#4e4e4e url("../images/quick_l_selected.png") no-repeat top left; | 364 background:#4e4e4e no-repeat top left; |
359 } | 365 } |
360 | 366 |
361 #header #header-inner #quick li a:hover span { | 367 #header #header-inner #quick li a:hover span { |
362 border-left:1px solid #545454; | 368 border-left:1px solid #545454; |
363 background:url("../images/quick_r_selected.png") no-repeat top right; | |
364 } | 369 } |
365 | 370 |
366 #header #header-inner #quick li a:hover span.icon,#header #header-inner #quick li a:hover span.icon_short { | 371 #header #header-inner #quick li a:hover span.icon,#header #header-inner #quick li a:hover span.icon_short { |
367 border-left:none; | 372 border-left:none; |
368 border-right:1px solid #464646; | 373 border-right:1px solid #464646; |
369 background:url("../images/quick_l_selected.png") no-repeat top left; | |
370 } | 374 } |
371 | 375 |
372 #header #header-inner #quick ul { | 376 #header #header-inner #quick ul { |
373 top:29px; | 377 top:29px; |
374 right:0; | 378 right:0; |
615 clear:both; | 619 clear:both; |
616 overflow:hidden; | 620 overflow:hidden; |
617 background:#fff; | 621 background:#fff; |
618 margin:0 0 10px; | 622 margin:0 0 10px; |
619 padding:0 0 10px; | 623 padding:0 0 10px; |
624 -webkit-border-radius: 4px 4px 4px 4px; | |
625 -khtml-border-radius: 4px 4px 4px 4px; | |
626 -moz-border-radius: 4px 4px 4px 4px; | |
627 border-radius: 4px 4px 4px 4px; | |
628 box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6); | |
629 | |
620 } | 630 } |
621 | 631 |
622 #content div.box-left { | 632 #content div.box-left { |
623 width:49%; | 633 width:49%; |
624 clear:none; | 634 clear:none; |
1081 #content div.box table { | 1091 #content div.box table { |
1082 width:100%; | 1092 width:100%; |
1083 border-collapse:collapse; | 1093 border-collapse:collapse; |
1084 margin:0; | 1094 margin:0; |
1085 padding:0; | 1095 padding:0; |
1096 border: 1px solid #eee; | |
1086 } | 1097 } |
1087 | 1098 |
1088 #content div.box table th { | 1099 #content div.box table th { |
1089 background:#eee; | 1100 background:#eee; |
1090 border-bottom:1px solid #ddd; | 1101 border-bottom:1px solid #ddd; |
1339 margin:-10px 0 0; | 1350 margin:-10px 0 0; |
1340 } | 1351 } |
1341 | 1352 |
1342 #footer div#footer-inner { | 1353 #footer div#footer-inner { |
1343 background:url("../images/header_inner.png") repeat-x scroll 0 0 #003367; | 1354 background:url("../images/header_inner.png") repeat-x scroll 0 0 #003367; |
1344 border-top:2px solid #FFFFFF; | 1355 box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6); |
1356 -webkit-border-radius: 4px 4px 4px 4px; | |
1357 -khtml-border-radius: 4px 4px 4px 4px; | |
1358 -moz-border-radius: 4px 4px 4px 4px; | |
1359 border-radius: 4px 4px 4px 4px; | |
1345 } | 1360 } |
1346 | 1361 |
1347 #footer div#footer-inner p { | 1362 #footer div#footer-inner p { |
1348 padding:15px 25px 15px 0; | 1363 padding:15px 25px 15px 0; |
1349 color:#FFF; | 1364 color:#FFF; |
1420 z-index: 999; | 1435 z-index: 999; |
1421 height: 150px; | 1436 height: 150px; |
1422 position: absolute; | 1437 position: absolute; |
1423 margin-left: -16px; | 1438 margin-left: -16px; |
1424 width: 281px; | 1439 width: 281px; |
1425 border-radius: 0 0 8px 8px; | 1440 -webkit-border-radius: 0px 0px 4px 4px; |
1441 -khtml-border-radius: 0px 0px 4px 4px; | |
1442 -moz-border-radius: 0px 0px 4px 4px; | |
1443 border-radius: 0px 0px 4px 4px; | |
1444 | |
1426 box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6); | 1445 box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6); |
1427 } | 1446 } |
1428 | 1447 |
1429 #quick_login .password_forgoten{ | 1448 #quick_login .password_forgoten{ |
1430 padding-right:10px; | 1449 padding-right:10px; |
1914 | 1933 |
1915 div.browserblock .search_activate #filter_activate{ | 1934 div.browserblock .search_activate #filter_activate{ |
1916 vertical-align: sub; | 1935 vertical-align: sub; |
1917 border: 1px solid; | 1936 border: 1px solid; |
1918 padding:2px; | 1937 padding:2px; |
1938 -webkit-border-radius: 4px 4px 4px 4px; | |
1939 -khtml-border-radius: 4px 4px 4px 4px; | |
1940 -moz-border-radius: 4px 4px 4px 4px; | |
1919 border-radius: 4px 4px 4px 4px; | 1941 border-radius: 4px 4px 4px 4px; |
1920 background: url("../images/button.png") repeat-x scroll 0 0 #E5E3E3; | 1942 background: url("../images/button.png") repeat-x scroll 0 0 #E5E3E3; |
1921 border-color: #DDDDDD #DDDDDD #C6C6C6 #C6C6C6; | 1943 border-color: #DDDDDD #DDDDDD #C6C6C6 #C6C6C6; |
1922 color: #515151; | 1944 color: #515151; |
1923 } | 1945 } |
2353 padding:2px 2px 0; | 2375 padding:2px 2px 0; |
2354 | 2376 |
2355 -webkit-border-radius: 6px; | 2377 -webkit-border-radius: 6px; |
2356 -khtml-border-radius: 6px; | 2378 -khtml-border-radius: 6px; |
2357 -moz-border-radius: 6px; | 2379 -moz-border-radius: 6px; |
2358 borderradius: 6px; | 2380 border-radius: 6px; |
2359 | 2381 |
2360 } | 2382 } |
2361 | 2383 |
2362 div.gravatar img { | 2384 div.gravatar img { |
2363 -webkit-border-radius: 4px; | 2385 -webkit-border-radius: 4px; |
2364 -khtml-border-radius: 4px; | 2386 -khtml-border-radius: 4px; |
2365 -moz-border-radius: 4px; | 2387 -moz-border-radius: 4px; |
2366 borderradius: 4px; | 2388 border-radius: 4px; |
2367 } | 2389 } |
2368 | 2390 |
2369 #header,#content,#footer { | 2391 #header,#content,#footer { |
2370 min-width:978px; | 2392 min-width:978px; |
2371 } | 2393 } |
2372 | 2394 |
2373 #content { | 2395 #content { |
2374 min-height:100%; | |
2375 clear:both; | 2396 clear:both; |
2376 overflow:hidden; | 2397 overflow:hidden; |
2377 padding:14px 10px; | 2398 padding:14px 10px; |
2378 } | 2399 } |
2379 | 2400 |
2400 border-right:1px solid #DDD; | 2421 border-right:1px solid #DDD; |
2401 border-bottom:1px solid #c6c6c6; | 2422 border-bottom:1px solid #c6c6c6; |
2402 color:#515151; | 2423 color:#515151; |
2403 outline:none; | 2424 outline:none; |
2404 margin:0; | 2425 margin:0; |
2426 -webkit-border-radius: 4px 4px 4px 4px; | |
2427 -khtml-border-radius: 4px 4px 4px 4px; | |
2428 -moz-border-radius: 4px 4px 4px 4px; | |
2429 border-radius: 4px 4px 4px 4px; | |
2430 box-shadow: 0 1px 0 #ececec; | |
2431 cursor: pointer; | |
2432 } | |
2433 #content div.box input.ui-button-small:hover { | |
2434 background:#b4b4b4 url("../images/button_selected.png") repeat-x; | |
2435 border-top:1px solid #ccc; | |
2436 border-left:1px solid #bebebe; | |
2437 border-right:1px solid #b1b1b1; | |
2438 border-bottom:1px solid #afafaf; | |
2405 } | 2439 } |
2406 | 2440 |
2407 #content div.box input.ui-button-small-blue { | 2441 #content div.box input.ui-button-small-blue { |
2408 background:#4e85bb url("../images/button_highlight.png") repeat-x; | 2442 background:#4e85bb url("../images/button_highlight.png") repeat-x; |
2409 border-top:1px solid #5c91a4; | 2443 border-top:1px solid #5c91a4; |
2410 border-left:1px solid #2a6f89; | 2444 border-left:1px solid #2a6f89; |
2411 border-right:1px solid #2b7089; | 2445 border-right:1px solid #2b7089; |
2412 border-bottom:1px solid #1a6480; | 2446 border-bottom:1px solid #1a6480; |
2413 color:#fff; | 2447 color:#fff; |
2448 -webkit-border-radius: 4px 4px 4px 4px; | |
2449 -khtml-border-radius: 4px 4px 4px 4px; | |
2450 -moz-border-radius: 4px 4px 4px 4px; | |
2451 border-radius: 4px 4px 4px 4px; | |
2452 box-shadow: 0 1px 0 #ececec; | |
2453 cursor: pointer; | |
2454 } | |
2455 | |
2456 #content div.box input.ui-button-small-blue:hover { | |
2457 | |
2414 } | 2458 } |
2415 | 2459 |
2416 #content div.box input.ui-button-small submit,button{ | 2460 #content div.box input.ui-button-small submit,button{ |
2417 cursor: pointer; | 2461 cursor: pointer; |
2418 } | 2462 } |
2581 border-bottom:1px solid #c6c6c6; | 2625 border-bottom:1px solid #c6c6c6; |
2582 color:#515151; | 2626 color:#515151; |
2583 outline:none; | 2627 outline:none; |
2584 margin:0; | 2628 margin:0; |
2585 padding:6px 12px; | 2629 padding:6px 12px; |
2630 -webkit-border-radius: 4px 4px 4px 4px; | |
2631 -khtml-border-radius: 4px 4px 4px 4px; | |
2632 -moz-border-radius: 4px 4px 4px 4px; | |
2633 border-radius: 4px 4px 4px 4px; | |
2634 box-shadow: 0 1px 0 #ececec; | |
2635 cursor: pointer; | |
2636 } | |
2637 | |
2638 div.form div.fields div.field div.button .ui-button,#content div.box div.form div.fields div.buttons input.ui-button:hover { | |
2639 background:#b4b4b4 url("../images/button_selected.png") repeat-x; | |
2640 border-top:1px solid #ccc; | |
2641 border-left:1px solid #bebebe; | |
2642 border-right:1px solid #b1b1b1; | |
2643 border-bottom:1px solid #afafaf; | |
2586 } | 2644 } |
2587 | 2645 |
2588 div.form div.fields div.field div.button .ui-state-hover,#content div.box div.form div.fields div.buttons input.ui-state-hover { | 2646 div.form div.fields div.field div.button .ui-state-hover,#content div.box div.form div.fields div.buttons input.ui-state-hover { |
2589 background:#b4b4b4 url("../images/button_selected.png") repeat-x; | 2647 background:#b4b4b4 url("../images/button_selected.png") repeat-x; |
2590 border-top:1px solid #ccc; | 2648 border-top:1px solid #ccc; |
2591 border-left:1px solid #bebebe; | 2649 border-left:1px solid #bebebe; |
2592 border-right:1px solid #b1b1b1; | 2650 border-right:1px solid #b1b1b1; |
2593 border-bottom:1px solid #afafaf; | 2651 border-bottom:1px solid #afafaf; |
2594 color:#515151; | |
2595 outline:none; | |
2596 margin:0; | |
2597 padding:6px 12px; | |
2598 } | 2652 } |
2599 | 2653 |
2600 div.form div.fields div.field div.highlight,#content div.box div.form div.fields div.buttons div.highlight { | 2654 div.form div.fields div.field div.highlight,#content div.box div.form div.fields div.buttons div.highlight { |
2601 display:inline; | 2655 display:inline; |
2602 } | 2656 } |