/* Боковая админ панель Ver 4.0.50 'PRO' by esCode.Ru */ #spanel-container { position: relative; overflow: hidden;} #spanel-bg {background: url(http://escode.ru/ipanel/4/one.jpg); background-size: cover; background-attachment:fixed;position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 99; -webkit-filter: blur(16px); filter: blur(16px);} #spanel {position: relative; z-index: 100;} #tap-container { position: relative; } #tap-bg {background: url(http://escode.ru/ipanel/4/one.jpg); background-size: cover; background-attachment:fixed;position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 99; -webkit-filter: blur(10px); filter: blur(10px);} #tap {position: relative; z-index: 100;} #s_panel {position: fixed;text-align: center; top: 90px;left: -150px;background: rgba(255, 255, 255, 0.2);border: 0px solid #e2e2e2;width: 214px; height: auto; padding: 0px 0px 0px 0px; -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s; transition-duration: 0.8s;-webkit-border-radius: 0 0px 0px 0!important; -moz-border-radius: 0 0px 0px 0!important;border-radius: 0 0px 0px 0!important;z-index: 2;cursor:default;} #s_panel:hover { left: 0;-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;-o-transition-duration: 0.2s; transition-duration: 0.2s;} .s_panel2 {position: fixed;text-align: center; top: 100px; left: 0 !important; opacity:1 !important; background: url("http://escode.ru/ipanel/25/back.png") repeat; border: 0px solid #e2e2e2;width: 200px; height: auto; padding: 0px 0px 0px 0px; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0;border-radius: 0 3px 3px 0;z-index: 2;} .ipanls {cursor:default;border-bottom:0px solid rgba(149, 165, 166,.6);padding:2px 10px;background:rgba(255, 255, 255,0.6);margin:3px;-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; transition-duration: 0.3s;} .ipanls:hover {background:rgba(255, 255, 255,0.4);-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; transition-duration: 0.3s;} .buttonA {cursor:default;border:0px solid rgba(0, 0, 0, 0.0); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin:3px 9px 0 0; padding:4px; background:rgba(255, 255, 255, 0.0);-webkit-transition-duration: 1s;-moz-transition-duration: 1s;-o-transition-duration: 1s; transition-duration: 1s;} .buttonA:hover {border:0px solid rgba(0, 0, 0, 0.18);box-shadow: 0px 0px 8px rgba(255, 255, 255,0.7); background:rgba(255, 255, 255, 1);-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; transition-duration: 0.3s;} .panls1 {cursor:default;font: 10px Open Sans;border-bottom: 0px solid rgba(0, 0, 0, 0.02);color:#264348;padding:5px 10px;background:rgba(255, 255, 255, 0.5) url("http://escode.ru/ipanel/4/one.png") no-repeat 190px center;margin:2px 3px 0px 3px;-webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; transition-duration: 0.3s;} .panls1:hover {color:#333;border-bottom: 0px solid rgba(0, 0, 0, 0.0);background:rgba(255, 255, 255, 0.8) url("http://escode.ru/ipanel/4/one.png") no-repeat 190px center;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; transition-duration: 0.3s;} .panls {cursor:default;font: 10px Open Sans;border-bottom: 0px solid rgba(0, 0, 0, 0.02);color:#264348;padding:5px 10px;background:rgba(255, 255, 255, 0.5) url("http://escode.ru/ipanel/4/one.png") no-repeat 190px center;margin:0px 3px 0px 3px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; transition-duration: 0.3s;} .panls:hover {color:#333;border-bottom: 0px solid rgba(0, 0, 0, 0.0);background:rgba(255, 255, 255, 0.8) url("http://escode.ru/ipanel/4/one.png") no-repeat 190px center;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; transition-duration: 0.3s;} .panls2 {cursor:default;font: 10px Open Sans;border-bottom: 0px solid rgba(0, 0, 0, 0.02);color:#264348;padding:5px 10px;background:rgba(255, 255, 255, 0.5) url("http://escode.ru/ipanel/4/one.png") no-repeat 190px center;margin:0px 3px 0px 3px;-webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; transition-duration: 0.3s;} .panls2:hover {color:#333;border-bottom: 0px solid rgba(0, 0, 0, 0.0);background:rgba(255, 255, 255, 0.8) url("http://escode.ru/ipanel/4/one.png") no-repeat 190px center;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; transition-duration: 0.3s;} .panls3 {cursor:default;font: 10px Open Sans;border-bottom: 0px solid rgba(0, 0, 0, 0.02);color:#264348;padding:5px 10px;background:rgba(255, 255, 255, 0.5) url("http://escode.ru/ipanel/4/one.png") no-repeat 190px center;margin:1px 3px 3px 3px;-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; transition-duration: 0.3s;} .panls3:hover {color:#333;border-bottom: 0px solid rgba(0, 0, 0, 0.0);background:rgba(255, 255, 255, 0.8) url("http://escode.ru/ipanel/4/one.png") no-repeat 190px center;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; transition-duration: 0.3s;} .about {font: 10px Open Sans;cursor:default;border-bottom:0px solid rgba(149, 165, 166,.6);padding:6px 6px; background:rgba(255, 255, 255,0.03);margin:3px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; transition-duration: 0.3s;} .panl1 {font: 10px Open Sans;color:#333;padding:4px 9px;background:rgba(255, 255, 255, 0.5);margin:0px 7px;cursor:default;-webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;} .panl1:hover {color:#333;background:rgba(255, 255, 255, 0.7);} .panl {font: 10px Open Sans;color:#333;padding:4px 9px;background:rgba(255, 255, 255, 0.5);margin:0px 7px;cursor:default;} .panl:hover {color:#333;background:rgba(255, 255, 255, 0.7);} .panl2 {font: 10px Open Sans;color:#333;padding:4px 9px;background:rgba(255, 255, 255, 0.5);margin:0px 7px;cursor:default;-webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;} .panl2:hover {color:#333;background:rgba(255, 255, 255, 0.7);} .panl3 {font: 10px Open Sans;color:#333;padding:4px 9px;background:rgba(255, 255, 255, 0.5);margin:3px 7px 3px 7px;cursor:default;-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;} .panl3:hover {color:#333;background:rgba(255, 255, 255, 0.7);} .bpanl1 {font: 10px Open Sans;color:#fff;padding:4px 9px;background:rgba(0, 0, 0, 0.2);margin:0px 0px;cursor:default;-webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;} .bpanl1:hover {color:#333;background:rgba(255, 255, 255, 0.7);} .bpanl {font: 10px Open Sans;color:#fff;padding:4px 9px;background:rgba(0, 0, 0, 0.2);margin:0px 0px;cursor:default;} .bpanl:hover {color:#333;background:rgba(255, 255, 255, 0.7);} .bpanl2 {font: 10px Open Sans;color:#fff;padding:4px 9px;background:rgba(0, 0, 0, 0.2);margin:0px 0px;cursor:default;-webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;} .bpanl2:hover {color:#333;background:rgba(255, 255, 255, 0.7);} .bpanl3 {font: 10px Open Sans;color:#fff;padding:4px 9px;background:rgba(0, 0, 0, 0.2);margin:3px 7px 3px 7px;cursor:default;-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;} .bpanl3:hover {color:#333;background:rgba(255, 255, 255, 0.7);} .tab_one {border:0px solid rgba(0, 0, 0, 0.09);cursor:default;display:inline-block;width:auto;height:14px;background-color: rgba(255, 255, 255, .45);border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;-o-border-radius: 8px; color: #333;font-size: 10px;margin-left:9px;padding: 2px 8px; box-shadow: 0px 0px 10px rgba(0,0,0,0.12);} .tab_ls {border:0px solid rgba(0, 0, 0, 0.09);cursor:default;display:inline-block;width:auto;height:15px; background-color: rgba(231, 76, 60,0.8); border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;-o-border-radius: 50%; color: #fff;font-size: 10px;margin-left:12px;padding: 1px 6px;} .tab_code {border:0px solid rgba(0, 0, 0, 0.09);cursor:default;display:inline-block;width:auto;height:auto;background-color: rgba(255, 255, 255, .8); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;-o-border-radius: 3px; color: #333;font-size: 10px;margin:3px 5px;padding: 2px 3px;} #s_panel input.one_text {text-align:center;background: rgba(255, 255, 255, 0.6);font: 10px Open Sans; color: #777!important;border: 0px solid #e2e2e2!important;width: 178px!important;-webkit-border-radius: 5px !important;-moz-border-radius: 5px !important;border-radius: 5px !important; margin: 3px!important; height: 24px!important;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;z-index: 9999;} #s_panel input.one_text:focus {color:#777;background: rgba(255, 255, 255, .9);-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;cursor:pointer;} input.one_button {display:none;} .searchs ::-webkit-input-placeholder {color:#777;} .searchs ::-moz-placeholder {color:#777;}/* Firefox 19+ */ .searchs :-moz-placeholder {color:#777;}/* Firefox 18- */ .searchs :-ms-input-placeholder {color:#777;} .Notif {font: 10px Open Sans;color:#fff;padding:4px 10px;background:rgba(243, 156, 18,0.8);margin:2px 3px 2px 3px;-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;} .Notif:hover {color:#fff;background:rgba(243, 156, 18,1.0);} .Notif a {color:#fff;margin-bottom:0px;} .Notif a:hover {color:#fff;margin-bottom:0px;} .s_touch, .s_touch2, .s_touch3 { float:none; display:inline-block; position:relative; } .cell_touch { left:-999em; z-index:998; position:absolute; margin: 5px -2px 0 auto; } .dd_content_ens { box-shadow: 0px 0px 10px rgba(0,0,0,0.25); margin:0; width:155px; text-align:left; overflow:hidden; background:rgba(255, 255, 255, .8); font: 10px Open Sans;color:#333; -webkit-border-radius: 7px; -moz-border-radius: 7px;border-radius: 7px;} .dd_content_ens a { float:left; width:155px; padding: 7px;color:#333;border-bottom:1px solid rgba(0,0,0,0.06); } .dd_content_ens a:hover {background:rgba(255, 255, 255, 0.9);color:#333;} .dd_content_en { box-shadow: 0px 0px 10px rgba(0,0,0,0.25); margin:0; width:165px; text-align:left; overflow:hidden; background:rgba(255, 255, 255, .8); font: 10px Open Sans;color:#333; -webkit-border-radius: 7px; -moz-border-radius: 7px;border-radius: 7px;} .dd_content_en a { float:left; width:165px; padding: 7px; color:#333;border-bottom:1px solid rgba(0,0,0,0.06); } .dd_content_en a:hover {background:rgba(255, 255, 255, 0.9);color:#333;} .s_touch:hover .cell_touch{ top:27px; right:-15px; left:auto; } .s_touch2:hover .cell_touch{ top:27px; right:auto; left:-58px; } .s_touch3:hover .cell_touch{ top:-125px; right:-28px; left:auto; } /* Боковая админ панель Ver 4.0.50 'PRO' by esCode.Ru */