ACC SHELL
body { font: 9pt/1.4em Arial,verdana; color: #333; padding: 65px 5px 15px; background: #d9ecff; }
*>a{outline: none;}
a img { border-style: none; }
h1 { font-size: 14pt; margin: 14px 0 16px 0; }
h2 { font-size: 12pt; margin: 10px 0; }
h3 { font-size: 10pt; margin: 12px 0 4px 0; }
p { margin: 10px 0; }
a { color: #227; }
a:hover { text-decoration: none; }
table { margin: 15px 0; }
td, th { padding: 3px 5px; }
th { background: #ddd; line-height: 1.1em; }
ul,ol { margin: 0; padding: 0; list-style: none; }
li { margin: 0; padding: 0; list-style: none; }
input, textarea { width: 400px; padding: 5px 10px; font: 9pt/1.4em Arial,verdana; border-radius: 6px;
border: 1px solid #bbb;}
input[type=checkbox],input[type=radio]{width: auto;}
.mce { width: 675px; }
select { padding: 1px 1px 1px 4px; }
textarea { height: 90px; -webkit-transition: height 0.2s ease-in-out; }
.green-link { color: #474; text-decoration: none; }
.butt{ background: white; border: 1px solid #ddd; border-bottom-color: #bbb; border-right-color: #bbb; border-radius: 10px;
text-decoration: none; }
.butt:hover { border-color: #bbb; border-bottom-color: #ddd; border-right-color: #ddd; }
.CodeMirror-scroll { background: white; border-radius: 6px; border: 1px solid #bbb; padding: 8px 10px; height: 530px;}
.CodeMirror pre { line-height: 1.3em; }
/* ************************************************************************** */
/* buttons add, delete, edit... */
/* ************************************************************************** */
/* obecne */
a.button, input[type=submit].button{display: inline-block;height: 26px; line-height: 28px; padding: 0 10px;margin: 5px 5px 0 0;background-repeat: no-repeat;background-position: 10px 5px; font-weight: bold !important; text-decoration: none;border: 1px solid #ddd; border-bottom-color: #bbb; border-right-color: #bbb;overflow: hidden;color:#888;text-align: left;width: auto;text-transform:lowercase;cursor: pointer; cursor: hand; top:0;bottom:0;clear: none !important;outline: none;float: none;clear: none;border-radius: 13px;}
input[type=submit].button{height: 28px;line-height: 28px;}
li a.button{margin-top: 5px;}
a.button:hover, input[type=submit].button:hover{text-decoration: none !important;border-color: #999; border-bottom-color: #ddd; border-right-color: #ddd;color:black !important;background-color: #eee !important;}
a.button:active, input[type=submit].button:active{color: white !important;background-color: #666 !important;}
a.button.add, a.button.delete, a.button.help, a.button.save,
input[type=submit].button.add, input[type=submit].button.delete, input[type=submit].button.help, input[type=submit].button.save{padding-left: 34px;}
/* add */
a.button.add, input[type=submit].button.add{background-image: url('../img/icons/add.png'); background-color: #E3F4BA; color:#72A300;}
/* delete */
a.button.delete, input[type=submit].button.delete{background-image: url('../img/icons/delete.png'); background-color: #FCD8D4; color:#DB1900;}
/* help */
a.button.help, input[type=submit].button.help{background-image: url('../img/icons/help.png'); background-color: #E0EFFC; color:#0567B7;}
/* save */
a.button.save, input[type=submit].button.save{background-image: url('../img/icons/disk.png'); background-color: #E0EFFC; color:#0567B7;}
/* ************************************************************************** */
/* ************************************************************************** */
/* icons add, delete, edit... */
/* ************************************************************************** */
.icon{background-repeat: no-repeat; background-position: center; height: 16px; width: 16px;font-size: 0px !important;padding: 0 !important;margin: 0 !important;}
.icon.edit{background-image: url('../img/icons/pencil.png');}
.icon.delete{background-image: url('../img/icons/cross.png');}
/* ************************************************************************** */
/****** ALL *******/
.all { width: 980px; margin: 0 auto; padding: 3px 0; }
.choice { margin-left: 10px; }
.choice a { margin-left: 6px; float: left; padding: 3px 6px; border: 1px solid #bbb; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e8e8)); position: relative;
border-bottom: none; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.choice .f_sel, .choice a:hover { text-decoration: none; top: 1px; background: white; }
.edit, .del { text-decoration: none; padding: 1px 1px; }
.edit { font-size: 11pt; }
.del { font-size: 11pt; color: #f66; }
.none { display: none; }
.auto-width, .width-auto { width: auto; }
.trash { font-size: 26px; text-decoration: none; color: black; position: relative; top: 3px; padding: 0 3px; }
.trash:hover { color: #600; text-decoration: line-through; }
.bold { font-weight: bold; }
.smaller { font-size: 90%; }
.all .wider { width: 530px; }
.clean { position: absolute; right: 10px; top: 6px; padding: 3px 10px; border: 1px solid #ddd; background: white;
-webkit-border-radius: 3px; }
.s { width: 50px; } .l { width: 100px; } .xl { width: 140px; }
.clear { clear: both; height: 0; }
.placeholder { background: #eff; border-radius: 10px; }
/****** CENTER *******/
.promenne { background: white; border: 1px solid #ddd; padding-left: 6px; }
.center { float: right; width: 707px; }
#main_fieldset { float: right; width: 70%; }
#footer-area { width: 500px; }
/** sites **/
.sites { width: 800px; margin: 0 auto; }
.sites li { margin-left: 36px; position: relative; }
.sites .in { padding: 4px 15px 3px 7px; margin: 5px 0; }
.sites .in:hover { background: #fafaff; }
.sites .in:hover .right-block { display: block; }
.sites a { font-weight: bold; text-decoration: none; }
.sites a:hover { text-decoration: underline; }
.sites .ico { float: left; margin: -1px 5px 0 0; }
.sites .move { cursor: move; }
.sites .roller { position: absolute; left: -25px; background: white; xborder: 1px solid #fff; border-radius: 20px; top: 4px;
width: 17px; height: 16px; font-weight: bold; text-align: center; padding: 0; cursor: pointer; color: #999;
opacity: 0.4; font-size: 14px; }
.sites .roller:hover { opacity: 1; color: black; }
.sites .r-hidden { background: #fffc8e; opacity: 1; color: #229; }
.right-block { float: right; font-size: 90%; margin-right: 10px; display: none; }
.right-block a { font-weight: normal; }
.settings { float: right; background: url(../img/svg/cog_alt.svg) no-repeat; width: 16px; height: 16px;
position: relative; }
.settings ul { display: none; position: absolute; top: -10px; right: -10px; z-index: 100;
border: 1px solid #ddd; background: white; padding: 15px; border-radius: 10px; }
.settings:hover ul { display: block; }
.cls-error_404 .in a, .cls-design .in a { color: #888; }
/** site **/
.site { float: right; width: 707px; }
.description { height: 36px; }
.hid { display: none; margin: 0 0 20px; position: relative; top: -16px; }
.title { margin: 10px 0 28px 5px; }
.title .ht { width: 253px; float: left; text-align: right; padding: 11px 15px 0 0; }
.title input { width: 491px; font-size: 120%; padding: 6px 15px; float: left; }
#more { text-decoration: none; font-weight: bold; background: white url(../img/icons/edit.png) no-repeat 50% 50%;
width: 32px; height: 30px; border-radius: 6px; float: left; margin: 3px 0 0 7px; }
.site-left { float: left; width: 271px; margin: 0 0 20px 0; }
.files-h3 { margin: 0 0 12px; }
/** parts **/
.parts { height: 560px; }
.mceLayout tr.mceLast td { background: white; border-radius: 5px;
background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(white), color-stop(0.1, #eee), color-stop(0.7, white)); }
.mceIframeContainer { border-bottom: 0 !important; }
.parts .tabs { list-style: none; margin: 10px 0 0px; padding: 0; }
.parts .tabs li { background: #fffca5; border-top-left-radius: 7px; border-top-right-radius: 7px;
margin: 0 5px 0 0; padding: 6px 12px 8px; border: 1px solid #bbb; line-height: 27px;
display: inline; border: 1px solid #bbb; xborder-bottom: 0;
cursor: pointer; }
.parts .tabs li:hover:not(.sel) { background: #eee; }
.parts .tabs .sel { background: white; }
.parts .part { display: none; }
.parts .first { display: block; }
/** files **/
.file { border: 1px solid #bbb; background: white; padding: 7px 6px 1px 8px; border-radius: 6px;
width: 234px; margin: 0 0 8px 0; }
.file input { width: 156px; border: 0; padding: 0 2px; }
.file textarea { width: 168px; padding: 0 5px 0 3px; height: 15px; border: 0; overflow: hidden; font-size: 90%;
background: none; resize: none; }
.file img { border-radius: 4px; margin-bottom: 6px; }
.file .green-link { width: 145px; cursor: text; }
.file .edit { background: url(../img/icons/edit.png); padding: 0; width: 20px; height: 20px;
float: right; cursor: pointer; margin-top: -4px; }
.file .edit ul { display: none; position: absolute; border: 1px solid #bbb; border-radius: 7px; padding: 10px 10px 16px 32px;
width: 130px; left: 150px; top: 48px; min-height: 50px; background: white url(../img/icons/edit.png) no-repeat 7px 9px;
box-shadow: 0 0 10px 1px #bbc }
.file .edit ul li { margin-top: 2px; list-style: none; }
.file .edit ul li a { font-weight: bold; font-size: 90%; text-decoration: none; }
.file .edit ul li a:hover { text-decoration: underline; }
.file .edit ul li.first { font-weight: bold; font-size: 90%; }
.file .edit:hover ul { display: block; }
.new_file input, .new_file textarea { width: 208px; }
.new_file { padding-bottom: 13px; }
.new_file h3 { margin: 7px 0; }
.files-box { height: 422px; overflow: auto; margin-bottom: 13px; }
.files-box .in { margin-left: 55px; }
.del_file, .del_file input { background: #ddd; }
.del_file input, .del_file textarea { text-decoration: line-through; }
.del_file .edit ul { text-decoration: none; }
.del_file img { opacity: 0.5; }
.smazat { font-size: 90%; color: red; text-align: center; display: none; }
.smazat a { font-weight: normal; color: red; }
.del_file .smazat { display: block; }
/** settings **/
.del_alias { color: red; text-decoration: none; font-weight: bold; }
/** save **/
.save { margin: 20px 0 10px; padding: 15px 30px; background: #fffca5; border: 1px solid #ccc;
border-radius: 5px; clear: both; }
.save input { font-weight: bold; padding: 6px 60px; margin-right: 10px; font-size: 120%; display: inline; width: auto; }
/** users **/
.users { margin: 10px 100px 50px 125px;}
.users li { height: 25px; line-height: 25px;padding: 0 20px; position: relative;}
.users li.butt{margin-bottom: 5px;}
.user { margin: 30px 0 50px 200px; }
.user .sub { padding: 5px 30px; width: auto; }
/*.users li a{font-weight: bold; text-decoration: none;}
.users li a:hover{text-decoration: underline;}
.users li a.edit, .users li a.delete{display: block; height: 16px; width: 16px; position: absolute; top: 4px; right: 20px; text-align: center; font-size: 21px; line-height: 16px; margin: 0; padding: 0; font-weight: normal;}
.users li a.delete{right: 50px;}*/
.users li a.edit, .users li a.delete{position: absolute; top: 5px; right: 20px;}
.users li a.delete{right: 50px;}
.users li .info{margin: 0 0 0 20px; color: #999;}
/****** HEAD *******/
.head { position: fixed; top: 0; left: 0; padding-top: 5px; width: 100%; z-index: 100;
background: #fffca5; box-shadow: 0 0 7px #aaa; }
.head-in { width: 980px; margin: 0 auto; padding-left: 10px; position: relative; color: #888; }
.top-links { position: absolute; right: 20px; top: 11px; font-size: 95%; }
.top-links a { margin: 0 5px; text-decoration: none; }
.top-links a:hover { color: #777; }
/* Lišta */
.lista { list-style: none; margin: 8px 0 2px; padding: 0 0 7px; }
.lista li { display: inline; position: relative; }
.lista li a { font-weight: bold; padding: 5px 15px; margin: 3px 10px 0 0; display: inline-block; font-size: 110%; }
.lista li a:hover { border: 1px solid #ddd; border-top-color: #bbb; border-left-color: #bbb; }
/****** FORM *******/
.flash-all { margin: 0 0 10px; padding: 6px 20px 5px; border-radius: 3px; box-shadow: 0 0 4px #ccc; }
.flash-succ { border: 1px solid #9a9; color: #363; background: #f0fdf0; }
.flash-warn { border: 1px solid #edb; color: #542; background: #faf6d9; }
.flash-alert { border: 1px solid #da9; color: #400; background: #fff3f3; }
.flash-critical { border: 2px solid #e99; color: #500; background: #fee; font-weight: bold; }
.flash-debug { border: 1px solid #ccc; color: #777; background: #eee; }
.flash-log { border: 1px solid #ddd; color: #aaa; background: #f8f8f8; font-size: 90%; line-height: 1.2em; max-height: 200px; overflow: auto; }
ACC SHELL 2018