Applying standard dialog styles to confirmation messages
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / css / staff-global.css
index 5fc7181..ff95de9 100644 (file)
@@ -457,13 +457,6 @@ ul.toolbar li {
        list-style : none;
 }
 
-div.message {
-   border : 1px solid #6699CC;
-       width : 75%;
-       margin : 1em auto;
-       padding : .5em;
-}
-
 div.patroninfo {
        margin-top : -.5em;
 }
@@ -471,7 +464,7 @@ div.patroninfo {
 div.patroninfo h5 {
        border-right :  1px solid #000;
        margin-bottom : 0;
-       padding-left : .5em;
+       padding-left : -.5em;
        padding-top : .3em;
        padding-bottom : .5em;
 }
@@ -480,7 +473,7 @@ div.patroninfo ul {
        border-right : 1px solid #000;
        border-bottom : 0;
        border-top : 0;
-       padding-bottom : .5em;
+       padding : 0 0 .5em 0;
 }
 
 div.patroninfo ul li, div.patronviews ul li {
@@ -631,7 +624,7 @@ fieldset.rows label.yesno {
        width : auto;
 }
 
-fieldset.action {
+fieldset.action, div.action {
        clear : both;
        float : none;
        border : none;
@@ -640,6 +633,42 @@ 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;
 }
@@ -774,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;
 }
@@ -915,7 +944,6 @@ div.circmessage:first-child {
 }
 
 div.circmessage {
-       border: 1px solid #CCC;
        padding: .4em;
        margin-bottom : .3em;
 }
@@ -929,56 +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: #ffc;
- // 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;
-  }
+.dialog table td {
+       text-align : left;
+}
   
-  .dialog div.confirm h2, .dialog div.confirm h3, .dialog div.confirm h4 {
+.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;
  }
@@ -1022,9 +1067,16 @@ span.required {
 .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;
@@ -1109,3 +1161,133 @@ h1#logo a {
 .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