jqGrid Style 1

by LijoCheeran

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/themes/start/jquery-ui.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap-theme.min.css">
<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.0/jquery.validate.min.js"></script>
<div class="modal fade in" id="divViewPayments" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false" style="display: block;">
    <div class="modal-dialog" style="width:1250px; border:0px solid green;">
        <div class="modal-content">
            <div class="modal-header gradientBack1" style="margin-top:0px; color:#FFFFFF; font-weight:bold;">
                <div>Payments</div>
            </div>
            <div class="modal-body" style="float:left;width:100%;border:0px solid red;">

                <div style="float:left;border:0px solid blue;font-weight:bold;margin-left:16px;margin-bottom:10px;">
                    <div style="float:left;width:130px;min-height:2px;border:0px solid silver;">Payment Mode</div>
                    <div style="float:left;width:150px;min-height:2px;border:0px solid red;">Reference #</div>
                    <div style="float:left;width:100px;min-height:2px;border:0px solid orange;">Sent Date</div>
                    <div style="float:left;width:100px;min-height:2px;border:0px solid blue;">Amount</div>
                    <div style="float:left;width:100px;min-height:2px;border:0px solid silver;">Created By</div>
                    <div style="float:left;width:100px;min-height:2px;border:0px solid silver;">Status</div>
                    <div style="float:left;width:120px;min-height:2px;border:0px solid silver;">Status By</div>
                    <div...

CSS

.approvalRadioBackground {
                            background-color:#8B076A;
                            color:white;
                            font-weight:bold;
                        }
  .gradientBack1 
                        {
                            margin-top: 0px;
                            border:2px solid red;
                            background-image:  linear-gradient(30deg, #C90332, #8B076A);
                        }