Adding progress bar and some other visual enhancements to file upload interactions.

[koha.git] / koha-tmpl / intranet-tmpl / prog / en / css / staff-global.css

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 738e877..ff7d1a1 100644 (file)
--- a/koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css
+++ b/koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css
@@ -243,6 +243,10 @@ th {
        text-align : center;
 }
 
+table+table {
+       margin-top : 1em;
+}
+
 #editions table, #editions td {
        border : 0;
 }
@@ -358,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;
@@ -370,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 {
@@ -444,6 +453,10 @@ div.patronviews {
        padding : .5em 0 .5em 0;
 }
 
+.column-tool {
+       font-size: 80%;
+}
+
 fieldset.brief {
        border : 1px solid #E8E8E8;
 }
@@ -480,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;
@@ -856,6 +869,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;
@@ -1029,10 +1049,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;
@@ -1250,7 +1274,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 {
@@ -1306,7 +1357,7 @@ overflow :  hidden;
 }
 
 div.pages {
-       margin-top : .5em;
+       margin : .5em 0;
 }
 
 div.pages a {
@@ -1349,7 +1400,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;
@@ -1366,11 +1417,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;
@@ -1379,10 +1426,15 @@ 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;
+}
+
 .searchhighlightblob {
     font-size:75%;
        font-style : italic;
@@ -1393,6 +1445,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;
@@ -1504,7 +1566,7 @@ ul#i18nMenu li.more ul li a {
   overflow:auto;
  }
 
-#CheckAll, #CheckNone {
+#CheckAll, #CheckNone, #CheckPending {
        font-weight : normal;
        margin : 0 .5em 0 0;
 }
@@ -1557,11 +1619,15 @@ span.permissiondesc {
 }
 /* autocomplete additions */
 #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; }
+#mainuserblock {
+       border : 1px solid #E8E8E8;
+       margin-top : .5em;
+       padding : .5em;
+}