html,
body,
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
input,
* { vertical-align: middle;
}
.form_editor { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;
}
#form { background: rgba(255,255,255,0.5); width: 100%; height: 99.9%; position: absolute; margin: 0; padding: 0; margin: -19px 40px 0 -20px;
}
#form,
#form * { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;
}
#form .html { position: absolute; margin: 0; padding: 0; background-image: url(../images/grid.png); background-size: auto 25px; background-position: center; width: 100%; height: 100%; overflow: auto; -moz-transition: * .5s ease; -webkit-transition: * .5s ease; -o-transition: * .5s ease; -ms-transition: * .5s ease; transition: * .5s ease;
}
#form .html .form { cursor: move; -moz-transition: * .5s ease; -webkit-transition: * .5s ease; -o-transition: * .5s ease; -ms-transition: * .5s ease; transition: * .5s ease;
}
#code { -webkit-touch-callout: all; -webkit-user-select: all; -khtml-user-select: all; -moz-user-select: -moz-all; -ms-user-select: all; user-select: all; position: absolute; display: none; background: #222; color: #FFF; width: 100%; height: 99.9%; padding: 0; margin: -19px 40px 0 -20px; z-index: 100;
}
#code div { display: inline-block; vertical-align: top; width: 24%; height: 100%; border-right: 1px dashed #CCC; padding: 0; margin: 0; overflow: auto; color: #FFF;
}
#code div pre,
#code div h3 { padding: 10px; color: #FFF;
}
#code div h3 { padding-top: 70px;
}
.floater { display: none; opacity: .5; min-width: 200px; max-height: 800px; position: fixed; top: 100px; left: 100px; margin-left: 0; overflow: auto; padding: 10px; margin: 0; z-index: 99; -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5); -ms-box-shadow: 0px 0px 5px rgba(0,0,0,0.5); -o-box-shadow: 0px 0px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5); box-shadow: 0px 0px 5px rgba(0,0,0,0.5); background: #ffffff ; background: -moz-linear-gradient(top,#ffffff 0%,#cccccc 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#cccccc)); background: -webkit-linear-gradient(top,#ffffff 0%,#cccccc 100%); background: -o-linear-gradient(top,#ffffff 0%,#cccccc 100%); background: -ms-linear-gradient(top,#ffffff 0%,#cccccc 100%); background: linear-gradient(to bottom,#ffffff 0%,#cccccc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#cccccc,GradientType=0); border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;
}
.floater:hover { opacity: 1; margin-left: 20px;
}
.admin #sidebar { position: absolute; top: 41px; left: 0; width: 200px; bottom: 0; overflow: auto; text-align: left; padding: 10px;
}
.admin #sidebar ul,
.admin #sidebar li { padding: 10px 0; padding: 0; margin: 0; width: 100%; display: block;
}
.admin #sidebar a { padding: 10px; width: 80%; display: block; border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px;
}
.admin #sidebar a:hover,
.admin #sidebar a.selected { background-color: #333; color: #fff;
}
.admin .content,
.admin .sidebar2,
.admin .sidebar3,
.admin .sidebar4 { overflow: auto; position: absolute; top: 0; left: 0; width: 200px; border-left: 1px solid #333; bottom: 0; padding: 20px;
}
.admin .content.menu ul,
.admin .content.menu li,
.admin .sidebar2.menu ul,
.admin .sidebar2.menu li,
.admin .sidebar3.menu ul,
.admin .sidebar3.menu li,
.admin .sidebar4.menu ul,
.admin .sidebar4.menu li { padding: 10px 0; padding: 0; margin: 0; min-width: 90%; display: block; border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px;
}
.admin .content.menu li,
.admin .sidebar2.menu li,
.admin .sidebar3.menu li,
.admin .sidebar4.menu li { padding: 5px; border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border-bottom: 1px solid #CCC;
}
.admin .content.menu a,
.admin .sidebar2.menu a,
.admin .sidebar3.menu a,
.admin .sidebar4.menu a { padding: 5px; width: auto; display: inline-block; border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px;
}
.admin .content.menu a:hover,
.admin .content.menu a.selected,
.admin .sidebar2.menu a:hover,
.admin .sidebar2.menu a.selected,
.admin .sidebar3.menu a:hover,
.admin .sidebar3.menu a.selected,
.admin .sidebar4.menu a:hover,
.admin .sidebar4.menu a.selected { background-color: #333; color: #FFF;
}
.admin .sidebar3 { left: 240px;
}
.admin .sidebar4 { left: 440px;
}
.admin #article { position: absolute; top: 41px; left: 200px; right: 0; bottom: 0; overflow: auto; background: #fff ; background: -moz-linear-gradient(top,#fff 0%,#CCC 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#CCC)); background: -webkit-linear-gradient(top,#fff 0%,#CCC 100%); background: -o-linear-gradient(top,#fff 0%,#CCC 100%); background: -ms-linear-gradient(top,#fff 0%,#CCC 100%); background: linear-gradient(to bottom,#fff 0%,#CCC 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff,endColorstr=#CCC,GradientType=0); padding: 20px;
}
.admin .content { right: 0; width: auto;
}
.button { border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px;
}
#side-admin { width: 600px; height: 500px; height: 100%; position: fixed; left: -605px; top: 0; background: rgba(0,0,0,0.8); padding: 5px; margin: 5px; color: #fff; font-size: 10px; font-family: Arial, Helvetica, sans-serif; z-index: 10000; overflow: auto; opacity: 0;
}
#side-admin:hover { left: 0px; opacity: 1;
}