Mercurial > kallithea

comparison rhodecode/public/css/style.css @ 611:edf8567be8ed

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
css cleanup, fixed rounded corners, removed obsolete images and css imports
author Marcin Kuzminski <marcin@python-works.com>
date Mon, 18 Oct 2010 15:19:51 +0200
parents ff449e9e6e38
children 956952fea94c
comparison
equal deleted inserted replaced
607:ff449e9e6e38 611:edf8567be8ed
137 float:left; 137 float:left;
138 margin:0 0 0 1px; 138 margin:0 0 0 1px;
139 padding:0; 139 padding:0;
140 } 140 }
141 141
142 div.color a.blue {
143 background:#376ea6;
144 }
145
146 div.color a.green {
147 background:#85924b;
148 }
149
150 div.color a.brown {
151 background:#9b6e42;
152 }
153
154 div.color a.purple {
155 background:#88528b;
156 }
157
158 div.color a.red {
159 background:#bd3220;
160 }
161
162 div.color a.greyblue {
163 background:#566e86;
164 }
165
166 div.options { 142 div.options {
167 clear:both; 143 clear:both;
168 overflow:hidden; 144 overflow:hidden;
169 position:absolute; 145 position:absolute;
170 background:#FFF; 146 background:#FFF;
177 display:block; 153 display:block;
178 text-decoration:none; 154 text-decoration:none;
179 margin:0; 155 margin:0;
180 padding:3px 8px; 156 padding:3px 8px;
181 } 157 }
158
159 .top-left-rounded-corner {
160 -webkit-border-top-left-radius: 8px;
161 -khtml-border-radius-topleft: 8px;
162 -moz-border-radius-topleft: 8px;
163 border-top-left-radius: 8px;
164 }
165
166 .top-right-rounded-corner {
167 -webkit-border-top-right-radius: 8px;
168 -khtml-border-radius-topright: 8px;
169 -moz-border-radius-topright: 8px;
170 border-top-right-radius: 8px;
171 }
172
173 .bottom-left-rounded-corner {
174 -webkit-border-bottom-left-radius: 8px;
175 -khtml-border-radius-bottomleft: 8px;
176 -moz-border-radius-bottomleft: 8px;
177 border-bottom-left-radius: 8px;
178 }
179
180 .bottom-right-rounded-corner {
181 -webkit-border-bottom-right-radius: 8px;
182 -khtml-border-radius-bottomright: 8px;
183 -moz-border-radius-bottomright: 8px;
184 border-bottom-right-radius: 8px;
185 }
186
182 187
183 #header { 188 #header {
184 margin:0; 189 margin:0;
185 padding:0 30px; 190 padding:0 30px;
186 } 191 }
373 font-weight:400; 378 font-weight:400;
374 margin:0; 379 margin:0;
375 padding:7px 9px; 380 padding:7px 9px;
376 } 381 }
377 382
378 #header #header-inner #quick li ul li a.childs {
379 width:167px;
380 background:#FFF url("../../resources/images/plus.png") no-repeat 8px 9px;
381 margin:0;
382 padding:7px 9px 7px 24px;
383 }
384
385 #header #header-inner #quick li ul li a:hover { 383 #header #header-inner #quick li ul li a:hover {
386 color:#000; 384 color:#000;
387 background:#FFF; 385 background:#FFF;
388 }
389
390 #header #header-inner #quick li ul li a.childs:hover {
391 background:#FFF url("../../resources/images/minus.png") no-repeat 8px 9px;
392 } 386 }
393 387
394 #header #header-inner #quick ul ul { 388 #header #header-inner #quick ul ul {
395 top:auto; 389 top:auto;
396 } 390 }
485 width:167px; 479 width:167px;
486 margin:0; 480 margin:0;
487 padding:12px 9px 7px 24px; 481 padding:12px 9px 7px 24px;
488 } 482 }
489 483
490 #header #header-inner div.corner {
491 height:6px;
492 width:6px;
493 position:absolute;
494 background:url("../../images/header_inner_corners.png") no-repeat;
495 }
496
497 #content #left { 484 #content #left {
498 left:0; 485 left:0;
499 width:280px; 486 width:280px;
500 position:absolute; 487 position:absolute;
501 }
502
503 #content #left #menu {
504 clear:both;
505 overflow:hidden;
506 margin:5px 10px 0 60px;
507 padding:0;
508 }
509
510 #content #left #menu h6 {
511 clear:both;
512 overflow:hidden;
513 background:#dfdfdf url("../images/menu.png") repeat-x;
514 color:#6e6e6e;
515 margin:5px 0 0;
516 padding:0;
517 }
518
519 #content #left #menu h6 a {
520 height:1%;
521 display:block;
522 clear:both;
523 overflow:hidden;
524 background:url("../images/menu_l.png") no-repeat top left;
525 color:#6e6e6e;
526 text-decoration:none;
527 margin:0;
528 padding:0;
529 }
530
531 #content #left #menu h6 span {
532 height:1%;
533 display:block;
534 background:url("../images/menu_r.png") no-repeat top right;
535 margin:0;
536 padding:9px 10px 10px;
537 }
538
539 #content #left #menu h6.selected {
540 color:#FFF;
541 background:#00376e url("../../images/menu_selected.png") repeat-x;
542 }
543
544 #content #left #menu h6.selected a {
545 color:#fff;
546 background:url("../../images/menu_l_selected.png") no-repeat top left;
547 }
548
549 #content #left #menu h6.selected span {
550 background:url("../../images/menu_r_selected.png") no-repeat top right;
551 }
552
553 #content #left #menu ul {
554 background:#376ea6;
555 margin:0;
556 padding:0;
557 }
558
559 #content #left #menu li {
560 clear:both;
561 overflow:hidden;
562 list-style:none;
563 color:#fff;
564 border-top:1px solid #4377ab;
565 border-bottom:1px solid #326395;
566 margin:0;
567 padding:0;
568 }
569
570 #content #left #menu li a {
571 height:1%;
572 display:block;
573 float:left;
574 color:#fff;
575 text-decoration:none;
576 background:url("../../images/menu_arrow.png") no-repeat 0 9px;
577 margin:0 0 0 6px;
578 padding:8px 0 8px 18px;
579 }
580
581 #content #left #menu li a:hover {
582 color:#b9dcff;
583 }
584
585 #content #left #menu li.collapsible {
586 background:url("../../images/menu_border.png") no-repeat top left;
587 }
588
589 #content #left #menu li.collapsible a {
590 height:1%;
591 display:block;
592 background:transparent;
593 float:left;
594 font-weight:700;
595 margin:0 0 0 6px;
596 padding:8px 0;
597 }
598
599 #content #left #menu li.collapsible a.plus {
600 height:10px;
601 width:10px;
602 display:block;
603 float:left;
604 background:url("../images/menu_plus.png") no-repeat 5px 10px;
605 border:none;
606 margin:0;
607 padding:8px 0 9px 24px;
608 }
609
610 #content #left #menu li.collapsible a.minus {
611 height:10px;
612 width:10px;
613 display:block;
614 float:left;
615 background:url("../images/menu_minus.png") no-repeat 5px 10px;
616 border:none;
617 border-bottom:1px solid #326395;
618 margin:0;
619 padding:8px 0 9px 24px;
620 }
621
622 #content #left #menu li ul {
623 border-left:18px solid #326395;
624 margin:0;
625 padding:0;
626 }
627
628 #content #left #menu li ul li {
629 clear:both;
630 overflow:hidden;
631 list-style:none;
632 color:#fff;
633 background:url("../../images/menu_arrow.png") no-repeat 10px 9px;
634 border-top:1px solid #4377ab;
635 border-bottom:1px solid #326395;
636 margin:0;
637 padding:0;
638 }
639
640 #content #left #menu li.collapsible ul li a {
641 font-weight:400;
642 }
643
644 #content #left #menu li.last {
645 border-bottom:none;
646 }
647
648 #content #left #date-picker {
649 clear:both;
650 overflow:hidden;
651 margin:10px 10px 0 60px;
652 padding:0;
653 }
654
655 #content #left #date-picker .ui-datepicker {
656 width:auto;
657 clear:both;
658 overflow:hidden;
659 background:#FFF;
660 border:1px solid #d1d1d1;
661 padding:0;
662 }
663
664 #content #left #date-picker .ui-datepicker .ui-datepicker-header {
665 padding:5px 0;
666 } 488 }
667 489
668 #content #right { 490 #content #right {
669 margin:0 60px 10px 290px; 491 margin:0 60px 10px 290px;
670 } 492 }
1033 color:#000; 855 color:#000;
1034 margin:0; 856 margin:0;
1035 padding:4px 8px; 857 padding:4px 8px;
1036 } 858 }
1037 859
1038 #content div.box div.form div.fields div.field div.input img.ui-datepicker-trigger {
1039 margin:0 0 0 6px;
1040 }
1041
1042 #content div.box div.form div.fields div.field div.input a.ui-input-file { 860 #content div.box div.form div.fields div.field div.input a.ui-input-file {
1043 width:28px; 861 width:28px;
1044 height:28px; 862 height:28px;
1045 display:inline; 863 display:inline;
1046 position:absolute; 864 position:absolute;
1049 background:#e5e3e3 url("../images/button_browse.png") no-repeat; 867 background:#e5e3e3 url("../images/button_browse.png") no-repeat;
1050 border:none; 868 border:none;
1051 text-decoration:none; 869 text-decoration:none;
1052 margin:0 0 0 6px; 870 margin:0 0 0 6px;
1053 padding:0; 871 padding:0;
1054 }
1055
1056 #content div.box div.form div.fields div.field div.input a:hover.ui-input-file {
1057 background:#e5e3e3 url("../images/button_browse_selected.png") no-repeat;
1058 } 872 }
1059 873
1060 #content div.box div.form div.fields div.field div.textarea { 874 #content div.box div.form div.fields div.field div.textarea {
1061 border-top:1px solid #b3b3b3; 875 border-top:1px solid #b3b3b3;
1062 border-left:1px solid #b3b3b3; 876 border-left:1px solid #b3b3b3;
1086 } 900 }
1087 901
1088 #content div.box-left div.form div.fields div.field div.textarea textarea,#content div.box-right div.form div.fields div.field div.textarea textarea { 902 #content div.box-left div.form div.fields div.field div.textarea textarea,#content div.box-right div.form div.fields div.field div.textarea textarea {
1089 width:100%; 903 width:100%;
1090 height:100px; 904 height:100px;
1091 }
1092
1093 #content div.box div.form div.fields div.field div.textarea textarea.error {
1094 background-color:#FBE3E4;
1095 background-image:url("../../../resources/images/icons/exclamation.png");
1096 background-repeat:no-repeat;
1097 background-position:3px 3px;
1098 border:1px solid #FBC2C4;
1099 padding:3px 10px 10px 23px;
1100 }
1101
1102 #content div.box div.form div.fields div.field div.textarea textarea.success {
1103 background-color:#E6EFC2;
1104 background-image:url("../../../resources/images/icons/accept.png");
1105 background-repeat:no-repeat;
1106 background-position:3px 3px;
1107 border:1px solid #C6D880;
1108 padding:3px 10px 10px 23px;
1109 } 905 }
1110 906
1111 #content div.box div.form div.fields div.field div.textarea table { 907 #content div.box div.form div.fields div.field div.textarea table {
1112 width:100%; 908 width:100%;
1113 border:none; 909 border:none;
1438 text-align:right; 1234 text-align:right;
1439 margin:0; 1235 margin:0;
1440 padding:0 30px; 1236 padding:0 30px;
1441 } 1237 }
1442 1238
1443 #footer p { 1239 #footer div#footer-inner {
1444 background:url("../images/header_inner.png") repeat-x scroll 0 0 #003367; 1240 background:url("../images/header_inner.png") repeat-x scroll 0 0 #003367;
1241 }
1242
1243 #footer div#footer-inner p {
1244 padding:15px 25px 15px 0;
1445 color:#FFF; 1245 color:#FFF;
1446 font-weight:700; 1246 font-weight:700;
1447 padding:15px 25px 15px 0;
1448 } 1247 }
1449 1248
1450 #login div.title { 1249 #login div.title {
1451 width:420px; 1250 width:420px;
1452 clear:both; 1251 clear:both;
1453 overflow:hidden; 1252 overflow:hidden;
1454 position:relative; 1253 position:relative;
1455 background:#003367 url("../../images/header_inner.png") repeat-x; 1254 background:#003367 url("../../images/header_inner.png") repeat-x;
1456 margin:0 auto; 1255 margin:0 auto;
1457 padding:0; 1256 padding:0;
1458 }
1459
1460 #login div.title div.corner {
1461 height:6px;
1462 width:6px;
1463 position:absolute;
1464 background:url("../../images/login_corners.png") no-repeat;
1465 } 1257 }
1466 1258
1467 #login div.inner { 1259 #login div.inner {
1468 width:380px; 1260 width:380px;
1469 background:#FFF url("../images/login.png") no-repeat top left; 1261 background:#FFF url("../images/login.png") no-repeat top left;
1519 background:#003367 url("../images/header_inner.png") repeat-x; 1311 background:#003367 url("../images/header_inner.png") repeat-x;
1520 margin:0 auto; 1312 margin:0 auto;
1521 padding:0; 1313 padding:0;
1522 } 1314 }
1523 1315
1524 #register div.title div.corner {
1525 height:6px;
1526 width:6px;
1527 position:absolute;
1528 background:url("../images/login_corners.png") no-repeat;
1529 }
1530
1531 #register div.inner { 1316 #register div.inner {
1532 width:380px; 1317 width:380px;
1533 background:#FFF; 1318 background:#FFF;
1534 border-top:none; 1319 border-top:none;
1535 border-bottom:none; 1320 border-bottom:none;
1586 margin:0 !important; 1371 margin:0 !important;
1587 padding:0 !important; 1372 padding:0 !important;
1588 } 1373 }
1589 1374
1590 .trending_language { 1375 .trending_language {
1591 -moz-border-radius-bottomright:4px; 1376 background-color:#003367;
1592 -moz-border-radius-topright:4px;
1593 border-bottom-right-radius:4px 4px;
1594 border-top-right-radius:4px 4px;
1595 background-color:#369;
1596 color:#FFF; 1377 color:#FFF;
1597 display:block; 1378 display:block;
1598 min-width:20px; 1379 min-width:20px;
1599 max-width:400px; 1380 max-width:400px;
1600 text-decoration:none; 1381 text-decoration:none;
1646 color:#556CB5; 1427 color:#556CB5;
1647 white-space:pre-wrap; 1428 white-space:pre-wrap;
1648 } 1429 }
1649 1430
1650 .cs_files .cs_added { 1431 .cs_files .cs_added {
1651 background:url("/images/icons/page_white_add.png") no-repeat scroll 3px; 1432 background:url("../images/icons/page_white_add.png") no-repeat scroll 3px;
1652 height:16px; 1433 height:16px;
1653 padding-left:20px; 1434 padding-left:20px;
1654 margin-top:7px; 1435 margin-top:7px;
1655 text-align:left; 1436 text-align:left;
1656 } 1437 }
1657 1438
1658 .cs_files .cs_changed { 1439 .cs_files .cs_changed {
1659 background:url("/images/icons/page_white_edit.png") no-repeat scroll 3px; 1440 background:url("../images/icons/page_white_edit.png") no-repeat scroll 3px;
1660 height:16px; 1441 height:16px;
1661 padding-left:20px; 1442 padding-left:20px;
1662 margin-top:7px; 1443 margin-top:7px;
1663 text-align:left; 1444 text-align:left;
1664 } 1445 }
1665 1446
1666 .cs_files .cs_removed { 1447 .cs_files .cs_removed {
1667 background:url("/images/icons/page_white_delete.png") no-repeat scroll 3px; 1448 background:url("../images/icons/page_white_delete.png") no-repeat scroll 3px;
1668 height:16px; 1449 height:16px;
1669 padding-left:20px; 1450 padding-left:20px;
1670 margin-top:7px; 1451 margin-top:7px;
1671 text-align:left; 1452 text-align:left;
1672 } 1453 }
1813 padding-left:10px; 1594 padding-left:10px;
1814 height:20px; 1595 height:20px;
1815 } 1596 }
1816 1597
1817 table.code-browser .browser-file { 1598 table.code-browser .browser-file {
1818 background:url("/images/icons/document_16.png") no-repeat scroll 3px; 1599 background:url("../images/icons/document_16.png") no-repeat scroll 3px;
1819 height:16px; 1600 height:16px;
1820 padding-left:20px; 1601 padding-left:20px;
1821 text-align:left; 1602 text-align:left;
1822 } 1603 }
1823 1604
1824 table.code-browser .browser-dir { 1605 table.code-browser .browser-dir {
1825 background:url("/images/icons/folder_16.png") no-repeat scroll 3px; 1606 background:url("../images/icons/folder_16.png") no-repeat scroll 3px;
1826 height:16px; 1607 height:16px;
1827 padding-left:20px; 1608 padding-left:20px;
1828 text-align:left; 1609 text-align:left;
1829 } 1610 }
1830 1611
1971 background:#556CB5; 1752 background:#556CB5;
1972 color:#FFF; 1753 color:#FFF;
1973 } 1754 }
1974 1755
1975 .add_icon { 1756 .add_icon {
1976 background:url("/images/icons/add.png") no-repeat scroll 3px; 1757 background:url("../images/icons/add.png") no-repeat scroll 3px;
1977 height:16px; 1758 height:16px;
1978 padding-left:20px; 1759 padding-left:20px;
1979 padding-top:1px; 1760 padding-top:1px;
1980 text-align:left; 1761 text-align:left;
1981 } 1762 }
1982 1763
1983 .edit_icon { 1764 .edit_icon {
1984 background:url("/images/icons/folder_edit.png") no-repeat scroll 3px; 1765 background:url("../images/icons/folder_edit.png") no-repeat scroll 3px;
1985 height:16px; 1766 height:16px;
1986 padding-left:20px; 1767 padding-left:20px;
1987 padding-top:1px; 1768 padding-top:1px;
1988 text-align:left; 1769 text-align:left;
1989 } 1770 }
1990 1771
1991 .delete_icon { 1772 .delete_icon {
1992 background:url("/images/icons/delete.png") no-repeat scroll 3px; 1773 background:url("../images/icons/delete.png") no-repeat scroll 3px;
1993 height:16px; 1774 height:16px;
1994 padding-left:20px; 1775 padding-left:20px;
1995 padding-top:1px; 1776 padding-top:1px;
1996 text-align:left; 1777 text-align:left;
1997 } 1778 }
1998 1779
1999 .rss_icon { 1780 .rss_icon {
2000 background:url("/images/icons/rss_16.png") no-repeat scroll 3px; 1781 background:url("../images/icons/rss_16.png") no-repeat scroll 3px;
2001 height:16px; 1782 height:16px;
2002 padding-left:20px; 1783 padding-left:20px;
2003 padding-top:1px; 1784 padding-top:1px;
2004 text-align:left; 1785 text-align:left;
2005 } 1786 }
2006 1787
2007 .atom_icon { 1788 .atom_icon {
2008 background:url("/images/icons/atom.png") no-repeat scroll 3px; 1789 background:url("../images/icons/atom.png") no-repeat scroll 3px;
2009 height:16px; 1790 height:16px;
2010 padding-left:20px; 1791 padding-left:20px;
2011 padding-top:1px; 1792 padding-top:1px;
2012 text-align:left; 1793 text-align:left;
2013 } 1794 }
2014 1795
2015 .archive_icon { 1796 .archive_icon {
2016 background:url("/images/icons/compress.png") no-repeat scroll 3px; 1797 background:url("../images/icons/compress.png") no-repeat scroll 3px;
2017 height:16px; 1798 height:16px;
2018 padding-left:20px; 1799 padding-left:20px;
2019 text-align:left; 1800 text-align:left;
2020 padding-top:1px; 1801 padding-top:1px;
2021 } 1802 }
2147 #header,#content,#footer { 1928 #header,#content,#footer {
2148 min-width:1224px; 1929 min-width:1224px;
2149 } 1930 }
2150 1931
2151 #content { 1932 #content {
2152 min-height:85%; 1933 min-height:100%;
2153 clear:both; 1934 clear:both;
2154 overflow:hidden; 1935 overflow:hidden;
2155 padding:14px 30px; 1936 padding:14px 30px;
2156 } 1937 }
2157 1938
2224 2005
2225 #header #header-inner #quick li:hover ul,#header #header-inner #quick li li:hover ul,#header #header-inner #quick li li li:hover ul,#header #header-inner #quick li li li li:hover ul,#content #left #menu ul.opened,#content #left #menu li ul.expanded { 2006 #header #header-inner #quick li:hover ul,#header #header-inner #quick li li:hover ul,#header #header-inner #quick li li li:hover ul,#header #header-inner #quick li li li li:hover ul,#content #left #menu ul.opened,#content #left #menu li ul.expanded {
2226 display:block; 2007 display:block;
2227 } 2008 }
2228 2009
2229 #header #header-inner div.tl,#login div.title div.tl,#register div.title div.tl {
2230 top:0;
2231 left:0;
2232 background-position:0 0;
2233 }
2234
2235 #header #header-inner div.tr,#login div.title div.tr,#register div.title div.tr {
2236 top:0;
2237 right:0;
2238 background-position:-6px 0;
2239 }
2240
2241 #content #left #date-picker .ui-datepicker .ui-datepicker-prev,#content #left #date-picker .ui-datepicker .ui-datepicker-prev-hover {
2242 top:5px;
2243 left:4px;
2244 }
2245
2246 #content #left #date-picker .ui-datepicker .ui-datepicker-next,#content #left #date-picker .ui-datepicker .ui-datepicker-next-hover {
2247 top:5px;
2248 right:4px;
2249 }
2250
2251 #content div.box div.title ul.links li a:hover,#content div.box div.title ul.links li.ui-tabs-selected a { 2010 #content div.box div.title ul.links li a:hover,#content div.box div.title ul.links li.ui-tabs-selected a {
2252 background:url("../../images/title_tab_selected.png") no-repeat bottom center; 2011 background:url("../../images/title_tab_selected.png") no-repeat bottom center;
2253 color:#bfe3ff; 2012 color:#bfe3ff;
2254 } 2013 }
2255 2014
2313 text-decoration:none; 2072 text-decoration:none;
2314 } 2073 }
2315 2074
2316 #content div.box div.form div.fields div.field div.select a.ui-selectmenu-focus,#content div.box div.action a.ui-selectmenu-focus { 2075 #content div.box div.form div.fields div.field div.select a.ui-selectmenu-focus,#content div.box div.action a.ui-selectmenu-focus {
2317 border:1px solid #666; 2076 border:1px solid #666;
2318 }
2319
2320 #content div.box div.form div.fields div.field div.select a.ui-selectmenu-focus span.ui-icon,#content div.box div.action a.ui-selectmenu-focus span.ui-icon {
2321 background-image:url(../images/ui/ui-icons_222222_256x240.png);
2322 } 2077 }
2323 2078
2324 #content div.box div.form div.fields div.field div.checkboxes div.checkbox,#content div.box div.form div.fields div.field div.radios div.radio { 2079 #content div.box div.form div.fields div.field div.checkboxes div.checkbox,#content div.box div.form div.fields div.field div.radios div.radio {
2325 clear:both; 2080 clear:both;
2326 overflow:hidden; 2081 overflow:hidden;