Final cleanup of labels for 3.0
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / css / staff-global.css
index 48b1ef4..3f825dc 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,10 +81,20 @@ strong {
        font-weight : bold;
 }
 
+strong em {
+       font-weight : bold;
+       font-style : italic;
+}
+
 em {
        font-style : italic;
 }
 
+em strong {
+       font-weight : bold;
+       font-style : italic;
+}
+
 .subfield-label {
     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;
@@ -178,22 +221,6 @@ ol 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;
@@ -213,10 +240,23 @@ td {
 th {
        background-color : #E8E8E8;
        font-weight : bold;
+       text-align : center;
+}
+
+#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 {
@@ -237,8 +277,9 @@ tr.highlight.onissue td {
 }
 
 caption {
-       font-size : 153.9%;
+       font-size : 133.9%;
        font-weight : bold;
+       margin : .3em 0;
 }
 
 span.problem {
@@ -267,6 +308,7 @@ legend {
        clear : both;
        font-size : 90%;
        padding :.2em .5em .4em 10px;
+       margin : 0;
 }
 
 #header+#breadcrumbs {
@@ -328,13 +370,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 {
@@ -350,6 +393,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;
@@ -359,6 +409,10 @@ div.patroninfo {
        margin-top : -.5em;
 }
 
+*html div.patroninfo {
+       margin-right : .5em;
+}
+
 div.patroninfo h5 {
        border-right :  1px solid #000;
        margin-bottom : 0;
@@ -368,10 +422,16 @@ div.patroninfo h5 {
 }
 
 div.patroninfo ul {
+       border : 0;
        border-right : 1px solid #000;
        border-bottom : 0;
        border-top : 0;
-       padding : 0 0 .5em 0;
+       padding : 0;
+       margin : 0;
+}
+
+div.patroninfo ul li {
+       margin : 0;
 }
 
 div.patroninfo ul li, div.patronviews ul li {
@@ -385,13 +445,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 {
@@ -414,9 +469,23 @@ fieldset.brief div.hint, fieldset.rows div.hint {
        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;
@@ -441,7 +510,7 @@ fieldset.rows label, fieldset.rows span.label {
 
 fieldset.rows fieldset {
        border-width : 1px;
-       margin : 0;
+       margin : 0 0 .5em 0;
        padding : .3em;
 }
 
@@ -507,8 +576,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 {
@@ -587,21 +657,27 @@ fieldset.rows .inputnote {
        margin : .5em 0 0 10em;
 }
 
-.tabs-nav li {
-       list-style : none;
+.ui-tabs-nav li {
+       margin-right : .5em;
+       position : relative;
+       top : -1px;
 }
 
-.tabs-nav a, .tabs-nav a span, .tabs-nav span.a {
+.ui-tabs-nav li.ui-tabs-selected {
+
+}
+
+.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;
@@ -610,26 +686,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 */
 }
@@ -643,44 +715,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 {
@@ -706,7 +766,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, #newbatch 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, #neworder a {
        padding-left : 34px;
        background-image: url("../../img/toolbar-new.gif");
        background-position : center left;
@@ -801,6 +861,11 @@ fieldset.rows .inputnote {
        padding-left : 15px;
 }
 
+.error {
+       background-color : #FFFF99;
+       color: red;
+}
+
 div.error {
        border : 2px dashed #990000;
        background-color : #FFFF99;
@@ -871,7 +936,7 @@ tr.highlight th[scope=row] {
        background-color : #DDDDDD;
 }
 
-tr.confirm td, tr.confirm.highlight td {
+tr.confirm td, tr.highlight.confirm td {
        background-color : #ffbfbf;
 }
 
@@ -885,6 +950,20 @@ tr.confirm td, tr.confirm.highlight 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;
 }
@@ -894,19 +973,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;  
 }
@@ -925,7 +991,7 @@ div.circmessage:first-child {
 }
 
 div.circmessage {
-       padding: .4em;
+       padding: 0 .4em .4em .4em;
        margin-bottom : .3em;
 }
 
@@ -985,14 +1051,21 @@ div.first fieldset {
 
 .dialog input.save {
        background: #fff url(../../img/toolbar-save.gif) no-repeat 4px center;
+       color:black;
        padding: .4em .4em .4em 34px;
 }
  
 .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;
  }
@@ -1008,13 +1081,13 @@ 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 input.approve {
-       display : block;
-       margin: auto;
+div.message ul+h4 {
+       margin-top : .7em;
 }
  
  div.results {
@@ -1053,6 +1126,10 @@ div#menu {
        padding-bottom: 2em;
 }
 
+*html #menu li {
+       display : inline;
+}
+
 div#menu li a {
        text-decoration: none;
        display: block;
@@ -1106,6 +1183,10 @@ h1#logo {
        padding:0;
 }
 
+*html h1#logo {
+       margin : 0.75em .3em 0.75em .3em;
+}
+
 h1#logo a {
        border:0;
        cursor:pointer;
@@ -1143,12 +1224,12 @@ padding: 0;
 overflow :  hidden;
 }
 
-.address {
-       font-size: 110%;
+.empty {
+       color : #CCC;
 }
 
-#circ_circulation_issue .date-select label {
-       font-weight: normal;
+.address {
+       font-size: 110%;
 }
 
 .clearfix:after {
@@ -1182,6 +1263,10 @@ overflow :  hidden;
        list-style : url(../../img/item-bullet.gif);
 }
 
+#searchresults table td {
+       vertical-align : top;
+}
+
 #searchheader {
        background-color : #f3f3f3;
        font-size : 80%;
@@ -1261,11 +1346,15 @@ div.browse {
        margin : .5em 0;
 }
 
+div#bookcoverimg {
+       text-align : center;
+}
+
 div#header_search input.submit {
        font-size : 1em;
 }
 
-input[type=submit], input[type=button], input.submit {
+input[type=submit], input[type=button] {
        border: 1px outset #999999;
        border-top-color: #666;
        border-left-color: #666;
@@ -1274,7 +1363,24 @@ input[type=submit], input[type=button], input.submit {
        color: #333333;
 }
 
-input[type=submit]:active, input[type=button]:active, input.submit:active {
+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 {
        border : 1px inset #999999;
 }
 
@@ -1296,42 +1402,21 @@ input[type=reset]:active, input[type=button]:active, input.submit:active {
        font-style : italic;
 }
 
-/* Define a new style for each menu */
-       
-.yui-skin-sam .yuimenu {
-       line-height: 2;/* ~24px */
-       *line-height: 1.9; /* For IE */
+a.yuimenuitemlabel:hover {
+       background-color : #B3D4FF;
+       color : #000;
 }
-
-a.yuimenuitemlabel {
-}
-       
-.yui-skin-sam .yuimenu .bd {
-       border-width: 1px;
-       border-color: #ddd #666 #666 #ddd;
-       border-style: solid;
-       background-color: #fff;
+               
+#displayexample {
+       padding: 5px; 
+       margin-bottom: 10px;
+       background-color: #CCCCCC;
 }
 
-.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;
+#irregularity_summary {
+       vertical-align : top;
 }
-       
-       
-/* Define a new style for a MenuItem instance's "selected" state. */
-.yui-skin-sam #sublangs .yuimenuitem-selected {
-       background-color: #82AAE1;
-}
-.yui-skin-sam #sublangs .yuimenuitemlabel-selected {
-       color: #fff;
-}
-               
+
 #toplevelnav {
        float : left;
        margin-left : .5em;
@@ -1442,4 +1527,70 @@ ul#i18nMenu li.more ul li a {
   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;
+}
+/* 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; }
+#yborrowercontainer { text-align:left;width:335px; }
+#mainuserblock {
+       border : 1px solid #E8E8E8;
+       margin-top : .5em;
+       padding : .5em;
+}