Applying standard dialog styles to confirmation messages
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / css / staff-global.css
index d77a1ee..ff95de9 100644 (file)
@@ -260,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 {
@@ -269,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 {
@@ -456,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 {
@@ -492,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;
 }
@@ -555,6 +541,11 @@ fieldset.rows label, fieldset.rows span.label {
        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;  
@@ -619,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 {
@@ -628,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;
@@ -637,12 +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 {
@@ -771,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;
 }
@@ -830,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;
 }
@@ -849,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;
@@ -868,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;
 }
@@ -894,7 +944,6 @@ div.circmessage:first-child {
 }
 
 div.circmessage {
-       border: 1px solid #CCC;
        padding: .4em;
        margin-bottom : .3em;
 }
@@ -908,52 +957,73 @@ 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 0 !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 {
+.dialog input {
        background-color : #FFF;
        border : 1px solid #bcbcbc;
        margin : .4em;
        padding : .4em .4em .4em 25px;
  }
  
- div.confirm input.approve {
+.dialog input.approve {
        background : #FFF url(../../img/approve.gif) no-repeat 4px center;
  }
 
- div.confirm input.deny {
+.dialog input.deny {
        background : #FFF url(../../img/deny.gif) no-repeat 4px center;
  }
  
- div.confirm input:hover {
+.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;
  }
@@ -984,4 +1054,240 @@ div.first fieldset {
  
  #changelanguage li:first-child {
        border-left : 0;
- }
\ No newline at end of file
+ }
+.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