Χρωματιστά πλαίσια ανάρτησης

 

 111111111111111111

222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222

3333333333333333333333333333333

44444444444444444444444444444444444444

...............................

<p>&nbsp;</p><div class="panel-heading" style="background-color: #2c3e50; border-bottom: 1px solid rgb(44, 62, 80); border-left-color: rgb(44, 62, 80); border-right-color: rgb(44, 62, 80); border-top-color: rgb(44, 62, 80); border-top-left-radius: 3px; border-top-right-radius: 3px; box-sizing: border-box; color: white; font-family: Karla, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 15px; padding: 10px 15px;"><h3 class="panel-title" style="box-sizing: border-box; color: inherit; font-size: 17px; font-weight: 400; line-height: 1.1; margin-bottom: 0px; margin-top: 0px;"><span aria-hidden="true" class="glyphicon glyphicon-bell" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: inline-block; font-family: &quot;Glyphicons Halflings&quot;; line-height: 1; position: relative; top: 1px;"></span>&nbsp;111111111111111111</h3></div><div class="panel-body scrollstyle" style="box-sizing: border-box; font-family: Karla, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 15px; height: 487px; overflow-y: scroll; padding: 15px;"><div class="alert alert-info" role="alert" style="background-color: #3498db; border-radius: 4px; border: 1px solid rgb(52, 152, 219); box-sizing: border-box; margin-bottom: 21px; padding: 15px;"><span style="color: #2c3e50;"><b>222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222</b></span></div><div class="alert alert-info" role="alert" style="background-color: #3498db; border-radius: 4px; border: 1px solid rgb(52, 152, 219); box-sizing: border-box; margin-bottom: 21px; padding: 15px;"><span style="color: #2c3e50;"><b>3333333333333333333333333333333</b></span></div><div class="alert alert-success" role="alert" style="background-color: #18bc9c; border-radius: 4px; border: 1px solid rgb(24, 188, 156); box-sizing: border-box; color: white; margin-bottom: 21px; padding: 15px;"><span class="text-primary" style="box-sizing: border-box; color: #2c3e50; font-weight: 700;"><span style="box-sizing: border-box; vertical-align: inherit;"><span style="box-sizing: border-box; vertical-align: inherit;">44444444444444444444444444444444444444</span></span></span></div></div>