/* -----------------------------------------------------------
|
header
|
----------------------------------------------------------- */
|
|
#header #header-inner
|
{
|
background: #5c330a url("../../../resources/images/colors/brown/header_inner.png") repeat-x;
|
}
|
|
/* -----------------------------------------------------------
|
header -> home
|
----------------------------------------------------------- */
|
|
#header #header-inner #home a
|
{
|
background: url("../../../resources/images/colors/brown/button_home.png");
|
}
|
|
/* -----------------------------------------------------------
|
header -> quick
|
----------------------------------------------------------- */
|
|
#header #header-inner ul#quick li a
|
{
|
background: #8f663d url("../../../resources/images/colors/brown/quick_l.png") no-repeat top left;
|
}
|
|
#header #header-inner ul#quick li span
|
{
|
background: url("../../../resources/images/colors/brown/quick_r.png") no-repeat top right;
|
border-left: 1px solid #956f49;
|
}
|
|
#header #header-inner ul#quick li span.icon
|
{
|
background: url("../../../resources/images/colors/brown/quick_l.png") no-repeat top left;
|
border-right: 1px solid #805c37;
|
}
|
|
#header #header-inner ul#quick li a:hover
|
{
|
background: #4e4e4e url("../../../resources/images/colors/brown/quick_l_selected.png") no-repeat top left;
|
}
|
|
#header #header-inner ul#quick li a:hover span
|
{
|
background: url("../../../resources/images/colors/brown/quick_r_selected.png") no-repeat top right;
|
}
|
|
#header #header-inner ul#quick li a:hover span.icon
|
{
|
background: url("../../../resources/images/colors/brown/quick_l_selected.png") no-repeat top left;
|
}
|
|
/* -----------------------------------------------------------
|
header corners
|
----------------------------------------------------------- */
|
|
#header #header-inner div.corner
|
{
|
background: url("../../../resources/images/colors/brown/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: #5d330a url("../../../resources/images/colors/brown/menu_selected.png") repeat-x;
|
}
|
|
#content #left #menu h6.selected a
|
{
|
background: url("../../../resources/images/colors/brown/menu_l_selected.png") no-repeat top left;
|
}
|
|
#content #left #menu h6.selected span
|
{
|
background: url("../../../resources/images/colors/brown/menu_r_selected.png") no-repeat top right;
|
}
|
|
#content #left #menu ul
|
{
|
background: #9b6e42;
|
}
|
|
#content #left #menu li
|
{
|
border-top: 1px solid #a0774d;
|
border-bottom: 1px solid #8b633b;
|
}
|
|
#content #left #menu li a
|
{
|
background: url("../../../resources/images/colors/brown/menu_arrow.png") no-repeat 0 9px;
|
}
|
|
#content #left #menu li a:hover
|
{
|
color: #f8dcc0;
|
}
|
|
#content #left #menu li.collapsible
|
{
|
background: url("../../../resources/images/colors/brown/menu_border.png") no-repeat top left;
|
}
|
|
#content #left #menu li.collapsible a.minus
|
{
|
border-bottom: 1px solid #8b633b;
|
}
|
|
#content #left #menu li ul
|
{
|
border-left: 18px solid #8b633b;
|
}
|
|
#content #left #menu li ul li
|
{
|
background: url("../../../resources/images/colors/brown/menu_arrow.png") no-repeat 10px 9px;
|
border-top: 1px solid #a0774d;
|
border-bottom: 1px solid #8b633b;
|
}
|
|
/* -----------------------------------------------------------
|
content -> right -> box / title
|
----------------------------------------------------------- */
|
|
#content div.box div.title
|
{
|
background: #8f663d url("../../../resources/images/colors/brown/title.png") repeat-x;
|
}
|
|
#content div.box div.title ul.links li a
|
{
|
background: url("../../../resources/images/colors/brown/title_link.png") no-repeat top left;
|
border-left: 1px solid #8a623b;
|
}
|
|
#content div.box div.title ul.links li a:hover
|
{
|
background: url("../../../resources/images/colors/brown/title_tab_selected.png") no-repeat bottom center;
|
color: #ffdfbf;
|
}
|
|
#content div.box div.title ul.links li.ui-tabs-selected a
|
{
|
background: url("../../../resources/images/colors/brown/title_tab_selected.png") no-repeat bottom center;
|
color: #ffdfbf;
|
}
|
|
/* -----------------------------------------------------------
|
content -> right -> box / search
|
----------------------------------------------------------- */
|
|
#content div.box div.title div.search
|
{
|
background: url("../../../resources/images/colors/brown/title_link.png") no-repeat top left;
|
border-left: 1px solid #8a623b;
|
}
|
|
#content div.box div.title div.search div.input input
|
{
|
border: 1px solid #8a623b;
|
}
|
|
#content div.box div.title div.search div.button input.ui-state-default
|
{
|
background: #b08559 url("../../../resources/images/colors/brown/button_highlight.png") repeat-x;
|
border: 1px solid #8a623b;
|
border-left: none;
|
color: #FFFFFF;
|
}
|
|
#content div.box div.title div.search div.button input.ui-state-hover
|
{
|
background: #b46d52 url("../../../resources/images/colors/brown/button_highlight_selected.png") repeat-x;
|
border: 1px solid #8a623b;
|
border-left: none;
|
color: #FFFFFF;
|
}
|
|
/* -----------------------------------------------------------
|
content -> right -> forms -> button
|
----------------------------------------------------------- */
|
|
#content div.box div.form div.fields div.field div.highlight .ui-state-default
|
{
|
background: #b08559 url("../../../resources/images/colors/brown/button_highlight.png") repeat-x;
|
border-top: 1px solid #bfa49a;
|
border-left: 1px solid #ac887b;
|
border-right: 1px solid #996d5d;
|
border-bottom: 1px solid #916250;
|
color: #ffffff;
|
}
|
|
#content div.box div.form div.fields div.field div.highlight .ui-state-hover
|
{
|
background: #b46d52 url("../../../resources/images/colors/brown/button_highlight_selected.png") repeat-x;
|
border-top: 1px solid #b88e7f;
|
border-left: 1px solid #94553e;
|
border-right: 1px solid #94563f;
|
border-bottom: 1px solid #8c4930;
|
color: #ffffff;
|
}
|
|
/* -----------------------------------------------------------
|
content -> right -> forms
|
----------------------------------------------------------- */
|
|
#content div.box div.form div.fields div.buttons div.highlight input.ui-state-default
|
{
|
background: #b08559 url("../../../resources/images/colors/brown/button_highlight.png") repeat-x;
|
border-top: 1px solid #bfa49a;
|
border-left: 1px solid #ac887b;
|
border-right: 1px solid #996d5d;
|
border-bottom: 1px solid #916250;
|
color: #ffffff;
|
}
|
|
#content div.box div.form div.fields div.buttons div.highlight input.ui-state-hover
|
{
|
background: #b46d52 url("../../../resources/images/colors/brown/button_highlight_selected.png") repeat-x;
|
border-top: 1px solid #b88e7f;
|
border-left: 1px solid #94553e;
|
border-right: 1px solid #94563f;
|
border-bottom: 1px solid #8c4930;
|
color: #ffffff;
|
}
|
|
/* -----------------------------------------------------------
|
login -> title
|
----------------------------------------------------------- */
|
|
#login div.title
|
{
|
background: #5c330a url("../../../resources/images/colors/brown/header_inner.png") repeat-x;
|
}
|
|
|
/* -----------------------------------------------------------
|
login -> title / corners
|
----------------------------------------------------------- */
|
|
#login div.title div.corner
|
{
|
background: url("../../../resources/images/colors/brown/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: #9b6e42; }
|
.ui-selectmenu-open li.ui-selectmenu-item-focus a { color: #ffffff; }
|
|
/* -----------------------------------------------------------
|
jquery ui -> datepicker
|
----------------------------------------------------------- */
|
.ui-datepicker td span, .ui-datepicker td a:hover { background: #9b6e42; color: #ffffff; }
|
.ui-datepicker td span, .ui-datepicker td.ui-datepicker-current-day a { background: #9b6e42; color: #ffffff; }
|
|
/* -----------------------------------------------------------
|
jquery ui -> autocomplete
|
----------------------------------------------------------- */
|
|
.ui-autocomplete .ui-menu-item a:hover { background: #9b6e42; color: #ffffff; }
|
|
/* -----------------------------------------------------------
|
jquery ui -> dialog
|
----------------------------------------------------------- */
|
|
.ui-dialog { border: 1px solid #8f663d; }
|
.ui-dialog .ui-dialog-titlebar { background: #8f663d url("../../../resources/images/colors/brown/title.png") repeat-x; }
|
|
#content div.box div.title1 {background: #7b8745 url("../../../resources/images/colors/green/title.png") repeat-x;}
|
#content div.box div.title1 ul.links li a {background: url("../../../resources/images/colors/green/title_link.png") no-repeat top left;border-left: 1px solid #768243;}
|
#content div.box div.title1 ul.links li a:hover {background: url("../../../resources/images/colors/green/title_tab_selected.png") no-repeat bottom center;color: #ebfaa9;}
|
|
#content div.box div.title2 {background: #336699 url("../../../resources/images/colors/blue/title.png") repeat-x;}
|
#content div.box div.title2 ul.links li a {background: url("../../../resources/images/colors/blue/title_link.png") no-repeat top left;border-left: 1px solid #316293;}
|
#content div.box div.title2 ul.links li a:hover {background: url("../../../resources/images/colors/blue/title_tab_selected.png") no-repeat bottom center;color: #bfe3ff;}
|
|
#content div.box div.title3 {background: #8f663d url("../../../resources/images/colors/brown/title.png") repeat-x;}
|
#content div.box div.title3 ul.links li a {background: url("../../../resources/images/colors/brown/title_link.png") no-repeat top left;border-left: 1px solid #8a623b;}
|
#content div.box div.title3 ul.links li a:hover {background: url("../../../resources/images/colors/brown/title_tab_selected.png") no-repeat bottom center;color: #ffdfbf;}
|
|
#content div.box div.title4 {background: #7e4c81 url("../../../resources/images/colors/purple/title.png") repeat-x;}
|
#content div.box div.title4 ul.links li a {background: url("../../../resources/images/colors/purple/title_link.png") no-repeat top left;border-left: 1px solid #804d83;}
|
#content div.box div.title4 ul.links li a:hover {background: url("../../../resources/images/colors/purple/title_tab_selected.png") no-repeat bottom center;color: #eccaee;}
|
|
#content div.box div.title5 {background: #af2e1e url("../../../resources/images/colors/red/title.png") repeat-x;}
|
#content div.box div.title5 ul.links li a {background: url("../../../resources/images/colors/red/title_link.png") no-repeat top left;border-left: 1px solid #4d6278;}
|
#content div.box div.title5 ul.links li a:hover {background: url("../../../resources/images/colors/red/title_tab_selected.png") no-repeat bottom center;color: #cddceb;}
|
|
#content div.box div.title6 {background: #50667c url("../../../resources/images/colors/greyblue/title.png") repeat-x;}
|
#content div.box div.title6 ul.links li a {background: url("../../../resources/images/colors/greyblue/title_link.png") no-repeat top left;border-left: 1px solid #a82d1c;}
|
#content div.box div.title6 ul.links li a:hover {background: url("../../../resources/images/colors/greyblue/title_tab_selected.png") no-repeat bottom center;color: #ffc1b9;}
|
