body{
margin:0;
padding:0 0 0 0;
background:beige;
}
#seg_tree{
display: inline-block;
vertical-align: top;
width: 100%;
height: 100%;
padding:50px 0;
}
#seg_tree ul{
list-style:none;
display:inline-block;
margin:0px 0;
padding:0;
vertical-align:middle;
}
#seg_tree ul li{
display:block;
padding:5px 0px;
vertical-align:middle;
white-space: nowrap;
z-index: 1000;
}
#seg_tree ul li ul{
padding:0;
margin-left:5%;
vertical-align: middle;
}
#seg_tree ul li ul li{
margin-top:0;
}
#seg_tree ul li span:hover{
color:yellowgreen!important;
}
#paths li span, #seg_tree ul li span{
color:dimgray;
display:inline-block;
}
.uniq span{
font-weight:bold;
}
#segment_menu{
top:10%;
left:40%;
position:fixed;
min-width:400px;
background:white;
box-shadow:3px 3px 9px 2px dimgray;
display:none;
border-radius: 5px;
padding: 3px;
z-index:1000;
max-height: 500px;
cursor: default;
}
.value_options{
overflow-y: auto;
max-height: 400px;
}
#vars_menu{
position:fixed;
width:96%;
height:80%;
background:white;
box-shadow:3px 3px 9px 2px dimgray;
display:none;
border-radius: 3px;
padding: 5px;
z-index:900;
top:5%;
left:2%;
background:beige;
}
.custom-menu h5,#rightclk_menu h5{
padding:0;
margin:0;
}
.requests span{
color:blue;
cursor:pointer;
}
.approved0{
color:red!important;
}
.approved1{
color:dimgray;
}
.chk{
display:none;
margin-left:20px;
margin-top:0;
opacity: 0.5;
}
.on{
background:orange;
color:white;
}
.group_mode{
display:none;
}
.the_action,.the_action_var{
box-shadow: 1px 1px 2px 2px #ccc;
background-color:yellow;
}
.selected,.selected a, .selected_var, .selected_var{
color:lime!important;
}
#edit_form, #filter_form{
cursor: pointer;
}
.var_request_box{
display: inline-block;
float:left;
vertical-align: top;
width: 100%;
background:#fff;
border-radius: 5px;
box-shadow: 0 4px 4px 3px #ccc;
height: 440px;
overflow-y: auto;
margin-top:4px;
}
.var_request_box ul{
padding:0;
margin:0;
width:100%;
}
.var_request_box ul li{
white-space: nowrap;
margin-bottom: 5px;
display:list-item;
}
.vars_of_GET li,.vars_of_POST li{
border-bottom: dashed 1px #ccc;
}
.var_li{
float:left
}
.var_li_val{
float:right
}
#tools_panel{
display: inline-block;
vertical-align: top;
width: 3%;
top:40px;
padding:5px;
background:#fff;
position:fixed;
right:0;
border-radius: 5px;
box-shadow: 0 4px 4px 3px #ccc;
width: 3%;
padding:5px;
background:#fff;
cursor: default!important;
}
.vars_tools{
display: inline-block;
vertical-align: top;
float:right;
background:#fff;
padding:0px;
box-shadow: 0 4px 4px 3px #ccc;
border-radius: 5px;
margin-top:4px;
}
#tools_panel img,.vars_tools img{
display:block;
margin-bottom:50px;
border:solid #fff 1px;
}
#truncate{
margin: 20px auto 0 auto;
}
.have_vars{
text-decoration:underline;
}
.vars_form{
background: #fff none repeat scroll 0 0;
box-shadow: 3px 3px 3px 3px dimgray;
border-radius: 3px;
left: 20%;
position: fixed;
top: 10%;
display:none;
width: 60%;
z-index: 10000;
height: auto;
overflow: auto;
padding:3px;
cursor:default;
}
.opened_segment{
color:lime!important;
}
.box{
background: #fff;
border: 1px solid dimgray;
border-radius: 10px;
box-shadow: 0 4px 4px 3px #ccc;
padding: 15px;
width:50%;
margin:10px auto;
}
.box_logs{
background: #fff;
border: 1px solid dimgray;
border-radius: 10px;
box-shadow: 0 4px 4px 3px #ccc;
padding: 5px;
width:98%;
margin:70px auto 10px
}
.legend_box{
background: #fff;
border: 1px solid dimgray;
border-radius: 10px;
box-shadow: 0 4px 4px 3px #ccc;
padding: 10px;
width:60%;
margin:10px auto;
display: none;
position: fixed;
top: 30%;
left:10%;
width: 80%;
Z-INDEX:1000;
}
.legend_box h5{
vertical-align: top;
margin:0;
font-size: 16px;
padding:0;
display: block;
}
.legend_box table td{
vertical-align: top;
}
#legends_text,#usage_text{
display:none;
}
.usage_text_btn,.legends_text{
cursor: pointer;
font-weight: bold;
}
.header{
background:black;
height:20px;
padding:1px 40px;
position: fixed;
width:100%;
z-index: 1000;
top:0px;
}
.header .menu{
list-style:none;
display:table;
margin:0;
padding:0;
}
.header .menu li{
display:inline-block;
margin-left:20px;
}
.header .menu li a{
color:#fff;
text-decoration: none;
}
.header .menu li a:hover{
color:lime;
}
.status_window{
margin:50px auto;
width:400px;
border:solid dimgray 1px;
background:#fff;
padding:15px;
border-radius: 10px;
box-shadow: 0 4px 4px 3px #ccc;
}
.tree_house{
padding-bottom: 40px;
width:100%;
min-height:85%;
position: absolute;
z-index: 900;
}
.logs_report{
margin:0px auto;
background: #fff;
width:100%;
font-size: 14px;
}
.logs_report tr th{
text-align: left;
padding:5px;
}
.logs_report tr td{
padding:5px;
border-bottom: solid black 1px;
}
.logs_report caption{
color:dimgray;
}
.pagging{
text-align: center;
font-size:15px;
font-weight: bold;
color:gray;
margin:10px auto 0 auto;
}
.pagging a{
text-decoration: none;
color:navy;
}
.logs_search_form{
background: #fff;
text-align: center;
box-shadow: 0 4px 4px 3px #ccc;
position:fixed;
top:22px;
width:100%;
z-index:1000;
}
.title{
margin-top:40px;
text-align: center;
color:dimgray;
font-size:22px;
}
#search_logs,#filter_submit{
width:145px;
background: dimgray;
color:#fff;
border:solid dimgray 1px;
border-radius: 5px;
}
#save_settings,#save_user,#change_button{
width:145px;
}
#login_button,#filter_close{
width:100px;
background: #000;
color:#fff;
border:solid #fff 1px;
border-radius: 5px;
box-shadow: 3px 3px 3px dimgray;
}
.inset{
background:beige;
border-radius: 3px;
}
.tbl th{
text-align: left;
}
#segments, #vars, #logs, #logs_url, #logs_url_pie,#logs_type_pie{
background: #fff;
text-align: center;
box-shadow: 0 4px 4px 3px #ccc;
}
#logs_url_pie,#logs_type_pie{
height:300px;
}
.filter_box{
background: #fff;
border: 1px solid dimgray;
border-radius: 10px;
box-shadow: 0 4px 4px 3px #ccc;
padding: 10px;
width:98%;
margin:10px auto 0px auto;
position: fixed;
bottom:0;
z-index: 1000;
cursor: default!important;
}
.filter_box form{
padding:0;
margin:0;
float: left;
}
.filter_fieldset{
display:inline-block;
padding:0px;
font-size: 14px;
margin: 0;
}
.filter_fieldset_header{
border-bottom: solid #ccc 1px;
color:#ccc;
text-align: center;
display: inline-block;
}
.description{
background:#ccc;
box-shadow:0px 4px 4px 0 #ccc;
margin:15px auto;
padding:5px;
}
.vars_value_options{
display: block;
height: 190px;
overflow-y: auto;
width: 98%;
margin: 2px auto;
}
.vars_value_options .var{
display: table-row;
border-bottom: dotted 1px #ccc;
}
.vars_value_options .var span{
display: table-cell;
background: beige none repeat scroll 0 0;
border-bottom: 1px solid white;
}
.textarea{
width:100%;
}
connection {
z-index: 700;
border: 3px solid dimgray;
border-radius: 100%;
opacity:0.5;
}
connection.odd {
border-radius: 100%;
}
inner {
border: 4px solid;
border-radius: 16px;
color: #668;
}
.anchor {
display: block;
width: 0;
margin-top: 0.1em;
margin-left: 1em;
}
.more {
float: right;
font-weight: bold;
}
.segment{
z-index:900;
border:solid #ccc 1px;
border-radius: 3px;
box-shadow: 0 2px 2px 0 #ccc;
padding:3px 4px;
background:#fff;
position:absolite;
text-decoration: none;
}
.segment:hover{
box-shadow: 0 0px 1px 0 #ccc;
}
#dashboard_tbl{
margin:50px auto 5px auto;
width:850px;
}
#cookies code{
float:right;
}
.fvname{
width:100px;
display:inline-block;
}
.fvvalue{
width:285px;
display:inline-block;
}
.log_link{
color:red;
display: block;
padding:5px;
position: absolute;
font-size: 10px;
cursor: pointer;
}
.invisible{
opacity: 0.3;
}
#filter_help{
float:right;
}
.x{
cursor: pointer!important;
background:url('../imgs/x.png') #fff;
width:20px;
height:20px;
background-repeat: no-repeat;
float:right;
background-size: 100%;
}
#vars_menu_close{
cursor: pointer!important;
}
#segment_menu h5,#vars_menu h5,.vars_form h5{
background:#000;
margin:0;
padding: 3px 3px 3px 13px;
color:#fff;
font-size:13px;
font-style: italic;
line-height: 20px;
}
.ccc{
color:#777620;
font-size:13px;
}
.green_btn, .red_btn{
border:solid #777620 1px;
border-radius: 5px;
cursor: pointer;
color:#fff;
font-weight: bold;
text-decoration: none;
padding: 0px 2px 2px 2px;
}
.green_btn{
background: #6c6; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#6c6 10%, #000 100%); /* Safari 5.1-6.0 */
background: -o-linear-gradient(#6c6 10%, #000 100%); /* For Opera 11.6-12.0 */
background: -moz-linear-gradient(#6c6 10%, #000 100%); /* For Firefox 3.6-15 */
background: linear-gradient(#6c6 10%, #000 100%); /* Standard syntax */
}
.red_btn{
background: #f56c29; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#f56c29 10%, #000 100%); /* Safari 5.1-6.0 */
background: -o-linear-gradient(#f56c29 10%, #000 100%); /* For Opera 11.6-12.0 */
background: -moz-linear-gradient(#f56c29 10%, #000 100%); /* For Firefox 3.6-15 */
background: linear-gradient(#f56c29 10%, #000 100%); /* Standard syntax */
}
#popup{
position:absolute;
min-width:300px;
height:auto;
border:solid black 1px;
border-radius: 3px;
background:#fff;
z-index: 10000000;
padding:5px;
box-shadow: 0 3px 3px 3px #ccc;
}
.vars_row3{
min-height: 25px;
}
.segment_tools{
text-align:right;
height:10px;
line-height:7px;
}
.segment_tools a{
font-size:12px;
text-decoration: none;
}
.segment_tools a:hover{
font-weight: bold;
}
.segment_tools a:first-child{
color:dimgray;
}
.segment_tools a:last-child{
color:gray;
}
.bottom_tools{
text-align:right;
width:390px;
height:20px;
float:right;
margin:0 10px;
word-wrap: nowrap;
word-break: keep-all;
}
#loader{
position:fixed;
top:30%;
left:40%;
width:200px;
height:200px;
text-align: center;
display:none;
}
#loader img{
margin:40px auto;
}
.blacklist_page{ width:300px; text-align:center;}
.settings_tbl #waf_security_key,.settings_tbl #waf_security_key2,.settings_tbl #url404,.settings_tbl #webmaster_email,.settings_tbl #waf_learn_ip,.settings_tbl #waf_skip_ip{width:100%;}
.settings_tbl #bf,.settings_tbl #bf_attempt,.settings_tbl #bf_bantime{width:50px;}
|
Download
