body { margin: 0 } a:link, a:visited, a:active, a:hover { overflow: hidden; outline: none; } .header { border-radius: 0; margin-bottom: 0px; background-color: #1a1d88; } .header a { text-decoration: none; color: #fff; } .container { margin-left: 0px; } .navbar-action { top: 51px; border-radius: 0; min-height: 45px; margin-bottom: 0px; } .navbar-action .container { margin-top: 5px; } input[type="checkbox"] { display: none; } input[type="checkbox"] + label { background-color: #fafafa; border: 1px solid #c8c8c8; border-radius: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); display: inline-block; padding: 7px; position: relative; cursor: pointer; } .actions input[type="checkbox"] + label { top: 9px; margin-right: 5px; } .actions input[type="checkbox"]:checked + label:after { content: "X"; font-size: 12px; top: -1px; left: 3px; position: absolute; } #delete { display:inline; } #search { top: 0px; left: 128px; position: absolute; } #search .form-control-feedback { right: 0px; } .left { overflow-y: auto; margin-top: 96px; width: 400px; } .right { left: 400px; top: 100px; right: 0; bottom: 0; position: fixed; } iframe { width: 100%; height: 100%; position: absolute; border: solid 1px #ccc; border-top: none; } .message_list .list-group-item { border-right: none; } .message_list .list-group-item:first-child { border-top: none; border-radius: 0px; } .message_list .list-group-item:last-child { border-radius: 0px; } li.message input[type="checkbox"] + label { position: absolute; top: 20px; } li.message input[type="checkbox"]:checked + label:after { content: "X"; font-size: 12px; top: -1px; left: 3px; position: absolute; } li.message a { color: #4d4d4d; display: block; margin-left: 30px; text-decoration: none; cursor: pointer; } li.message a dl { margin-bottom: 0px; } li.message:hover { background-color: #c6c8f3; } li.message:hover a { color: #fff; } li.message.active { background-color: #5054d2; } li.message.active a { color: #fff; } .glyphicon-animate { animation-name: rotateThis; animation-duration: .5s; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes rotateThis { from { transform: scale( 1 ) rotate( 0deg ); } to { transform: scale( 1 ) rotate( 360deg ); } }