| 1 |
/* $Id: hierarchical_select-rtl.css,v 1.8 2008/09/18 09:17:24 wimleers Exp $ */ |
/* $Id: hierarchical_select-rtl.css,v 1.9 2008/11/30 00:48:49 wimleers Exp $ */ |
| 2 |
|
|
| 3 |
|
|
| 4 |
/* The hierarchical select. */ |
/* The hierarchical select. */ |
|
.hierarchical-select-wrapper { |
|
|
margin: 2px; /* Make sure a Hierarchical Selects is *indistuingishable* |
|
|
from a normal select with regards to spacing. Firefox seems |
|
|
to be giving special treatment to select elements though, |
|
|
because it's not rendering the 2px horizontal margins though |
|
|
they *are* set. */ |
|
|
} |
|
|
|
|
| 5 |
.hierarchical-select-wrapper .hierarchical-select .selects { |
.hierarchical-select-wrapper .hierarchical-select .selects { |
| 6 |
float: right; /* If a block is floated, it won't consume as much width as |
float: right; /* If a block is floated, it won't consume as much width as |
| 7 |
available, only just enough. This allows the grippie to |
available, only just enough. This allows the grippie to |
| 23 |
.hierarchical-select-wrapper .hierarchical-select select, |
.hierarchical-select-wrapper .hierarchical-select select, |
| 24 |
.hierarchical-select-wrapper .hierarchical-select .add-to-dropbox, |
.hierarchical-select-wrapper .hierarchical-select .add-to-dropbox, |
| 25 |
.hierarchical-select-wrapper .hierarchical-select .create-new-item { |
.hierarchical-select-wrapper .hierarchical-select .create-new-item { |
| 26 |
margin: 0; |
margin-left: .5em; |
| 27 |
margin-left: .5em; /* margin-right: .5em; */ |
float: right; |
|
margin-bottom: 3px; |
|
|
float: right; /* float: left; */ |
|
|
} |
|
|
|
|
|
|
|
|
/* The flat select (only used in GET forms). */ |
|
|
.hierarchical-select-wrapper .flat-select { |
|
|
display: none; |
|
| 28 |
} |
} |
| 29 |
|
|
| 30 |
|
|
| 31 |
/* The pseudo-modal window for creating a new item or new level. */ |
/* The pseudo-modal window for creating a new item or new level. */ |
|
.hierarchical-select-wrapper .hierarchical-select .create-new-item { |
|
|
padding: .7em; |
|
|
border: 2px outset gray; |
|
|
} |
|
|
|
|
|
.hierarchical-select-wrapper .hierarchical-select .create-new-item { |
|
|
width: 11em; |
|
|
} |
|
|
|
|
| 32 |
.hierarchical-select-wrapper .hierarchical-select .create-new-item-create, |
.hierarchical-select-wrapper .hierarchical-select .create-new-item-create, |
| 33 |
.hierarchical-select-wrapper .hierarchical-select .create-new-item-cancel { |
.hierarchical-select-wrapper .hierarchical-select .create-new-item-cancel { |
| 34 |
float: left; /* float: right; */ |
float: left; |
| 35 |
margin: 0; |
margin-right: .4em; |
|
margin-left: .4em; |
|
| 36 |
} |
} |
| 37 |
|
|
| 38 |
.hierarchical-select-wrapper .hierarchical-select .create-new-item-input { |
.hierarchical-select-wrapper .hierarchical-select .create-new-item-input { |
| 39 |
width: 10.5em; |
float: right; |
| 40 |
margin: 0; |
clear: left; |
|
margin-bottom: 1em; |
|
|
float: right; /* float: left; */ |
|
|
float: left; /* clear: right; */ |
|
|
} |
|
|
|
|
|
|
|
|
/* Level labels styles. */ |
|
|
.hierarchical-select-level-labels-style-bold .hierarchical-select select option.level-label { |
|
|
font-weight: bold; |
|
|
} |
|
|
|
|
|
.hierarchical-select-level-labels-style-inversed .hierarchical-select select option.level-label { |
|
|
background-color: #000000; |
|
|
color: #FFFFFF; |
|
|
} |
|
|
|
|
|
.hierarchical-select-level-labels-style-underlined .hierarchical-select select option.level-label { |
|
|
text-decoration: underline; |
|
| 41 |
} |
} |
| 42 |
|
|
| 43 |
|
|
| 44 |
/* Child level indicator. */ |
/* Child level indicator. */ |
| 45 |
.hierarchical-select-wrapper .hierarchical-select option.has-children { |
.hierarchical-select-wrapper .hierarchical-select option.has-children { |
| 46 |
background: url(images/arrow.png) no-repeat right center; |
background: url(images/arrow.png) no-repeat left center; |
| 47 |
} |
} |
| 48 |
|
|
| 49 |
|
|
| 50 |
/* Dropbox limit warning.*/ |
/* Dropbox limit warning.*/ |
| 51 |
p.hierarchical-select-dropbox-limit-warning { |
p.hierarchical-select-dropbox-limit-warning { |
|
padding: 0; |
|
|
color: #F7A54F; |
|
|
font-size: 110%; |
|
|
padding-left: .5em; |
|
|
} |
|
|
|
|
|
|
|
|
/* The dropbox table. */ |
|
|
.hierarchical-select-wrapper .dropbox-title { |
|
|
font-size: 115%; |
|
|
color: #898989; |
|
|
margin-bottom: 0.2em; |
|
|
} |
|
|
|
|
|
.hierarchical-select-wrapper .dropbox { |
|
|
display: inline-block; |
|
|
margin: .5em 0; |
|
|
} |
|
|
|
|
|
.hierarchical-select-wrapper .dropbox table { |
|
|
margin: 0; |
|
|
width: auto; |
|
|
max-width: 100%; |
|
|
min-width: 20em; |
|
|
color: gray; |
|
|
font-size: 90%; |
|
|
border: 1px solid gray; |
|
|
} |
|
|
|
|
|
tr.dropbox-entry { |
|
|
line-height: 1.3em; |
|
|
padding: .3em .6em; |
|
|
} |
|
|
|
|
|
tr.dropbox-entry.even { |
|
|
background-color: transparent; |
|
|
border-bottom: 1px solid #CCCCCC; |
|
|
} |
|
|
|
|
|
tr.dropbox-entry.odd { |
|
|
background-color: #EDF5FA; |
|
|
border-bottom: 1px solid #CCCCCC; |
|
|
} |
|
|
|
|
|
tr.dropbox-entry.first { |
|
|
border-top: 1px solid gray; |
|
|
} |
|
|
|
|
|
tr.dropbox-entry.last { |
|
|
border-bottom: 1px solid gray; |
|
|
} |
|
|
|
|
|
.dropbox-selected-item { |
|
|
font-weight: bold; |
|
|
} |
|
|
|
|
|
.hierarchical-select-item-separator { |
|
|
padding-left: .5em; |
|
| 52 |
padding-right: .5em; |
padding-right: .5em; |
| 53 |
} |
} |
|
|
|
|
td.dropbox-remove *, |
|
|
td.dropbox-remove a:link, |
|
|
td.dropbox-remove a:visited { |
|
|
color: #F7A54F; |
|
|
text-decoration: none; |
|
|
} |
|
|
|
|
|
td.dropbox-remove a:hover { |
|
|
text-decoration: underline; |
|
|
} |
|
|
|
|
|
tr.dropbox-is-empty { |
|
|
padding: .5em 1em; |
|
|
} |
|
|
|
|
|
|
|
|
/* The "Update" button and help text (used when Javascript is disabled). */ |
|
|
.hierarchical-select-wrapper .nojs .update-button { |
|
|
margin: 0 0 1em; |
|
|
} |
|
|
|
|
|
.hierarchical-select-wrapper .nojs .help-text { |
|
|
font-size: 90%; |
|
|
color: transparent; |
|
|
display: block; |
|
|
border: 1px dotted black; |
|
|
overflow: hidden; |
|
|
width: 34em; |
|
|
height: 1.2em; |
|
|
padding: .6em; |
|
|
line-height: normal; |
|
|
} |
|
|
|
|
|
.hierarchical-select-wrapper .nojs .help-text:hover { |
|
|
height: auto; |
|
|
width: auto; |
|
|
min-width: 25em; |
|
|
max-width: 45em; |
|
|
color: gray; |
|
|
} |
|
|
|
|
|
.hierarchical-select-wrapper .nojs .help-text .ask-to-hover { |
|
|
color: gray; |
|
|
font-style: italic; |
|
|
} |
|
|
|
|
|
.hierarchical-select-wrapper .nojs .help-text:hover .ask-to-hover { |
|
|
display: none; |
|
|
} |
|
|
|
|
|
.hierarchical-select-wrapper .nojs .help-text .highlight { |
|
|
text-decoration: underline; |
|
|
} |
|
|
|
|
|
.hierarchical-select-wrapper .nojs .help-text .warning { |
|
|
color: red; |
|
|
} |
|
|
|
|
|
.hierarchical-select-wrapper .nojs .help-text .solutions { |
|
|
margin: 0; |
|
|
padding: 0; |
|
|
} |
|
|
|
|
|
|
|
|
/* The 'waiting' class is set dynamically, during a callback to the server. */ |
|
|
.hierarchical-select-wrapper.waiting { |
|
|
opacity: 0.5; |
|
|
|
|
|
/* IE doesn't support CSS 2 properly. */ |
|
|
zoom: 1; |
|
|
filter: alpha(opacity=50); |
|
|
} |
|
|
|
|
|
|
|
|
/* Use a monospace font for the import/export config code text areas. */ |
|
|
.hierarchical-select-config-code { |
|
|
font-family: 'Monaco', 'Lucida Console', 'Consolas', monospace; |
|
|
} |
|