Mercurial > kallithea
view pylons_app/public/css/colors/blue.css @ 533:53aa1ee1af86
updated tests for new version 6char password etc...
author | Marcin Kuzminski <marcin@python-works.com> |
---|---|
date | Fri, 01 Oct 2010 02:04:32 +0200 |
parents | 558eb7c5028f |
children |
line wrap: on
line source
/* ----------------------------------------------------------- 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; }