$nodes-font-size: 13px; $nodes-text-color: #555; $nodes-error-color: #a55; $nodes-notice-color: #5a5; $nodes-alert-color: #a55; $nodes-table-border: #ddd; $nodes-field-size: 800px; $nodes-text-height: 600px; /*==================================================== Global ========================================================*/ body, p, ol, ul, td, div, input, textarea, select { font-family: arial, helvetica, sans-serif; text-align: left; font-size: $nodes-font-size; color: $nodes-text-color; text-align: left; } html, body { width: 100%; height: 100%; margin: 0; padding: 0; } h1 { float: left; clear: both; font-weight: bold; font-size: 26px; margin: 10px 0 0 0; padding: 0; } h2 { float: left; clear: both; font-weight: bold; font-size: 22px; margin: 10px 0 0 0; padding: 0; } h3 { float: left; clear: both; font-weight: bold; font-size: 18px; margin: 10px 0 0 0; padding: 0; } div { float: left; display: block; } table { border: 0px; padding: 0px; margin: 0px; font-size: $nodes-font-size; border-collapse: collapse; th, td { border: 0px; padding: 0px; margin: 0px; } } a { float: left; border: 0px; text-decoration: none; color: $nodes-text-color; font-weight: bold; } a:hover { text-decoration: underline; } .flash { float: left; clear: both; #notice { color: $nodes-notice-color; } #alert { color: $nodes-alert-color; } } .back { float: left; clear: both; } table.nodes-list { float: left; clear: both; margin-left: 2px; margin-right: 20px; td, th { padding: 2px 4px 2px 4px; border: 1px $nodes-table-border solid; } } a.nodes-action { float: left; clear: both; width: 20px; height: 20px; } .node-form { float: left; clear: both; width: $nodes-field-size; .actions { padding-top: 5px; margin-right: -7px; float: right; clear: both; } #node_name { width: $nodes-field-size; } #node_title { width: $nodes-field-size; } #node_tag_list { width: $nodes-field-size; } #node_file { width: $nodes-field-size; } #node_text { width: $nodes-field-size; height: $nodes-text-height; } .field_with_errors { input, select { float: left; border: 1px solid $nodes-error-color; } } #error_explanation { h2 { font-size: 2+$nodes-font-size; color: $nodes-error-color; } } ul { list-style: none; padding: 0 0 10px 0; margin: 0; } li { padding-left: 5px; padding-bottom: 5px; text-indent: -3px; color: $nodes-error-color; } li::before { content: '• '; color: $nodes-error-color; } } .node { float: left; clear: both; margin: 0px; a { color: $nodes-text-color; text-decoration: none; font-weight: bold; } a:hover { text-decoration: underline; } .date { float: left; clear: both; margin-top: 5px; } .author { float: left; clear: both; font-size: 18px; margin-top: 10px; } .title { float: left; clear: both; margin-top: 10px; } .tags { float: left; clear: both; margin-top: 10px; a { margin-right: 3px; } } .text { float: left; clear: both; margin-top: 10px; .audio { float: left; margin-top: 5px; clear: both; width: 300px; } .image { float: left; clear: both; margin-top: 5px; img { float: left; margin: 3px; clear: both; } } .name { float: left; clear: both; width: 100%; font-size: 12px; text-align: center; } .image.right { float: right; } } p { float: left; clear: both; padding: 0; margin: 10px 0 0 0; font-size: 15px; } p.aright { float: right; } ul { float: left; clear: both; padding: 0; margin: 0px 0px 0px 20px; font-size: 15px; li { margin: 0px; padding: 0px; } } .user { float: left; clear: both; margin-top: 10px; } .email { float: left; clear: both; margin-top: 10px; } pre { float: left; } code { color: grey; } }