Mercurial > kallithea

comparison rhodecode/public/css/style.css @ 1470:ea41c494cc3f beta

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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 }