sheercms/static/css/designer.css

Sheer Cliff CMS is a simple and powerful content management system (CMS) for Node JS.

body.design.outline .design-field, body.design .design-hover { outline: 1px dashed #000000; }
body.design .design-editing { outline: 2px dashed #006600 !important; }
body.design .design-field { min-height: 20px; min-width: 40px;}
body.design .design-field-inline {display:inline-block;}

/*===== Toolbar =====*/
#DesignToolbar {
    background-color: #f5f5f5;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 5px 0px;
    border-bottom: 1px solid #cccccc;
    position: fixed;
    top: 0px;
    z-index: 10001;
    width: 100%;
    line-height: 16px;
    font-family: "Lucida Grande",Verdana,sans-serif;
    height: 65px;
}
#DesignToolbar ul { list-style-type: none; margin: 0px; padding: 0px; overflow: hidden; }
#DesignToolbar ul li { display: block; float: left; }
#DesignToolbar a { font-family: Arial, Sans-Serif; background-color: #f5f5f5; font-size: 10px; text-decoration: none; font-style: normal; outline: 0;
    display: inline-block; margin: 4px 0px 0px 12px; padding: 4px 4px 0px 4px; text-align: center; float: left; border: 1px solid #f5f5f5;
    min-width: 60px; }
#DesignToolbar a:hover { border: 1px solid #F1C43F; background-color: #FDEEB3; }
#DesignToolbar a.selected { border: 1px solid #b2b2b2; background-color: #cccccc; }
#DesignToolbar img { width: 32px; }
#DesignToolbar span { display: block; text-align: center; color: #000; }
#DesignToolbar .disabled, #DesignToolbar .disabled:hover {
    box-shadow: none; cursor: default; opacity: 0.50; color: #cccccc; border: 1px solid #f5f5f5; background-color: #f5f5f5;
}
#DesignMessage { position: absolute; top: 16px; padding: 5px 10px 5px 10px; z-index: 201; font-weight: bold; display: none; color: #ffffff;
    font-size: 12px; border: 1px solid #006600; background-color: #009933; }
#DesignMessage.design-error { background-color: #ff3300; border-color: #800000; }
#DesignToolbar .design-status {
    text-align: left;
    padding: 7px 20px 0px 50px;
    font-weight: bold;
    font-size: 11px;
    font-family: Arial, Sans-Serif;
}
#DesignToolbar .design-status label {
    width: 90px;
    display:inline-block;
    margin: 0px;
    font-size: 11px;
    font-weight: bold;
    color: #000;
}
#DesignToolbar .design-status span { display: inline; font-weight: normal; }
#DesignToolbar .design-status-saved, #DesignToolbar .design-status-new { color: #000000; }
#DesignToolbar .design-status-published { color: green; }
#DesignToolbar .design-status-modified { color: orange; }
#DesignToolbar .design-status-deleted { color: red; }
#DesignStatusLabel { }
#NeedsSavingLabel.needs-saving { color: red; }

.design-toolbar-loading {
    text-align: center;
    padding: 10px;
    font-weight: bold;
    font-size: 14px;
}