Owen Leonard
da42e098e0
The previous method for displaying itemtype images relied on setting a background-image for a list item. This method didn't take into account the possibility of varying sizes for images, resulting in overlap with some images. This patch also includes some changes to improve readability of holdings information. Signed-off-by: Galen Charlton <galen.charlton@liblime.com>
1643 lines
26 KiB
CSS
1643 lines
26 KiB
CSS
@import url("../lib/yui/reset-fonts-grids.css");
|
|
@import url("../lib/yui/skin.css");
|
|
|
|
a, a:link, a:visited, a:active {
|
|
color : #0000CC;
|
|
}
|
|
|
|
.yui-button a,.yui-button a:link,.yui-button a:visited {
|
|
color : #000;
|
|
}
|
|
|
|
a:hover {
|
|
color : #669ACC;
|
|
}
|
|
|
|
a.overdue,.overdue {
|
|
color : #cc0000;
|
|
}
|
|
|
|
body {
|
|
text-align : left;
|
|
padding:0 0 2.5em 0;
|
|
}
|
|
|
|
br.clear {
|
|
clear : both;
|
|
line-height : 1px;
|
|
}
|
|
|
|
form {
|
|
display : inline;
|
|
}
|
|
|
|
form.confirm {
|
|
display : block;
|
|
text-align : center;
|
|
}
|
|
|
|
h1 {
|
|
font-size : 161.6%;
|
|
font-weight : bold;
|
|
}
|
|
|
|
h2 {
|
|
font-size : 146.5%;
|
|
font-weight : bold;
|
|
}
|
|
|
|
h3 {
|
|
font-size : 131%;
|
|
font-weight : bold;
|
|
}
|
|
|
|
h4 {
|
|
font-size : 116%;
|
|
font-weight : bold;
|
|
}
|
|
|
|
h5 {
|
|
font-size : 100%;
|
|
font-weight : bold;
|
|
}
|
|
|
|
h6 {
|
|
font-size : 93%;
|
|
font-weight : bold;
|
|
}
|
|
|
|
h1,h2,h3,h4,h5,h6 {
|
|
margin : .3em 0;
|
|
}
|
|
|
|
html {
|
|
}
|
|
|
|
p {
|
|
margin: .5em 0 .5em 0;
|
|
}
|
|
|
|
strong {
|
|
font-weight : bold;
|
|
}
|
|
|
|
strong em {
|
|
font-weight : bold;
|
|
font-style : italic;
|
|
}
|
|
|
|
em, cite {
|
|
font-style : italic;
|
|
}
|
|
|
|
em strong {
|
|
font-weight : bold;
|
|
font-style : italic;
|
|
}
|
|
|
|
.subfield-label {
|
|
font-style : italic;
|
|
}
|
|
|
|
#hd {
|
|
}
|
|
|
|
#navigation {
|
|
border-right : 1px solid #BCBCBC;
|
|
}
|
|
|
|
#navigation li {
|
|
font-weight : bold;
|
|
}
|
|
|
|
#navigation li li {
|
|
font-weight : normal;
|
|
}
|
|
|
|
#navigation input {
|
|
font-size : 85%;
|
|
}
|
|
|
|
#navmenulist li {
|
|
padding : .2em 0;
|
|
list-style-image : url("../../img/arrow-bullet.gif");
|
|
border-bottom : 1px solid #EEE;
|
|
}
|
|
|
|
#navmenulist li a {
|
|
text-decoration : none;
|
|
}
|
|
|
|
#ft {
|
|
}
|
|
|
|
.yui-u {
|
|
}
|
|
|
|
#doc, #doc1, #doc2, #doc3 {
|
|
padding-top : 1em;
|
|
}
|
|
|
|
#login {
|
|
position : absolute;
|
|
right : .5em;
|
|
}
|
|
|
|
#login a {
|
|
|
|
}
|
|
|
|
ul {
|
|
padding-left : 1.1em;
|
|
}
|
|
|
|
ul li {
|
|
list-style-type : disc;
|
|
}
|
|
|
|
ul li li {
|
|
list-style-type : circle;
|
|
}
|
|
|
|
ol {
|
|
padding-left : 1.5em;
|
|
}
|
|
|
|
ol li {
|
|
list-style : decimal;
|
|
}
|
|
|
|
#header {
|
|
background-color : #F3F3F3;
|
|
border-bottom : 1px solid #E8E8E8;
|
|
line-height : 2em;
|
|
}
|
|
|
|
.clearfix:after {
|
|
content: ".";
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.clearfix {display: inline-block;}
|
|
|
|
/* Hides from IE-mac \*/
|
|
* html .clearfix {height: 1%;}
|
|
.clearfix {display: block;}
|
|
/* End hide from IE-mac */
|
|
|
|
#sitetitle {
|
|
/* background-image : url("../../img/koha-logo-black.png");
|
|
background-position : 5px 2px;
|
|
background-repeat : no-repeat;
|
|
float : left;
|
|
height : 54px;
|
|
padding-left : 50px;*/
|
|
border-bottom : 1px solid #E8E8E8;
|
|
}
|
|
|
|
#sitetitle h1 {
|
|
display : inline;
|
|
line-height : 54px;
|
|
}
|
|
|
|
#sitetitle h1 a {
|
|
text-decoration : none;
|
|
}
|
|
|
|
#submenu {
|
|
margin : 0 0 .5em 0;
|
|
padding : 0;
|
|
}
|
|
|
|
#submenu ul {
|
|
margin : 0;
|
|
padding : 0;
|
|
}
|
|
|
|
#submenu ul li {
|
|
padding-left : 0;
|
|
}
|
|
|
|
table {
|
|
border-collapse : collapse;
|
|
border-top : 1px solid #BCBCBC;
|
|
border-right : 1px solid #BCBCBC;
|
|
}
|
|
|
|
td, th {
|
|
border-bottom : 1px solid #BCBCBC;
|
|
border-left : 1px solid #BCBCBC;
|
|
padding : .2em .3em;
|
|
}
|
|
|
|
td {
|
|
background-color : White;
|
|
}
|
|
|
|
th {
|
|
background-color : #E8E8E8;
|
|
font-weight : bold;
|
|
text-align : center;
|
|
}
|
|
|
|
table+table {
|
|
margin-top : 1em;
|
|
}
|
|
|
|
#editions table, #editions td {
|
|
border : 0;
|
|
}
|
|
|
|
|
|
tr.highlight td, tr.highlight th, tr.odd td {
|
|
background-color : #F3F3F3;
|
|
border : 1px solid #DDDDDD;
|
|
border-right : 1px solid #DDDDDD;
|
|
}
|
|
|
|
tr.even td, tr.even.highlight td {
|
|
background-color: #FFF;
|
|
border-right : 1px solid #DDDDDD;
|
|
}
|
|
|
|
td.od {
|
|
color : #cc0000;
|
|
font-weight : bold;
|
|
}
|
|
|
|
tr.warn td {
|
|
background-color: #FF9090;
|
|
}
|
|
|
|
tr.onissue td {
|
|
background-color: #FFFFCC;
|
|
}
|
|
|
|
tr.highlight.onissue td {
|
|
background-color: #FFFFE1;
|
|
}
|
|
|
|
caption {
|
|
font-size : 133.9%;
|
|
font-weight : bold;
|
|
margin : .3em 0;
|
|
}
|
|
|
|
span.problem {
|
|
background-color : #FFFFCC;
|
|
color : #990000;
|
|
font-weight : bold;
|
|
line-height : 1.7em;
|
|
}
|
|
|
|
fieldset {
|
|
border : 2px solid #EEEEEE;
|
|
margin : 1em 1em 1em 0;
|
|
padding : 1em;
|
|
}
|
|
|
|
legend {
|
|
font-size : 123.1%;
|
|
font-weight : bold;
|
|
margin : 0 0 0 -1em;
|
|
padding : 0;
|
|
}
|
|
|
|
#breadcrumbs {
|
|
background-color : #F3F3F3;
|
|
border-bottom : 1px solid #E8E8E8;
|
|
clear : both;
|
|
font-size : 90%;
|
|
padding :.2em .5em .4em 10px;
|
|
margin : 0;
|
|
}
|
|
|
|
#header+#breadcrumbs {
|
|
margin-top : 1em;
|
|
}
|
|
|
|
#commonsearch {
|
|
display : inline;
|
|
}
|
|
|
|
|
|
div#header_search {
|
|
background-position : .5em .5em;
|
|
background-repeat : no-repeat;
|
|
float: left;
|
|
margin: .3em 0 .5em 0;
|
|
}
|
|
|
|
div#header_search input {
|
|
font-size : 1.3em;
|
|
}
|
|
|
|
div#header_search ul.link-tabs {
|
|
font-family : Arial, Geneva, sans-serif;
|
|
margin-bottom : -4px;
|
|
}
|
|
|
|
div#header_search ul.link-tabs li.on a,
|
|
div#header_search ul.link-tabs li a,
|
|
div#header_search ul.link-tabs li.off a {
|
|
padding : 0.1em .5em .2em .5em;
|
|
}
|
|
|
|
div#header_search div.residentsearch {
|
|
border : 0;
|
|
border-bottom : 1px solid #FF9900;
|
|
padding : 0 0 .2em 0;
|
|
}
|
|
|
|
div#reserves,div#checkouts {
|
|
border : 1px solid #E8E8E8;
|
|
padding : 1em;
|
|
}
|
|
|
|
.tip {
|
|
font-size: 93%;
|
|
color : Gray;
|
|
}
|
|
|
|
.single-line {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.ex {
|
|
font-family : "Courier New", Courier, fixed-width;
|
|
font-weight : bold;
|
|
}
|
|
|
|
|
|
div.yui-b h5 {
|
|
font-size : 100%;
|
|
margin : .5em 0;
|
|
}
|
|
|
|
dt {
|
|
font-weight : bold;
|
|
}
|
|
|
|
dd {
|
|
padding : .2em;
|
|
font-size : 90%;
|
|
text-indent : 2.5em;
|
|
font-weight : normal;
|
|
}
|
|
|
|
div#toolbar {
|
|
background-color : #F3F3F3;
|
|
margin-bottom : .7em;
|
|
}
|
|
|
|
ul.toolbar {
|
|
padding-left : 0;
|
|
}
|
|
|
|
.yui-menu-button {
|
|
|
|
}
|
|
|
|
a.yuimenuitemlabel-disabled, #disabled a {
|
|
color: #999;
|
|
}
|
|
a.yuimenuitemlabel-disabled:hover, #disabled a:hover {
|
|
color : #999;
|
|
}
|
|
|
|
ul.toolbar li {
|
|
display : inline;
|
|
list-style : none;
|
|
}
|
|
|
|
div.patroninfo {
|
|
margin-top : -.5em;
|
|
}
|
|
|
|
*html div.patroninfo {
|
|
margin-right : .5em;
|
|
}
|
|
|
|
div.patroninfo h5 {
|
|
border-right : 1px solid #000;
|
|
margin-bottom : 0;
|
|
padding-left : -.5em;
|
|
padding-top : .3em;
|
|
padding-bottom : .5em;
|
|
}
|
|
|
|
div.patroninfo ul {
|
|
border : 0;
|
|
border-right : 1px solid #000;
|
|
border-bottom : 0;
|
|
border-top : 0;
|
|
padding : 0;
|
|
margin : 0;
|
|
}
|
|
|
|
div.patroninfo ul li {
|
|
margin : 0;
|
|
}
|
|
|
|
div.patroninfo ul li, div.patronviews ul li {
|
|
list-style-type : none;
|
|
}
|
|
|
|
div.patronviews {
|
|
border-right : 1px solid #000;
|
|
border-top : 1px solid #000;
|
|
margin-bottom : .5em;
|
|
padding : .5em 0 .5em 0;
|
|
}
|
|
|
|
.column-tool {
|
|
font-size: 80%;
|
|
}
|
|
|
|
fieldset.brief {
|
|
border : 1px solid #E8E8E8;
|
|
}
|
|
|
|
fieldset.brief label {
|
|
display : block;
|
|
font-weight : bold;
|
|
padding : .3em 0;
|
|
}
|
|
|
|
fieldset.brief ol, fieldset.brief li {
|
|
list-style-type : none;
|
|
}
|
|
|
|
fieldset.brief div.hint, fieldset.rows div.hint {
|
|
color : #999999;
|
|
font-size : 95%;
|
|
margin-bottom : .4em;
|
|
}
|
|
|
|
div.yui-b fieldset.brief {
|
|
padding : .4em .7em;
|
|
}
|
|
|
|
div.yui-b fieldset.brief ol {
|
|
font-size : 85%;
|
|
margin : 0;
|
|
padding : 0;
|
|
}
|
|
|
|
div.yui-b fieldset.brief select {
|
|
width: 12em;
|
|
}
|
|
|
|
fieldset.rows {
|
|
border-width : 1px;
|
|
border-bottom : 1px solid #666;
|
|
float : left;
|
|
font-size : 90%;
|
|
clear : left;
|
|
margin: .9em 0 0 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
fieldset.rows legend {
|
|
margin-left: 1em;
|
|
font-weight: bold;
|
|
font-size : 110%;
|
|
}
|
|
|
|
fieldset.rows label, fieldset.rows span.label {
|
|
float: left;
|
|
font-weight : bold;
|
|
width: 6em;
|
|
margin-right: 1em;
|
|
text-align: right;
|
|
}
|
|
|
|
fieldset.rows fieldset {
|
|
border-width : 1px;
|
|
margin : 0 0 .5em 0;
|
|
padding : .3em;
|
|
}
|
|
|
|
.yui-b fieldset.rows label, .yui-b fieldset.rows span.label {
|
|
width: 9em;
|
|
}
|
|
|
|
.yui-b fieldset.rows div.hint {
|
|
margin-left : 10.5em;
|
|
}
|
|
|
|
.yui-u fieldset.rows label, .yui-u fieldset.rows span.label {
|
|
width: 6em;
|
|
}
|
|
|
|
.yui-u fieldset.rows div.hint {
|
|
margin-left : 7.5em;
|
|
}
|
|
|
|
fieldset.rows.left label, fieldset.rows.left span.label {
|
|
width : 8em;
|
|
text-align : left;
|
|
}
|
|
|
|
fieldset.rows ol {
|
|
padding: 1em 1em 0 1em;
|
|
list-style-type: none;
|
|
}
|
|
|
|
fieldset.rows li {
|
|
float : left;
|
|
clear : left;
|
|
padding-bottom: 1em;
|
|
list-style-type: none;
|
|
width: 100%;
|
|
}
|
|
|
|
fieldset.rows.left li {
|
|
padding-bottom : .4em;
|
|
}
|
|
|
|
fieldset.rows li.radio {
|
|
padding-left: 9em;
|
|
width : auto;
|
|
}
|
|
|
|
fieldset.rows li.radio label {
|
|
float : none;
|
|
width : auto;
|
|
margin : 0 0 0 1em;
|
|
}
|
|
|
|
fieldset.rows ol.radio label {
|
|
width : auto;
|
|
float : none;
|
|
margin-right : 0;
|
|
}
|
|
|
|
fieldset.rows ol.radio label.radio {
|
|
float : left;
|
|
width : 12em;
|
|
margin-right : 1em;
|
|
}
|
|
|
|
fieldset.rows table {
|
|
font-size : 105%;
|
|
clear : both;
|
|
margin : 1em 0 1em 1em;
|
|
}
|
|
|
|
fieldset.rows td label {
|
|
float : none;
|
|
font-weight : normal;
|
|
width : auto;
|
|
}
|
|
|
|
fieldset.rows label.yesno {
|
|
float : none;
|
|
width : auto;
|
|
}
|
|
|
|
fieldset.action, div.action {
|
|
clear : both;
|
|
float : none;
|
|
border : none;
|
|
margin : 0;
|
|
padding : 1em 0 .3em 0;
|
|
width : auto;
|
|
}
|
|
|
|
div.rows {
|
|
float : left;
|
|
clear : left;
|
|
margin: 0 0 0 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
div.rows span.label {
|
|
float: left;
|
|
font-weight : bold;
|
|
width: 9em;
|
|
margin-right: 1em;
|
|
text-align: left;
|
|
}
|
|
|
|
div.rows ol {
|
|
padding: .5em 1em 0 0;
|
|
list-style-type: none;
|
|
}
|
|
|
|
div.rows ol li li {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
div.rows li {
|
|
border-bottom : 1px solid #EEE;
|
|
float : left;
|
|
clear : left;
|
|
padding-bottom: .2em;
|
|
padding-top: .1em;
|
|
list-style-type: none;
|
|
width: 100%;
|
|
}
|
|
|
|
a.cancel {
|
|
padding-left : 1em;
|
|
}
|
|
|
|
fieldset.rows fieldset.action {
|
|
padding : 1em;
|
|
}
|
|
|
|
fieldset.rows label.inline {
|
|
display : inline;
|
|
float : none;
|
|
margin-left : 1em;
|
|
width : auto;
|
|
}
|
|
|
|
fieldset.rows .inputnote {
|
|
float : left;
|
|
margin : .5em 0 0 10em;
|
|
}
|
|
|
|
.ui-tabs-nav li {
|
|
margin-right : .5em;
|
|
position : relative;
|
|
top : -1px;
|
|
}
|
|
|
|
.ui-tabs-nav li.ui-tabs-selected {
|
|
|
|
}
|
|
|
|
.ui-tabs-nav a, .ui-tabs-nav a span, .ui-tabs-nav span.a {
|
|
background : none;
|
|
display : block;
|
|
padding: .2em .5em .25em .5em;
|
|
}
|
|
|
|
.ui-tabs-nav a, .ui-tabs-nav span.a {
|
|
|
|
}
|
|
|
|
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav .ui-tabs-selected span.a {
|
|
background-color : #FFFFCC;
|
|
border-top: 1px solid #FFFFCC;
|
|
border-right: 1px solid #FF9900;
|
|
border-bottom: 1px solid #FF9900;
|
|
border-left: 1px solid #FFCC66;
|
|
font-weight : bold;
|
|
text-align : center;
|
|
text-decoration : none;
|
|
|
|
}
|
|
|
|
.ui-tabs-nav .tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav span.a {
|
|
outline: 0; /* prevent dotted border in Firefox */
|
|
}
|
|
|
|
.ui-tabs-nav .ui-tabs-selected a:hover {
|
|
color : #0000CC;
|
|
}
|
|
|
|
.ui-tabs-nav li.ui-tabs-selected {
|
|
background-color : #FFFFCC;
|
|
}
|
|
|
|
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav span.a {
|
|
background : none;
|
|
outline: 0; /* prevent dotted border in Firefox */
|
|
}
|
|
|
|
.tabs-container {
|
|
border-top: 0;
|
|
padding : inherit;
|
|
background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
|
|
}
|
|
.tabs-loading em {
|
|
padding: inherit;
|
|
background: none;
|
|
}
|
|
|
|
.toptabs {
|
|
margin-top : 1em;
|
|
}
|
|
|
|
.toptabs .ui-tabs-nav li {
|
|
margin-right : .5em;
|
|
position : relative;
|
|
top : 1px;
|
|
}
|
|
|
|
.toptabs .ui-tabs-nav li a, .toptabs .ui-tabs-nav li span.a {
|
|
background-color : #F3F3F3;
|
|
border : 1px solid #E8E8E8;
|
|
text-align : center;
|
|
text-decoration : none;
|
|
}
|
|
|
|
.toptabs .ui-tabs-nav li.ui-tabs-selected {
|
|
|
|
}
|
|
|
|
.toptabs .ui-tabs-nav li.ui-tabs-selected a, .toptabs .ui-tabs-nav li.ui-tabs-selected span.a {
|
|
background-color : #FFF;
|
|
border-bottom : 1px solid #FFF;
|
|
margin-top : 0;
|
|
}
|
|
|
|
.toptabs .tabs-container {
|
|
border : 1px solid #E8E8E8;
|
|
padding : 1em;
|
|
}
|
|
|
|
.checkedout {
|
|
color : #999999;
|
|
font-style : italic;
|
|
}
|
|
|
|
.subfield_not_filled {
|
|
background-color : #FFFF99;
|
|
}
|
|
.content_hidden {
|
|
visibility:hidden; /* you propably don't need to change this one */
|
|
display:none;
|
|
}
|
|
|
|
/* the property for the displayed tab */
|
|
.content_visible {
|
|
visibility:visible; /* you propably don't need to change this one */
|
|
display:block;
|
|
}
|
|
#newbiblio a, #addchild a, #newentry a, #newshelf a, #newmenuc .first-child, #newsupplier .first-child, #newlabel a, #newtemplate a, #newlabelbatch a, #newpatroncardbatch a, #newprofile a, #newsubscription a, #newdictionary a, #neworder a {
|
|
padding-left : 34px;
|
|
background-image: url("../../img/toolbar-new.gif");
|
|
background-position : center left;
|
|
background-repeat : no-repeat;
|
|
}
|
|
|
|
#changepassword a {
|
|
padding-left : 34px;
|
|
background-image: url("../../img/toolbar-password.gif");
|
|
background-position : center left;
|
|
background-repeat : no-repeat;
|
|
}
|
|
|
|
#manageorders a {
|
|
padding-left : 34px;
|
|
background-image: url("../../img/toolbar-orders.gif");
|
|
background-position : center left;
|
|
background-repeat : no-repeat;
|
|
}
|
|
|
|
|
|
#savemenuc .first-child, #addbiblio .first-child {
|
|
padding-left : 34px;
|
|
background-image: url("../../img/toolbar-save.gif");
|
|
background-position : center left;
|
|
background-repeat : no-repeat;
|
|
}
|
|
|
|
#editpatron a, #editmenuc .first-child, #editshelf a, #edit a, #editsupplier a {
|
|
padding-left : 34px;
|
|
background-image: url("../../img/toolbar-edit.gif");
|
|
background-position : center left;
|
|
background-repeat : no-repeat;
|
|
}
|
|
|
|
#duplicate a {
|
|
padding-left : 34px;
|
|
background-image: url("../../img/toolbar-duplicate.gif");
|
|
background-position : center left;
|
|
background-repeat : no-repeat;
|
|
}
|
|
|
|
#receive a {
|
|
padding-left : 34px;
|
|
background-image: url("../../img/toolbar-receive.gif");
|
|
background-position : center left;
|
|
background-repeat : no-repeat;
|
|
}
|
|
|
|
#renew a {
|
|
padding-left : 34px;
|
|
background-image: url("../../img/toolbar-renew.gif");
|
|
background-position : center left;
|
|
background-repeat : no-repeat;
|
|
}
|
|
|
|
#deletebiblio button, #deletebiblio a, #deletepatron a, #deleteshelf .first-child, #delete a {
|
|
padding-left : 34px;
|
|
background-image: url("../../img/toolbar-delete.gif");
|
|
background-position : center left;
|
|
background-repeat : no-repeat;
|
|
}
|
|
|
|
#z3950search .first-child {
|
|
padding-left : 34px;
|
|
background-image: url("../../img/toolbar-search.gif");
|
|
background-position : center left;
|
|
background-repeat : no-repeat;
|
|
}
|
|
#printbiblio button, #printbiblio a, #printmenuc .first-child {
|
|
padding-left : 34px;
|
|
background-image: url("../../img/toolbar-print.gif");
|
|
background-position : center left;
|
|
background-repeat : no-repeat;
|
|
}
|
|
|
|
#addtoshelf button, #addtoshelf a {
|
|
padding-left : 34px;
|
|
background-image: url("../../img/toolbar-add-to-shelf.gif");
|
|
background-position : center left;
|
|
background-repeat : no-repeat;
|
|
}
|
|
|
|
#placehold a {
|
|
padding-left : 34px;
|
|
background-image: url("../../img/toolbar-hold.gif");
|
|
background-position : center left;
|
|
background-repeat : no-repeat;
|
|
}
|
|
|
|
#editmenuc .first-child, #deleteshelf .first-child,#newmenuc .first-child, #addbiblio .first-child, #z3950search .first-child, #printmenuc .first-child, #newsupplier .first-child, #savemenuc .first-child {
|
|
padding-left : 15px;
|
|
}
|
|
|
|
.error,
|
|
.error a,
|
|
.error a:link,
|
|
.error a:visited {
|
|
color: #cc0000;
|
|
}
|
|
|
|
div.error {
|
|
border : 2px dashed #990000;
|
|
background-color : #FFFF99;
|
|
padding : .5em;
|
|
margin : 1em;
|
|
}
|
|
|
|
input.alert {
|
|
background-color : #FFFF99;
|
|
border-color: #900;
|
|
}
|
|
|
|
ol.bibliodetails {
|
|
float: left;
|
|
margin : 0 0 1em 1em;
|
|
}
|
|
|
|
ol.bibliodetails li {
|
|
border-bottom: 1px solid #E8E8E8;
|
|
list-style-type : none;
|
|
padding : .1em;
|
|
}
|
|
|
|
ol.bibliodetails span.label {
|
|
border-right : 1px solid #E8E8E8;
|
|
float : left;
|
|
font-weight: bold;
|
|
width: 12em;
|
|
margin-right: 1em;
|
|
}
|
|
|
|
div.listgroup {
|
|
clear : left;
|
|
}
|
|
|
|
div.listgroup h4 {
|
|
font-style: italic;
|
|
}
|
|
|
|
div.listgroup h4 a {
|
|
font-size : 80%;
|
|
}
|
|
|
|
div.listgroup input {
|
|
font-size: 80%;
|
|
}
|
|
|
|
div.sysprefs h3 {
|
|
margin : .2em 0 .2em .4em;
|
|
}
|
|
|
|
div.sysprefs dl {
|
|
margin-left : 1.5em;
|
|
}
|
|
|
|
div.sysprefs div.hint {
|
|
width : 25%;
|
|
float : right;
|
|
padding : .5em;
|
|
margin : .7em;
|
|
}
|
|
|
|
tr.highlight td {
|
|
background-color : #F6F6F6;
|
|
}
|
|
|
|
tr.highlight th[scope=row] {
|
|
background-color : #DDDDDD;
|
|
}
|
|
|
|
tr.confirm td, tr.highlight.confirm td {
|
|
background-color : #ffbfbf;
|
|
}
|
|
|
|
#circ_circulation_issue label {
|
|
font-size: 105%;
|
|
font-weight : bold;
|
|
}
|
|
|
|
#circ_circulation_issue div.hint {
|
|
color : #666666;
|
|
margin: .2em 0;
|
|
}
|
|
|
|
#circ_circulation_issue .date-select {
|
|
font-size : 85%;
|
|
padding-top : .3em;
|
|
}
|
|
|
|
#circ_circulation_issue .date-select label {
|
|
font-size : inherit;
|
|
font-weight: normal;
|
|
}
|
|
|
|
#circ_circulation_issue .date-select input {
|
|
padding : 1px;
|
|
}
|
|
|
|
tr.expired td {
|
|
color : #999999;
|
|
}
|
|
|
|
span.expired {
|
|
color : #990000;
|
|
font-style : italic;
|
|
}
|
|
|
|
div.help {
|
|
margin: .9em 0 0 0;
|
|
}
|
|
|
|
.blocker {
|
|
color : #990000;
|
|
}
|
|
|
|
.circmessage li {
|
|
list-style : url(../../img/arrow-bullet.gif);
|
|
margin-bottom : .2em;
|
|
}
|
|
|
|
div.circmessage:first-child {
|
|
margin-top : 1em;
|
|
}
|
|
|
|
div.circmessage {
|
|
padding: 0 .4em .4em .4em;
|
|
margin-bottom : .3em;
|
|
}
|
|
|
|
span.circ-hlt {
|
|
color : #cc0000;
|
|
font-weight : bold;
|
|
}
|
|
|
|
div.first fieldset {
|
|
margin-right : 0;
|
|
}
|
|
|
|
#circ_needsconfirmation {
|
|
margin : auto;
|
|
}
|
|
|
|
.dialog {
|
|
border: 1px solid #bcbcbc;
|
|
padding : .5em;
|
|
margin : 1em auto;
|
|
width: 65%;
|
|
}
|
|
|
|
.dialog table {
|
|
margin : .5em auto;
|
|
}
|
|
|
|
.dialog table th {
|
|
text-align : right;
|
|
}
|
|
|
|
.dialog table td {
|
|
text-align : left;
|
|
}
|
|
|
|
.dialog h2, .dialog h3, .dialog h4 {
|
|
margin : auto;
|
|
text-align : center;
|
|
}
|
|
|
|
.dialog input {
|
|
background-color : #FFF;
|
|
border : 1px solid #bcbcbc;
|
|
margin : .4em;
|
|
padding : .4em .4em .4em 25px;
|
|
}
|
|
|
|
.dialog input.approve, td input.approve {
|
|
background : #FFF url(../../img/approve.gif) no-repeat 4px center;
|
|
padding : .4em .4em .4em 25px;
|
|
}
|
|
|
|
td input.approve {
|
|
background-color : #FFC;
|
|
}
|
|
|
|
.dialog input.deny {
|
|
background : #FFF url(../../img/deny.gif) no-repeat 4px center;
|
|
padding : .4em .4em .4em 25px;
|
|
}
|
|
|
|
.dialog input.save {
|
|
background: #fff url(../../img/toolbar-save.gif) no-repeat 4px center;
|
|
color:black;
|
|
padding: .4em .4em .4em 34px;
|
|
}
|
|
|
|
.dialog input.edit {
|
|
background: #fff url(../../img/toolbar-edit.gif) no-repeat 4px center;
|
|
color:black;
|
|
padding: .4em .4em .4em 34px;
|
|
}
|
|
|
|
.dialog input.print {
|
|
background : #FFF url(../../img/print-confirm.gif) no-repeat 4px center;
|
|
padding : .4em .4em .4em 25px;
|
|
}
|
|
|
|
.dialog input:hover {
|
|
background-color : #ffc;
|
|
}
|
|
|
|
div.alert {
|
|
background : #FFC url(../../img/alert-bg.gif) repeat-x left 0;
|
|
text-align : center;
|
|
}
|
|
|
|
div.alert strong {
|
|
color : #900;
|
|
}
|
|
|
|
div.message {
|
|
background : white url("../../img/message-bg.gif") repeat-x left 0;
|
|
border : 1px solid #bcbcbc;
|
|
text-align: center;
|
|
width : 55%;
|
|
}
|
|
|
|
div.message ul,
|
|
div.message h5 {
|
|
padding-left : 25%;
|
|
text-align : left;
|
|
}
|
|
|
|
div.message ul+h4 {
|
|
margin-top : .7em;
|
|
}
|
|
|
|
div.results {
|
|
padding : .7em 0;
|
|
}
|
|
|
|
.accesskey {
|
|
text-decoration : underline;
|
|
}
|
|
|
|
.required {
|
|
color : #C00;
|
|
}
|
|
|
|
span.required {
|
|
font-style : italic;
|
|
}
|
|
|
|
.term {
|
|
background-color: #FFC;
|
|
color : #990000;
|
|
}
|
|
|
|
a .term {
|
|
text-decoration : underline;
|
|
}
|
|
|
|
a:hover .term {
|
|
color : #FF9090;
|
|
}
|
|
|
|
div#menu {
|
|
border-right: 1px solid #000;
|
|
margin-right: .5em;
|
|
padding-top: 1em;
|
|
padding-bottom: 2em;
|
|
}
|
|
|
|
*html #menu li {
|
|
display : inline;
|
|
}
|
|
|
|
div#menu li a {
|
|
text-decoration: none;
|
|
display: block;
|
|
background : #EEE url(../../img/side-tab-gradient.gif) repeat-y top right;
|
|
border: 1px solid #000;
|
|
font-size: 111%;
|
|
margin: .5em 0;
|
|
padding: .4em .3em;
|
|
margin-right : -1px;
|
|
}
|
|
|
|
div#menu li a:hover {
|
|
background : #E8F0F6 url(../../img/side-tab-gradient-hover.gif) repeat-y top right;
|
|
}
|
|
|
|
div#menu li.active a:hover {
|
|
background-color: #fff;
|
|
color : #0000CC;
|
|
}
|
|
|
|
#menu ul li {
|
|
list-style-type: none;
|
|
}
|
|
|
|
#menu ul li.active a {
|
|
background-color: #FFF;
|
|
background-image : none;
|
|
border-right: 0;
|
|
font-weight: bold;
|
|
}
|
|
|
|
ul.error {
|
|
background : #ffffcc;
|
|
border : 1px solid #ff9090;
|
|
margin : .5em;
|
|
padding : .5em .5em .5em 1.5em;
|
|
width : 75%
|
|
}
|
|
|
|
h1#logo {
|
|
border:0pt none;
|
|
float:left !important;
|
|
margin:0;
|
|
padding:0;
|
|
width:180px;
|
|
}
|
|
h1#logo {
|
|
background:transparent url(../../img/koha-logo-medium.gif) no-repeat scroll 0%;
|
|
border: 0;
|
|
margin:0.75em .3em 0.75em .7em;
|
|
padding:0;
|
|
}
|
|
|
|
*html h1#logo {
|
|
margin : 0.75em .3em 0.75em .3em;
|
|
}
|
|
|
|
h1#logo a {
|
|
border:0;
|
|
cursor:pointer;
|
|
display:block;
|
|
height:0px !important;
|
|
margin:0;
|
|
overflow:hidden;
|
|
padding:44px 0 0;
|
|
text-decoration:none;
|
|
width:180px;
|
|
}
|
|
|
|
#closewindow {
|
|
margin-top : 2em;
|
|
text-align : center;
|
|
}
|
|
|
|
#closewindow a {
|
|
font-weight : bold;
|
|
}
|
|
|
|
.patroninfo+#menu {
|
|
margin-right : 0;
|
|
}
|
|
|
|
.barcode {
|
|
font-size : 200%;
|
|
}
|
|
|
|
.email {
|
|
font-size : 87%;
|
|
width : 15em;
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow : hidden;
|
|
}
|
|
|
|
.empty {
|
|
color : #CCC;
|
|
}
|
|
|
|
.address {
|
|
font-size: 110%;
|
|
}
|
|
|
|
.clearfix:after {
|
|
content: ".";
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
visibility: hidden;
|
|
}
|
|
|
|
/* Hides from IE-mac \*/
|
|
* html .clearfix {height: 1%;}
|
|
/* End hide from IE-mac */
|
|
|
|
.title {
|
|
font-weight : bold;
|
|
font-size : 105%;
|
|
}
|
|
|
|
.reserve {
|
|
float : right;
|
|
font-weight : bold;
|
|
}
|
|
|
|
.thumbnail {
|
|
display : block;
|
|
margin : auto;
|
|
}
|
|
|
|
#searchresults ul li {
|
|
font-size : 90%;
|
|
list-style : url(../../img/item-bullet.gif);
|
|
padding : .2em 0;
|
|
}
|
|
|
|
#searchresults span.status {
|
|
clear : left;
|
|
color : #900;
|
|
display : block;
|
|
}
|
|
|
|
#searchresults span.unavailable {
|
|
clear : left;
|
|
display : block;
|
|
}
|
|
|
|
#searchresults .availability strong {
|
|
display : block;
|
|
}
|
|
|
|
#searchresults ul li img {
|
|
float : left;
|
|
margin : 3px 5px 3px -5px;
|
|
}
|
|
|
|
#searchresults table td {
|
|
vertical-align : top;
|
|
}
|
|
|
|
#searchheader {
|
|
background-color : #f3f3f3;
|
|
font-size : 80%;
|
|
margin : 0 0 .5em -1px;
|
|
padding : .1em 0 .1em 1em;
|
|
}
|
|
|
|
#searchheader h3 {
|
|
}
|
|
|
|
#searchheader form {
|
|
float : right;
|
|
}
|
|
|
|
#search-facets ul {
|
|
margin : 0;
|
|
padding : .3em;
|
|
}
|
|
|
|
#search-facets {
|
|
border : 1px solid #e8e8e8;
|
|
}
|
|
|
|
#search-facets h4 {
|
|
background-color : #F3F3F3;
|
|
border-bottom : 1px solid #e8e8e8;
|
|
font-size : 90%;
|
|
margin : 0;
|
|
padding : .4em .2em;
|
|
text-align : center;
|
|
}
|
|
|
|
#search-facets ul li {
|
|
font-weight : bold;
|
|
list-style-type : none;
|
|
}
|
|
|
|
#search-facets li li {
|
|
font-weight : normal;
|
|
font-size : 85%;
|
|
margin-bottom : 2px;
|
|
padding : .1em .2em;
|
|
}
|
|
|
|
#search-facets li li a {
|
|
}
|
|
|
|
#search-facets li.showmore {
|
|
font-weight : bold;
|
|
text-indent : 1em;
|
|
}
|
|
|
|
div.pages {
|
|
margin : .5em 0;
|
|
}
|
|
|
|
div.pages a {
|
|
font-weight: bold;
|
|
padding: 1px 5px 1px 5px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
div.pages a:link {
|
|
background-color : #eeeeee;
|
|
color : #3366CC;
|
|
}
|
|
|
|
div.pages a:hover {
|
|
background-color : #e8f0f6;
|
|
}
|
|
|
|
div.pages a:active {
|
|
background-color : #ffc;
|
|
}
|
|
|
|
div.browse {
|
|
margin : .5em 0;
|
|
}
|
|
|
|
div#bookcoverimg {
|
|
text-align : center;
|
|
}
|
|
|
|
div#header_search input.submit {
|
|
font-size : 1em;
|
|
}
|
|
|
|
input[type=submit], input[type=button] {
|
|
border: 1px outset #999999;
|
|
border-top-color: #666;
|
|
border-left-color: #666;
|
|
padding: 0.25em;
|
|
background : #E8E8E8 url(../../img/button-bg.gif) top left repeat-x;
|
|
color: #333333;
|
|
}
|
|
|
|
input.submit,button.submit {
|
|
border: 1px solid #999999;
|
|
border-top-color: #666;
|
|
border-left-color: #666;
|
|
padding: 0.25em;
|
|
background : #E8E8E8 url(../../img/button-bg.gif) top left repeat-x;
|
|
color: #333333;
|
|
}
|
|
|
|
*html input.submit {
|
|
padding : .1em;
|
|
}
|
|
|
|
input[type=submit]:active, input[type=button]:active {
|
|
border : 1px inset #999999;
|
|
}
|
|
|
|
input[type=reset], input[type=button], input.submit, button.submit {
|
|
border: 1px outset #999999;
|
|
border-top-color: #666;
|
|
border-left-color: #666;
|
|
padding: 0.25em;
|
|
background : #E8E8E8 url(../../img/button-bg.gif) top left repeat-x;
|
|
color: #333333;
|
|
}
|
|
|
|
input[type=reset]:active, input[type=button]:active, input.submit:active, button.submit:active {
|
|
border : 1px inset #999999;
|
|
}
|
|
|
|
ul li input.submit {
|
|
font-size : 87%;
|
|
padding : 2px;
|
|
}
|
|
|
|
input.warning {
|
|
background : #FFF url(../../img/famfamfam/silk/error.png) no-repeat 4px center;
|
|
padding : 0.25em 0.25em 0.25em 25px;
|
|
}
|
|
|
|
.searchhighlightblob {
|
|
font-size:75%;
|
|
font-style : italic;
|
|
}
|
|
|
|
a.yuimenuitemlabel:hover {
|
|
background-color : #B3D4FF;
|
|
color : #000;
|
|
}
|
|
|
|
#displayexample {
|
|
padding: 5px;
|
|
margin-bottom: 10px;
|
|
background-color: #CCCCCC;
|
|
}
|
|
|
|
#irregularity_summary {
|
|
vertical-align : top;
|
|
}
|
|
|
|
#toplevelnav {
|
|
float : left;
|
|
margin-left : .5em;
|
|
}
|
|
|
|
ul#toplevelmenu {
|
|
padding : 0;
|
|
}
|
|
|
|
ul#toplevelmenu li {
|
|
display: inline;
|
|
padding : 0 .6em;
|
|
}
|
|
|
|
ul#toplevelmenu li.more a {
|
|
background-image:url(../../img/more-arrow.gif);
|
|
background-position:right center;
|
|
background-repeat:no-repeat;
|
|
padding-right:13px;
|
|
}
|
|
|
|
ul#toplevelmenu li.more ul li a {
|
|
background-image : none;
|
|
padding-right : 20px;
|
|
}
|
|
|
|
ul#toplevelmenu li.more ul li a.yuimenuitemlabel {
|
|
padding: .2em 20px .2em 20px;
|
|
}
|
|
|
|
ul#menu li a, ul#toplevelmenu li a {
|
|
text-decoration : none;
|
|
}
|
|
ul#menu li ul li, ul#toplevelmenu li ul li {
|
|
display :block;
|
|
padding :0;
|
|
}
|
|
ul#menu li ul li a, ul#toplevelmenu li ul li a {
|
|
text-decoration : none;
|
|
}
|
|
|
|
ul#i18nMenu {
|
|
margin : 0;
|
|
padding : .2em 0;
|
|
}
|
|
|
|
ul#i18nMenu li {
|
|
border-left : 1px solid #CCC;
|
|
display : inline;
|
|
list-style : none;
|
|
padding : 0 10px;
|
|
}
|
|
|
|
ul#i18nMenu li:first-child {
|
|
border-left : 0;
|
|
}
|
|
|
|
ul#i18nMenu li ul li {
|
|
border : 0;
|
|
display : block;
|
|
padding : 0;
|
|
}
|
|
|
|
|
|
ul#i18nMenu li.more a {
|
|
background-image:url(../../img/more-up-arrow.gif);
|
|
background-position:right center;
|
|
background-repeat:no-repeat;
|
|
padding-right:13px;
|
|
}
|
|
|
|
ul#i18nMenu li.more ul li a {
|
|
background-image : none;
|
|
padding-right : 20px;
|
|
}
|
|
|
|
div#changelanguage{
|
|
background-color: #fff;
|
|
border-top: 1px solid #CCC;
|
|
position:absolute;
|
|
bottom:0;
|
|
left:0;
|
|
width:100%;
|
|
height: 2em;
|
|
}
|
|
|
|
@media screen{
|
|
body>div#changelanguage {
|
|
position: fixed;
|
|
}
|
|
}
|
|
|
|
* html body{
|
|
overflow:hidden;
|
|
}
|
|
|
|
* html div#doc1{
|
|
height:100%;
|
|
overflow:auto;
|
|
}
|
|
|
|
* html div#doc2{
|
|
height:100%;
|
|
overflow:auto;
|
|
}
|
|
|
|
* html div#doc3{
|
|
height:100%;
|
|
overflow:auto;
|
|
}
|
|
|
|
#CheckAll, #CheckNone, #CheckPending {
|
|
font-weight : normal;
|
|
margin : 0 .5em 0 0;
|
|
}
|
|
.lost,.dmg,.wdn {
|
|
display : block;
|
|
color : #990000;
|
|
}
|
|
.datedue {
|
|
display : block;
|
|
color : #999;
|
|
font-style : italic;
|
|
}
|
|
/* Tablesorter */
|
|
.header {
|
|
background-image:url("../../img/ascdesc.gif");
|
|
background-position:right center;
|
|
background-repeat:no-repeat;
|
|
cursor:pointer;
|
|
padding : .2em 23px;
|
|
}
|
|
.headerSortUp {
|
|
background-image:url("../../img/asc.gif");
|
|
}
|
|
.headerSortDown {
|
|
background-image:url("../../img/desc.gif");
|
|
}
|
|
|
|
tr.reserved td {
|
|
background-color : #eeffd4;
|
|
}
|
|
tr.transfered td {
|
|
background-color : #e8f0f6;
|
|
}
|
|
.waitinghere {
|
|
color : #669900;
|
|
}
|
|
|
|
/* Permissions Labels */
|
|
label.permissioncode:before {
|
|
content: "(";
|
|
}
|
|
label.permissioncode:after {
|
|
content: ")";
|
|
}
|
|
label.permissioncode {
|
|
font-style : italic;
|
|
}
|
|
span.permissiondesc {
|
|
font-weight : normal;
|
|
}
|
|
/* autocomplete additions */
|
|
#borrowerautocomplete { width: 450px; text-align:left;} /* z-index needed on top instances for ie & sf absolute inside relative issue */
|
|
.autocomplete .yui-ac-highlight ,
|
|
.autocomplete .yui-ac-highlight .sample-result,
|
|
.autocomplete .yui-ac-highlight .sample-query { color:#FFF; }
|
|
.autocomplete .sample-result { color: black; }
|
|
.autocomplete .sample-query { color:#000; }
|
|
#findborrower { position:static; width:auto; }
|
|
#yborrowercontainer { text-align:left;width:335px; }
|
|
#mainuserblock {
|
|
border : 1px solid #E8E8E8;
|
|
margin-top : .5em;
|
|
padding : .5em;
|
|
}
|