/* ---------------------------------------------------------------------------- * Filename: style.css * Description: Admin - Default styles * Version: 1.0 (2010-10-14) * Table of Contents: 1. Elements 2. Layout 3. Forms 4. Modules & Plugins 5. AJAX Loader 6. Miscellaneous ------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------- 1. Elements ----------------------------------------------------------------------------- */ body, select, input, textarea, th, td { font: normal 12px/16px Arial, Verdana, Geneva, Helvetica, sans-serif; } h1 { font-size: 16px; line-height: 20px; font-weight: bold; } h2 { font-size: 13px; line-height: 19px; font-weight: bold; } h3 { font-size: 12px; line-height: 18px; font-weight: bold; } h4 { font-size: 11px; line-height: 15px; font-weight: bold; } h5 { font-size: 11px; line-height: 15px; font-weight: bold; } h6 { font-size: 11px; line-height: 15px; font-weight: bold; } li { list-style-position: inside; } code { font: 11px/16px "Courier New", Courier, monospace; } small { font-size: 11px; } a:link, a:visited { text-decoration: none; } a:hover, a:active { text-decoration: underline; } iframe { background: #FFFFFF !important; color: #000000 !important; } code { display: block; margin: 10px 0; padding: 5px 10px; border-style: solid; border-width: 1px; } button { overflow: visible; width: auto; } fieldset { border: 1px solid #777777; } input { vertical-align: middle; } label { vertical-align: middle; } legend { margin: 0 0 0 -1px; padding: 5px 10px; font-weight: bold; background: #3F3F3F; color: #FFFFFF; } select { width: 100%; padding: 2px; border-style: solid; border-width: 1px; } .star { font: normal 11px Verdana, Arial, Helvetica, sans-serif; } /* ---------------------------------------------------------------------------- 2. Layout ----------------------------------------------------------------------------- */ html, body { cursor: default; width: 100%; height: 100%; } body { text-align: center; } #container { width: 996px; min-height: 100%; height: 100%; margin: 0 auto; text-align: left; } #header { height: 195px; vertical-align: top; } #aside { width: 200px; vertical-align: top; } #section { padding: 9px; vertical-align: top; } #section-inner { border-style: solid; border-width: 1px; padding: 10px; vertical-align: top; } #footer { height: 30px; } #footer-inner { padding: 0 0 0 150px; font-size: 11px; } /* ------------------------------------------------------------------------ 2.1 Layout > Header components ------------------------------------------------------------------------- */ #header-image { height: 150px; background: url(images/header-admin.jpg) no-repeat left top; } #header-title { height: 25px; padding: 10px; } #header-title .logout { float: right; padding: 0 10px; font-weight: bold; font-size: 11px; line-height: 25px; } #header-title h1 { float: left; font-weight: normal; font-size: 13px; line-height: 25px; } #header-title h1 a { font-weight: bold; } /* ------------------------------------------------------------------------ 2.2 Layout > Aside components ------------------------------------------------------------------------- */ /* nav ----------------------------------------------------------------------------- */ #nav { float: left; width: 200px; } #nav .top { display: none; } #nav ul { clear: both; text-align: left !important; } #nav ul li { clear: both; overflow: hidden; list-style-type: none; float: left; } #nav ul li a { clear: both; display: block; overflow: visible; /* float: left; */ font-size: 12px; line-height: 16px; text-align: left; text-decoration: none; margin-top: 2px; } #nav ul li span { clear: both; display: block; overflow: hidden; } #nav li .line, #nav li .text { background: #FFFFFF; } #nav li .line { height: 1px; padding: 0; font-size: 0; line-height: 1px; } #nav li .text { padding: 3px 15px 3px 15px; } #nav li .line1 { margin-left: 5px; } #nav li .line2 { margin-left: 3px; } #nav li .line3 { margin-left: 2px; } #nav li .line4 { margin-left: 1px; } #nav li .line5 { margin-left: 1px; } #nav li .line6 { margin-left: 1px; } #nav li .line7 { margin-left: 1px; } #nav li .line8 { margin-left: 2px; } #nav li .line9 { margin-left: 3px; } #nav li .line10 { margin-left: 5px; } #nav ul li a:link span, #nav ul li a:visited span { text-decoration: none; } #nav ul li a:hover span, #nav ul li a:active span { text-decoration: none; } #nav .submenu { display: none; float: left; } #nav .submenu-active { display: block; } #nav ul ul { margin: 0 0 0 10px; } #nav li li .text { padding: 0px 15px 0px 15px; } #nav #logout, #nav #login, #nav #password, #nav #preview { display: none; } /* ------------------------------------------------------------------------ 2.3 Layout > Section components ------------------------------------------------------------------------- */ #user-login { width: 398px; border: 1px solid #918680; min-height: 235px; height: auto !important; height: 235px; background: #FFFFFF url(images/icons/login.jpg) no-repeat left top; } #user-login div { padding: 40px 0 40px 70px; } #user-logout { width: 398px; border: 1px solid #918680; min-height: 235px; height: auto !important; height: 235px; background: #FFFFFF url(images/icons/login.jpg) no-repeat left top; } #user-logout div { padding: 80px 0 10px 70px; } #user-recover-password { width: 398px; border: 1px solid #918680; min-height: 235px; height: auto !important; height: 235px; background: #FFFFFF url(images/icons/login.jpg) no-repeat left top; } #user-recover-password div { padding: 60px 0 20px 70px; } #section img { vertical-align: middle; } #section h1 { clear: both; margin: 0 0 10px 0; padding: 5px 10px; border-width: 1px 1px 2px 1px; border-style: solid; font-size: 13px; } #section h2 { clear: both; margin: 0 0 10px 0; padding: 0 0 5px 0; border-width: 0 0 2px 0; border-style: dotted; text-align: left; } #section .buttons { float: right; padding: 0 0 10px 0; } #section .buttons input { float: left; margin: 0 0 0 10px; } #page { overflow: hidden; zoom: 1; } #page .page-buttons { text-align: right; padding: 0 0 10px 0; } .pstrength-bar { clear: both; } .pstrength-minchar { font-size: 10px; } /* ---------------------------------------------------------------------------- 3. Forms ----------------------------------------------------------------------------- */ .label { min-height: 20px; height: auto !important; height: 20px; padding: 0 5px; border-width: 1px 10px 1px 1px; border-style: solid; font-weight: bold; font-size: 11px; line-height: 20px; text-transform: uppercase; } .input-radio { vertical-align: middle; } .input-text { float: left; width: 100%; padding: 2px 4px; border-width: 1px; border-style: solid; } input.input-text { height: 22px; } textarea.input-text { height: 200px; } .btn { cursor: pointer; overflow: visible; min-width: 85px; width: auto !important; width: 85px; height: 26px; margin: 2px; padding: 0 5px; border-width: 1px; border-style: solid; font-weight: bold; font-size: 11px; text-align: center; } .btn:hover { } .btn-edit, .btn-save, .btn-delete, .btn-exit, .btn-search, .btn-reset, .btn-plus { cursor: pointer; /* ie6 doesn't always display the correct cursor */ width: auto; /* ie6 width fix */ overflow: visible; /* ie6 width fix */ margin: 0; padding: 3px 5px 3px 22px; border-width: 1px; border-style: solid; font-weight: bold; font-size: 12px; text-align: left; } .btn-edit { background: url(images/icons/edit.gif) no-repeat 5px center; padding-left: 22px; } .btn-save { background: url(images/icons/save.gif) no-repeat 5px center; padding-left: 22px; } .btn-delete { background: url(images/icons/delete.gif) no-repeat 5px center; padding-left: 22px; } .btn-exit { background: url(images/icons/exit.gif) no-repeat 5px center; padding-left: 18px; } .btn-reset { background: url(images/icons/reset.gif) no-repeat 5px center; padding-left: 22px; } .btn-plus { background: url(images/icons/plus.gif) no-repeat 5px center; padding-left: 22px; } /* ---------------------------------------------------------------------------- 4. Modules & Plugins ----------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------ 4.1 Modules & Plugins > Admin file list ------------------------------------------------------------------------- */ .uploader { } .uploader td { vertical-align: top; font-size: 11px; } .uploader-frame { background: transparent; overflow: hidden; } .uploader-frame .file-thumb { background: url(../plugin/uploader/images/file-thumb-bg.jpg) repeat left top; vertical-align: middle; text-align: center; border-style: solid; border-width: 1px; padding: 10px; } .uploader-frame .file-thumb span { background: #FFFFFF; border: 1px solid #E0E0E0; display: inline-block; } .uploader-frame .file-thumb span img{ border-style: solid; border-width: 4px; } .uploader-frame .file-browse { float: left; height: 22px; width: 100%; border-style: solid; border-width: 1px; background: #FFFFFF; } .uploader-frame .file-dimensions { float: left; width: 50%; margin-right: 10px; } .uploader iframe { } .uploader .file { float: left; padding: 5px 20px 20px 0; } .uploader .file table { border-collapse: collapse; } .uploader .file td { border-style: solid; border-width: 1px; } .uploader .file .file-thumb { background: url(../plugin/uploader/images/file-thumb-bg.jpg) repeat left top; width: 125px; height: 125px; vertical-align: middle; text-align: center; } .uploader .file .file-thumb span { background: #FFFFFF; border: 1px solid #E0E0E0; display: inline-block; } .uploader .file .file-thumb span img{ border-style: solid; border-width: 4px; } .uploader .file .file-title { text-align: center; } .uploader .file .file-more { position: absolute; left: 108px; top: 0px; z-index: 10; width: 18px; height: 18px; background-image: url(../plugin/uploader/images/plus-btn.gif); background-repeat: no-repeat; background-position: center center; } .uploader .file .file-up { position: absolute; left: 0px; top: 107px; z-index: 10; width: 18px; height: 18px; background-image: url(../plugin/uploader/images/up-btn.gif); background-repeat: no-repeat; background-position: center center; } .uploader .file .file-down { position: absolute; left: 108px; top: 107px; z-index: 10; width: 18px; height: 18px; background-image: url(../plugin/uploader/images/down-btn.gif); background-repeat: no-repeat; background-position: center center; } .uploader .file .file-extra { position: absolute; left: 111px; top: 0; z-index: 10; display: none; } .uploader .file .file-extra td { padding: 5px; } .uploader .file .file-extra-buttons { white-space: nowrap; } .uploader .file .file-summary { } /* ------------------------------------------------------------------------ 4.2 Modules & Plugins > FCK Editor ------------------------------------------------------------------------- */ .cke_skin_v2 .cke_wrapper, .cke_skin_v2 span.cke_browser_webkit, .cke_skin_v2 span.cke_browser_gecko18 { display: inline !important; } /* ---------------------------------------------------------------------------- 5. AJAX Loader ----------------------------------------------------------------------------- */ #loading { cursor: wait; position: absolute; left: 0; top: 0; z-index: 10000; display: none; overflow: hidden; width: 100%; height: 100%; background: #FFFFFF url(images/loading.gif) no-repeat center center; } /* ---------------------------------------------------------------------------- 6. Miscellaneous ----------------------------------------------------------------------------- */