/* Quick.Cms.Ext v6.x back-end stylesheet */ /* GLOBAL STYLES */ body, body *{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} body,table{color:#333;font-size:1em;font-family:Arial, sans-serif;} h1,h2,h3,h4{font-size:1em;} body{padding:0;background:#294159;} input[type="text"], input[type="password"], input[type="file"], input[type="email"], input[type="date"], select, textarea{padding:4px 3px;border-width:1px;border-style:solid;border-color:#9e9fa0;font-family:Arial;border-radius:2px;} input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus, input[type="email"]:focus, select:focus{background:#fbf0d9;border-color:#294159;box-shadow:0 0 5px rgba(41, 65, 148,0.6);} textarea:focus{border-color:#294159;box-shadow:0 0 5px rgba(41, 65, 148,0.6);} input[type="text"].warning-required, input[type="email"].warning-required, select.warning-required, textarea.warning-required{background:#f7d8d0;border-color:#bb4c2e;} input[type="text"].numeric{text-align:right;} input[type="text"].search{background-image:url('img/search.png');background-repeat:no-repeat;background-position:right center;} input[type="submit"]{padding:5px 14px;border-width:1px;border-style:solid;border-color:#989692;border-radius:3px;background:#e7e3dc;color:#333;} input[type="submit"]:hover, input[type="submit"].main:hover{border-color:#2b2b2b;background-color:#294159;color:#fff;cursor:pointer;} input[type="submit"].main{padding-left:35px;font-weight:bold;border-color:#9d4b36;background:#ff6840 url('img/check.png') no-repeat 10px 5px;color:#fff;text-transform:uppercase;} input[type=checkbox].status{background:#ce1c2c;} input[type=checkbox].status:checked{background:#fff;} textarea.text-editor{width:100%;height:120px;} textarea.text-editor.full-description{height:300px;} .form{background:#f3f3f3;border:1px solid #333;} .form label{font-weight:bold;} .form label span{padding-left:10px;color:#aaa;font-weight:normal;} table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:2px 4px;border:1px solid black;font-size:100%;font:inherit;vertical-align:baseline;} table{border-collapse:collapse;border-spacing:0;} .hide{display:none;} .dev{padding:5px;text-align:center;color:#f00;font-weight:bold;} em.help{color:#888;} a{color:#0784c4;text-decoration:underline;} a:hover{color:#000;text-decoration:underline;} a.sort{padding-right:25px;background:url('img/sort.png') no-repeat right 6px;} a.sort:hover{background-position:right -37px;} a .loading{margin-left:5px;} /* Custom checkboxes */ .custom > input{position:absolute;left:0;float:left;width:16px;height:16px;margin:0;padding:0;opacity:0;} .custom > label{display:inline-block;width:40px;padding:0;line-height:16px;text-indent:100%;white-space:nowrap;overflow:hidden;font-size:1px;} .custom:not(.d) > input + label{height:16px;background:url('img/checkbox-custom.png') 0 -1px no-repeat;} .custom:not(.d) > input:hover + label, .custom:not(.d) > input:focus + label, .custom:not(.d) > input + label:hover, .custom:not(.d) > input:focus + label{text-decoration:underline;} .custom:not(.d) > input[type=checkbox]:checked + label{background-position:0 -41px;} /* checked */ .custom:not(.d) > input[type=checkbox]:hover:checked + label, .custom:not(.d) > input[type=checkbox]:focus:checked + label, .custom:not(.d) > input[type=checkbox]:checked + label:hover, .custom:not(.d) > input[type=checkbox]:focus:checked + label {background-position:0 -61px;} /* checked */ .custom:not(.d) > input[type=checkbox]:hover + label, .custom:not(.d) > input[type=checkbox]:focus + label, .custom:not(.d) > input[type=checkbox] + label:hover {background-position:0 -21px;} /* hover */ .custom:not(.d) > input[type=checkbox]:disabled + label{background-position:0 -81px;} /* disabled */ .custom:not(.d) > input[type=checkbox]:checked:disabled + label{background-position:0 -101px;} /* disabled checked */ td.custom > label{width:20px;} #container{text-align:left;} .top-alert{padding:20px;background:#eec2c6;border:3px solid #b83441;color:#641c23;text-align:center;font-weight:bold;} .top-alert a{color:#641c23;} .top-alert .close{margin-top:10px;} .top-alert .close a{display:inline-block;padding:6px;border:1px solid #b83441;text-decoration:none;background:#f7e2e4;} .top-alert .close a:hover{border-color:#fff;background:#b83441;color:#fff;} #header{} #body, #foot{float:left;width:100%;margin:0 auto;padding:0;} #top, #menu{float:left;width:100%;background:#2e3740;color:#fff;} #menu{background:#2b2b2b;border-bottom:1px solid #fbffff;} #header a{} #messages{position:relative;float:right;padding:4px 14px 0 0;list-style:none;z-index:11;} #messages > li{position:relative;float:right;margin-left:7px;} #messages a{text-decoration:none;} #messages > li > a img{margin:4px 5px;opacity:0.5;vertical-align:middle;} #messages li:hover img{opacity:1;} #messages > li > a > strong{padding:3px 7px;color:#fff;font-size:0.75em;background:#ff6840;border-radius:19px;} #messages > li:hover > a > strong{background:#fff;color:#294159;} #messages > li section{display:none;position:absolute;z-index:12;right:0px;min-width:500px;max-width:600px;margin-top:1px;background:#ebedf0;color:#333;box-shadow:2px 3px 4px rgba(0,0,0,0.5);border:1px solid #d7d7d7;border-top:0;} #messages header{font-weight:bold;background:#dee0e4 url('img/arrow_navy.png') no-repeat right 20px top;} #messages .close{position:absolute;top:4px;right:4px;width:20px;height:20px;background:#ebedf0;background:url('img/close.png') no-repeat right 0;text-indent:100%;white-space:nowrap;overflow:hidden;font-size:1px;} #messages li ul{list-style:none;} #messages li li, #messages li header{padding:5px 8px;border-bottom:1px solid #fbffff;} #messages footer{padding:5px 8px;text-align:center;font-size:0.75em;} #closeLayer{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.3;z-index:9;} #messages li.news li:after{content:"";display:table;clear:both;} #messages li.news li > a{display:block;font-size:0.75em;color:#333;} #messages li.news li > img{float:right;margin-left:5px;} #messages li.news li .head{font-weight:bold;color:#02344e;} #messages li.news li .head img{margin-right:5px;vertical-align:middle;} #messages li.news li time{margin-right:10px;font-weight:bold;} #messages li.news li:hover img{opacity:0.5;} #messages li.news li.unread .head{color:#0784c4;} #messages li.news li:hover .head{text-decoration:underline;} #messages li.notices li{font-size:0.813em;} #messages li.notices li{padding-top:9px;padding-bottom:9px;} #messages li.notices li:hover{background-color:#eeece9;} #header .menu{float:left;list-style:none;} #header .menu li{position:relative;float:left;margin:0 10px 0 0;white-space:nowrap;} #header .menu > li:hover{} #header .menu a{position:relative;display:block;padding:10px 19px 10px 30px;text-decoration:none;color:#ced0d2;} #header .menu > li > a:before{content:'';position:absolute;left:7px;width:16px;height:16px;background:url('img/menu.png') no-repeat 0 0;opacity:0.4;} #header .menu > li > a:after{content:url('img/arrow.png');position:absolute;right:7px;top:4px;opacity:0.4;} #header .menu li.dashboard{margin-right:5px;} #header .menu li.dashboard > a{padding-right:10px;} #header .menu li.dashboard > a:after{content:'';} #header .menu li.dashboard > a:before{background-position:0 -16px;} #header .menu li.pages > a:before{background-position:0 -32px;} #header .menu li.sliders > a:before{background-position:0 -48px;} #header .menu li.plugins > a{padding-right:10px;} #header .menu li.plugins > a:before{background-position:0 -64px;} #header .menu li.plugins > a:after{content:'';} #header .menu li.tools > a:before{background-position:0 -80px;} #header .menu li.backup > a:before{background-position:0 -112px;} #header .menu li.widgets > a:before{background-position:0 -128px;} #header .menu li:hover a, #header .menu > li.selected a{color:#fff;} #header .menu li:hover ul a{color:#333;} #header .menu li ul{display:none;float:left;z-index:10;position:absolute;height:auto;list-style:none;background:#ebedf0;box-shadow:2px 3px 4px rgba(0,0,0,0.5);border:1px solid #d7d7d7;} #header .menu li:hover ul{display:block;} #header .menu li ul li{position:relative;clear:left;float:left;width:100%;margin:0;background:url('img/arrow_grey.png') no-repeat 10px 13px;} #header .menu li ul li.separate{margin-top:5px;padding-top:5px;border-top:1px solid #cfcfcf;background-position:10px 18px;} #header .menu li ul li a{padding-left:22px;} #header .menu li ul li:hover{background-color:#fff;} #header .menu li ul li:hover a{text-decoration:underline;} #header .menu#extend{float:right;margin-right:5px;} #header .menu#extend li.settings > a{opacity:0.4;} #header .menu#extend li.settings:hover > a{opacity:1;} #header .menu#extend li.settings > a:before{background-image:none;} #header .menu#extend li.settings ul{right:0px;} #header .menu .settings > a{padding:4px 17px 0 10px;} #header .menu#extend > li.selected > a, #header .menu > li:hover > a:before, #header .menu > li.selected > a:before, #header .menu > li:hover > a:after, #header .menu > li.selected > a:after{opacity:1;} #header .menu#sections > li.selected{background:#3d3d3d;} #languages-select.menu{float:right;} #languages-select .selected a{font-weight:bold;} #languages-select.menu a{padding-right:10px;} #languages-select.menu > li > a:before{background-position:0 -96px;} #languages-select.menu > li > a:after{display:none;} #logo{float:left;margin-bottom:5px;list-style:none;} #logo.menu > li > a{padding:3px 19px 0 5px;width:170px;} #logo.menu > li:hover{background:inherit;} #logo.menu > li:hover > a{opacity:0.7;} #logo.menu li ul{top:0;left:160px;} #logo.menu > li > a:before{display:none;} #logo.menu > li > a:after{right:17px;} /* MESSAGES - SAVED, ERROR, etc */ h2.msg{position:relative;margin:30px 5%;padding:12px;text-align:center;background:#6e9c37;border:1px solid #446122;color:#fff;} h2.msg.error{margin:70px 5%;background:#eec2c6;border-color:#b83441;color:#641c23;} h2.msg .close{float:right;width:12px;height:12px;margin-top:4px;background:url('img/close.png') no-repeat center center;overflow:hidden;color:transparent;font-size:1px;opacity:0.4;} h2.msg .close:hover{opacity:0.8;} /* BODY */ #body{position:relative;background:#f5f5f5;} h1{margin-bottom:20px;padding:10px 10px 10px 40px;background-color:#294159;background-repeat:no-repeat;background-position:5px center;color:#fff;font-weight:normal;font-size:1.5em;} #body h1:before{content:"";position:absolute;left:5px;width:24px;height:24px;background:url('img/title.png') no-repeat 0 0;} #body.pages h1:before{background-position:0 -24px;} #body.sliders h1:before{background-position:0 -48px;} #body.plugins h1:before{background-position:0 -72px;} #body.langs h1:before{background-position:0 -96px;} #body.settings h1:before{background-position:0 -120px;} #body.backups h1:before{background-position:0 -144px;} #body.widgets h1:before{background-position:0 -168px;} #body.bugfixes h1:before{background-position:0 -192px;} #body div.manual{position:absolute;top:4px;right:0;padding:10px;} #body div.manual a{padding:2px 4px 2px 22px;background:url('img/help.png') no-repeat 0px 3px;color:#fff;text-decoration:none;} #body div.manual a:hover{text-decoration:underline;opacity:0.5;} #body form.search{float:right;margin:0 10px 10px;} #body form.search label{display:none;} #body form.search input[type=text]{width:300px;} #body form.search.box{position:absolute;right:0;} #body .main-form{} /* FORMS */ .main-form .buttons{margin:0 10px 20px;list-style:none;} .main-form .buttons.bottom{margin-top:20px;} #body.pagination .main-form .buttons{margin-bottom:10px;} #body.pagination .main-form .buttons.bottom{margin-top:10px;} .main-form .buttons:after{content:"";display:table;clear:both;} .main-form .buttons li{float:left;position:relative;white-space:nowrap;} .main-form .buttons .options{margin-left:10px;} .main-form .buttons .options > input{padding-right:23px;background-image:url('img/arrow_grey_down.png');background-repeat:no-repeat;background-position:right 12px top 10px;} .main-form .buttons .options input{min-width:170px;text-align:left;} .main-form .buttons .options ul{display:none;height:auto;float:left;z-index:10;position:absolute;list-style:none;} .main-form .buttons .options:hover ul{display:block;} .main-form .buttons .options li{clear:both;} .main-form .save input[type="submit"].main{background-image:url('img/save.png');} .main-form ul.options{float:right;margin:0 10px 0;list-style:none;} .main-form ul.options li{float:left;margin:3px 0 0 10px;} .main-form ul.options .preview a, .main-form ul.options .delete a{display:inline-block;width:21px;height:21px;text-indent:100%;white-space:nowrap;overflow:hidden;font-size:1px;} .main-form ul.options .preview a{background:url('img/options.png') no-repeat -42px 0px;} .main-form ul.options .delete a{background:url('img/options.png') no-repeat -21px 0px;} .main-form ul.options .preview a:hover{background-position:-42px -21px;} .main-form ul.options .delete a:hover{background-position:-21px -21px;} .tabs{position:relative;width:100%;list-style:none;} .tabs:before{z-index:1;} .tabs:after{z-index:1;position:absolute;content:"";bottom:0;left:0;width:100%;border-bottom:1px solid #898783;} .tabs li{position:relative;z-index:0;display:inline-block;margin-left:5px;background:#969696;border:1px solid #d7d4cd;border-top-left-radius:3px;border-top-right-radius:3px;} .tabs li:first-child{margin-left:10px;} .tabs li.selected, .tabs li:hover{z-index:2;background:#f5f5f5;border-color:#898783;} .tabs li.selected{border-bottom-color:#f5f5f5;} .tabs a{display:block;padding:8px 12px;text-decoration:none;color:#eee;} .tabs li.selected a, .tabs li:hover a, .tabs li a:focus{color:#333;} .tabs li.selected a{padding-top:12px;} .tabs li.help:before{display:inline-block;content:".";width:20px;height:20px;margin-right:10px;background:#888 url('img/help.png') no-repeat 2px 2px;border-radius:10px;} .tabs li.help{margin-left:15px;background:transparent;color:#888;border:0;} .forms{display:none;clear:both;padding:0 15px;border-bottom:1px solid #898783;} ul.forms{list-style:none;} .no-tabs .forms{display:block;border-top:1px solid #a8a6a3;} .forms.full li{padding:10px 0 4px;border-top:1px solid #c3c2c0;} .forms.full li:first-child{border-top:0;} .forms.full label{display:block;padding-bottom:4px;} .forms.full input[type="text"], .forms.full input[type="password"], .forms.full input[type="email"], .forms.full textarea{width:100%;} .forms.full input[name="sName"]{width:70%;margin-right:10px;font-size:1em;font-weight:bold;} .forms.list:after, .forms.list li:after{content:"";display:table;clear:both;} .forms.list li{padding:10px;border-top:1px solid #c3c2c0;} .forms.list li:nth-child(even){} .forms.list li:first-child{border-top:0;} .forms.list li > label:first-child, .forms.list#tab-loging li > div label, .forms.list li > span.label{float:left;width:160px;margin-right:10px;margin-top:3px;word-wrap:break-word;} .forms.list li > div{float:left;} .forms.list li:hover{background:#eeece9;} .forms input[type=checkbox].status + label{color:red;} .forms input[type=checkbox].status:checked + label{color:#333;} /* custom */ .forms.list li.adv-function{margin-left:10px;border-color:#e1e0df;} .forms.list li .expand.subpages.hide, .forms.list li.adv-function.hide{display:none !important;} .forms.list li.help:before{display:inline-block;content:".";width:20px;height:20px;margin-right:10px;background:#888 url('img/help.png') no-repeat 2px 2px;border-radius:10px;} .forms.list li.help{color:#888;} .forms.list li.help.required{background:#eec2c6;border-color:#b83441;color:#641c23;} .forms.list li.help em{font-weight:bold;} .forms.list .choose-alter{margin-left:20px;} .forms.table table{min-width:910px;width:100%;max-width:1200px;margin:10px 0;} .forms.table thead{font-size:0.75em;background:#ededec;} .forms.table th{text-align:left;} .forms.table td, .forms.table table th{padding:5px 10px;border:1px solid #c3c2c0;} .forms.table td.description input{width:95%;} .forms.table table tr:hover td.description input{border-color:#294159;box-shadow:0 0 3px rgba(41, 65, 148,0.6);} /* FILES */ .forms.files table{margin:10px 0;width:100%;} .forms.files thead, .display-files-all{font-size:0.75em;background:#ededec;} .forms.files th{text-align:left;} .forms.files td:first-child, .forms.files th:first-child{text-align:center;} .forms.files td, .forms.files th{padding:5px 10px;border:1px solid #c3c2c0;} .forms.files tr td:first-child:hover input{background:#fbf0d9;border-color:#294159;box-shadow:0 0 3px rgba(41, 65, 148,0.6);} .forms.files #files-list tr td:first-child{opacity:0.7;} .forms.files #files-list tr td:first-child:hover{opacity:1;} .forms.files th.location{min-width:120px;} .forms.files td .description{min-width:70px;width:98%;} .forms.files tbody a{text-decoration:none;} .forms.files tbody a:hover{text-decoration:underline;} .forms.files tr:hover td.name a{color:#000;} .forms.files td.name{position:relative;max-width:240px;padding:6px 0;text-align:left;word-wrap:break-word;} .forms.files td.name a{display:block;max-width:398px;margin-left:5px;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis;font-size:0.875em;} .forms.files .thumb-preview{position:absolute;left:100px;top:10px;z-index:10;} .forms.files .thumb-preview img{border:1px solid #c3c2c0;box-shadow:2px 3px 4px rgba(0,0,0,0.3);} .forms.files .clear-default{display:block;} .forms.files .clear-default:hover{opacity:0.6;} .forms.files .thumb.head{text-align:center;} .forms.files .thumb.details, .forms.files .thumb.other{min-width:100px;max-width:110px;text-align:left;} .forms.files .thumb.details select{margin-right:4px;} .forms.files .thumb .big{display:inline-block;width:26px;height:26px;padding:5px 0 0;vertical-align:middle;text-align:center;background:url('img/zoom.png') no-repeat 0 0;opacity:0.6;} .forms.files .thumb .big.hide{display:none;} .forms.files .thumb .big:hover{opacity:1;} .forms.files .thumb .big input, .forms.files .thumb .big:hover input{opacity:0;} .forms.files .big.custom label{width:20px;} .forms.files input[type="text"]:not(:focus), .forms.files select:not(:focus){background:#f8f8f8;border-color:#cccccd;} .forms.files input[type="text"]:hover:not(:focus), .forms.files select:hover:not(:focus){background:#fff;border-color:#9e9fa0;;} .forms.files table .adv{display:none;} .forms.files .fixed-files{top:0;position:fixed;z-index:2;display:none;} .forms.files .default-list, .forms.files .default-other{margin-right:7px;} .forms.files .show-files-adv{margin:0 0 5px;padding-top:0;border:0;text-align:right;} .forms.files #files-dir .show-files-adv{float:right;margin-bottom:-20px;} .forms.files .show-files-adv em{font-size:0.75em;font-style:normal;} .forms.files#tab-files div.custom{margin-top:3px;} .forms.files#tab-files div.custom > label{width:20px;opacity:0.4;} .forms.files#tab-files div.custom > label:hover{opacity:1;} .delete.custom:not(.d) > input[type=checkbox]:hover:checked + label, .delete.custom:not(.d) > input[type=checkbox]:focus:checked + label, .delete.custom:not(.d) > input[type=checkbox]:checked + label, .delete.custom:not(.d) > input[type=checkbox]:focus:checked + label {background-position:0 -120px;} /* checked */ .delete.custom:not(.d) > input[type=checkbox]:checked + label:hover{background-position:0 -140px;} /* checked */ /* FILES - UPLOAD / FROM SERVER */ .rwd-inner-container, #fileUploader .qq-uploader{min-width:910px;width:100%;max-width:1200px;} @media screen and (min-width:1330px){ .rwd-inner-container, #fileUploader .qq-uploader{max-width:1300px;} } @media screen and (min-width:1570px){ .rwd-inner-container, #fileUploader .qq-uploader{max-width:1400px;} .forms.files td.name{max-width:400px;} } #fileUploader .qq-uploader{margin-top:10px;} #files-dir{margin-top:20px;padding-bottom:40px;} .forms.files #files-dir table{margin:0;} #attachingFilesInfo{display:none;margin:10px 0;padding:5px;text-align:center;font-weight:bold;color:#fff;background:#7fab4a;border:1px solid #446122;} #files-dir div.loading{text-align:center;} #files-dir th{white-space:nowrap;} #files-dir .name input{width:92%;} #files-dir caption{margin:5px 0;border:0;font-weight:bold;} #files-dir .display-files-all, #files-dir tfoot{text-align:center;color:#666;} #files-dir .display-files-all a{color:#666;text-decoration:underline;} #files-dir table input[type="text"], #files-dir table select{padding:2px;} #files-dir table .select{position:relative;} #files-dir table .time td.name a{font-weight:bold;} #files-dir table .position input{width:30px;} #files-dir table td.description, #files-dir table td.alt{min-width:150px;} #files-dir table .hidden{color:#ededec;} #body.langs .download{margin-left:15px;font-style:italic;color:#666;} #body.langs .forms.list li > label, #body.langs .forms.list li > span.label{width:220px;} .main-form a.expand{display:inline-block;height:16px;padding-left:15px;background:url('img/ico_plus.png') no-repeat 0px 3px;color:#666;font-size:0.75em;} .main-form a.expand:hover{background-position:0px -13px;color:#ff4d1d;} .main-form a.expand.minus{background-image:url('img/ico_minus.png');} .main-form a.expand{margin-left:10px;} .main-form #tab-content li.short-description div.toggle, #tab-advanced li.adv-function, .main-form div.adv-redirect{display:none;} .main-form #tab-advanced div.redirect > div:first-child{margin-bottom:7px;} .main-form.restore-backup input[type="submit"]{padding-top:2px;padding-bottom:2px;} #pageParentSearch input{width:380px;margin-bottom:3px;border:1px solid #d3d3d4;background-color:#fbfbfb;} #pageParentCtn select{width:380px;} #pageParent2Ctn{display:none;} #body.settings #tab-loging li.old{display:none;} #body.settings #tab-loging li.old span.check{margin-left:5px;color:#ff6840;font-weight:bold;font-size:0.875em;} #body.settings .forms.list:not(#tab-loging) li > label{width:280px;} #body.settings .forms.list#tab-loging li > div:first-child{margin-left:0px;} #body.settings .forms.list#tab-loging li > div{margin-left:10px;} #body.settings .forms.list#tab-loging li > div em{padding:0px 10px;color:#808080;} #body.settings .forms.list#tab-loging em{display:inline-block;width:70px;} #body.sliders span.ext{margin-left:7px;color:#666;} #body.sliders .forms.list li > div{min-width:700px;width:80%;max-width:1200px;} #body.sliders div.adv-redirect{margin-top:10px;} #body.sliders #sFileName{width:440px;} #body.plugins h1{margin-bottom:0px;} #body.plugins .install-panel{display:none;} #body.plugins div.important-messages{width:90%;max-width:900px;margin:20px auto;padding:12px;overflow:hidden;background:#eec2c6;border:1px solid #b83441;color:#641c23;} #body.plugins div.important-messages h2{margin-bottom:10px;text-align:center;} #body.plugins div.important-messages ul{list-style:none;} #body.plugins div.important-messages li{padding:6px 0 6px 22px;background:url('img/list.png') no-repeat 0px 7px;} #body.plugins div.important-messages .close{margin-top:10px;text-align:center;} #body.plugins div.important-messages .close a{display:inline-block;padding:6px 10px;border:1px solid #b83441;text-decoration:none;background:#f7e2e4;color:#641c23;font-weight:bold;} #body.plugins div.important-messages .close a:hover{border-color:#fff;background:#b83441;color:#fff;} #body.plugins div.important-messages-tab{display:none;width:400px;margin:0px auto;padding:12px;background:#eec2c6;border:1px solid #b83441;border-top:0;color:#641c23;text-align:center;} #body.plugins div.important-messages-tab a{color:#641c23;text-decoration:none;} #body.plugins div.important-messages-tab a:hover{color:#ff4d1d;text-decoration:underline;} #body.plugins.install-disabled form.search.box{top:68px;} #body.backups{} /* PAGINATION */ div.pagination{clear:both;width:99%;margin:0 auto;padding:8px;background:#efefef;} div.pagination.top{border-top:1px solid #e1e0df;} div.pagination.bottom{border-bottom:1px solid #e1e0df;} div.pagination ul, .pagination li{display:inline;} div.pagination li{padding:0 2px;} div.pagination a, .pagination strong{padding:0 3px;} /* TABLE LIST */ table.list{clear:both;width:99%;margin:0 auto 20px;background:#fbfbfb;} #body.pagination table.list{margin-bottom:0;} table.list th, table.list td{border:1px solid #c3c2c0;} table.list th{text-align:left;} table.list thead th{padding:4px 6px;font-weight:bold;background:#2b2b2b;border-color:#2b2b2b #2b2b2b #2b2b2b #c3c2c0;color:#fff;} table.list thead th:first-child{border-color:#2b2b2b;} table.list thead a{color:#fff;} table.list thead a:hover{color:#ff6840;text-decoration:none;} table.list thead ul{color:#818181;} table.list thead .name ul li.custom > label, table.list thead th.custom > label{width:auto;padding:0 0 0 25px;text-indent:0;font-size:1em;} table.list tbody td, table.list tbody th{padding:4px 5px;} table.list .custom{text-align:center;} table.list .type td{padding:12px 4px 8px;font-weight:bold;text-align:center;background-color:#f5f5f5;} table.list .name ul{float:right;margin:0 5px 0 0;padding:0;font-weight:normal;list-style:none;} table.list .name ul li{float:left;margin:0;padding:0;width:105px;text-align:center;} table.list .options{padding:0;vertical-align:top;} table.list th.id{width:60px;} table.list th.position, table.list th.options{width:120px;} table.list tbody .name ul li{opacity:0.5;} table.list tbody .name ul li:hover{opacity:1;} /* ICONS */ table.list a.preview, table.list a.edit, table.list a.delete, table.list tbody .name a.expand, table.list a.restore{display:inline-block;text-indent:100%;white-space:nowrap;overflow:hidden;font-size:1px;vertical-align:top;} table.list a.preview{width:16px;height:16px;margin:0 0 0 10px;background:url('img/options.png') no-repeat -63px 0;opacity:0;} table.list a.preview:hover{background-position:-63px -16px;opacity:1;} table.list tr:hover{background:#f1dad4;} table.list tr:hover a.preview{opacity:0.6;} table.list a.edit, table.list a.delete, table.list a.restore{width:21px;height:21px;margin:3px 0 0 10px;background:url('img/options.png') no-repeat 0px 0px;} table.list a.delete{background-position:-21px 0px;} table.list a.restore{background-position:-80px 0px;} table.list a.edit:hover{background-position:0 -21px;} table.list a.delete:hover{background-position:-21px -21px;} table.list a.expand{width:16px;height:16px;margin-left:6px;background:url('img/ico_plus.png') no-repeat 0px 5px;} table.list a.expand:hover{background-position:0px -11px;} table.list a.edit:hover{background-position:0 -21px;} table.list a.restore:hover{background-position:-80px -21px;} /* DEPTH STYLES */ table.list .l0{background:#eaeaea;} table.list .l1{background:#f7f7f7;} /* CUSTOM TABLE LIST STYLES */ table.list.pages tbody td.position{padding:2px 5px;} table.list.pages .l0 th{font-weight:bold;} table.list.pages .l1 th{padding-left:20px;} table.list.pages .l2 th{padding-left:40px;font-size:0.875em;} table.list.pages .l3 th{padding-left:60px;font-size:0.875em;} table.list.pages .l4 th{padding-left:80px;font-size:0.875em;} table.widgets thead a, table.pages a, table.bugfixes a{text-decoration:none;} table.plugins td, table.plugins th, table.bugfixes td, table.bugfixes th{vertical-align:middle;} table.plugins tbody .name{padding-top:15px;padding-bottom:15px;} table.plugins .screenshot{width:150px;text-align:center;} table.plugins .screenshot img{border:2px solid #c3c2c0;padding:1px;} table.plugins .unavailable .screenshot img{border:0;} table.plugins .screenshot img:hover{border-color:#2e3740;} table.plugins .description h2{padding-bottom:5px;font-size:0.938em;color:#0784c4;} table.plugins .description{padding:5px 8px;} table.plugins .description a.more{margin-left:7px;} table.plugins .description .full{display:none;} table.plugins .description .full ul, table.plugins .description .full ol{margin:5px 30px;padding:0;} table.plugins .description p{padding-top:5px;color:#888;font-size:.875em;} table.plugins .description p a{color:#888;} table.plugins .description p a:hover{color:#000;} table.plugins .description .author, table.plugins .description .price{margin-top:4px;color:#666;font-size:0.875em} table.plugins .options, table.plugins td.install, table.bugfixes .options, table.list.plugins th.options{width:60px;text-align:center;vertical-align:middle;} table.plugins .options a.install{display:inline-block;width:24px;height:24px;background:url('img/install.png') no-repeat 0 0;text-indent:100%;white-space:nowrap;overflow:hidden;font-size:1px;} table.plugins .options a.install:hover{background-position:0 -24px;} table.plugins .ext .options a.install{height:33px;background-position:-24px 0;} table.plugins .ext .options a.install:hover{background-position:-24px -33px;} table.plugins .outher-info.options a{background-position:-48px 0;} table.plugins .outher-info.options a:hover{background-position:-48px -24px;} table.plugins .options a.manual{display:inline-block;width:24px;height:24px;background:url('img/file.png') no-repeat 0 0;text-indent:100%;white-space:nowrap;overflow:hidden;font-size:1px;} table.plugins .options a.manual:hover{background-position:0 -24px;} table.plugins .manual-install{display:block;width:21px;height:21px;margin:10px auto 0;background:url('img/options.png') no-repeat 0px -21px;text-indent:100%;white-space:nowrap;overflow:hidden;font-size:1px;} table.plugins .manual-install:hover{background-position:0px 0px;} table.plugins tr.selected{background-color:hsl(63,55%,56%);} table.plugins tr.selected td{border-color:#fff;} table.plugins tr.installed{color:#888;} table.plugins tr.installed .screenshot img{opacity:0.7;} table.plugins tr.ext-plus{background-color:hsl(203,62%,96%);} table.plugins tr.ext-catalog{background-color:hsl(203,40%,90%);} table.plugins tr.ext-plus.selected, table.plugins tr.ext-catalog.selected{background-color:hsl(210,57%,75%);} #body.plugins.install-disabled table.plugins{margin-top:20px;} #body.plugins.install-disabled table.plugins .install{color:transparent;} #body.plugins.install-disabled table.plugins td.install input[type="checkbox"]:disabled:not(:checked)+label{opacity:0;} table.bugfixes .options a.manual{display:inline-block;margin:7px 0;text-decoration:none;} table.bugfixes .options a.manual:before{display:inline-block;content:"";width:24px;height:24px;margin:0 8px 4px auto;background:url('img/file.png') no-repeat center 0;text-decoration:none;vertical-align:middle;} table.bugfixes .options a.manual:hover{text-decoration:underline;color:#ff6840;} table.bugfixes .options a.manual:hover:before{background-position:0 -24px;} table.bugfixes tbody .name:before{content:'';display:inline-block;width:24px;height:21px;margin:0 10px 0 5px;background:url('img/warnings.png') no-repeat 0 0;} table.bugfixes .level-2 .name:before{background-position:0 -21px;} table.bugfixes .level-3 .name:before{background-position:0 -42px;} table.sliders td{vertical-align:top;} table.sliders tbody td:first-child img{max-height:150px;} table.sliders tbody .image-description{position:relative;} table.sliders tbody .image-description ul{position:absolute;top:0;right:0;padding:10px 0 10px;background:rgba(234,234,234,0.6);} table.sliders tbody .image-description ul li{opacity:0.7;} table.sliders .l1 .image-description ul{background:rgba(247,247,247,0.6);} table.sliders tbody tr:hover .image-description ul{background:rgba(241,218,212,0.6);} /* DASHBOARD */ #body.dashboard > section{margin:10px;} #body.dashboard .panel{margin-bottom:20px;} #body.dashboard .panel section{padding:10px;border:1px solid #898783;} #body.dashboard .tabs .selected{padding:8px 12px;font-weight:bold;color:#038bd0;} #body.dashboard #welcome section{position:relative;} #body.dashboard #welcome iframe{width:99%;height:445px;margin:1px 0 0;padding:0;border:0;} /* QUICK.BOX */ #quick-box{position:fixed;width:100%;height:100%;left:0px;top:0px;background:rgba( 0, 0, 0, 0.7 );z-index:200;} #quick-box .background{height:100%;} #quick-box .quick-box-container{position:absolute;padding:0;border-radius:5px;box-shadow: 0 0 15px 1px #000;} #quick-box .image-wrapper{position:relative;line-height:0px;} #quick-box .image-wrapper img{margin:0px;padding:0px;border-radius:5px;} #quick-box .content-wrapper{padding:20px;background:#fff;border-radius:5px;font-size:0.813em;} #quick-box .navigation{position:absolute;bottom:0px;margin:0px;padding:5px 0;text-align:center;font-size:0.875em;font-weight:bold;color:#fff;line-height:normal;background:rgba( 0, 0, 0, 0.4 );width:100%;} #quick-box .full-size{position:absolute;right:8px;top:2px;width:24px;height:24px;font-size:0.1em;color:transparent;background:url('img/fullscreen.png') no-repeat;} #quick-box .description{margin:0px;padding:5px 0;text-align:center;font-size:0.875em;color:#ddd;font-weight:bold;background:rgba( 0, 0, 0, 0.8 );border-bottom-left-radius:5px;border-bottom-right-radius:5px;max-height:66px;overflow:hidden;} #quick-box .prev, #quick-box .next{position:absolute;display:block;width:50%;top:15%;height:70%;margin:0px;color:#fff;font-family:Verdana;z-index:100;opacity:0.15;text-decoration:none;} #quick-box .prev span, #quick-box .next span{position:absolute;top:47%;left:0px;padding:10px;border:1px solid #fff;background:#000;} #quick-box .next span{left:auto;right:0px;border-right:none;} #quick-box .prev span{border-left:none;} #quick-box .next:hover, #quick-box .prev:hover{opacity:0.8;} #quick-box .prev{left:0px;} #quick-box .next{right:0px;} #quick-box .close{position:absolute;top:0px;right:0px;padding:0px 4px 2px;opacity:0.7;background:#000;color:#fff;font-weight:bold;font-family:"Trebuchet MS";text-decoration:none;border:1px solid #fff;z-index:100;border-top:none;border-right:none;border-top-right-radius:5px;} #quick-box .close:hover{opacity:0.8;} #quick-box .close, #quick-box .prev, #quick-box .next{line-height:normal;} #quick-box .loading{display:block;padding:40px 35px;color:white;line-height:1em;} #quick-box .content-wrapper .msg h2{margin-bottom:7px;font-size:1.462em;font-weight:normal;} #quick-box .content-wrapper .msg h2.title{text-align:center;} #quick-box .content-wrapper .msg h3{margin:12px 0 5px;font-size:1.077em;} #quick-box .content-wrapper .msg div.buttons{margin-top:15px;text-align:center;} #quick-box .content-wrapper .msg div.buttons a{display:inline-block;margin:0 10px;padding:10px;background:#294159;color:#fff;text-decoration:none;} #quick-box .content-wrapper .msg div.buttons a.main{background:#ff6840;font-weight:bold;} #quick-box .content-wrapper .msg div.buttons a.option{background:#0784c4;} #quick-box .content-wrapper .msg div.buttons a:hover{background:#2b2b2b;} #quick-box .content-wrapper .msg p{margin:5px 0;} #quick-box .content-wrapper .msg ul, #quick-box .content-wrapper .msg ol{margin:5px 20px;} #quick-box .install-panel{min-width:500px;max-height:550px;padding-right:30px;overflow-y:auto;} #quick-box .install-panel ol{list-style:none;} #quick-box .install-panel ol > li{padding:10px 5px;} #quick-box .install-panel ol li strong{font-size:1.167em;} #quick-box .install-panel ol li strong:before{content:"";display:inline-block;width:20px;height:16px;margin-right:5px;background:url('img/checkbox-custom.png') 0 -1px no-repeat;} #quick-box .install-panel li .progress{margin-left:15px;} #quick-box .install-panel li .progress .more{margin-left:7px;text-transform:lowercase;} #quick-box .install-panel li.complete strong:before{background-position:0 -41px;} #quick-box .install-panel li.complete .progress{padding:3px 5px;background:#6e9c37;border:1px solid #446122;color:#fff;} #quick-box .install-panel li.error .progress span{padding:3px 5px;background:#eec2c6;border:1px solid #b83441;color:#641c23;} #quick-box .install-panel li .notice{display:none;max-height:200px;margin:10px 0 10px;padding:4px 5px;overflow-y:auto;background:#f3d6d8;border:1px solid #b83441;color:#641c23;} #quick-box .install-panel li .notice h2{font-weight:normal;} #quick-box .install-panel li .notice ul{padding-left:20px;} #quick-box .install-panel li .notice li{padding:3px 0;} #quick-box .install-panel .refresh{margin:15px 0;text-align:center;opacity:0;} #quick-box .install-panel .refresh a{display:inline-block;padding:10px 20px 10px 45px;background:#0784c4 url('img/refresh.png') no-repeat 10px center;color:#fff;text-decoration:none;} #quick-box .install-panel .refresh a:hover{background-color:#00679a;} /* FOOT */ #foot{clear:both;background:#ebedf0;border-top:1px solid #afb1b3;border-bottom:1px solid #c9cacb;color:#838485;} #foot ul{float:left;padding:8px 0;list-style:none;} #foot li{float:left;padding:0 13px;border-left:1px solid #afb1b3;} #foot li:first-child{border-left:0;} #foot a{color:#666667;text-transform:lowercase;} #foot a:hover{color:#0784c4;} #login-panel{width:400px;margin:40px auto 0;padding:15px 25px 20px;background:#f5f5f5;border:1px solid #898783;border-radius:5px;box-shadow:0px 3px 10px rgba(0,0,0,0.5);} #login-panel legend{display:none;} #login-panel .forms{display:block;padding:20px 0 25px 0;border:0;} #login-panel nav:after{content:"";display:table;clear:both;} #login-panel nav ul{float:left;width:100%;list-style:none;} #login-panel footer nav ul{padding:15px 0 0;border-top:1px solid #898783;} #login-panel nav li{float:left;width:50%;text-align:right;} #login-panel nav li:first-child{text-align:left;} #login-panel .error{margin:40px 0;text-align:center;color:#ff6840;} #login-panel .error strong{display:block;margin-bottom:20px;font-size:1.25em;} #login-panel .error a{padding:5px;text-decoration:none;color:#ff6840;} #login-panel .error a:hover{text-decoration:underline;} #login-panel.init legend{display:block;max-width:100%;padding-top:15px;text-align:center;font-weight:bold;color:#ff6840;font-size:1.188em;} #login-panel.init .forms{padding-top:10px;} #login-panel.init footer nav li:last-child a{display:none;} @media print{ /* PRINT STYLES */ * {color:#000 !important;background:#fff !important;border-color:#444 !important;border-width:1px !important;} body{margin:1cm 0;} #container{width:17.2cm;height:auto;margin:0;box-shadow:none;overflow:visible;} } /* RESPONSIVE WEB DESIGN - media queries */ @media screen and (max-width:1981px){ #body.sliders .list tr td:first-child img{max-width:1630px;} } @media screen and (max-width:1681px){ #body.sliders .list tr td:first-child img{max-width:1360px;} } @media screen and (max-width:1441px){ #body.sliders .list tr td:first-child img{max-width:1130px;} } @media screen and (max-width:1367px){ #body.sliders .list tr td:first-child img{max-width:1050px;} } @media screen and (max-width:1281px){ #body.sliders .list tr td:first-child img{max-width:995px;} } @media screen and (max-width:1025px){ #body.sliders .list tr td:first-child img{max-width:730px;} } /* PLUGINS */ /* FILES MANAGER */ .list.files{margin-bottom:0;} .list.files thead a{text-decoration:none;} .list.files tbody td{vertical-align:middle;} .list.files .image{max-width:200px;} .list.files .assigned p{width:97%;max-width:900px;white-space:nowrap;overflow:auto;} @media screen and (max-width:1365px){ .list.files .assigned p{max-width:600px;} } @media screen and (max-width:1279px){ .list.files .assigned p{max-width:380px;} } .list.files .image img{max-height:40px;border:1px solid #999;} .list.files .added_to .link1{padding-right:6px;} .list.files .added_to a strong{padding-left:5px;} .list.files .delete{width:40px;} .list.files td.description input{min-width:200px;width:95%;}