Loading

Admin — boxmodel

Posted On: Tuesday, October 14, 2014 at 1:55 PM

Bootstraptor

Joined on
Contributed 43 Snips

Get Social and Share

Tags

PREVIEW SNIPP

{200px/200px}
.container-fluid
.row
HTML box
{200px/200px}
.box-model .margin, .box-model .border, .box-model .padding, .box-model .content { margin: 44px; position: relative; } .box-model .margin, .box-model .padding{ border: 1px dotted #2b2b2b; } .box-model .border{ border: 1px solid #2b2b2b; } .box-model .margin{ background: rgba(246, 209, 209, 0.6); } .box-model .margin:hover{ background: rgba(246, 209, 209, 0.3); } .box-model .border{ background: rgba(246, 209, 209, 0.8); } .box-model .border:hover{ background: rgba(246, 209, 209, 0.6); } .box-model .padding:hover{ background: rgba(209, 246, 220, 0.6); } .box-model input[name="margin_top"], .box-model input[name="border_top_width"], .box-model input[name="padding_top"] { top: 11px; left: 50%; margin-left: -17px; } .box-model input[name="margin_right"], .box-model input[name="border_right_width"], .box-model input[name="padding_right"] { top: 50%; right: 5px; margin-top: -12px; } .box-model input[name="margin_bottom"], .box-model input[name="border_bottom_width"], .box-model input[name="padding_bottom"] { bottom: 11px; left: 50%; margin-left: -17px; } .box-model input[name="margin_left"], .box-model input[name="border_left_width"], .box-model input[name="padding_left"] { top: 50%; left: 5px; margin-top: -12px; } .box-model label { display: inline-block; position: absolute; font-size: 12px; padding:3px; background:#ccc; line-height: 9px; top: 6px; left: 5px; color: #2C2C2C; margin: 0; } .box-model .content { border: none; height: 50px; padding: 0px; text-align: center; font-size: 10px; line-height: 11px; box-sizing: border-box; } .box-model input { position: absolute; text-align: center; padding: 3px 0; height: 24px; width: 34px; margin: 0; border: 2px solid #2b2b2b; font-size: 11px; line-height: 11px; } .box-model .inner-prop{ display:inline-block; z-index:1040; position:absolute; top:40%; bottom:auto; left:38%; right:auto; width:auto; border: 1px solid #ccc; background: rgba(50,50,50, .3); padding:5px; }