X-Git-Url: http://koha-dev.rot13.org:8081/gitweb/?a=blobdiff_plain;f=koha-tmpl%2Fintranet-tmpl%2Fprog%2Fen%2Fcss%2Fstaff-global.css;h=5324c70ae1b631b076129a805e46955229ee3e01;hb=4b4b161d50e039833610e5d8c4e6521199c6bd76;hp=962353fc33fddd19a9bcb5cdad4740d26bb5f4d6;hpb=0834d2654e365225c3b35f4edb480095fd70cf0e;p=srvgit diff --git a/koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css b/koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css index 962353fc33..5324c70ae1 100644 --- a/koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css +++ b/koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css @@ -1,15 +1,25 @@ -@import url("/intranet-tmpl/prog/en/lib/yui/reset-fonts-grids.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 { @@ -21,6 +31,11 @@ form { display : inline; } +form.confirm { + display : block; + text-align : center; +} + h1 { font-size : 161.6%; font-weight : bold; @@ -55,6 +70,9 @@ h1,h2,h3,h4,h5,h6 { margin : .3em 0; } +html { +} + p { margin: .5em 0 .5em 0; } @@ -63,7 +81,17 @@ strong { font-weight : bold; } -em { +strong em { + font-weight : bold; + font-style : italic; +} + +em, cite { + font-style : italic; +} + +em strong { + font-weight : bold; font-style : italic; } @@ -90,6 +118,16 @@ em { 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 { } @@ -102,7 +140,6 @@ em { #login { position : absolute; - top : 3px; right : .5em; } @@ -114,26 +151,43 @@ ul { padding-left : 1.1em; } -li { - +ul li { list-style-type : disc; } -li li { +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; } -#header:after { /* clearing without presentational markup, IE gets extra treatment */ +.clearfix:after { + content: "."; display: block; + height: 0; clear: both; - content: " "; + 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; @@ -153,11 +207,6 @@ li li { text-decoration : none; } -#toplevelnav { - float : left; - line-height : 2em; -} - #submenu { margin : 0 0 .5em 0; padding : 0; @@ -172,28 +221,16 @@ li li { padding-left : 0; } -/*#toplevelnav ul { - margin : 0; - padding : 0; -} - -#toplevelnav li, #submenu li { - display : inline; - border-right : 1px solid #E8E8E8; - padding : 0 .5em; - white-space : nowrap; -} - -#toplevelnav li:last-child, #submenu li:last-child { - border : 0; -}*/ - table { border-collapse : collapse; border-top : 1px solid #BCBCBC; border-right : 1px solid #BCBCBC; } +#label-search-results { + width: 700px; +} + td, th { border-bottom : 1px solid #BCBCBC; border-left : 1px solid #BCBCBC; @@ -207,10 +244,27 @@ td { th { background-color : #E8E8E8; font-weight : bold; + text-align : center; +} + +table+table { + margin-top : 1em; +} + +#editions table, #editions td { + border : 0; } -tr.highlight td, td.highlight { + +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 { @@ -231,8 +285,9 @@ tr.highlight.onissue td { } caption { - font-size : 153.9%; + font-size : 133.9%; font-weight : bold; + margin : .3em 0; } span.problem { @@ -261,6 +316,7 @@ legend { clear : both; font-size : 90%; padding :.2em .5em .4em 10px; + margin : 0; } #header+#breadcrumbs { @@ -273,13 +329,10 @@ legend { div#header_search { - background-image : url("../../img/koha-logo-medium.gif"); background-position : .5em .5em; background-repeat : no-repeat; float: left; - padding-left : 14.2em; margin: .3em 0 .5em 0; - min-height : 52px; } div#header_search input { @@ -308,124 +361,20 @@ div#reserves,div#checkouts { padding : 1em; } -div#header_search .tip { +.tip { font-size: 93%; color : Gray; } +.single-line { + white-space: nowrap; +} + .ex { font-family : "Courier New", Courier, fixed-width; font-weight : bold; } -/* ClickMenu Overrides */ - -ul#toplevelmenu li { - display : inline; - list-style: none; -} - -ul#toplevelmenu li ul { -} - -div.cmDiv -{ - border: 0; - background-color: #F3F3F3; -} - -.clickMenu li.more a { - background-image: url("../../img/more-arrow.gif"); - background-position: right; - background-repeat: no-repeat; - padding-right : 13px; -} - -.clickMenu li.more li a { - background-image : none; - padding-right : 0; - white-space : nowrap; -} - -.clickMenu -{ - margin: 0; - padding: 0; - cursor: default; -} -.clickMenu, .clickMenu ul -{ - list-style: none; -} -.clickMenu ul -{ - margin: 0; - padding: 2px; - border: 0; - background-color: #F3F3F3; - min-width: 100px; /* ie doesnt know this :/ */ - //float: left;/*ie again*/ - //width: 100%;/*and again*/ -} -.clickMenu div.outerbox -{ - display: none; - min-width: 106px; /* firefox produces animation-flickering when the box is bigger than this :/ */ -} -.clickMenu div.inner -{ - //top: 20px; /* for ie */ - left: 0; - margin: 0; -} -.clickMenu div.inner div.outerbox -{ - margin: 0; - left: 98px; - //left: 90px; /* for ie */ - top: -3px; -} -.clickMenu li -{ - list-style-type : none; - position: relative; - padding: 0 20px 0 2px; - /*white-space: nowrap; does not really work in ie */ -} -.clickMenu li.main -{ - float: left; - padding: 0 10px; - background-color: #F3F3F3; - //height: 20px; /* for ie */ -} -.clickMenu li.main li -{ - z-index: 2; - min-width: 78px; -} -.clickMenu li.hover -{ - z-index: 1 !important; /* the hover z-index has to be below the normal one the hovering items may be drawn over a submenu */ - background-color : transparent; -} -.clickMenu img.liArrow -{ - position: absolute; - right: 5px; - top: 0.41em; -} -.clickMenu ul a { - cursor: default; -} - -ul.innerBox a { - cursor : pointer; -} - -ul.innerBox { - border: 1px solid #E8E8E8; -} div.yui-b h5 { font-size : 100%; @@ -433,13 +382,14 @@ div.yui-b h5 { } dt { - font-size : 110%; font-weight : bold; } dd { padding : .2em; - text-indent : 1.5em; + font-size : 90%; + text-indent : 2.5em; + font-weight : normal; } div#toolbar { @@ -455,40 +405,48 @@ ul.toolbar { } +a.yuimenuitemlabel-disabled, #disabled a { + color: #999; +} +a.yuimenuitemlabel-disabled:hover, #disabled a:hover { + color : #999; +} +a.highlight_toggle { + display : none; +} + ul.toolbar li { display : inline; list-style : none; } -div.message { - border : 1px solid #6699CC; - width : 75%; - margin : 1em auto; - padding : .5em; -} - div.patroninfo { margin-top : -.5em; } +*html div.patroninfo { + margin-right : .5em; +} + div.patroninfo h5 { - background-color : #FCFAF3; - /*border-top : 1px solid #CCCC99; - border-left : 1px solid #CCCC99;*/ - border-right : 1px solid #CCCC99; + border-right : 1px solid #000; margin-bottom : 0; - padding-left : .5em; + padding-left : -.5em; padding-top : .3em; padding-bottom : .5em; } div.patroninfo ul { - /*border : 1px solid #CCCC99;*/ - border-right : 1px solid #CCCC99; + border : 0; + border-right : 1px solid #000; border-bottom : 0; border-top : 0; - background-color : #FCFAF3; - padding-bottom : .5em; + padding : 0; + margin : 0; +} + +div.patroninfo ul li { + margin : 0; } div.patroninfo ul li, div.patronviews ul li { @@ -496,22 +454,14 @@ div.patroninfo ul li, div.patronviews ul li { } div.patronviews { - background-color : #FDFCF7; - /*border-left : 1px solid #CCCC99; - border-bottom : 1px solid #CCCC99;*/ - border-right : 1px solid #CCCC99; - border-top : 1px solid #CCCC99; + border-right : 1px solid #000; + border-top : 1px solid #000; margin-bottom : .5em; padding : .5em 0 .5em 0; } -a.member-edit { - float : right; - background-color : #DBECC8; - margin-top : .5em; - padding : .3em; - text-align : right; - text-decoration : none; +.column-tool { + font-size: 80%; } fieldset.brief { @@ -528,15 +478,29 @@ fieldset.brief ol, fieldset.brief li { list-style-type : none; } -fieldset.brief div.hint, fieldset.rows div.hint { +fieldset.brief div.hint, fieldset.rows div.hint, div.yui-u 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 black; +border-bottom : 1px solid #666; float : left; font-size : 90%; clear : left; @@ -561,7 +525,7 @@ fieldset.rows label, fieldset.rows span.label { fieldset.rows fieldset { border-width : 1px; - margin : 0; + margin : 0 0 .5em 0; padding : .3em; } @@ -574,7 +538,7 @@ fieldset.rows fieldset { } .yui-u fieldset.rows label, .yui-u fieldset.rows span.label { - width: 6em; + width: 10em; } .yui-u fieldset.rows div.hint { @@ -627,8 +591,9 @@ fieldset.rows ol.radio label.radio { } fieldset.rows table { + font-size : 105%; clear : both; - margin : 1em 0 0 1em; + margin : 1em 0 1em 1em; } fieldset.rows td label { @@ -642,7 +607,7 @@ fieldset.rows label.yesno { width : auto; } -fieldset.action { +fieldset.action, div.action { clear : both; float : none; border : none; @@ -651,6 +616,42 @@ fieldset.action { 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; } @@ -659,26 +660,39 @@ 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; } -.tabs-nav li { - list-style : none; +.ui-tabs-nav li { + margin-right : .5em; + position : relative; + top : -1px; +} + +.ui-tabs-nav li.ui-tabs-selected { + } -.tabs-nav a, .tabs-nav a span, .tabs-nav span.a { +.ui-tabs-nav a, .ui-tabs-nav a span, .ui-tabs-nav span.a { background : none; display : block; padding: .2em .5em .25em .5em; } -.tabs-nav a, .tabs-nav span.a { - z-index : auto; +.ui-tabs-nav a, .ui-tabs-nav span.a { + } -.tabs-nav .tabs-selected a, .tabs-nav .tabs-selected 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; @@ -687,26 +701,22 @@ fieldset.rows .inputnote { font-weight : bold; text-align : center; text-decoration : none; - top : -1px; + } -.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active, .tabs-nav span.a { - background-position : inherit; +.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 */ } -.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active, .tabs-nav span.a { - background-position: inherit; -} -.tabs-nav .tabs-selected a:hover { +.ui-tabs-nav .ui-tabs-selected a:hover { color : #0000CC; } -.tabs-nav li.tabs-selected { +.ui-tabs-nav li.ui-tabs-selected { background-color : #FFFFCC; } -.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active, .tabs-nav span.a { +.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 */ } @@ -720,44 +730,32 @@ fieldset.rows .inputnote { padding: inherit; background: none; } + .toptabs { margin-top : 1em; } -.toptabs .tabs-nav a, .toptabs .tabs-nav span.a { - top: 0; - } - -.toptabs .tabs-nav li { +.toptabs .ui-tabs-nav li { margin-right : .5em; + position : relative; + top : 1px; } -.toptabs .tabs-nav li a, .toptabs .tabs-nav li span.a { +.toptabs .ui-tabs-nav li a, .toptabs .ui-tabs-nav li span.a { background-color : #F3F3F3; - border-top : 1px solid #E8E8E8; - border-left : 1px solid #E8E8E8; - border-right : 1px solid #E8E8E8; - border-bottom : 0; + border : 1px solid #E8E8E8; text-align : center; text-decoration : none; } -.toptabs .tabs-nav li.tabs-selected { - background-color : #FFF; +.toptabs .ui-tabs-nav li.ui-tabs-selected { + } -.toptabs .tabs-nav li.tabs-selected a, .toptabs .tabs-nav li.tabs-selected span.a { +.toptabs .ui-tabs-nav li.ui-tabs-selected a, .toptabs .ui-tabs-nav li.ui-tabs-selected span.a { background-color : #FFF; - border-top : 1px solid #E8E8E8; - border-left : 1px solid #E8E8E8; - border-right : 1px solid #E8E8E8; border-bottom : 1px solid #FFF; - margin-bottom : -5px; - text-align : center; -} - -.toptabs.numbered .tabs-nav li { - min-width : 3em; + margin-top : 0; } .toptabs .tabs-container { @@ -783,41 +781,113 @@ fieldset.rows .inputnote { visibility:visible; /* you propably don't need to change this one */ display:block; } -#addbiblio a, #addchild a, #newentry a { +#newbiblio a, #addchild a, #newentry a, #newshelf a, #newmenuc .first-child, #newsupplier .first-child, #newlabel a, #newtemplate a, #newbatch 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, #managelabel a, #managetemplate a, #managelabelbatch a, #manageprofile 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("/intranet-tmpl/prog/img/toolbar-new.gif"); + background-image: url("../../img/toolbar-renew.gif"); background-position : center left; background-repeat : no-repeat; } -#deletebiblio button, #deletebiblio a, #deletepatron a { +#deletebiblio button, #deletebiblio a, #deletepatron a, #deleteshelf .first-child, #delete a { padding-left : 34px; - background-image: url("/intranet-tmpl/prog/img/toolbar-delete.gif"); + background-image: url("../../img/toolbar-delete.gif"); background-position : center left; background-repeat : no-repeat; } -#printbiblio button, #printbiblio a { +#z3950search .first-child { + padding-left : 34px; + background-image: url("../../img/toolbar-search.gif"); + background-position : center left; + background-repeat : no-repeat; +} +#z3950searcht table { + /* doesn't have desired effect in catalogue/results.tmpl - I'll leave this here for now but there do seem to be casscading CSS errors in this and other CSS fiels - RICKW 20081118 */ + padding: 20px; + border: none; +} +#printbiblio button, #printbiblio a, #printmenuc .first-child { padding-left : 34px; - background-image: url("/intranet-tmpl/prog/img/toolbar-print.gif"); + 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("/intranet-tmpl/prog/img/toolbar-add-to-shelf.gif"); + 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("/intranet-tmpl/prog/img/toolbar-hold.gif"); + 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; @@ -825,6 +895,11 @@ div.error { margin : 1em; } +input.alert { + background-color : #FFFF99; + border-color: #900; +} + ol.bibliodetails { float: left; margin : 0 0 1em 1em; @@ -844,6 +919,22 @@ ol.bibliodetails span.label { 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; } @@ -861,10 +952,16 @@ div.sysprefs div.hint { tr.highlight td { background-color : #F6F6F6; + border-color : #BCBCBC; } -tr.highlight th { +tr.highlight th[scope=row] { background-color : #DDDDDD; + border-color : #BCBCBC; +} + +tr.confirm td, tr.highlight.confirm td { + background-color : #ffbfbf; } #circ_circulation_issue label { @@ -877,6 +974,20 @@ tr.highlight th { 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; } @@ -886,14 +997,6 @@ span.expired { font-style : italic; } -div.subfield_line label { - font-size:75%; - float: left; - width: 200px; - text-align: left; - clear:left; -} - div.help { margin: .9em 0 0 0; } @@ -912,8 +1015,7 @@ div.circmessage:first-child { } div.circmessage { - border: 1px solid #CCC; - padding: .4em; + padding: 0 .4em .4em .4em; margin-bottom : .3em; } @@ -926,55 +1028,106 @@ div.first fieldset { margin-right : 0; } -.dialog { - width: 50%; - float:left; - background: url(../../img/dropshadow-alpha.png) no-repeat bottom right !important; - background: url(../../img/dropshadow.gif) no-repeat bottom right; - margin: 10px 0 0 10px !important; - margin: 10px 0 0 5px; - } +#circ_needsconfirmation { + margin : auto; +} -.dialog div { - background: none !important; - background: url(../../img/dropshadow-mask.gif) no-repeat left top; - padding: 0 !important; - padding: 0 6px 6px 0; - } - -.dialog div.confirm { - background-color: #ffc; - // background : url(../../img/dialog-bg.gif) repeat-x left 0 !important; - font: 1em sans-serif; +.dialog { border: 1px solid #bcbcbc; - padding: 4px !important; - margin: -6px 6px 6px -6px !important; - margin: 0; + padding : .5em; + margin : 1em auto; + width: 65%; } - .dialog div.confirm h2, .dialog div.confirm h3, .dialog div.confirm h4 { +.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; } - div.confirm input { +.dialog input { background-color : #FFF; border : 1px solid #bcbcbc; margin : .4em; padding : .4em .4em .4em 25px; } - div.confirm input.approve { +.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; +} - div.confirm input.deny { +.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; +} - div.confirm input:hover { +.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.dialog { + background : #FFC url(../../img/dialog-bg.gif) repeat-x left 0; + text-align : center; +} + +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; @@ -984,30 +1137,6 @@ div.first fieldset { text-decoration : underline; } - #changelanguage { - background-color : #F3F3F3; - border-top : 1px solid #E8E8E8; - font-size : 93%; - margin-top : 2em; - padding : .3em .5em .5em .5em; - } - - #changelanguage ul { - margin : 0; - padding : 0; - } - - #changelanguage li { - border-left : 1px solid #CCC; - display : inline; - list-style : none; - padding : 0 .5em; - } - - #changelanguage li:first-child { - border-left : 0; - } - .required { color : #C00; } @@ -1019,11 +1148,14 @@ span.required { .term { background-color: #FFC; color : #990000; +} + +a .term { text-decoration : underline; } -.term { - background-color:yellow; +a:hover .term { + color : #FF9090; } div#menu { @@ -1033,6 +1165,10 @@ div#menu { padding-bottom: 2em; } +*html #menu li { + display : inline; +} + div#menu li a { text-decoration: none; display: block; @@ -1062,4 +1198,522 @@ div#menu li.active a:hover { background-image : none; border-right: 0; font-weight: bold; -} \ No newline at end of file +} + +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%; + margin:0.75em .3em 0.75em .7em; +} + +*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%; +} + +li.email a { + display:block; + overflow:hidden; + width:13em; +} +li.email { + background: #FFF url(../../img/elipsis.gif) right bottom no-repeat; + font-size : 87%; + overflow:hidden; + padding :0 10px 0 0; + width:13em; +} + +.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; + clear : left; +} + +#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; +} + +#searchheader form.fz3950 { + float : right; + font-size : 125%; + padding : 0 0 0 5em; +} + +#searchheader form.fz3950bigrpad { + float : right; + font-size : 125%; + padding : 5px 25em 0 0; +} + +#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; +} +#mainuserblock { + border : 1px solid #E8E8E8; + margin-top : .5em; + padding : .5em; +} + + +/* borrower autocomplete */ +#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; } + +/* patron attribues autocomplete for overdues report (pattrodue) */ +.pattrodue-autocomplete .pattrodue-result { color: black; } +.pattrodue-autocomplete .yui-ac-highlight .pattrodue-result { color: white; } +.pattrodue-input { position:static; width:auto; } +.pattrodue-container { text-align:left; width:400px; } + +.labeledmarc-table { + border: 0; +} + +.labeledmarc-label { + border: 0; + padding: 5; + font-size: 11pt; + color: darkblue; +} + +.labeledmarc-value { + border: 0; + padding: 5; + font-size: 10pt; + color: black; +} + +.hintsClass { + font-family: tahoma, verdana, arial; + font-size: 12px; + background-color: #f0f0f0; + color: #000000; + border: 1px solid #808080; + padding: 5px; +} +.hintSource { + color: green; + text-decoration: underline; + cursor: pointer; +} +