denny/ShinyCMS

/* ========================================================
    File:     root/static/admin/css/shinycms.css
    Project:  ShinyCMS
    Purpose:  CSS file for admin pages

    Author:   Denny de la Haye <2019@denny.me>
    Copyright (c) 2009-2019 Denny de la Haye

    ShinyCMS is free software; you can redistribute it and/or modify it
    under the terms of either the GPL 2.0 or the Artistic License 2.0
   ================================================================== */

body {
    font-size:            11pt;
}

table {
    border-collapse:    collapse;
    border-spacing:        0;
}

strong, th {
    font-weight:        bold;
}

td, td img {
    vertical-align:        top;
}

a img {
    border:                0;
}

a, a:active, a:visited {
    color:                #607890;
}

a:hover {
    color:                #33AADD;
    text-decoration:    none;
}

label, input[type=button], input[type=submit], input[type=button], button {
    cursor:                pointer;
}

button {
    width:                auto;
    overflow:            visible;
}

.status {
    color:                #000000;
    background:            #88dd88;
    padding:            5px;
}

.error {
    color:                #000000;
    background:            #dd8888;
    padding:            5px;
}

.hidden {
    display:            none;
    visibility:            hidden;
}

.sidebar {
    font-size:            0.9rem;
}

.sidebar-footer {
    padding:            15px;
}

ul.nav li {
    margin:                0;
    padding:            0;
    line-height:        0.85rem;
}

ul.nav li.nav-title {
    font-size:            0.85rem;
}

ul.navbar-nav {
    margin:                0 10px 0 0;
}

ul.navbar-nav a.nav-link {
    font-weight:        bold;
    margin:                0;
}

.img-avatar {
    margin:                0;
    padding:            0;
}

#content {
    color:                #0e5c75;
    min-width:            940px;
    min-height:            400px;
    margin:                10px 20px;
    padding:            10px;
    text-align:            left;
}

#content h3 {
    font-size:            1.2rem;
    margin-left:        5px;
}

#content p {
    margin:                10px 0;
}

#content a {
    color:                #12686e;
    padding:            5px;
    margin:                0;
    text-decoration:    none;
}

#content a:hover {
    text-decoration:    underline;
}

#content label {
    color:                #0e5c75;
    padding:            0;
    margin:                2px 0;
}

#content span.label {
    color:                #0e5c75;
}

#content input,
#content select,
#content textarea {
    color:                #444444;
    background:            #ffffff;
    border:                1px solid #5da8b7;
    padding:            3px 6px;
    margin:                3px 0;
    line-height:        1.5rem;
}

#content input.textnumber {
    width:                3rem;
    text-align:            right;
}

#content input.textveryshort {
    width:                5rem;
}

#content input.textshort {
    width:                10rem;
}

#content input.textlong {
    width:                20rem;
}

#content input.textverylong {
    width:                40rem;
}

#content textarea {
    width:                40em;
}

#content select {
    height:                2rem;
    min-width:            10em;
}

#content ul {
    color:                #0e5c75;
}

#content table {
    color:                #0e5c75;
}

#content table.list tr.showfocus:hover {
    background:            #ffffff;
}

#content table.striped tr:nth-child(even) {
    background: #FFF;
}
#content table.striped tr:nth-child(odd) {
    background: #F0F0F0;
}

#content table.list th {
    padding:            10px 40px 5px 5px;
}

#content table.list td {
    line-height:        2em;
    padding:            5px 45px 5px 5px;
}

#content table.list td:last-child {
    padding:            5px 0 5px 5px;
}

#content table.list td.subheading {
    padding-top:        10px;
}

#content a.action {
    background:            white;
    text-decoration:    none;
    margin:                0 5px 0 0;
    border:                1px solid #20a8d8;
    border-radius:        3px;
}

#content a.action:hover {
    text-decoration:    none;
    color:                #ffffff;
    background:            #20a8d8;
}

#content p {
    padding-left:        5px;
}

#content input[type=button],
#content input[type=submit],
#content input[type=reset] {
    color:                #0e5c75;
    margin-right:        3px;
    border:                1px solid #20a8d8;
    border-radius:        3px;
}

#content table#spam {
    margin-top:            25px;
    margin-right:        25px;
}

#content table#spam td.comment {
    border-bottom:        2px solid #c8ced3;
    border-top:            2px solid #c8ced3;
    width:                90%;
    font-size:            0.9em;
    line-height:        1.5em;
    padding:            5px;
}

.comment-overflow {
    max-height:            200px;
    overflow:            auto;
}

#content .comment p {
    padding:            0;
    margin:                5px 10px 5px 10px;
}

#content .comment p.title {
    color:                #666;
    font-weight:        bold;
}

#content .comment p.body {
    color:                #333;
}

#spam .tickybox {
    border-bottom:        2px solid #c8ced3;
    border-top:            2px solid #c8ced3;
    text-align:            center;
    vertical-align:        middle;
    width:                10%;
}

#content table#spam tr.showfocus:hover {
    background:            #ffffff;
    border-bottom:        2px solid #c8ced3;
    border-top:            2px solid #c8ced3;
}

.selected {
    text-align:         right;
    padding:       0.5em 1em;
}

#content .selected input {
    margin:                5px 0 0 10px;
}

.mark-all {
    text-align:            right;
}

#content .mark-all a {
    padding:            10px;
    margin:                0 0 0 10px;
}

#content .pager p {
    text-align:            center;
}

#user_profile_pic {
    max-width:            200px;
    max-height:            200px;
}

#user_icon {
    max-width:            40px;
    max-height:            40px;
}

div.cke {
    margin:                3px 0;
    border:                solid 1px #5da8b7;
}

.filemanager-file {
    float:                 left;
    height:             200px;
    margin:             15px 15px 30px 15px;
}

.filemanager-img {
    max-height:            200px;
}

.app-footer {
    color:                #0e5c75;
}