catreact/examples/demo-buzz-feed/css/app.css

Catavolt Core React Components

body {
    padding-top: 0px;
    padding-bottom: 40px;
    background-color: #cccccc;
}

.header {
    padding: 50px;
}

.login-form {
    max-width: 500px;
    padding: 15px;
    margin: 0 auto;
}


.logintron {
    background-image: url("../img/building.png");
    background-size: cover;
}

.logo {
    margin: 20px 20px 35px 20px;
}

.launch-icon {
    height:auto;
    width:25%;
    margin-top: 5px;
}

.component-chrome {
   background-color: #e9e9e9;
}

.messageCol {
    margin: 20px;
    padding: 10px;
    background-color: #cccccc;
}

.messagePanel {
    margin: 10px;
    padding: 5px;
    background-color: #ffffff;
}

.messageToolbar {
   background-color: #cccccc;
   padding: 3px 10px;
}

.hlText {
    color: #b02067;
}

.hr {
    height: 1px;
    background-color: #777777;
}

.attrib-box {
    vertical-align: text-bottom;
}

.like-row {
    background-color: #4C8C14;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px;
    color: #ffffff;
    font-size: larger;
}

.like-row span{
    margin: 2px;
    padding-bottom:10px;
}

.avatar {
    width: 60px;
    height: 60px;
}

.badge-row {
    background-color: #cccccc;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px;
    font-size: larger;
}

.image-attachments {
    margin:10px;
    max-width:300px;
}

.sidebar{
    resize: both;
    overflow: auto;
}