HTML div class modal h4 Image Rotation h4 div class img-transform img

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
HTML:
<div class="modal">
<h4>Image Rotation</h4>
<div class="img-transform">
<img class="src" src="img/tmp/dog2.jpg" alt="" />
<p class="buttons">
<a href="#"><img src="img/itools/rotate-right.gif" alt="Rotate right" /></a>
<a href="#"><img src="img/itools/rotate-left.gif" alt="Rotate left" /></a>
<a href="#"><img src="img/itools/flip-vert.gif" alt="Flip vertical" /></a>
<a href="#"><img src="img/itools/flip-horiz.gif" alt="Flip horizontal" /></a>
<span class="button2"><input type="submit" value="Save &amp; Upload" /></span>
</p>
</div>
<a class="close"><img src="img/close.gif" alt="Close" /></a>
<div class="bottom"></div>
</div>
CSS:
/* --------------- transform image modal --------------- */
.modal .img-transform {text-align:center;clear:both;}
.modal .img-transform .buttons {zoom:1;overflow:hidden;padding:10px 40px 10px 45px;margin-top:15px;text-align:left;border-top:1px solid #e1dcd5;}
.modal .img-transform .buttons a {float:left;margin-right:5px;}
.modal .img-transform .buttons .button2 {float:right;}
.modal .img-transform .buttons .button2 input {padding:0 12px 0 10px;}