More work on circulation dialog. Adding files and styles necessary to do drop-shadow on divs (http://www.alistapart.com/articles/cssdropshadows)

Signed-off-by: Chris Cormack <crc@liblime.com>
Signed-off-by: Joshua Ferraro <jmf@liblime.com>

koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css

@@ -663,6 +663,9 @@ fieldset.rows .inputnote {
     padding: inherit;
     background: none;
 }
+.toptabs {
+	margin-top : 1em;
+}
 
 .toptabs .tabs-nav a {
     top: 0;
@@ -838,11 +841,6 @@ div.help {
 	color : #990000;
 }
 
-div.warning {
-	background-color : #FFFFCC;
-	border-color : #990000;
-}
-
 .circmessage li {
 	list-style : url(../../img/arrow-bullet.gif);
 	margin-bottom : .2em;
@@ -867,10 +865,33 @@ div.first fieldset {
 	margin-right : 0;
 }
 
-#circ_needsconfirmation {
-	border : 2px solid #900;
-	padding : .2em;
-	width : 50%;
-	margin : auto;
-	text-align : center;
-}
+.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 20px !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 {
+ 	border : 
+ }

koha-tmpl/intranet-tmpl/prog/en/modules/circ/circulation.tmpl

@@ -34,7 +34,8 @@
 <!--  INITIAL BLOC : PARAMETERS & BORROWER INFO -->
 
 <!-- TMPL_IF NAME="NEEDSCONFIRMATION" -->
-<div id="circ_needsconfirmation">
+<div id="circ_needsconfirmation" class="dialog">
+<div><div class="confirm">
 <h3>Please Confirm Checkout</h3>
 
 <ul>
@@ -86,15 +87,15 @@
     <input type="hidden" name="month" value="<!-- TMPL_VAR name="month" -->" />
     <input type="hidden" name="year" value="<!-- TMPL_VAR name="year" -->" />
     <input type="hidden" name="branch" value="<!-- TMPL_VAR NAME="branch" -->" />
-    <input type="submit" value="Confirm Checkout" accesskey="y" />
+    <input type="submit" value="Yes, Check Out" accesskey="y" />
 </form>
 
 <form method="get" action="/cgi-bin/koha/circ/circulation.pl">
     <input type="hidden" name="borrowernumber" value="<!-- TMPL_VAR NAME="borrowernumber" -->" />
-    <input type="submit" value="Don't Checkout" accesskey="n" />
+    <input type="submit" value="No, Don't Check Out" accesskey="n" />
 </form>
 
-</div>
+</div></div></div>
 
 <!-- /TMPL_IF --> <!-- NEEDSCONFIRMATION -->
 
@@ -521,18 +522,32 @@ No patron matched <span class="ex"><!-- TMPL_VAR name="message" --></span>
 		<!-- TMPL_ELSE -->
         <div id="circmessages" class="circmessage attention">
 		<!-- /TMPL_IF -->
+		
 		<h3><!-- TMPL_IF NAME="noissues" -->Cannot Check Out!<!-- TMPL_ELSE -->Attention:<!-- /TMPL_IF --></h3>
 		<ul>
-			<!--TMPL_IF Name="warndeparture"--><li><span class="circ-hlt">Expiration:</span> Patron card has expired or will expire soon.</li><!--/TMPL_IF-->
-            <!-- TMPL_IF NAME="gna" --><li class="blocker"><span class="circ-hlt">Address:</span> Patron's address in doubt</li><!-- /TMPL_IF -->
-            <!-- TMPL_IF NAME="lost" --><li class="blocker"><span class="circ-hlt">Lost: </span>Patron's card is lost</li><!-- /TMPL_IF -->
+		
+			<!--TMPL_IF Name="warndeparture"-->
+			<li><span class="circ-hlt">Expiration:</span> Patron card has expired or will expire soon.</li>
+			<!--/TMPL_IF-->
+
+            <!-- TMPL_IF NAME="gna" -->
+			<li class="blocker"><span class="circ-hlt">Address:</span> Patron's address in doubt</li>
+			<!-- /TMPL_IF -->
+			
+            <!-- TMPL_IF NAME="lost" -->
+			<li class="blocker"><span class="circ-hlt">Lost: </span>Patron's card is lost</li>
+			<!-- /TMPL_IF -->
+			
             <!-- TMPL_IF NAME="dbarred" --><li class="blocker">
                <span class="circ-hlt"> Restricted:</span> Patron's account is restricted <a href="/cgi-bin/koha/members/setdebar.pl?borrowernumber=<!-- TMPL_VAR NAME="borrowernumber" -->&amp;cardnumber=<!-- TMPL_VAR NAME="cardnumber" -->&amp;destination=circ&amp;status=0">Lift restriction</a></li><!-- /TMPL_IF -->
+
         	<!-- TMPL_IF name="odues" --><li><!-- TMPL_IF name="nonreturns" --><span class="circ-hlt">Overdues:</span> Patron has <span class="circ-hlt">ITEMS OVERDUE</span>. See highlighted items <a href="#checkouts">below</a><!-- /TMPL_IF --></li>
             <!-- /TMPL_IF -->
-        <!-- TMPL_IF NAME="charges" --><li><span class="circ-hlt">Fines:</span> Patron has 
-            <a href="/cgi-bin/koha/members/boraccount.pl?borrowernumber=<!-- TMPL_VAR name="borrowernumber" -->">Outstanding fines</a>.
-            Make <a href="/cgi-bin/koha/members/pay.pl?borrowernumber=<!-- TMPL_VAR name="borrowernumber" -->">Payment</a></li><!-- /TMPL_IF -->
+			
+        	<!-- TMPL_IF NAME="charges" -->
+			<li><span class="circ-hlt">Fines:</span> Patron has  <a href="/cgi-bin/koha/members/boraccount.pl?borrowernumber=<!-- TMPL_VAR name="borrowernumber" -->">Outstanding fines</a>.
+            Make <a href="/cgi-bin/koha/members/pay.pl?borrowernumber=<!-- TMPL_VAR name="borrowernumber" -->">Payment</a></li>
+			<!-- /TMPL_IF -->
 
 			</ul>
         </div>