Fixes for Bug 3089, Date entry fields should indicate required date format
[koha_fer] / koha-tmpl / intranet-tmpl / prog / en / css / staff-global.css
index 9263d52..190c9da 100644 (file)
@@ -5,10 +5,14 @@ a, a:link, a:visited, a:active {
        color : #0000CC;
 }
 
-.yui-button a,.yui-button a:link,.yui-button a:visited {
+.yui-button,.yui-button a:link,.yui-button a:visited {
        color : #000;
 }
 
+a.yuimenuitemlabel {
+        color: #000000;
+}
+
 a:hover {
        color : #669ACC;
 }
@@ -20,6 +24,7 @@ a.overdue,.overdue {
 body {
        text-align : left;
        padding:0 0 2.5em 0;
+  font-family: arial, verdana, helvetica, sans-serif;
 }
 
 br.clear {
@@ -86,7 +91,7 @@ strong em {
        font-style : italic;
 }
 
-em {
+em, cite {
        font-style : italic;
 }
 
@@ -171,15 +176,23 @@ ol li {
        background-color : #F3F3F3;
        border-bottom : 1px solid #E8E8E8;
        line-height : 2em;
-       display : inline-block;
 }
 
-#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;
@@ -219,6 +232,13 @@ table {
        border-right : 1px solid #BCBCBC;
 }
 
+table.invis{
+       border : white;
+}
+table.invis tr,table.invis td {
+       border : white;
+}
+
 td, th {
        border-bottom : 1px solid #BCBCBC;
        border-left : 1px solid #BCBCBC;
@@ -229,12 +249,27 @@ td {
        background-color : White;
 }
 
+td.borderless {
+    border-collapse : separate;
+    border : 0 none;
+}
+
+td.data,
+th.data {
+       font-family : "Courier New", Courier, monospace;
+       text-align : right;
+}
+
 th {
        background-color : #E8E8E8;
        font-weight : bold;
        text-align : center;
 }
 
+table+table {
+       margin-top : 1em;
+}
+
 #editions table, #editions td {
        border : 0;
 }
@@ -268,6 +303,15 @@ tr.highlight.onissue td {
        background-color: #FFFFE1;
 }
 
+tfoot td {
+       background-color : #f3f3f3;
+       font-weight : bold;
+}
+
+td.total {
+       text-align : right;
+}
+
 caption {
        font-size : 133.9%;
        font-weight : bold;
@@ -311,6 +355,9 @@ legend {
        display : inline;
 }
 
+div.justify {
+    text-align: justify;
+}
 
 div#header_search {
        background-position : .5em .5em;
@@ -350,6 +397,10 @@ div#reserves,div#checkouts {
        color : Gray;
 }
 
+.single-line {
+       white-space: nowrap;
+}
+
 .ex {
        font-family : "Courier New", Courier, fixed-width;
        font-weight : bold;
@@ -362,13 +413,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 {
@@ -384,6 +436,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;
@@ -429,6 +491,10 @@ div.patronviews {
        padding : .5em 0 .5em 0;
 }
 
+.column-tool {
+       font-size: 80%;
+}
+
 fieldset.brief {
        border : 1px solid #E8E8E8;
 }
@@ -443,9 +509,13 @@ fieldset.brief ol, fieldset.brief li {
        list-style-type : none;
 }
 
-fieldset.brief div.hint, fieldset.rows div.hint {
+.hint {
        color : #999999;
        font-size : 95%;
+}
+
+fieldset.brief div.hint, fieldset.rows div.hint, div.yui-u div.hint {
+       font-size : 95%;
        margin-bottom : .4em;
 }
 
@@ -462,10 +532,20 @@ div.yui-b fieldset.brief ol {
 div.yui-b fieldset.brief select {
        width: 12em;
 }
+div.yui-b fieldset.brief li.radio {
+       padding : .7em 0;
+}
+div.yui-b fieldset.brief li.radio label {
+       display : inline;
+}
+
+div.yui-b fieldset.brief li.radio input {
+       padding:0.3em 0;
+}
 
 fieldset.rows {  
 border-width : 1px;
-border-bottom : 1px solid black;
+border-bottom : 1px solid #666;
 float : left;
 font-size : 90%;
 clear : left;
@@ -503,7 +583,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 {
@@ -633,12 +713,19 @@ fieldset.rows label.inline {
 }
 
 fieldset.rows .inputnote {
+       clear : left;
        float : left;
-       margin : .5em 0 0 10em;
+       margin : .5em 0 0 11em;
 }
 
 .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 {
@@ -648,7 +735,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 {
@@ -660,17 +747,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;
@@ -699,34 +781,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 {
@@ -752,7 +827,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, #newlabelbatch a, #newpatroncardbatch a, #newprofile a, #newsubscription a, #newdictionary a, #newbasket a, #newrootbudget-button, #budgets_menuc .first-child, #periods_menuc .first-child {
        padding-left : 34px;
        background-image: url("../../img/toolbar-new.gif");
        background-position : center left;
@@ -781,7 +856,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;
@@ -822,6 +897,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");
@@ -843,10 +923,17 @@ fieldset.rows .inputnote {
        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 {
+#editmenuc .first-child, #deleteshelf .first-child,#newmenuc .first-child, #addbiblio .first-child, #z3950search .first-child, #printmenuc .first-child, #newsupplier .first-child, #savemenuc .first-child, #budgets_menuc .first-child, #periods_menuc .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;
@@ -911,10 +998,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 {
@@ -1020,10 +1109,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;
@@ -1050,7 +1143,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,12 +1153,24 @@ 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 ul,
+div.message h5 {
+       padding-left : 25%;
+       text-align : left;
+}
+
 div.message ul+h4 {
        margin-top : .7em;
 }
@@ -1158,9 +1263,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 {
@@ -1196,12 +1299,17 @@ 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;
 }
 
 .empty {
@@ -1240,7 +1348,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 {
@@ -1257,6 +1392,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;
@@ -1296,7 +1443,7 @@ overflow :  hidden;
 }
 
 div.pages {
-       margin-top : .5em;
+       margin : .5em 0;
 }
 
 div.pages a {
@@ -1305,19 +1452,35 @@ div.pages a {
        text-decoration: none;
 }
 
-div.pages a:link {
+div.pages a:link,
+div.pages a:visited {
        background-color : #eeeeee;
        color : #3366CC;
 }
 
 div.pages a:hover {
-       background-color : #e8f0f6;
+       background-color : #FFC;
 }
 
 div.pages a:active {
        background-color : #ffc;
 }
 
+div.pages .current,
+div.pages .currentPage {
+       background-color : #e6fcb7;
+       color : #666;
+       font-weight: bold;
+       padding: 1px 5px 1px 5px;
+}
+
+div.pages .inactive {
+       background-color : #f3f3f3;
+       color : #BCBCBC;
+       font-weight: bold;
+       padding: 1px 5px 1px 5px;
+}
+
 div.browse {
        margin : .5em 0;
 }
@@ -1330,37 +1493,15 @@ 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 {
-       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.submit:active {
+input[type=submit]:active, input[type=button]:active, button.submit:active {
        border : 1px inset #999999;
 }
 
-input[type=reset], input[type=button], input.submit {
+input[type=submit], input[type=reset], input[type=button], input.submit, button.submit {
        border: 1px outset #999999;
        border-top-color: #666;
        border-left-color: #666;
@@ -1369,10 +1510,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;
@@ -1383,9 +1534,20 @@ 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;
+       width : 30em;
 }
 
 ul#toplevelmenu {
@@ -1494,7 +1656,7 @@ ul#i18nMenu li.more ul li a {
   overflow:auto;
  }
 
-#CheckAll, #CheckNone {
+#CheckAll, #CheckNone, #CheckPending {
        font-weight : normal;
        margin : 0 .5em 0 0;
 }
@@ -1545,13 +1707,161 @@ 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;
+}
+
+.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;
+}
+
+h1#pdf {
+        background:transparent url(../../img/pdficon_large.gif) no-repeat scroll 0%;
+        border: 0;
+        margin:0.75em .3em 0.75em .7em;
+        padding:0;
+}
+
+h1#pdf a {
+       border:0;
+       cursor:pointer;
+       display:block;
+       height:0px !important;
+       margin:0;
+       overflow:hidden;
+       padding:44px 0 0;
+       text-decoration:none;
+       width:35px;
+}
+
+h1#csv {
+        background:transparent url(../../img/csv_icon.gif) no-repeat scroll 0%;
+        border: 0;
+        margin:0.75em .3em 0.75em .7em;
+        padding:0;
+}
+
+h1#csv a {
+       border:0;
+       cursor:pointer;
+       display:block;
+       height:0px !important;
+       margin:0;
+       overflow:hidden;
+       padding:44px 0 0;
+       text-decoration:none;
+       width:35px;
+}
+
+h1#xml {
+        background:transparent url(../../img/icon_xml.gif) no-repeat scroll 0%;
+        border: 0;
+        margin:0.75em .3em 0.75em .7em;
+        padding:0;
+}
+
+h1#xml a {
+       border:0;
+       cursor:pointer;
+       display:block;
+       height:0px !important;
+       margin:0;
+       overflow:hidden;
+       padding:44px 0 0;
+       text-decoration:none;
+       width:35px;
+}
+
+#cartDetails {
+       background-color : #FFF;
+       border: 1px solid #739acf;
+       border-right-width : 2px;
+       border-bottom-width : 2px;
+       color : black;
+       display : none;
+       margin : 0;
+       padding : 10px;
+       text-align : center;
+       width : 180px;
+}
+#cartmenulink {
+        background: transparent url("../../img/cart-small.gif") 0 3px no-repeat;
+        padding-left : 15px;
+}
+#cartmenulink span#basketcount span {
+       display : inline;
+       font-size : 90%;
+       font-weight : normal;
+       padding : 0;
+}
+#moremenu {
+        display : none;
+}
+
+.results_summary {
+  display: block;
+  font-size : 85%; 
+  color: #707070;
+  padding : 0 0 .5em 0;
+}
+.results_summary .label {
+  color: #202020;
+}
+.results_summary a {
+  font-weight: normal;
+}
+
+img.spinner {
+    vertical-align: middle;
+    padding-right: 0.3em;
+}
+#cataloguing_additem_itemlist div {
+       overflow : scroll;
+}
\ No newline at end of file