Bugfixing interface issues. Also enabling contextual menu highlighting for catalogue...
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / css / staff-global.css
index 2153966..b363adc 100644 (file)
@@ -1,4 +1,4 @@
-@import url( /intranet-tmpl/prog/en/lib/yui/reset-fonts-grids.css) all;
+@import url("/intranet-tmpl/prog/en/lib/yui/reset-fonts-grids.css");
 
 a, a:link, a:visited, a:active {
        color : #0000CC;
@@ -12,6 +12,11 @@ body {
        text-align : left;
 }
 
+br.clear {
+       clear : both;
+       line-height : 1px;
+}
+
 form {
        display : inline;
 }
@@ -46,6 +51,10 @@ h6 {
        font-weight : bold;
 }
 
+h1,h2,h3,h4,h5,h6 {
+       margin : .3em 0;
+}
+
 p {
        margin: .5em 0 .5em 0;
 }
@@ -58,6 +67,10 @@ em {
        font-style : italic;
 }
 
+.subfield-label {
+    font-style : italic;
+}
+
 #hd {
 }
 
@@ -83,7 +96,7 @@ em {
 .yui-u {
 }
 
-#doc3 {
+#doc, #doc1, #doc2, #doc3 {
        padding-top : 1em;
 }
 
@@ -106,6 +119,10 @@ li {
        list-style-type : disc;
 }
 
+li li {
+       list-style-type : circle;
+}
+
 #header {
        background-color : #F3F3F3;
        border-bottom : 1px solid #E8E8E8;
@@ -180,7 +197,7 @@ table {
 td, th {
        border-bottom : 1px solid #BCBCBC;
        border-left : 1px solid #BCBCBC;
-       padding : .5em;
+       padding : .2em .3em;
 }
 
 td {
@@ -192,10 +209,27 @@ th {
        font-weight : bold;
 }
 
-td.highlight {
+tr.highlight td, td.highlight {
        background-color : #F3F3F3;
 }
 
+td.od {
+       color : #cc0000;
+       font-weight : bold;
+}
+
+tr.warn td {
+       background-color: #FF9090;
+}
+
+tr.onissue td {
+       background-color: #FFFFCC;
+}
+
+tr.highlight.onissue td {
+       background-color: #FFFFE1;
+}
+
 caption {
        font-size : 153.9%;
        font-weight : bold;
@@ -226,7 +260,11 @@ legend {
        border-bottom : 1px solid #E8E8E8;
        clear : both;
        font-size : 90%;
-       padding :.2em .5em .4em .5em;
+       padding :.2em .5em .4em 10px;
+}
+
+#header+#breadcrumbs {
+       margin-top : 1em;
 }
 
 #commonsearch {
@@ -240,7 +278,8 @@ div#header_search {
        background-repeat : no-repeat;
        float: left;
        padding-left : 14.2em;
-       margin: 1em 0 1.5em 0;
+       margin: .3em 0 .5em 0;
+       min-height : 52px;
 }
 
 div#header_search input {
@@ -258,7 +297,7 @@ div#header_search ul.link-tabs li.off a {
        padding : 0.1em .5em .2em .5em;
 }
 
-div#circ_search,div#catalog_search,div#patron_search,div#subscription_search,div#addbooks_search,div#notices_search,div#printer_search,div#checkin_search,div#suggestions_search,div#roadtype_search {
+div#header_search div.residentsearch {
        border : 0;
        border-bottom : 1px solid #FF9900;
        padding : 0 0 .2em 0;
@@ -305,6 +344,7 @@ div.cmDiv
 .clickMenu li.more li a {
        background-image : none;
        padding-right : 0;
+       white-space : nowrap;
 }
 
 .clickMenu
@@ -404,37 +444,22 @@ dd {
 
 div#toolbar {
        background-color : #F3F3F3;
+       margin-bottom : .7em;
 }
 
 ul.toolbar {
+       padding-left : 0;
+}
+
+.yui-menu-button  {
+       
 }
 
 ul.toolbar li {
        display : inline;
-       float : left;
        list-style : none;
 }
 
-ul.toolbar li a {
-       background-color : #F3F3F3;
-       border : 1px solid #F3F3F3;
-       display : block;
-       margin : 3px;
-       padding : 3px;
-       text-decoration : none;
-}
-
-ul.toolbar li a:hover {
-       background-color : #FFFFCC;
-}
-
-ul.toolbar li:last-child a:hover {
-}
-
-ul.toolbar ul {
-       display : none;
-}
-
 div.message {
    border : 1px solid #6699CC;
        width : 33%;
@@ -499,9 +524,13 @@ fieldset.brief label {
        padding : .3em 0;
 }
 
-fieldset.brief div.hint {
+fieldset.brief ol, fieldset.brief li {
+       list-style-type : none;
+}
+
+fieldset.brief div.hint, fieldset.rows div.hint {
        color : #999999;
-       font-size : 80%;
+       font-size : 95%;
        margin-bottom : .4em;
 }
 
@@ -525,11 +554,33 @@ fieldset.rows legend {
 fieldset.rows label, fieldset.rows span.label {  
        float: left;  
        font-weight : bold;
-       width: 12em;  
+       width: 6em;  
        margin-right: 1em;  
        text-align: right;
 }
 
+fieldset.rows fieldset {
+       border-width : 1px;
+       margin : 0;
+       padding : .3em;
+}
+
+.yui-b fieldset.rows label, .yui-b fieldset.rows span.label {  
+       width: 9em;  
+}
+
+.yui-b fieldset.rows div.hint {
+       margin-left : 10.5em;
+}
+
+.yui-u fieldset.rows label, .yui-u fieldset.rows span.label {  
+       width: 6em;  
+}
+
+.yui-u fieldset.rows div.hint {
+       margin-left : 7.5em;
+}
+
 fieldset.rows.left label, fieldset.rows.left span.label {
        width : 8em;
        text-align : left;      
@@ -552,6 +603,17 @@ fieldset.rows.left li {
        padding-bottom : .4em;
 }
 
+fieldset.rows li.radio {
+       padding-left: 9em;
+       width : auto;
+}
+
+fieldset.rows li.radio label {
+       float : none;
+       width : auto;
+       margin : 0 0 0 1em;
+}
+
 fieldset.rows ol.radio label {
        width : auto;
        float : none;
@@ -584,24 +646,34 @@ fieldset.action {
        width : auto;
 }
 
+a.cancel {
+       padding-left : 1em;
+}
+
 fieldset.rows fieldset.action {
        padding : 0 0 1em 1em;
 }
 
+fieldset.rows .inputnote {
+       float : left;
+       margin : .5em 0 0 10em;
+}
+
 .tabs-nav li {
        list-style : none;
 }
 
-.tabs-nav a, .tabs-nav a span {
+.tabs-nav a, .tabs-nav a span, .tabs-nav span.a {
    background : none;
+       display : block;
        padding: .2em .5em .25em .5em;
 }
 
-.tabs-nav a {
+.tabs-nav a, .tabs-nav span.a {
     z-index : auto;
 }
 
-.tabs-nav .tabs-selected a {
+.tabs-nav .tabs-selected a, .tabs-nav .tabs-selected span.a {
        background-color : #FFFFCC;
        border-top: 1px solid #FFFFCC;
        border-right: 1px solid #FF9900;
@@ -613,11 +685,11 @@ fieldset.rows fieldset.action {
        top : -1px;
 }
 
-.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
+.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active, .tabs-nav span.a {
     background-position : inherit;
     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 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;
 }
 
@@ -629,7 +701,7 @@ fieldset.rows fieldset.action {
        background-color : #FFFFCC;
 }
 
-.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
+.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active, .tabs-nav span.a {
         background : none;
     outline: 0; /* prevent dotted border in Firefox */
 }
@@ -643,16 +715,19 @@ fieldset.rows fieldset.action {
     padding: inherit;
     background: none;
 }
+.toptabs {
+       margin-top : 1em;
+}
 
-#patronlists .tabs-nav a {
+.toptabs .tabs-nav a, .toptabs .tabs-nav span.a {
     top: 0;
  }
 
-#patronlists .tabs-nav li {
+.toptabs .tabs-nav li {
        margin-right : .5em;
 }
 
-#patronlists .tabs-nav li a {
+.toptabs .tabs-nav li a, .toptabs .tabs-nav li span.a {
        background-color : #F3F3F3;
        border-top : 1px solid #E8E8E8;
        border-left : 1px solid #E8E8E8;
@@ -662,11 +737,11 @@ fieldset.rows fieldset.action {
        text-decoration : none;
 }
 
-#patronlists .tabs-nav li.tabs-selected  {
+.toptabs .tabs-nav li.tabs-selected  {
        background-color : #FFF;
 }
 
-#patronlists .tabs-nav li.tabs-selected a {
+.toptabs .tabs-nav li.tabs-selected a, .toptabs .tabs-nav li.tabs-selected span.a {
        background-color : #FFF;
        border-top : 1px solid #E8E8E8;
        border-left : 1px solid #E8E8E8;
@@ -676,7 +751,300 @@ fieldset.rows fieldset.action {
        text-align : center;
 }
 
+.toptabs.numbered .tabs-nav li {
+       min-width : 3em;
+}
+
+.toptabs .tabs-container {
+       border : 1px solid #E8E8E8;
+       padding : 1em;
+}
+
 .checkedout {
        color : #999999;
        font-style : italic;
+}
+
+.subfield_not_filled {
+       background-color : #FFFF99;
+}
+.content_hidden {
+    visibility:hidden; /* you propably don't need to change this one */
+    display:none;
+}
+
+/* the property for the displayed tab */
+.content_visible {
+    visibility:visible; /* you propably don't need to change this one */
+    display:block;
+}
+#addbiblio a, #addchild a, #newentry a {
+       padding-left : 34px;
+       background-image: url("/intranet-tmpl/prog/img/toolbar-new.gif");
+       background-position : center left;
+       background-repeat : no-repeat;
+}
+
+#deletebiblio button, #deletebiblio a, #deletepatron a {
+       padding-left : 34px;
+       background-image: url("/intranet-tmpl/prog/img/toolbar-delete.gif");
+       background-position : center left;
+       background-repeat : no-repeat;
+}
+
+#printbiblio button, #printbiblio a {
+       padding-left : 34px;
+       background-image: url("/intranet-tmpl/prog/img/toolbar-print.gif");
+       background-position : center left;
+       background-repeat : no-repeat;
+}
+
+#addtoshelf button, #addtoshelf a {
+       padding-left : 34px;
+       background-image: url("/intranet-tmpl/prog/img/toolbar-add-to-shelf.gif");
+       background-position : center left;
+       background-repeat : no-repeat;
+}
+
+#placehold a {
+       padding-left : 34px;
+       background-image: url("/intranet-tmpl/prog/img/toolbar-hold.gif");
+       background-position : center left;
+       background-repeat : no-repeat;
+}
+
+div.error {
+       border : 2px dashed #990000;
+       background-color : #FFFF99;
+       padding : .5em;
+       margin : 1em;
+}
+
+ol.bibliodetails {
+       float: left;
+       margin : 0 0 1em 1em;
+}
+
+ol.bibliodetails li {
+       border-bottom: 1px solid #E8E8E8;
+       list-style-type : none;
+       padding : .1em;
+}
+
+ol.bibliodetails span.label {
+       border-right : 1px solid #E8E8E8;
+       float : left;
+       font-weight: bold;
+       width: 12em;  
+       margin-right: 1em;  
+}
+
+div.sysprefs h3 {
+       margin : .2em 0 .2em .4em;
+}
+
+div.sysprefs dl {
+       margin-left : 1.5em;
+}
+
+div.sysprefs div.hint {
+       width : 25%;
+       float : right;
+       padding : .5em;
+       margin : .7em;
+}
+
+tr.highlight td {
+       background-color : #F6F6F6;
+}
+
+tr.highlight th {
+       background-color : #DDDDDD;
+}
+
+#circ_circulation_issue label {
+       font-size: 105%;
+       font-weight : bold;
+}
+
+#circ_circulation_issue div.hint {
+       color : #666666;
+       margin: .2em 0;
+}
+
+tr.expired td {
+       color : #999999;
+}
+
+span.expired {
+       color : #990000;
+       font-style : italic;
+}
+
+div.subfield_line label {
+    font-size:75%;
+    float: left;
+    width: 200px;
+    text-align: left;
+    clear:left;
+}
+
+div.help {
+       margin: .9em 0 0 0;  
+}
+
+.blocker {
+       color : #990000;
+}
+
+.circmessage li {
+       list-style : url(../../img/arrow-bullet.gif);
+       margin-bottom : .2em;
+}
+
+div.circmessage:first-child {
+       margin-top : 1em;
+}
+
+div.circmessage {
+       border: 1px solid #CCC;
+       padding: .4em;
+       margin-bottom : .3em;
+}
+
+span.circ-hlt {
+       color : #cc0000;
+       font-weight : bold;
+}
+
+div.first fieldset {
+       margin-right : 0;
+}
+
+.dialog {
+  width: 50%;
+  float:left;
+  background: url(../../img/dropshadow-alpha.png) no-repeat bottom right !important;
+  background: url(../../img/dropshadow.gif) no-repeat bottom right;
+  margin: 10px 0 0 10px !important;
+  margin: 10px 0 0 5px;
+  }
+
+.dialog div {
+  background: none !important;
+  background: url(../../img/dropshadow-mask.gif) no-repeat left top;
+  padding: 0 !important;
+  padding: 0 6px 6px 0;
+  }
+
+.dialog div.confirm {
+  background-color: #fff;
+  background : url(../../img/dialog-bg.gif) repeat-x left 0 !important;
+  font: 1em sans-serif;
+  border: 1px solid #bcbcbc;
+  padding: 4px !important;
+  margin: -6px 6px 6px -6px !important;
+  margin: 0;
+  text-align : center;
+  }
+  
+ div.confirm input {
+       background-color : #FFF;
+       border : 1px solid #bcbcbc;
+       margin : .4em;
+       padding : .4em .4em .4em 25px;
+ }
+ div.confirm input.approve {
+       background : #FFF url(../../img/approve.gif) no-repeat 4px center;
+ }
+
+ div.confirm input.deny {
+       background : #FFF url(../../img/deny.gif) no-repeat 4px center;
+ }
+ div.confirm input:hover {
+       background-color : #ffc;
+ }
+ div.results {
+       padding : .7em 0;
+ }
+ .accesskey {
+       text-decoration : underline;
+ }
+ #changelanguage {
+       background-color : #F3F3F3;
+       border-top : 1px solid #E8E8E8;
+       font-size : 93%;
+       margin-top : 2em;
+       padding : .3em .5em .5em .5em;
+ }
+ #changelanguage ul {
+       margin : 0;
+       padding : 0;
+ }
+ #changelanguage li {
+       border-left : 1px solid #CCC;
+       display : inline;
+       list-style : none;
+       padding : 0 .5em;
+ }
+ #changelanguage li:first-child {
+       border-left : 0;
+ }
+.required {
+    color : #C00;
+}
+
+span.required {
+       font-style : italic;
+}
+
+.term {
+    background-color:yellow;
+}
+
+div#menu {
+       border-right: 1px solid #000;
+       margin-right: .5em;
+       padding-top: 1em;
+       padding-bottom: 2em;
+}
+
+div#menu li a {
+       text-decoration: none;
+       display: block;
+       background : #EEE url(../../img/side-tab-gradient.gif) repeat-y top right;
+       border: 1px solid #000;
+       font-size: 111%;
+       margin: .5em 0;
+       padding: .4em .3em;
+       margin-right :  -1px;
+}
+
+div#menu li a:hover {
+       background : #E8F0F6 url(../../img/side-tab-gradient-hover.gif) repeat-y top right;
+}
+
+div#menu li.active a:hover {
+       background-color: #fff;
+       color :  #0000CC;
+}
+
+#menu ul li {
+       list-style-type: none;
+}
+
+#menu ul li.active a {
+       background-color: #FFF;
+       background-image : none;
+       border-right: 0;
+       font-weight: bold;
 }
\ No newline at end of file