Blame | Last modification | View Log | RSS feed
<style>.blue_box, .green_box,.white_box {display: block;clear:both;}.blue_box:after, .green_box:after,.white_box:after {content: '\A';white-space: pre;}.blue_box:before, .green_box:before,.white_box:before {content: '\A';white-space: pre;}.green_box span {background-color: lawngreen;word-break: break-all;color: black;padding: 10px 10px;display: block;float: left;}.white_box span {background-color: #dae5f4;background-size: 5px 5px;word-break: break-all;color: black;display: block;padding:10px 10px;text-align: center}.blue_box span {background-color: #C251E5;word-break: break-all;color: white;padding: 10px 10px;display: block;float: right;}</style><section class="wrapper"><div class="row"><div class="col-lg-12"><h3 class="page-header"><i class="icon_document_alt"></i>TICKET</h3><ol class="breadcrumb"><li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li><li><i class="icon_document_alt"></i>My Ticket</li></ol></div></div><div class="row"><div class="ticket-container"></div></section><div class="container"><div class="modal fade" id="myModal" role="dialog"><div class="modal-dialog"><!-- Modal content--><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal">×</button><h4 class="modal-title">Message History</h4></div><div class="modal-body"><div class="green_box"><span>Hi,How are you?</span></div><div class="white_box"><span>2 NOVEMBER 2015</span></div><div class="blue_box"><span>The background image is displayed in its original size.</span></div><div class="form group" class="col-3"><input type="text"> <input type="button" value="submit"></div></div><br><br></div></div></div></div>