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 {
display: none;
} input + 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 + label {
top: 9px; margin-right: 5px;
} .actions input: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;
} @media only screen and (max-width: 979px) {
.left { width: 100%; } .right { display: none; }
} 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 + label {
position: absolute; top: 20px; color: #424242;
} li.message input: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 ); }
}