[21/40] Adding de-duplicating method and associated label edit batch code.
[srvgit] / koha-tmpl / intranet-tmpl / prog / en / css / staff-global.css
index 3a2cc28..5324c70 100644 (file)
@@ -1,13 +1,22 @@
 @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;
@@ -22,6 +31,11 @@ form {
        display : inline;
 }
 
+form.confirm {
+       display : block;
+       text-align : center;
+}
+
 h1 {
        font-size : 161.6%;
        font-weight : bold;
@@ -67,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;
 }
 
@@ -94,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 {
 }
 
@@ -139,12 +173,21 @@ ol li {
        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;
@@ -184,6 +227,10 @@ table {
        border-right : 1px solid #BCBCBC;
 }
 
+#label-search-results {
+        width: 700px;
+}
+
 td, th {
        border-bottom : 1px solid #BCBCBC;
        border-left : 1px solid #BCBCBC;
@@ -197,10 +244,27 @@ td {
 th {
        background-color : #E8E8E8;
        font-weight : bold;
+       text-align : center;
+}
+
+table+table {
+       margin-top : 1em;
 }
 
-tr.highlight td, td.highlight {
+#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 {
@@ -221,8 +285,9 @@ tr.highlight.onissue td {
 }
 
 caption {
-       font-size : 153.9%;
+       font-size : 133.9%;
        font-weight : bold;
+       margin : .3em 0;
 }
 
 span.problem {
@@ -301,6 +366,10 @@ div#reserves,div#checkouts {
        color : Gray;
 }
 
+.single-line {
+       white-space: nowrap;
+}
+
 .ex {
        font-family : "Courier New", Courier, fixed-width;
        font-weight : bold;
@@ -313,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 {
@@ -335,6 +405,16 @@ 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;
@@ -380,13 +460,8 @@ div.patronviews {
        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 {
@@ -403,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;
@@ -449,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 {
@@ -584,7 +673,13 @@ fieldset.rows .inputnote {
 }
 
 .ui-tabs-nav li {
-       list-style : none;
+       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 {
@@ -594,7 +689,7 @@ fieldset.rows .inputnote {
 }
 
 .ui-tabs-nav a, .ui-tabs-nav span.a {
-    z-index : auto;
+
 }
 
 .ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav .ui-tabs-selected span.a {
@@ -606,17 +701,12 @@ fieldset.rows .inputnote {
        font-weight : bold;
        text-align : center;
        text-decoration : none;
-       margin-top : -1px;
-       z-index: 100;
+
 }
 
 .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 {
-    background-position : inherit;
     outline: 0; /* prevent dotted border in Firefox */
 }
-.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active, .ui-tabs-nav span.a {
-    background-position: inherit;
-}
 
 .ui-tabs-nav .ui-tabs-selected a:hover {
        color : #0000CC;
@@ -645,34 +735,27 @@ fieldset.rows .inputnote {
        margin-top : 1em;
 }
 
-/*.toptabs .ui-tabs-nav a, .toptabs .ui-tabs-nav span.a {
-    top: 0;
- }*/
-
 .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-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 .ui-tabs-nav li.ui-tabs-selected  {
-       background-color : #FFF;
-       margin-top :  1px;
+
 }
 
 .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-bottom :  -1px;
-       z-index : 2;
+       margin-top : 0;
 }
 
 .toptabs .tabs-container {
@@ -698,7 +781,7 @@ fieldset.rows .inputnote {
     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 {
+#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;
@@ -727,7 +810,7 @@ fieldset.rows .inputnote {
        background-repeat : no-repeat;
 }
 
-#editpatron a, #editmenuc .first-child, #editshelf a, #edit a, #editsupplier a {
+#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;
@@ -768,6 +851,11 @@ fieldset.rows .inputnote {
        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("../../img/toolbar-print.gif");
@@ -793,6 +881,13 @@ fieldset.rows .inputnote {
        padding-left : 15px;
 }
 
+.error,
+.error a,
+.error a:link,
+.error a:visited {
+       color: #cc0000;
+}
+
 div.error {
        border : 2px dashed #990000;
        background-color : #FFFF99;
@@ -857,10 +952,12 @@ div.sysprefs div.hint {
 
 tr.highlight td {
        background-color : #F6F6F6;
+       border-color : #BCBCBC;
 }
 
 tr.highlight th[scope=row] {
        background-color : #DDDDDD;
+       border-color : #BCBCBC;
 }
 
 tr.confirm td, tr.highlight.confirm td {
@@ -877,6 +974,20 @@ tr.confirm td, tr.highlight.confirm td {
        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,19 +997,6 @@ span.expired {
        font-style : italic;
 }
 
-div.subfield_line {
-       padding-bottom : .3em;
-}
-
-div.subfield_line label {
-    font-size:89%;
-    float: left;
-        padding-right : .4em;
-    width: 210px;
-    text-align: left;
-    clear:left;
-}
-
 div.help {
        margin: .9em 0 0 0;  
 }
@@ -917,7 +1015,7 @@ div.circmessage:first-child {
 }
 
 div.circmessage {
-       padding: .4em;
+       padding: 0 .4em .4em .4em;
        margin-bottom : .3em;
 }
 
@@ -965,10 +1063,14 @@ div.first fieldset {
        padding : .4em .4em .4em 25px;
  }
  
-.dialog 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;
+}
 
 .dialog input.deny {
        background : #FFF url(../../img/deny.gif) no-repeat 4px center;
@@ -987,10 +1089,15 @@ div.first fieldset {
        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;
@@ -1000,15 +1107,26 @@ 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;
+       border : 1px solid #bcbcbc;
+       text-align: center;
        width : 55%;
 }
 
-div.message input.approve {
-       display : block;
-       margin: auto;
+div.message ul,
+div.message h5 {
+       padding-left : 25%;
+       text-align : left;
+}
+
+div.message ul+h4 {
+       margin-top : .7em;
 }
  
  div.results {
@@ -1099,9 +1217,7 @@ h1#logo {
 }
 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 {
@@ -1137,20 +1253,25 @@ h1#logo a {
        font-size :  200%;
 }
 
-.email {
-font-size :  87%;
-width : 15em;
-margin: 0;
-padding: 0;
-overflow :  hidden;
+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;
 }
 
-.address {
-       font-size: 110%;
+.empty {
+       color : #CCC;
 }
 
-#circ_circulation_issue .date-select label {
-       font-weight: normal;
+.address {
+       font-size: 110%;
 }
 
 .clearfix:after {
@@ -1181,7 +1302,34 @@ overflow :  hidden;
 }
 
 #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 {
@@ -1198,6 +1346,18 @@ overflow :  hidden;
        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;
@@ -1237,7 +1397,7 @@ overflow :  hidden;
 }
 
 div.pages {
-       margin-top : .5em;
+       margin : .5em 0;
 }
 
 div.pages a {
@@ -1263,6 +1423,10 @@ div.browse {
        margin : .5em 0;
 }
 
+div#bookcoverimg {
+       text-align : center;
+}
+
 div#header_search input.submit {
        font-size : 1em;
 }
@@ -1276,7 +1440,7 @@ input[type=submit], input[type=button] {
        color: #333333;
 }
 
-input.submit {
+input.submit,button.submit {
        border: 1px solid #999999;
        border-top-color: #666;
        border-left-color: #666;
@@ -1293,11 +1457,7 @@ input[type=submit]:active, input[type=button]:active {
        border : 1px inset #999999;
 }
 
-input.submit:active {
-       border : 1px inset #999999;
-}
-
-input[type=reset], input[type=button], input.submit {
+input[type=reset], input[type=button], input.submit, button.submit {
        border: 1px outset #999999;
        border-top-color: #666;
        border-left-color: #666;
@@ -1306,51 +1466,40 @@ input[type=reset], input[type=button], input.submit {
        color: #333333;
 }
 
-input[type=reset]:active, input[type=button]:active, input.submit:active {
+input[type=reset]:active, input[type=button]:active, input.submit:active, button.submit:active {
        border : 1px inset #999999;
 }
 
-.searchhighlightblob {
-    font-size:75%;
-       font-style : italic;
+ul li input.submit {
+       font-size : 87%;
+       padding : 2px;
 }
 
-/* Define a new style for each menu */
-       
-.yui-skin-sam .yuimenu {
-       line-height: 2;/* ~24px */
-       *line-height: 1.9; /* For IE */
+input.warning {
+    background : #FFF url(../../img/famfamfam/silk/error.png) no-repeat 4px center;
+       padding : 0.25em 0.25em 0.25em 25px;
 }
 
-a.yuimenuitemlabel {
-}
-       
-.yui-skin-sam .yuimenu .bd {
-       border-width: 1px;
-       border-color: #ddd #666 #666 #ddd;
-       border-style: solid;
-       background-color: #fff;
+.searchhighlightblob {
+    font-size:75%;
+       font-style : italic;
 }
 
-.yui-skin-sam #sublangs li.yuimenuitem {
-       /*
-       For IE 7 Quirks and IE 6 Strict Mode and Quirks Mode:
-       Used to collapse superfluous white space between <li> 
-       elements that is triggered by the "display" property of the
-       <a> elements being set to "block."
-       */
-       _border-bottom: solid 1px #ccc;
+a.yuimenuitemlabel:hover {
+       background-color : #B3D4FF;
+       color : #000;
 }
-       
-       
-/* Define a new style for a MenuItem instance's "selected" state. */
-.yui-skin-sam #sublangs .yuimenuitem-selected {
-       background-color: #82AAE1;
+               
+#displayexample {
+       padding: 5px; 
+       margin-bottom: 10px;
+       background-color: #CCCCCC;
 }
-.yui-skin-sam #sublangs .yuimenuitemlabel-selected {
-       color: #fff;
+
+#irregularity_summary {
+       vertical-align : top;
 }
-               
+
 #toplevelnav {
        float : left;
        margin-left : .5em;
@@ -1462,7 +1611,7 @@ ul#i18nMenu li.more ul li a {
   overflow:auto;
  }
 
-#CheckAll, #CheckNone {
+#CheckAll, #CheckNone, #CheckPending {
        font-weight : normal;
        margin : 0 .5em 0 0;
 }
@@ -1475,3 +1624,96 @@ ul#i18nMenu li.more ul li a {
        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;
+}
+