Reformatting interface for Notice Triggers (Bug 3366)
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / css / staff-global.css
index abd8814..a2f122a 100644 (file)
@@ -86,7 +86,7 @@ strong em {
        font-style : italic;
 }
 
-em {
+em, cite {
        font-style : italic;
 }
 
@@ -171,13 +171,23 @@ ol li {
        background-color : #F3F3F3;
        border-bottom : 1px solid #E8E8E8;
        line-height : 2em;
-       overflow : auto;
 }
 
-*html #header {
-       display : inline-block;
+.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;
@@ -233,6 +243,10 @@ th {
        text-align : center;
 }
 
+table+table {
+       margin-top : 1em;
+}
+
 #editions table, #editions td {
        border : 0;
 }
@@ -348,6 +362,10 @@ div#reserves,div#checkouts {
        color : Gray;
 }
 
+.single-line {
+       white-space: nowrap;
+}
+
 .ex {
        font-family : "Courier New", Courier, fixed-width;
        font-weight : bold;
@@ -360,13 +378,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 {
@@ -382,6 +401,13 @@ ul.toolbar {
        
 }
 
+a.yuimenuitemlabel-disabled, #disabled a {
+       color: #999;
+}
+a.yuimenuitemlabel-disabled:hover, #disabled a:hover {
+       color : #999;
+}
+
 ul.toolbar li {
        display : inline;
        list-style : none;
@@ -427,6 +453,10 @@ div.patronviews {
        padding : .5em 0 .5em 0;
 }
 
+.column-tool {
+       font-size: 80%;
+}
+
 fieldset.brief {
        border : 1px solid #E8E8E8;
 }
@@ -463,7 +493,7 @@ div.yui-b fieldset.brief select {
 
 fieldset.rows {  
 border-width : 1px;
-border-bottom : 1px solid black;
+border-bottom : 1px solid #666;
 float : left;
 font-size : 90%;
 clear : left;
@@ -636,7 +666,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 {
@@ -646,7 +682,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 {
@@ -658,17 +694,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;
@@ -697,34 +728,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 {
@@ -820,6 +844,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");
@@ -845,6 +874,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;
@@ -909,10 +945,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 {
@@ -1018,10 +1056,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;
@@ -1048,7 +1090,7 @@ div.first fieldset {
 .dialog input:hover {
        background-color : #ffc;
  }
+
 div.alert {
   background : #FFC url(../../img/alert-bg.gif) repeat-x left 0;
   text-align : center;
@@ -1060,10 +1102,17 @@ div.alert strong {
 
 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 ul,
+div.message h5 {
+       padding-left : 25%;
+       text-align : left;
+}
+
 div.message ul+h4 {
        margin-top : .7em;
 }
@@ -1238,7 +1287,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 {
@@ -1255,6 +1331,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;
@@ -1294,7 +1382,7 @@ overflow :  hidden;
 }
 
 div.pages {
-       margin-top : .5em;
+       margin : .5em 0;
 }
 
 div.pages a {
@@ -1337,7 +1425,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;
@@ -1354,11 +1442,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;
@@ -1367,10 +1451,20 @@ 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;
 }
 
+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;
@@ -1381,6 +1475,16 @@ a.yuimenuitemlabel:hover {
        color : #000;
 }
                
+#displayexample {
+       padding: 5px; 
+       margin-bottom: 10px;
+       background-color: #CCCCCC;
+}
+
+#irregularity_summary {
+       vertical-align : top;
+}
+
 #toplevelnav {
        float : left;
        margin-left : .5em;
@@ -1492,7 +1596,7 @@ ul#i18nMenu li.more ul li a {
   overflow:auto;
  }
 
-#CheckAll, #CheckNone {
+#CheckAll, #CheckNone, #CheckPending {
        font-weight : normal;
        margin : 0 .5em 0 0;
 }
@@ -1543,13 +1647,44 @@ label.permissioncode {
 span.permissiondesc {
        font-weight : normal;
 }
-/* autocomplete additions */
+#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 { width:130px; }/* set width of widget here*/
 .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:335px; }
+#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;
+}
+