Applying standard dialog styles to confirmation messages
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / css / staff-global.css
index c35e9df..ff95de9 100644 (file)
@@ -51,6 +51,10 @@ h6 {
        font-weight : bold;
 }
 
+h1,h2,h3,h4,h5,h6 {
+       margin : .3em 0;
+}
+
 p {
        margin: .5em 0 .5em 0;
 }
@@ -205,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;
@@ -239,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 {
@@ -248,13 +273,10 @@ legend {
 
 
 div#header_search {
-       background-image : url("../../img/koha-logo-medium.gif");
        background-position : .5em .5em;
        background-repeat : no-repeat;
        float: left;
-       padding-left : 14.2em;
        margin: .3em 0 .5em 0;
-       min-height : 52px;
 }
 
 div#header_search input {
@@ -435,35 +457,23 @@ ul.toolbar li {
        list-style : none;
 }
 
-div.message {
-   border : 1px solid #6699CC;
-       width : 33%;
-       margin : 1em;
-       padding : .5em;
-}
-
 div.patroninfo {
        margin-top : -.5em;
 }
 
 div.patroninfo h5 {
-       background-color : #FCFAF3;
-       /*border-top :  1px solid #CCCC99;
-       border-left :  1px solid #CCCC99;*/
-       border-right :  1px solid #CCCC99;
+       border-right :  1px solid #000;
        margin-bottom : 0;
-       padding-left : .5em;
+       padding-left : -.5em;
        padding-top : .3em;
        padding-bottom : .5em;
 }
 
 div.patroninfo ul {
-       /*border : 1px solid #CCCC99;*/
-       border-right : 1px solid #CCCC99;
+       border-right : 1px solid #000;
        border-bottom : 0;
        border-top : 0;
-       background-color : #FCFAF3;
-       padding-bottom : .5em;
+       padding : 0 0 .5em 0;
 }
 
 div.patroninfo ul li, div.patronviews ul li {
@@ -471,11 +481,8 @@ div.patroninfo ul li, div.patronviews ul li {
 }
 
 div.patronviews {
-       background-color : #FDFCF7;
-       /*border-left : 1px solid #CCCC99;
-       border-bottom : 1px solid #CCCC99;*/
-       border-right :  1px solid #CCCC99;
-       border-top : 1px solid #CCCC99;
+       border-right :  1px solid #000;
+       border-top : 1px solid #000;
        margin-bottom : .5em;
        padding : .5em 0 .5em 0;
 }
@@ -503,9 +510,9 @@ fieldset.brief ol, fieldset.brief li {
        list-style-type : none;
 }
 
-fieldset.brief div.hint {
+fieldset.brief div.hint, fieldset.rows div.hint {
        color : #999999;
-       font-size : 90%;
+       font-size : 95%;
        margin-bottom : .4em;
 }
 
@@ -529,11 +536,33 @@ fieldset.rows legend {
 fieldset.rows label, fieldset.rows span.label {  
        float: left;  
        font-weight : bold;
-       width: 9em;  
+       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;      
@@ -581,7 +610,7 @@ fieldset.rows ol.radio label.radio {
 
 fieldset.rows table {
        clear : both;
-       margin-left : 1em;
+       margin : 1em 0 0 1em;
 }
 
 fieldset.rows td label {
@@ -590,7 +619,12 @@ fieldset.rows td label {
        width : auto;
 }
 
-fieldset.action {
+fieldset.rows label.yesno {
+       float : none;
+       width : auto;
+}
+
+fieldset.action, div.action {
        clear : both;
        float : none;
        border : none;
@@ -599,8 +633,48 @@ fieldset.action {
        width : auto;
 }
 
+div.rows {
+float : left;
+clear : left;
+margin: 0 0 0 0;  
+padding: 0;
+width: 100%; 
+}
+
+
+div.rows span.label {  
+       float: left;  
+       font-weight : bold;
+       width: 9em;  
+       margin-right: 1em;  
+       text-align: left;
+}
+
+div.rows ol {  
+padding: .5em 1em 0 0;  
+list-style-type: none;
+}
+
+div.rows ol li li {
+       border-bottom: 0;
+}
+
+div.rows li {
+border-bottom :  1px solid #EEE;
+float : left;
+clear : left;
+padding-bottom: .2em;
+padding-top: .1em;
+list-style-type: none;
+width: 100%; 
+}
+
+a.cancel {
+       padding-left : 1em;
+}
+
 fieldset.rows fieldset.action {
-       padding : 0 0 1em 1em;
+       padding : 1em;
 }
 
 fieldset.rows .inputnote {
@@ -612,16 +686,17 @@ fieldset.rows .inputnote {
        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;
@@ -633,11 +708,11 @@ fieldset.rows .inputnote {
        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;
 }
 
@@ -649,7 +724,7 @@ fieldset.rows .inputnote {
        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 */
 }
@@ -667,7 +742,7 @@ fieldset.rows .inputnote {
        margin-top : 1em;
 }
 
-.toptabs .tabs-nav a {
+.toptabs .tabs-nav a, .toptabs .tabs-nav span.a {
     top: 0;
  }
 
@@ -675,7 +750,7 @@ fieldset.rows .inputnote {
        margin-right : .5em;
 }
 
-.toptabs .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;
@@ -689,7 +764,7 @@ fieldset.rows .inputnote {
        background-color : #FFF;
 }
 
-.toptabs .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;
@@ -728,35 +803,35 @@ fieldset.rows .inputnote {
 }
 #addbiblio a, #addchild a, #newentry a {
        padding-left : 34px;
-       background-image: url("/intranet-tmpl/prog/img/toolbar-new.gif");
+       background-image: url("../../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-image: url("../../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-image: url("../../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-image: url("../../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-image: url("../../img/toolbar-hold.gif");
        background-position : center left;
        background-repeat : no-repeat;
 }
@@ -787,6 +862,11 @@ ol.bibliodetails span.label {
        margin-right: 1em;  
 }
 
+ol.bibliodetails span.listgroup {
+       font-weight: bold;
+       font-style: oblique;
+}
+
 div.sysprefs h3 {
        margin : .2em 0 .2em .4em;
 }
@@ -806,6 +886,14 @@ tr.highlight td {
        background-color : #F6F6F6;
 }
 
+tr.highlight th[scope=row] {
+       background-color : #DDDDDD;
+}
+
+tr.confirm td, tr.confirm.highlight td {
+       background-color : #ffbfbf;
+}
+
 #circ_circulation_issue label {
        font-size: 105%;
        font-weight : bold;
@@ -825,10 +913,15 @@ span.expired {
        font-style : italic;
 }
 
+div.subfield_line {
+       padding-bottom : .3em;
+}
+
 div.subfield_line label {
-    font-size:75%;
+    font-size:89%;
     float: left;
-    width: 200px;
+        padding-right : .4em;
+    width: 210px;
     text-align: left;
     clear:left;
 }
@@ -851,7 +944,6 @@ div.circmessage:first-child {
 }
 
 div.circmessage {
-       border: 1px solid #CCC;
        padding: .4em;
        margin-bottom : .3em;
 }
@@ -865,33 +957,337 @@ div.first fieldset {
        margin-right : 0;
 }
 
+#circ_needsconfirmation {
+       margin : auto;
+}
+
 .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;
+  border: 1px solid #bcbcbc;
+       padding : .5em;
+       margin : 1em auto;
+  width: 65%;
   }
+  
+.dialog table {
+       margin : .5em auto;
+}
 
-.dialog div {
-  background: none !important;
-  background: url(../../img/dropshadow-mask.gif) no-repeat left top;
-  padding: 0 !important;
-  padding: 0 6px 6px 0;
-  }
+.dialog table th {
+       text-align : right;
+}
 
-.dialog div.confirm {
-  background-color: #fff;
-  background : url(../../img/dialog-bg.gif) repeat-x left 20px !important;
-  font: 1em sans-serif;
-  border: 1px solid #bcbcbc;
-  padding: 4px !important;
-  margin: -6px 6px 6px -6px !important;
-  margin: 0;
-  text-align : center;
+.dialog table td {
+       text-align : left;
+}
+  
+.dialog  h2, .dialog h3, .dialog h4 {
+       margin : auto;
+       text-align : center;
   }
   
- div.confirm input {
-       border : 
- }
\ No newline at end of file
+.dialog input {
+       background-color : #FFF;
+       border : 1px solid #bcbcbc;
+       margin : .4em;
+       padding : .4em .4em .4em 25px;
+ }
+.dialog input.approve {
+       background : #FFF url(../../img/approve.gif) no-repeat 4px center;
+ }
+
+.dialog input.deny {
+       background : #FFF url(../../img/deny.gif) no-repeat 4px center;
+ }
+.dialog input:hover {
+       background-color : #ffc;
+ }
+div.alert {
+  background : #FFC url(../../img/alert-bg.gif) repeat-x left 0;
+  text-align : center;
+}
+
+div.alert strong {
+       color : #900;
+}
+
+div.message {
+       background : white url("../../img/message-bg.gif") repeat-x left 0;
+   border : 1px solid #bcbcbc;
+       width : 55%;
+}
+
+div.message input.approve {
+       display : block;
+       margin: auto;
+}
+ 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: #FFC;
+        color : #990000;
+}
+
+a .term {
+        text-decoration : underline;
+}
+
+a:hover .term {
+       color : #FF9090;
+}
+
+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;
+}
+
+ul.error {
+       background : #ffffcc;
+       border : 1px solid #ff9090;
+       margin : .5em;
+       padding : .5em .5em .5em 1.5em;
+       width : 75%
+}
+
+h1#logo {
+       border:0pt none;
+       float:left !important;
+       margin:0;
+       padding:0;
+       width:180px;
+}
+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;
+}
+
+h1#logo a {
+       border:0;
+       cursor:pointer;
+       display:block;
+       height:0px !important;
+       margin:0;
+       overflow:hidden;
+       padding:44px 0 0;
+       text-decoration:none;
+       width:180px;
+}
+
+#closewindow {
+       margin-top : 2em;
+       text-align : center;
+}
+
+#closewindow a {
+       font-weight : bold;     
+}
+
+.patroninfo+#menu {
+       margin-right : 0;
+}
+
+.barcode {
+       font-size :  200%;
+}
+
+.email {
+font-size :  87%;
+width : 15em;
+margin: 0;
+padding: 0;
+overflow :  hidden;
+}
+
+.address {
+       font-size: 110%;
+}
+
+#circ_circulation_issue .date-select label {
+       font-weight: normal;
+}
+
+.clearfix:after {
+    content: "."; 
+    display: block; 
+    height: 0; 
+    clear: both; 
+    visibility: hidden;
+}
+
+/* Hides from IE-mac \*/
+* html .clearfix {height: 1%;}
+/* End hide from IE-mac */
+
+.title {
+       font-weight : bold;
+       font-size : 105%;
+}
+
+.reserve {
+       float : right;
+       font-weight : bold;
+}
+
+.thumbnail {
+       display : block;
+       margin : auto;
+}
+
+#searchresults ul li {
+       list-style : url(../../img/item-bullet.gif);
+}
+
+#searchheader {
+       background-color : #f3f3f3;
+       font-size : 80%;
+       margin : 0 0 .5em -1px;
+       padding : .1em 0 .1em 1em;
+}
+
+#searchheader h3 {
+}
+
+#searchheader form {
+       float : right;
+}
+
+#search-facets ul {
+       margin : 0;
+       padding : .3em;
+}
+
+#search-facets {
+       border : 1px solid #e8e8e8;
+}
+
+#search-facets h4 {
+       background-color : #F3F3F3;
+       border-bottom : 1px solid #e8e8e8;
+       font-size : 90%;
+       margin : 0;
+       padding : .4em .2em;
+       text-align : center;
+}
+
+#search-facets ul li {
+       font-weight : bold;
+       list-style-type : none;
+}
+
+#search-facets li li {
+       font-weight : normal;
+       font-size : 85%;
+       margin-bottom : 2px;
+       padding : .1em .2em;
+}
+
+#search-facets li li a {
+}
+
+#search-facets li.showmore {
+       font-weight : bold;
+       text-indent : 1em;
+}
+
+div.pages {
+       margin-top : .5em;
+}
+
+div.pages a {
+       font-weight: bold;
+       padding: 1px 5px 1px 5px;
+       text-decoration: none;
+}
+
+div.pages a:link {
+       background-color : #eeeeee;
+       color : #3366CC;
+}
+
+div.pages a:hover {
+       background-color : #e8f0f6;
+}
+
+div.pages a:active {
+       background-color : #ffc;
+}
+
+div.browse {
+       margin : .5em 0;
+}
\ No newline at end of file