Fourth installment Patron card generation feature
[koha_fer] / koha-tmpl / intranet-tmpl / prog / en / css / staff-global.css
index 8ad7981..3a2cc28 100644 (file)
@@ -10,6 +10,7 @@ a:hover {
 
 body {
        text-align : left;
+       padding:0 0 2.5em 0;
 }
 
 br.clear {
@@ -55,6 +56,9 @@ h1,h2,h3,h4,h5,h6 {
        margin : .3em 0;
 }
 
+html {
+}
+
 p {
        margin: .5em 0 .5em 0;
 }
@@ -102,7 +106,6 @@ em {
 
 #login  {
        position : absolute;
-       top : 3px;
        right : .5em;
 }
 
@@ -114,18 +117,26 @@ ul {
        padding-left : 1.1em;
 }
 
-li {
-       
+ul li {
        list-style-type : disc;
 }
 
-li li {
+ul li li {
        list-style-type : circle;
 }
 
+ol {
+       padding-left : 1.5em;
+}
+
+ol li {
+       list-style : decimal;
+}
+
 #header {
        background-color : #F3F3F3;
        border-bottom : 1px solid #E8E8E8;
+       line-height : 2em;
 }
 
 #header:after { /* clearing without presentational markup, IE gets extra treatment */
@@ -153,11 +164,6 @@ li li {
        text-decoration : none;
 }
 
-#toplevelnav {
-       float : left;
-       line-height : 2em;
-}
-
 #submenu {
        margin : 0 0 .5em 0;
        padding : 0;
@@ -172,22 +178,6 @@ li 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;
@@ -261,6 +251,7 @@ legend {
        clear : both;
        font-size : 90%;
        padding :.2em .5em .4em 10px;
+       margin : 0;
 }
 
 #header+#breadcrumbs {
@@ -315,114 +306,6 @@ div#reserves,div#checkouts {
        font-weight : bold;
 }
 
-/* ClickMenu Overrides */
-
-ul#toplevelmenu li {
-       display : inline;
-       list-style: none;
-}
-
-ul#toplevelmenu li ul {
-}
-
-div.cmDiv
-{
-       border: 0;
-       background-color: #F3F3F3;
-}
-
-.clickMenu li.more a {
-       background-image: url("../../img/more-arrow.gif");
-       background-position: right;
-       background-repeat: no-repeat;
-       padding-right : 13px;
-}
-
-.clickMenu li.more li a {
-       background-image : none;
-       padding-right : 0;
-       white-space : nowrap;
-}
-
-.clickMenu
-{
-       margin: 0;
-       padding: 0;
-       cursor: default;
-}
-.clickMenu, .clickMenu ul
-{
-       list-style: none;
-}
-.clickMenu ul
-{
-       margin: 0;
-       padding: 2px;
-       border: 0;
-       background-color: #F3F3F3;
-       min-width: 100px; /* ie doesnt know this :/ */
-       //float: left;/*ie again*/
-       //width: 100%;/*and again*/
-}
-.clickMenu div.outerbox
-{
-       display: none;
-       min-width: 106px; /* firefox produces animation-flickering when the box is bigger than this :/ */
-}
-.clickMenu div.inner
-{
-       //top: 20px; /* for ie */
-       left: 0;
-       margin: 0;
-}
-.clickMenu div.inner div.outerbox
-{
-       margin: 0;
-       left: 98px;
-       //left: 90px; /* for ie */
-       top: -3px;
-}
-.clickMenu li
-{
-       list-style-type : none;
-       position: relative;
-       padding: 0 20px 0 2px;
-       /*white-space: nowrap; does not really work in ie */
-}
-.clickMenu li.main
-{
-       float: left;
-       padding: 0 10px;
-       background-color: #F3F3F3;
-       //height: 20px; /* for ie */
-}
-.clickMenu li.main li
-{
-       z-index: 2;
-       min-width: 78px;
-}
-.clickMenu li.hover
-{
-       z-index: 1 !important; /* the hover z-index has to be below the normal one the hovering items may be drawn over a submenu */
-       background-color : transparent;
-}
-.clickMenu img.liArrow
-{
-       position: absolute;
-       right: 5px;
-       top: 0.41em;
-}
-.clickMenu ul a {
-       cursor: default;
-}
-
-ul.innerBox a {
-       cursor : pointer;
-}
-
-ul.innerBox {
-       border: 1px solid #E8E8E8;
-}
 
 div.yui-b h5 {
        font-size : 100%;
@@ -461,6 +344,10 @@ div.patroninfo {
        margin-top : -.5em;
 }
 
+*html div.patroninfo {
+       margin-right : .5em;
+}
+
 div.patroninfo h5 {
        border-right :  1px solid #000;
        margin-bottom : 0;
@@ -470,10 +357,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 {
@@ -543,7 +436,7 @@ fieldset.rows label, fieldset.rows span.label {
 
 fieldset.rows fieldset {
        border-width : 1px;
-       margin : 0;
+       margin : 0 0 .5em 0;
        padding : .3em;
 }
 
@@ -609,8 +502,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 {
@@ -677,26 +571,33 @@ fieldset.rows fieldset.action {
        padding : 1em;
 }
 
+fieldset.rows label.inline {
+       display : inline;
+       float : none;
+       margin-left : 1em;
+       width : auto;
+}
+
 fieldset.rows .inputnote {
        float : left;
        margin : .5em 0 0 10em;
 }
 
-.tabs-nav li {
+.ui-tabs-nav li {
        list-style : none;
 }
 
-.tabs-nav a, .tabs-nav a span, .tabs-nav span.a {
+.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 {
+.ui-tabs-nav a, .ui-tabs-nav span.a {
     z-index : auto;
 }
 
-.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;
@@ -705,26 +606,27 @@ fieldset.rows .inputnote {
        font-weight : bold;
        text-align : center;
        text-decoration : none;
-       top : -1px;
+       margin-top : -1px;
+       z-index: 100;
 }
 
-.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active, .tabs-nav span.a {
+.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 */
 }
-.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 {
+.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;
 }
 
-.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 */
 }
@@ -738,19 +640,20 @@ fieldset.rows .inputnote {
     padding: inherit;
     background: none;
 }
+
 .toptabs {
        margin-top : 1em;
 }
 
-.toptabs .tabs-nav a, .toptabs .tabs-nav span.a {
+/*.toptabs .ui-tabs-nav a, .toptabs .ui-tabs-nav span.a {
     top: 0;
- }
+ }*/
 
-.toptabs .tabs-nav li {
+.toptabs .ui-tabs-nav li {
        margin-right : .5em;
 }
 
-.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;
@@ -760,22 +663,16 @@ fieldset.rows .inputnote {
        text-decoration : none;
 }
 
-.toptabs .tabs-nav li.tabs-selected  {
+.toptabs .ui-tabs-nav li.ui-tabs-selected  {
        background-color : #FFF;
+       margin-top :  1px;
 }
 
-.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-bottom :  -1px;
+       z-index : 2;
 }
 
 .toptabs .tabs-container {
@@ -801,7 +698,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, #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;
@@ -927,9 +824,20 @@ ol.bibliodetails span.label {
        margin-right: 1em;  
 }
 
-ol.bibliodetails span.listgroup {
-       font-weight: bold;
-       font-style: oblique;
+div.listgroup {
+       clear :  left;
+}
+
+div.listgroup h4 {
+       font-style: italic;
+}
+
+div.listgroup h4 a {
+       font-size :  80%;
+}
+
+div.listgroup input {
+       font-size: 80%;
 }
 
 div.sysprefs h3 {
@@ -955,7 +863,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;
 }
 
@@ -1069,11 +977,13 @@ 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;
 }
 
@@ -1109,30 +1019,6 @@ div.message input.approve {
        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;
 }
@@ -1161,6 +1047,10 @@ div#menu {
        padding-bottom: 2em;
 }
 
+*html #menu li {
+       display : inline;
+}
+
 div#menu li a {
        text-decoration: none;
        display: block;
@@ -1214,6 +1104,10 @@ h1#logo {
        padding:0;
 }
 
+*html h1#logo {
+       margin : 0.75em .3em 0.75em .3em;
+}
+
 h1#logo a {
        border:0;
        cursor:pointer;
@@ -1373,7 +1267,7 @@ 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;
@@ -1382,6 +1276,202 @@ 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;
+}
+
+input[type=reset], input[type=button], input.submit {
+       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[type=reset]:active, input[type=button]:active, input.submit:active {
+       border : 1px inset #999999;
+}
+
+.searchhighlightblob {
+    font-size:75%;
+       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 {
+}
+       
+.yui-skin-sam .yuimenu .bd {
+       border-width: 1px;
+       border-color: #ddd #666 #666 #ddd;
+       border-style: solid;
+       background-color: #fff;
+}
+
+.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;
+}
+       
+       
+/* 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;
+}
+
+ul#toplevelmenu {
+       padding : 0;
+}
+               
+ul#toplevelmenu li {
+       display: inline;
+       padding : 0 .6em;
+}
+               
+ul#toplevelmenu li.more a {
+       background-image:url(../../img/more-arrow.gif);
+       background-position:right center;
+       background-repeat:no-repeat;
+       padding-right:13px;
+}
+               
+ul#toplevelmenu li.more ul li a {
+       background-image : none;
+       padding-right : 20px;
+}
+
+ul#toplevelmenu li.more ul li a.yuimenuitemlabel {
+       padding: .2em 20px .2em 20px;
+}
+               
+ul#menu li a, ul#toplevelmenu li a {
+       text-decoration : none;
+}
+ul#menu li ul li, ul#toplevelmenu li ul li {
+       display :block;
+       padding :0;
+}
+ul#menu li ul li a, ul#toplevelmenu li ul li a {
+       text-decoration : none;
+}
+
+ul#i18nMenu {
+       margin : 0;
+       padding : .2em 0;
+ }
+ul#i18nMenu li {
+       border-left : 1px solid #CCC;
+       display : inline;
+       list-style : none;
+       padding : 0 10px;
+ }
+ul#i18nMenu li:first-child {
+       border-left : 0;
+ }
+ul#i18nMenu li ul li {
+       border : 0;
+       display : block;
+       padding : 0;
+ }
+               
+ul#i18nMenu li.more a {
+       background-image:url(../../img/more-up-arrow.gif);
+       background-position:right center;
+       background-repeat:no-repeat;
+       padding-right:13px;
+}
+               
+ul#i18nMenu li.more ul li a {
+       background-image : none;
+       padding-right : 20px;
+}
+ div#changelanguage{
+       background-color: #fff;
+       border-top: 1px solid #CCC;
+  position:absolute;
+  bottom:0;
+  left:0;
+  width:100%;
+  height: 2em;
+ }
+ @media screen{
+  body>div#changelanguage {
+   position: fixed;
+  }
+ }
+ * html body{
+  overflow:hidden;
+ } 
+ * html div#doc1{
+  height:100%;
+  overflow:auto;
+ }
+  
+ * html div#doc2{
+  height:100%;
+  overflow:auto;
+ }
+  
+ * html div#doc3{
+  height:100%;
+  overflow:auto;
+ }
+
+#CheckAll, #CheckNone {
+       font-weight : normal;
+       margin : 0 .5em 0 0;
+}
+.lost,.dmg,.wdn {
+       display : block;
+       color : #990000;
+}
+.datedue {
+       display : block;
+       color : #999;
+       font-style : italic;
+}