Mercurial > kallithea
changeset 577:70b2cea78c91
some templates fixes, merged css.
| author | Marcin Kuzminski <marcin@python-works.com> |
|---|---|
| date | Sun, 10 Oct 2010 23:15:24 +0200 |
| parents | 5c734b99c4db |
| children | bafd00ab077d |
| files | rhodecode/public/css/colors/blue.css rhodecode/public/css/reset.css rhodecode/public/css/style.css rhodecode/public/images/button_browse.png rhodecode/public/images/button_browse_selected.png rhodecode/public/images/button_highlight.png rhodecode/public/images/button_highlight_selected.png rhodecode/public/images/button_home.png rhodecode/public/images/colors/blue/button_highlight.png rhodecode/public/images/colors/blue/button_highlight_selected.png rhodecode/public/images/colors/blue/button_home.png rhodecode/public/images/colors/blue/header_inner.png rhodecode/public/images/colors/blue/header_inner_corners.png rhodecode/public/images/colors/blue/login_corners.png rhodecode/public/images/colors/blue/menu_arrow.png rhodecode/public/images/colors/blue/menu_border.png rhodecode/public/images/colors/blue/menu_l_selected.png rhodecode/public/images/colors/blue/menu_r_selected.png rhodecode/public/images/colors/blue/menu_selected.png rhodecode/public/images/colors/blue/quick_l.png rhodecode/public/images/colors/blue/quick_l_selected.png rhodecode/public/images/colors/blue/quick_r.png rhodecode/public/images/colors/blue/quick_r_selected.png rhodecode/public/images/colors/blue/title.png rhodecode/public/images/colors/blue/title_link.png rhodecode/public/images/colors/blue/title_tab_selected.png rhodecode/public/images/header_inner.png rhodecode/public/images/header_inner_corners.png rhodecode/public/images/hglogo.png rhodecode/public/images/login_corners.png rhodecode/public/images/menu_arrow.png rhodecode/public/images/menu_border.png rhodecode/public/images/menu_l_selected.png rhodecode/public/images/menu_r_selected.png rhodecode/public/images/menu_selected.png rhodecode/public/images/quick_l.png rhodecode/public/images/quick_l_selected.png rhodecode/public/images/quick_r.png rhodecode/public/images/quick_r_selected.png rhodecode/public/images/title.png rhodecode/public/images/title_link.png rhodecode/public/images/title_tab_selected.png rhodecode/templates/base/base.html |
| diffstat | 43 files changed, 589 insertions(+), 612 deletions(-) [+] |
line wrap: on
line diff
--- a/rhodecode/public/css/colors/blue.css Sun Oct 10 22:11:57 2010 +0200 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,302 +0,0 @@ -/* ----------------------------------------------------------- - header ------------------------------------------------------------ */ - -#header #header-inner -{ - background: #b0b0b0 url("../../images/colors/blue/header_inner.png") repeat-x; -} - -/* ----------------------------------------------------------- - header -> home ------------------------------------------------------------ */ - -#header #header-inner #home a -{ - background: url("../../images/colors/blue/button_home.png"); -} - -/* ----------------------------------------------------------- - header -> quick ------------------------------------------------------------ */ - -#header #header-inner #quick li a -{ - background: #336699 url("../../images/colors/blue/quick_l.png") no-repeat top left; -} - -#header #header-inner #quick li span -{ - background: url("../../images/colors/blue/quick_r.png") no-repeat top right; - border-left: 1px solid #3f6f9f; -} - -#header #header-inner #quick li span.icon -{ - background: url("../../images/colors/blue/quick_l.png") no-repeat top left; - border-right: 1px solid #2e5c89; -} - -#header #header-inner #quick li a:hover -{ - background: #4e4e4e url("../../images/colors/blue/quick_l_selected.png") no-repeat top left; -} - -#header #header-inner #quick li a:hover span -{ - background: url("../../images/colors/blue/quick_r_selected.png") no-repeat top right; -} - -#header #header-inner #quick li a:hover span.icon -{ - background: url("../../images/colors/blue/quick_l_selected.png") no-repeat top left; -} - -/* ----------------------------------------------------------- - header corners ------------------------------------------------------------ */ - -#header #header-inner div.corner -{ - background: url("../../images/colors/blue/header_inner_corners.png") no-repeat; -} - -#header #header-inner div.tl -{ - top: 0; - left: 0; - background-position: 0 0; -} - -#header #header-inner div.tr -{ - top: 0; - right: 0; - background-position: -6px 0; -} - -/* ----------------------------------------------------------- - content -> left -> menu ------------------------------------------------------------ */ - -#content #left #menu h6.selected -{ - background: #00376e url("../../images/colors/blue/menu_selected.png") repeat-x; -} - -#content #left #menu h6.selected a -{ - background: url("../../images/colors/blue/menu_l_selected.png") no-repeat top left; -} - -#content #left #menu h6.selected span -{ - background: url("../../images/colors/blue/menu_r_selected.png") no-repeat top right; -} - -#content #left #menu ul -{ - background: #376ea6; -} - -#content #left #menu li -{ - border-top: 1px solid #4377ab; - border-bottom: 1px solid #326395; -} - -#content #left #menu li a -{ - background: url("../../images/colors/blue/menu_arrow.png") no-repeat 0 9px; -} - -#content #left #menu li a:hover -{ - color: #b9dcff; -} - -#content #left #menu li.collapsible -{ - background: url("../../images/colors/blue/menu_border.png") no-repeat top left; -} - -#content #left #menu li.collapsible a.minus -{ - border-bottom: 1px solid #326395; -} - -#content #left #menu li ul -{ - border-left: 18px solid #326395; -} - -#content #left #menu li ul li -{ - background: url("../../images/colors/blue/menu_arrow.png") no-repeat 10px 9px; - border-top: 1px solid #4377ab; - border-bottom: 1px solid #326395; -} - -/* ----------------------------------------------------------- - content -> right -> box / title ------------------------------------------------------------ */ - -#content div.box div.title -{ - background: #336699 url("../../images/colors/blue/title.png") repeat-x; -} - -#content div.box div.title ul.links li a -{ - background: url("../../images/colors/blue/title_link.png") no-repeat top left; - border-left: 1px solid #316293; -} - -#content div.box div.title ul.links li a:hover -{ - background: url("../../images/colors/blue/title_tab_selected.png") no-repeat bottom center; - color: #bfe3ff; -} - -#content div.box div.title ul.links li.ui-tabs-selected a -{ - background: url("../../images/colors/blue/title_tab_selected.png") no-repeat bottom center; - color: #bfe3ff; -} - -/* ----------------------------------------------------------- - content -> right -> box / search ------------------------------------------------------------ */ - -#content div.box div.title div.search -{ - background: url("../../images/colors/blue/title_link.png") no-repeat top left; - border-left: 1px solid #316293; -} - -#content div.box div.title div.search div.input input -{ - border: 1px solid #316293; -} - -#content div.box div.title div.search div.button input.ui-state-default -{ - background: #4e85bb url("../../images/colors/blue/button_highlight.png") repeat-x; - border: 1px solid #316293; - border-left: none; - color: #FFFFFF; -} - -#content div.box div.title div.search div.button input.ui-state-hover -{ - background: #46a0c1 url("../../images/colors/blue/button_highlight_selected.png") repeat-x; - border: 1px solid #316293; - border-left: none; - color: #FFFFFF; -} - -/* ----------------------------------------------------------- - content -> right -> forms -> button ------------------------------------------------------------ */ - -#content div.box div.form div.fields div.field div.highlight .ui-state-default -{ - background: #4e85bb url("../../images/colors/blue/button_highlight.png") repeat-x; - border-top: 1px solid #5c91a4; - border-left: 1px solid #2a6f89; - border-right: 1px solid #2b7089; - border-bottom: 1px solid #1a6480; - color: #ffffff; -} - -#content div.box div.form div.fields div.field div.highlight .ui-state-hover -{ - background: #46a0c1 url("../../images/colors/blue/button_highlight_selected.png") repeat-x; - border-top: 1px solid #78acbf; - border-left: 1px solid #34819e; - border-right: 1px solid #35829f; - border-bottom: 1px solid #257897; - color: #ffffff; -} - -/* ----------------------------------------------------------- - content -> right -> forms -> buttons ------------------------------------------------------------ */ - -#content div.box div.form div.fields div.buttons div.highlight input.ui-state-default -{ - background: #4e85bb url("../../images/colors/blue/button_highlight.png") repeat-x; - border-top: 1px solid #5c91a4; - border-left: 1px solid #2a6f89; - border-right: 1px solid #2b7089; - border-bottom: 1px solid #1a6480; - color: #ffffff; -} - -#content div.box div.form div.fields div.buttons div.highlight input.ui-state-hover -{ - background: #46a0c1 url("../../images/colors/blue/button_highlight_selected.png") repeat-x; - border-top: 1px solid #78acbf; - border-left: 1px solid #34819e; - border-right: 1px solid #35829f; - border-bottom: 1px solid #257897; - color: #ffffff; -} - -/* ----------------------------------------------------------- - login -> title ------------------------------------------------------------ */ - -#login div.title -{ - background: #003367 url("../../images/colors/blue/header_inner.png") repeat-x; -} - -/* ----------------------------------------------------------- - login -> title / corners ------------------------------------------------------------ */ - -#login div.title div.corner -{ - background: url("../../images/colors/blue/login_corners.png") no-repeat; -} - -#login div.title div.tl -{ - top: 0; - left: 0; - background-position: 0 0; -} - -#login div.title div.tr -{ - top: 0; - right: 0; - background-position: -6px 0; -} - -/* ----------------------------------------------------------- - jquery ui -> select styling ------------------------------------------------------------ */ - -.ui-selectmenu-open li.ui-selectmenu-item-focus { background: #376ea6; } -.ui-selectmenu-open li.ui-selectmenu-item-focus a { color: #ffffff; } - -/* ----------------------------------------------------------- - jquery ui -> datepicker ------------------------------------------------------------ */ -.ui-datepicker td span, .ui-datepicker td a:hover { background: #376ea6; color: #ffffff; } -.ui-datepicker td span, .ui-datepicker td.ui-datepicker-current-day a { background: #376ea6; color: #ffffff; } - -/* ----------------------------------------------------------- - jquery ui -> autocomplete ------------------------------------------------------------ */ - -.ui-autocomplete .ui-menu-item a:hover { background: #376ea6; color: #ffffff; } - -/* ----------------------------------------------------------- - jquery ui -> dialog ------------------------------------------------------------ */ - -.ui-dialog { border: 1px solid #336699; } -.ui-dialog .ui-dialog-titlebar { background: #336699 url("../../images/colors/blue/title.png") repeat-x; } \ No newline at end of file
--- a/rhodecode/public/css/reset.css Sun Oct 10 22:11:57 2010 +0200 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,53 +0,0 @@ -/* http://meyerweb.com/eric/tools/css/reset/ */ -/* v1.0 | 20080212 */ - -html, body, div, span, applet, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -a, abbr, acronym, address, big, cite, code, -del, dfn, em, font, img, ins, kbd, q, s, samp, -small, strike, strong, sub, sup, tt, var, -b, u, i, center, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td { - margin: 0; - padding: 0; - border: 0; - outline: 0; - font-size: 100%; - vertical-align: baseline; - background: transparent; -} -body { - line-height: 1; -} -ol, ul { - list-style: none; -} -blockquote, q { - quotes: none; -} -blockquote:before, blockquote:after, -q:before, q:after { - content: ''; - content: none; -} - -/* remember to define focus styles! */ -:focus { - outline: 0; -} - -/* remember to highlight inserts somehow! */ -ins { - text-decoration: none; -} -del { - text-decoration: line-through; -} - -/* tables still need 'cellspacing="0"' in the markup */ -table { - border-collapse: collapse; - border-spacing: 0; -} \ No newline at end of file
--- a/rhodecode/public/css/style.css Sun Oct 10 22:11:57 2010 +0200 +++ b/rhodecode/public/css/style.css Sun Oct 10 23:15:24 2010 +0200 @@ -1,6 +1,55 @@ -/* ----------------------------------------------------------- +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, font, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td { + margin: 0; + padding: 0; + border: 0; + outline: 0; + font-size: 100%; + vertical-align: baseline; + background: transparent; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} + +:focus { + outline: 0; +} + +ins { + text-decoration: none; +} +del { + text-decoration: line-through; +} + +/* tables still need 'cellspacing="0"' in the markup */ +table { + border-collapse: collapse; + border-spacing: 0; +} + +/* main stylesheet ------------------------------------------------------------ */ +*/ html { @@ -17,9 +66,9 @@ font-size: 12px; } -/* ----------------------------------------------------------- +/* images ------------------------------------------------------------ */ +*/ img { @@ -30,9 +79,9 @@ vertical-align: bottom; } -/* ----------------------------------------------------------- +/* anchors ------------------------------------------------------------ */ +*/ a { @@ -47,9 +96,9 @@ text-decoration: underline; } -/* ----------------------------------------------------------- +/* headings ------------------------------------------------------------ */ +*/ h1, h2, h3, h4, h5, h6 { @@ -87,9 +136,9 @@ font-size: 11px; } -/* ----------------------------------------------------------- +/* lists ------------------------------------------------------------ */ +*/ ul.circle { list-style-type: circle; } ul.disc { list-style-type: disc; } @@ -100,9 +149,9 @@ ol.upper-alpha { list-style-type: upper-alpha; } ol.decimal { list-style-type: decimal; } -/* ----------------------------------------------------------- +/* colors ------------------------------------------------------------ */ +*/ div.color { @@ -154,9 +203,9 @@ background: #566e86; } -/* ----------------------------------------------------------- +/* options ------------------------------------------------------------ */ +*/ div.options { @@ -182,9 +231,9 @@ text-decoration: none; } -/* ----------------------------------------------------------- +/* header ------------------------------------------------------------ */ +*/ #header { @@ -194,9 +243,9 @@ } -/* ----------------------------------------------------------- - header -> user ------------------------------------------------------------ */ +/* + header / user +*/ #header ul#logged-user { @@ -262,13 +311,13 @@ height: 40px; clear: both; position: relative; - background: #003367 url("../images/colors/blue/header_inner.png") repeat-x; + background: #003367 url("../images/header_inner.png") repeat-x; border-bottom: 6px solid #ffffff; } -/* ----------------------------------------------------------- - header -> home ------------------------------------------------------------ */ +/* + header / home +*/ #header #header-inner #home { @@ -282,7 +331,7 @@ height: 40px; width: 46px; display: block; - background: url("../images/colors/blue/button_home.png"); + background: url("../images/button_home.png"); background-position: 0 0; } @@ -291,9 +340,9 @@ background-position: 0 -40px; } -/* ----------------------------------------------------------- - header -> logo ------------------------------------------------------------ */ +/* + header / logo +*/ #header #header-inner #logo { @@ -320,9 +369,9 @@ color: #dabf29; } -/* ----------------------------------------------------------- - header -> quick ------------------------------------------------------------ */ +/* + header / quick +*/ #header #header-inner #quick, #header #header-inner #quick ul { @@ -351,7 +400,7 @@ display: block; clear: both; overflow: hidden; - background: #336699 url("../../resources/images/colors/blue/quick_l.png") no-repeat top left; + background: #336699 url("../../resources/images/quick_l.png") no-repeat top left; color: #FFFFFF; font-weight: bold; text-decoration: none; @@ -366,7 +415,7 @@ height: 1%; display: block; float: left; - background: url("../../resources/images/colors/blue/quick_r.png") no-repeat top right; + background: url("../../resources/images/quick_r.png") no-repeat top right; border-left: 1px solid #3f6f9f; } @@ -381,19 +430,19 @@ top: 0; left: 0; padding: 8px 8px 4px 8px; - background: url("../../resources/images/colors/blue/quick_l.png") no-repeat top left; + background: url("../../resources/images/quick_l.png") no-repeat top left; border-left: none; border-right: 1px solid #2e5c89; } #header #header-inner #quick li a:hover { - background: #4e4e4e url("../../resources/images/colors/blue/quick_l_selected.png") no-repeat top left; + background: #4e4e4e url("../../resources/images/quick_l_selected.png") no-repeat top left; } #header #header-inner #quick li a:hover span { - background: url("../../resources/images/colors/blue/quick_r_selected.png") no-repeat top right; + background: url("../../resources/images/quick_r_selected.png") no-repeat top right; border-left: 1px solid #545454; } @@ -404,7 +453,7 @@ #header #header-inner #quick li a:hover span.icon { - background: url("../../resources/images/colors/blue/quick_l_selected.png") no-repeat top left; + background: url("../../resources/images/quick_l_selected.png") no-repeat top left; border-left: none; border-right: 1px solid #464646; } @@ -615,16 +664,16 @@ padding:12px 9px 7px 24px; width:167px; } -/* ----------------------------------------------------------- +/* header corners ------------------------------------------------------------ */ +*/ #header #header-inner div.corner { height: 6px; width: 6px; position: absolute; - background: url("../images/colors/blue/header_inner_corners.png") no-repeat; + background: url("../images/header_inner_corners.png") no-repeat; } #header #header-inner div.tl @@ -641,9 +690,9 @@ background-position: -6px 0; } -/* ----------------------------------------------------------- +/* content ------------------------------------------------------------ */ +*/ #content { @@ -655,9 +704,9 @@ background: url("../images/content.png") repeat-y top left; } -/* ----------------------------------------------------------- - content -> left ------------------------------------------------------------ */ +/* + content / left +*/ #content #left { @@ -666,9 +715,9 @@ position: absolute; } -/* ----------------------------------------------------------- - content -> left -> menu ------------------------------------------------------------ */ +/* + content / left / menu +*/ #content #left #menu { @@ -678,9 +727,9 @@ overflow: hidden; } -/* ----------------------------------------------------------- - content -> left -> menu / heading ------------------------------------------------------------ */ +/* + content / left / menu / heading +*/ #content #left #menu h6 { @@ -716,24 +765,24 @@ #content #left #menu h6.selected { - background: #00376e url("../images/colors/blue/menu_selected.png") repeat-x; + background: #00376e url("../images/menu_selected.png") repeat-x; color: #FFFFFF; } #content #left #menu h6.selected a { - background: url("../images/colors/blue/menu_l_selected.png") no-repeat top left; + background: url("../images/menu_l_selected.png") no-repeat top left; color: #ffffff; } #content #left #menu h6.selected span { - background: url("../images/colors/blue/menu_r_selected.png") no-repeat top right; -} - -/* ----------------------------------------------------------- - content -> left -> menu / links ------------------------------------------------------------ */ + background: url("../images/menu_r_selected.png") no-repeat top right; +} + +/* + content / left / menu / links +*/ #content #left #menu ul { @@ -780,13 +829,13 @@ color: #b9dcff; } -/* ----------------------------------------------------------- - content -> left -> menu / collapsible ------------------------------------------------------------ */ +/* + content / left / menu / collapsible +*/ #content #left #menu li.collapsible { - background: url("../images/colors/blue/menu_border.png") no-repeat top left; + background: url("../images/menu_border.png") no-repeat top left; } #content #left #menu li.collapsible a @@ -862,9 +911,9 @@ border-bottom: none; } -/* ----------------------------------------------------------- - content -> left -> date picker ------------------------------------------------------------ */ +/* + content / left / date picker +*/ #content #left #date-picker { @@ -913,18 +962,18 @@ right: 4px; } -/* ----------------------------------------------------------- - content -> right ------------------------------------------------------------ */ +/* + content / right +*/ #content #right { margin: 0 60px 10px 290px; } -/* ----------------------------------------------------------- - content -> right -> box ------------------------------------------------------------ */ +/* + content / right / box +*/ #content div.box { @@ -951,9 +1000,9 @@ float: right; } -/* ----------------------------------------------------------- - content -> right -> box / title ------------------------------------------------------------ */ +/* + content / right / box / title +*/ #content div.box div.title { @@ -961,7 +1010,7 @@ padding: 0; clear: both; overflow: hidden; - background: #336699 url("../images/colors/blue/title.png") repeat-x; + background: #336699 url("../images/title.png") repeat-x; } #content div.box div.title h5 @@ -996,7 +1045,7 @@ height: 1%; display: block; float: left; - background: url("../images/colors/blue/title_link.png") no-repeat top left; + background: url("../images/title_link.png") no-repeat top left; border-left: 1px solid #316293; color: #ffffff; font-size: 11px; @@ -1011,13 +1060,13 @@ #content div.box div.title ul.links li.ui-tabs-selected a { - background: url("../../../resources/images/colors/blue/title_tab_selected.png") no-repeat bottom center; + background: url("../../../resources/images/title_tab_selected.png") no-repeat bottom center; color: #bfe3ff; } -/* ----------------------------------------------------------- - content -> right -> box / headings ------------------------------------------------------------ */ +/* + content / right / box / headings +*/ #content div.box h1, #content div.box h2, @@ -1033,9 +1082,9 @@ border-bottom: 1px solid #DDDDDD; } -/* ----------------------------------------------------------- - content -> right -> box / paragraphs ------------------------------------------------------------ */ +/* + content / right / box / paragraphs +*/ #content div.box p { @@ -1062,9 +1111,9 @@ padding: 0; } -/* ----------------------------------------------------------- - content -> right -> box / lists ------------------------------------------------------------ */ +/* + content / right / box / lists +*/ #content div.box dl { @@ -1128,9 +1177,9 @@ margin: 10px 24px 10px 40px; } -/* ----------------------------------------------------------- - content -> right -> box / images ------------------------------------------------------------ */ +/* + content / right / box / images +*/ #content div.box img.left { @@ -1146,9 +1195,9 @@ float: right; } -/* ----------------------------------------------------------- - content -> right -> box / messages ------------------------------------------------------------ */ +/* + content / right / box / messages +*/ #content div.box div.messages { @@ -1283,9 +1332,9 @@ color: #4e6100; } -/* ----------------------------------------------------------- - content -> right -> box / forms ------------------------------------------------------------ */ +/* + content / right / box / forms +*/ #content div.box div.form { @@ -1342,9 +1391,9 @@ color: #316309; } -/* ----------------------------------------------------------- - content -> right -> forms -> labels ------------------------------------------------------------ */ +/* + content / right / forms / labels +*/ #content div.box div.form div.fields div.field div.label { @@ -1368,9 +1417,9 @@ } -/* ----------------------------------------------------------- - content -> right -> forms -> label (select) ------------------------------------------------------------ */ +/* + content / right / forms / label (select) +*/ #content div.box div.form div.fields div.field div.label-select { @@ -1383,27 +1432,27 @@ padding: 0 0 8px 0; } -/* ----------------------------------------------------------- - content -> right -> forms -> label (checkbox) ------------------------------------------------------------ */ +/* + content / right / forms / label (checkbox) +*/ #content div.box div.form div.fields div.field div.label-checkbox { padding:0 0 0 5px !important; } -/* ----------------------------------------------------------- - content -> right -> forms -> label (radio) ------------------------------------------------------------ */ +/* + content / right / forms / label (radio) +*/ #content div.box div.form div.fields div.field div.label-radio { padding:0 0 0 5px !important; } -/* ----------------------------------------------------------- - content -> right -> forms -> label (textarea) ------------------------------------------------------------ */ +/* + content / right / forms / label (textarea) +*/ #content div.box div.form div.fields div.field div.label-textarea { @@ -1416,9 +1465,9 @@ padding: 0 0 8px 0 !important; } -/* ----------------------------------------------------------- - content -> right -> forms -> labels (label) ------------------------------------------------------------ */ +/* + content / right / forms / labels (label) +*/ #content div.box div.form div.fields div.field div.label label { @@ -1435,9 +1484,9 @@ color: #363636; } -/* ----------------------------------------------------------- - content -> right -> forms -> input ------------------------------------------------------------ */ +/* + content / right / forms / input +*/ #content div.box div.form div.fields div.field div.input { @@ -1537,9 +1586,9 @@ margin: 0 0 0 6px; } -/* ----------------------------------------------------------- - content -> right -> forms -> input (file styling) ------------------------------------------------------------ */ +/* + content / right / forms / input (file styling) +*/ #content div.box div.form div.fields div.field div.input a.ui-input-file { @@ -1561,9 +1610,9 @@ background: #e5e3e3 url("../images/button_browse_selected.png") no-repeat; } -/* ----------------------------------------------------------- - content -> right -> forms -> textarea ------------------------------------------------------------ */ +/* + content / right / forms / textarea +*/ #content div.box div.form div.fields div.field div.textarea { @@ -1629,9 +1678,9 @@ border: 1px solid #C6D880; } -/* ----------------------------------------------------------- - content -> right -> forms -> textarea (tinymce editor) ------------------------------------------------------------ */ +/* + content / right / forms / textarea (tinymce editor) +*/ #content div.box div.form div.fields div.field div.textarea table { @@ -1673,9 +1722,9 @@ background: #b1b1b1; } -/* ----------------------------------------------------------- - content -> right -> forms -> select ------------------------------------------------------------ */ +/* + content / right / forms / select +*/ #content div.box div.form div.fields div.field div.select { @@ -1694,9 +1743,9 @@ margin: 0; } -/* ----------------------------------------------------------- - content -> right -> forms -> select (jquery styling) ------------------------------------------------------------ */ +/* + content / right / forms / select (jquery styling) +*/ #content div.box div.form div.fields div.field div.select a.ui-selectmenu-focus { @@ -1720,9 +1769,9 @@ background-image: url(../images/ui/ui-icons_222222_256x240.png); } -/* ----------------------------------------------------------- - content -> right -> forms -> element focus ------------------------------------------------------------ */ +/* + content / right / forms / element focus +*/ #content div.box div.form div.fields div.field input[type=text]:focus, #content div.box div.form div.fields div.field input[type=password]:focus, @@ -1734,9 +1783,9 @@ border-color: #666; } -/* ----------------------------------------------------------- - content -> right -> forms -> checkboxes ------------------------------------------------------------ */ +/* + content / right / forms / checkboxes +*/ #content div.box div.form div.fields div.field div.checkboxes { @@ -1766,9 +1815,9 @@ float: left; } -/* ----------------------------------------------------------- - content -> right -> forms -> radios ------------------------------------------------------------ */ +/* + content / right / forms / radios +*/ #content div.box div.form div.fields div.field div.radios { @@ -1797,9 +1846,9 @@ display: block; float: left; } -/* ----------------------------------------------------------- - content -> right -> forms -> button ------------------------------------------------------------ */ +/* + content / right / forms / button +*/ div.form div.fields div.field div.button { @@ -1852,7 +1901,7 @@ { margin: 0; padding: 6px 12px 6px 12px; - background: #4e85bb url("../images/colors/blue/button_highlight.png") repeat-x; + background: #4e85bb url("../images/button_highlight.png") repeat-x; border-top: 1px solid #5c91a4; border-left: 1px solid #2a6f89; border-right: 1px solid #2b7089; @@ -1864,7 +1913,7 @@ { margin: 0; padding: 6px 12px 6px 12px; - background: #46a0c1 url("../images/colors/blue/button_highlight_selected.png") repeat-x; + background: #46a0c1 url("../images/button_highlight_selected.png") repeat-x; border-top: 1px solid #78acbf; border-left: 1px solid #34819e; border-right: 1px solid #35829f; @@ -1873,9 +1922,9 @@ } -/* ----------------------------------------------------------- - content -> right -> forms -> buttons ------------------------------------------------------------ */ +/* + content / right / forms / buttons +*/ #content div.box div.form div.fields div.buttons { @@ -1897,9 +1946,9 @@ font-size: 11px; font-weight: bold; } -/* ----------------------------------------------------------- - content -> right -> forms -> buttons ------------------------------------------------------------ */ +/* + content / right / forms / buttons +*/ div.form div.fields div.buttons { @@ -1922,9 +1971,9 @@ font-weight: bold; } -/* ----------------------------------------------------------- - content -> right -> forms -> buttons (jquery styling) ------------------------------------------------------------ */ +/* + content / right / forms / buttons (jquery styling) +*/ #content div.box div.form div.fields div.buttons input.ui-state-default { @@ -1961,7 +2010,7 @@ { margin: 0; padding: 6px 12px 6px 12px; - background: #4e85bb url("../images/colors/blue/button_highlight.png") repeat-x; + background: #4e85bb url("../images/button_highlight.png") repeat-x; border-top: 1px solid #5c91a4; border-left: 1px solid #2a6f89; border-right: 1px solid #2b7089; @@ -1973,7 +2022,7 @@ { margin: 0; padding: 6px 12px 6px 12px; - background: #46a0c1 url("../images/colors/blue/button_highlight_selected.png") repeat-x; + background: #46a0c1 url("../images/button_highlight_selected.png") repeat-x; border-top: 1px solid #78acbf; border-left: 1px solid #34819e; border-right: 1px solid #35829f; @@ -1981,9 +2030,9 @@ color: #FFFFFF; } -/* ----------------------------------------------------------- - content -> right -> box / tables ------------------------------------------------------------ */ +/* + content / right / box / tables +*/ #content div.box div.table { @@ -2084,9 +2133,9 @@ text-align: center; } -/* ----------------------------------------------------------- - content -> right -> box / table action ------------------------------------------------------------ */ +/* + content / right / box / table action +*/ #content div.box div.action { @@ -2166,9 +2215,9 @@ background-image: url(../images/ui/ui-icons_222222_256x240.png); } -/* ----------------------------------------------------------- - content -> right -> pagination ------------------------------------------------------------ */ +/* + content / right / pagination +*/ #content div.box div.pagination { @@ -2271,9 +2320,9 @@ border-bottom: 1px solid #afafaf; } -/* ----------------------------------------------------------- - content -> webhelpers pagination ------------------------------------------------------------ */ +/* + content / webhelpers pagination +*/ #content div.box div.pagination-wh { @@ -2365,9 +2414,9 @@ } -/* ----------------------------------------------------------- - content -> right -> traffic chart ------------------------------------------------------------ */ +/* + content / right / traffic chart +*/ #content div.box div.traffic { @@ -2437,9 +2486,9 @@ padding: 0 3px 2px 3px; } -/* ----------------------------------------------------------- +/* footer ------------------------------------------------------------ */ +*/ #footer { @@ -2458,9 +2507,9 @@ color: #ffffff; } -/* ----------------------------------------------------------- +/* login ------------------------------------------------------------ */ +*/ #login { @@ -2469,9 +2518,9 @@ width: 420px; } -/* ----------------------------------------------------------- - login -> colors ------------------------------------------------------------ */ +/* + login / colors +*/ #login div.color { @@ -2492,9 +2541,9 @@ float: left; } -/* ----------------------------------------------------------- - login -> title ------------------------------------------------------------ */ +/* + login / title +*/ #login div.title { @@ -2504,7 +2553,7 @@ clear: both; overflow: hidden; position: relative; - background: #003367 url("../images/colors/blue/header_inner.png") repeat-x; + background: #003367 url("../images/header_inner.png") repeat-x; } #login div.title h5 @@ -2514,16 +2563,16 @@ color: #ffffff; } -/* ----------------------------------------------------------- - login -> title / corners ------------------------------------------------------------ */ +/* + login / title / corners +*/ #login div.title div.corner { height: 6px; width: 6px; position: absolute; - background: url("../images/colors/blue/login_corners.png") no-repeat; + background: url("../images/login_corners.png") no-repeat; } #login div.title div.tl @@ -2550,9 +2599,9 @@ border-bottom: none; } -/* ----------------------------------------------------------- - login -> form ------------------------------------------------------------ */ +/* + login / form +*/ #login div.form { @@ -2713,9 +2762,9 @@ color: #515151; } -/* ----------------------------------------------------------- - login -> links ------------------------------------------------------------ */ +/* + login / links +*/ #login div.form div.links { @@ -2725,9 +2774,9 @@ overflow: hidden; } -/* ----------------------------------------------------------- +/* register ------------------------------------------------------------ */ +*/ #register { @@ -2736,9 +2785,9 @@ width: 420px; } -/* ----------------------------------------------------------- - register -> colors ------------------------------------------------------------ */ +/* + register / colors +*/ #register div.color { @@ -2759,9 +2808,9 @@ float: left; } -/* ----------------------------------------------------------- - register -> title ------------------------------------------------------------ */ +/* + register / title +*/ #register div.title { @@ -2771,7 +2820,7 @@ clear: both; overflow: hidden; position: relative; - background: #003367 url("../images/colors/blue/header_inner.png") repeat-x; + background: #003367 url("../images/header_inner.png") repeat-x; } #register div.title h5 @@ -2781,15 +2830,15 @@ color: #ffffff; } -/* ----------------------------------------------------------- - register -> inner ------------------------------------------------------------ */ +/* + register / inner +*/ #register div.title div.corner { height: 6px; width: 6px; position: absolute; - background: url("../images/colors/blue/login_corners.png") no-repeat; + background: url("../images/login_corners.png") no-repeat; } #register div.title div.tl @@ -2816,9 +2865,9 @@ border-bottom: none; } -/* ----------------------------------------------------------- - register -> form ------------------------------------------------------------ */ +/* + register / form +*/ #register div.form { @@ -2968,7 +3017,7 @@ } #register div.form div.fields div.buttons div.highlight input.ui-state-default { - background:url("../images/colors/blue/button_highlight.png") repeat-x scroll 0 0 #4E85BB; + background:url("../images/button_highlight.png") repeat-x scroll 0 0 #4E85BB; border-color:#5C91A4 #2B7089 #1A6480 #2A6F89; border-style:solid; border-width:1px; @@ -2995,9 +3044,9 @@ } -/* ----------------------------------------------------------- +/* SUMMARY ------------------------------------------------------------ */ +*/ .trending_language_tbl, .trending_language_tbl td { margin: 0px !important; padding: 0px !important; @@ -3025,9 +3074,9 @@ #clone_url{ border: none; } -/* ----------------------------------------------------------- +/* FILES ------------------------------------------------------------ */ +*/ h3.files_location{ font-size: 1.8em; @@ -3052,9 +3101,9 @@ } -/* ----------------------------------------------------------- +/* CHANGESETS ------------------------------------------------------------ */ +*/ #changeset_content { border:1px solid #CCCCCC; padding:5px; @@ -3129,9 +3178,9 @@ text-align: left; } -/* ----------------------------------------------------------- +/* CHANGESETS - CANVAS ------------------------------------------------------------ */ +*/ #graph { overflow: hidden; @@ -3245,9 +3294,9 @@ padding:6px 18px 0px 0px } -/* ----------------------------------------------------------- +/* FILE BROWSER ------------------------------------------------------------ */ +*/ div.browserblock { overflow: hidden; padding: 0px; @@ -3316,9 +3365,9 @@ text-align: left; } -/* ----------------------------------------------------------- +/* SEARCH ------------------------------------------------------------ */ +*/ .box .search { clear:both; @@ -3346,18 +3395,18 @@ -/* ----------------------------------------------------------- +/* ADMIN - SETTINGS ------------------------------------------------------------ */ +*/ #path_unlock{ color: red; font-size: 1.2em; padding-left: 4px; } -/* ----------------------------------------------------------- +/* INFOBOX ------------------------------------------------------------ */ +*/ .info_box *{ background:url("../../images/pager.png") repeat-x scroll 0 0 #EBEBEB; border-color:#DEDEDE #C4C4C4 #C4C4C4 #CFCFCF; @@ -3382,9 +3431,9 @@ padding:4px 3px 2px 2px; text-align:center; } -/* ----------------------------------------------------------- +/* YUI TOOLTIP ------------------------------------------------------------ */ +*/ .yui-overlay,.yui-panel-container { visibility: hidden; position: absolute; @@ -3408,9 +3457,9 @@ display: none; } -/* ----------------------------------------------------------- +/* YUI AUTOCOMPLETE ------------------------------------------------------------ */ +*/ .ac{ vertical-align: top; @@ -3490,9 +3539,9 @@ } -/* ----------------------------------------------------------- +/* ACTION ICONS ------------------------------------------------------------ */ +*/ .add_icon { background: url("/images/icons/add.png") no-repeat scroll 3px ; height: 16px; @@ -3554,9 +3603,9 @@ color:#0066CC; } -/* ----------------------------------------------------------- +/* REPO SWITCHER ------------------------------------------------------------ */ +*/ #switch_repos{ position: absolute; @@ -3568,9 +3617,9 @@ max-height: 250px; z-index: 1; } -/* ----------------------------------------------------------- +/* BREADCRUMBS ------------------------------------------------------------ */ +*/ .breadcrumbs{ border:medium none; @@ -3587,9 +3636,9 @@ } -/* ----------------------------------------------------------- +/* FLASH MSG ------------------------------------------------------------ */ +*/ .flash_msg ul { margin: 0; padding: 0px 0px 10px 0px; @@ -3647,9 +3696,9 @@ top: 5px; width: 16px; } -/* ----------------------------------------------------------- +/* YUI FLOT ------------------------------------------------------------ */ +*/ div#commit_history{ float: left; @@ -3682,9 +3731,9 @@ float:left; } -/* ----------------------------------------------------------- +/* PERMISSIONS TABLE ------------------------------------------------------------ */ +*/ table#permissions_manage{ width: 0 !important; @@ -3703,9 +3752,9 @@ } -/* ----------------------------------------------------------- +/* GRAVATARS ------------------------------------------------------------ */ +*/ div.gravatar{ background-color:white; border:1px solid #D0D0D0; @@ -3714,21 +3763,21 @@ padding: 2px 2px 0px; } -/* ----------------------------------------------------------- +/* STYLING OF LAYOUT ------------------------------------------------------------ */ - - -/* ----------------------------------------------------------- +*/ + + +/* GLOBAL WIDTH ------------------------------------------------------------ */ +*/ #header,#content,#footer{ min-width: 1224px; } -/* ----------------------------------------------------------- +/* content ------------------------------------------------------------ */ +*/ #content { @@ -3740,9 +3789,9 @@ background: transparent; } -/* ----------------------------------------------------------- - content -> right -> forms -> labels ------------------------------------------------------------ */ +/* + content / right / forms / labels +*/ #content div.box div.form div.fields div.field div.label { @@ -3761,4 +3810,289 @@ padding: 0 0 8px 0; width: auto; position: relative; -} \ No newline at end of file +} + + + + +/* +THEME + +*/ + +/* + header +*/ + +#header #header-inner +{ + background: #b0b0b0 url("../../images/header_inner.png") repeat-x; +} + +/* + header / home +*/ + +#header #header-inner #home a +{ + background: url("../../images/button_home.png"); +} + +/* + header / quick +*/ + +#header #header-inner #quick li a +{ + background: #336699 url("../../images/quick_l.png") no-repeat top left; +} + +#header #header-inner #quick li span +{ + background: url("../../images/quick_r.png") no-repeat top right; + border-left: 1px solid #3f6f9f; +} + +#header #header-inner #quick li span.icon +{ + background: url("../../images/quick_l.png") no-repeat top left; + border-right: 1px solid #2e5c89; +} + +#header #header-inner #quick li a:hover +{ + background: #4e4e4e url("../../images/quick_l_selected.png") no-repeat top left; +} + +#header #header-inner #quick li a:hover span +{ + background: url("../../images/quick_r_selected.png") no-repeat top right; +} + +#header #header-inner #quick li a:hover span.icon +{ + background: url("../../images/quick_l_selected.png") no-repeat top left; +} + +/* + header corners +*/ + +#header #header-inner div.corner +{ + background: url("../../images/header_inner_corners.png") no-repeat; +} + +#header #header-inner div.tl +{ + top: 0; + left: 0; + background-position: 0 0; +} + +#header #header-inner div.tr +{ + top: 0; + right: 0; + background-position: -6px 0; +} + +/* + content / left / menu +*/ + +#content #left #menu h6.selected +{ + background: #00376e url("../../images/menu_selected.png") repeat-x; +} + +#content #left #menu h6.selected a +{ + background: url("../../images/menu_l_selected.png") no-repeat top left; +} + +#content #left #menu h6.selected span +{ + background: url("../../images/menu_r_selected.png") no-repeat top right; +} + +#content #left #menu ul +{ + background: #376ea6; +} + +#content #left #menu li +{ + border-top: 1px solid #4377ab; + border-bottom: 1px solid #326395; +} + +#content #left #menu li a +{ + background: url("../../images/menu_arrow.png") no-repeat 0 9px; +} + +#content #left #menu li a:hover +{ + color: #b9dcff; +} + +#content #left #menu li.collapsible +{ + background: url("../../images/menu_border.png") no-repeat top left; +} + +#content #left #menu li.collapsible a.minus +{ + border-bottom: 1px solid #326395; +} + +#content #left #menu li ul +{ + border-left: 18px solid #326395; +} + +#content #left #menu li ul li +{ + background: url("../../images/menu_arrow.png") no-repeat 10px 9px; + border-top: 1px solid #4377ab; + border-bottom: 1px solid #326395; +} + +/* + content / right / box / title +*/ + +#content div.box div.title +{ + background: #336699 url("../../images/title.png") repeat-x; +} + +#content div.box div.title ul.links li a +{ + background: url("../../images/title_link.png") no-repeat top left; + border-left: 1px solid #316293; +} + +#content div.box div.title ul.links li a:hover +{ + background: url("../../images/title_tab_selected.png") no-repeat bottom center; + color: #bfe3ff; +} + +#content div.box div.title ul.links li.ui-tabs-selected a +{ + background: url("../../images/title_tab_selected.png") no-repeat bottom center; + color: #bfe3ff; +} + +/* + content / right / box / search +*/ + +#content div.box div.title div.search +{ + background: url("../../images/title_link.png") no-repeat top left; + border-left: 1px solid #316293; +} + +#content div.box div.title div.search div.input input +{ + border: 1px solid #316293; +} + +#content div.box div.title div.search div.button input.ui-state-default +{ + background: #4e85bb url("../../images/button_highlight.png") repeat-x; + border: 1px solid #316293; + border-left: none; + color: #FFFFFF; +} + +#content div.box div.title div.search div.button input.ui-state-hover +{ + background: #46a0c1 url("../../images/button_highlight_selected.png") repeat-x; + border: 1px solid #316293; + border-left: none; + color: #FFFFFF; +} + +/* + content / right / forms / button +*/ + +#content div.box div.form div.fields div.field div.highlight .ui-state-default +{ + background: #4e85bb url("../../images/button_highlight.png") repeat-x; + border-top: 1px solid #5c91a4; + border-left: 1px solid #2a6f89; + border-right: 1px solid #2b7089; + border-bottom: 1px solid #1a6480; + color: #ffffff; +} + +#content div.box div.form div.fields div.field div.highlight .ui-state-hover +{ + background: #46a0c1 url("../../images/button_highlight_selected.png") repeat-x; + border-top: 1px solid #78acbf; + border-left: 1px solid #34819e; + border-right: 1px solid #35829f; + border-bottom: 1px solid #257897; + color: #ffffff; +} + +/* + content / right / forms / buttons +*/ + +#content div.box div.form div.fields div.buttons div.highlight input.ui-state-default +{ + background: #4e85bb url("../../images/button_highlight.png") repeat-x; + border-top: 1px solid #5c91a4; + border-left: 1px solid #2a6f89; + border-right: 1px solid #2b7089; + border-bottom: 1px solid #1a6480; + color: #ffffff; +} + +#content div.box div.form div.fields div.buttons div.highlight input.ui-state-hover +{ + background: #46a0c1 url("../../images/button_highlight_selected.png") repeat-x; + border-top: 1px solid #78acbf; + border-left: 1px solid #34819e; + border-right: 1px solid #35829f; + border-bottom: 1px solid #257897; + color: #ffffff; +} + +/* + login / title +*/ + +#login div.title +{ + background: #003367 url("../../images/header_inner.png") repeat-x; +} + +/* + login / title / corners +*/ + +#login div.title div.corner +{ + background: url("../../images/login_corners.png") no-repeat; +} + +#login div.title div.tl +{ + top: 0; + left: 0; + background-position: 0 0; +} + +#login div.title div.tr +{ + top: 0; + right: 0; + background-position: -6px 0; +}
--- a/rhodecode/templates/base/base.html Sun Oct 10 22:11:57 2010 +0200 +++ b/rhodecode/templates/base/base.html Sun Oct 10 23:15:24 2010 +0200 @@ -244,9 +244,7 @@ <%def name="css()"> -<link rel="stylesheet" type="text/css" href="/css/reset.css" /> <link rel="stylesheet" type="text/css" href="/css/style.css" media="screen" /> -<link id="color" rel="stylesheet" type="text/css" href="/css/colors/blue.css" /> <link rel="stylesheet" type="text/css" href="/css/pygments.css" /> <link rel="stylesheet" type="text/css" href="/css/diff.css" /> </%def>