html,body,div,span,applet,object,iframe,div,embed,p,h1,h2,h3,h4,h5,h6,b,blockquote,pre,a,abbr,big,code,em,img,ins,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,object,embed,head,foot,footer,header,menu,nav,section,audio,video{vertical-align:baseline; margin:0px; padding:0px; border:0px solid #ccc; }
html,body{height:100%; width:100%; font:100% / normal sans-serif; background-color:#000000; font-weight:normal; font-style:inherit; font-stretch:normal; font-variant:normal; font-feature-settings:normal; font-synthesis:weight style;font-kerning:auto; text-rendering:auto; text-decoration:none; vertical-align:baseline; margin:0px; padding:0px; outline:0px none!important; outline:0px none; border:0px none; display:inline-block;}
body{background-color:#000000; font:100% / normal sans-serif; font-size:1rem; margin: 0px; overflow-x:hidden;}
.clearfix:before, .clearfix:after{content:""; display:table;} .clearfix:after{clear:both;} .clearfix{zoom:1;}
img{border:0px none; object-fit:cover;} ul li, ul li a {padding-left:0px; list-style-type:none; text-decoration:none;}
video{width:100%; height:auto; max-width:100%; max-height:100%;}
pre {font-family:Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; margin:5px auto 5px auto; text-align:left; overflow: auto; width: auto; max-height: 600px;}
form {box-sizing:border-box; padding:8px 12px 12px 12px; border-radius:5px; background-color:#0059a5; border:4px solid #222222; display:grid; /** grid-template-columns:1fr 1fr; gap:2rem; **/ }
img {overflow:clip; border:0; display:block; max-width:100%; height:auto; image-rendering:-webkit-optimize-contrast;}
h1,h2,h3,h4,h5,h6,p{margin-top:0; margin-bottom:0.5rem; }
ul,ol,p{margin-top:0; margin-bottom:0.75rem;}
.icons, .pics, .px {min-height:20px; min-width:20px; background:url(?pic=icons); background-position:-380px 0px; }
main{position:relative; z-index:1; min-width:87%; opacity:0.99; margin:0px auto; padding:0px 0px 60px 0px;}
/**Change from box-sizing: content-box so that width is not affected by padding or border **/
*,*::before,*::after{box-sizing:border-box;}
/** WEBFONT UTF8 randy **/
/** HTML5: FONTAWESOME WEBFONTS**/
@font-face {font-family:randy; font-weight:normal; font-style:normal;
src:url("?pic=randy.ttf") format("truetype"),
url("?pic=randy.woff") format("woff"),
url("?pic=randy.woff2") format("woff2"),
url("?pic=randy.eot") format("embedded-opentype"),
url("?pic=randy.otf") format("opentype"),
url("?pic=randy.svg") format("svg");
}
/*********** COLORS AND TEMPLATE THEME 01a.jpg**********/
#wasserzeichen{position:absolute; display:block; z-index:1; user-select:none; opacity:0.75; bottom:75px; right:55px; max-width:135px;} #stream_bg{position:absolute; z-index:0; opacity:0.99; left:0px; top:0px; bottom:0px; right:0px; background-size:99.99% 99.99%; } #container_bg{position:absolute; z-index:0; opacity:0.99; left:0px; top:0px; bottom:0px; right:0px; background-size:99.99% 99.99%; background-position: 100% 100%; background-repeat:no-repeat; /** background-image:url(01a.jpg); background-size:contain; background-size:cover;**/ } #colorfx{position:absolute; display:none;padding:1px 1px; z-index:4; user-select: none;top:8px; left:3px; width:22px; height:12px; font-size:50%; background-color:#444444; background:transparent url(?pic=zero) no-repeat 0% 0% / 100% 100%;} #fx_colorfx{position:absolute; z-index:1; opacity:0.99; left:0px; top:0px; bottom:0px; right:0px; display:block; background-color:rgb(68,68,68,75%); background-color:transparent; background-position:-25% 75%; background-size:100% 300%; background-blend-mode:hard-light;} #picnavi{position:absolute;z-index:-1; height:100%; height:1px; width:100%;margin:62px 7% 2px -3%; text-align: center; display:block;opacity:0.99;} #picnavi input{width:75px; font-size:75%; height:11px; margin:0; padding:0;}
#img_prev_click{position:absolute; top:54px; left:0px; padding:0px; bottom:0px; width:12px; min-height:150px; height:auto; opacity:0.01; display:block; z-index:2; background-color:rgb(18,18,18,10%); background-repeat:no-repeat; background-position:-212px 51%; background-image:url(?pic=arrows);} #img_view_click, #img_next_click{position:absolute; top:54px; right:0px; padding:0px; bottom:0px; width:24px; min-height:150px; height:auto; opacity:0.01; display:block; z-index:2; background-repeat:no-repeat; background-color:rgb(18,18,18,10%); background-position:-294px 51%; transition:all 75ms ease-in-out; background-image:url(?pic=arrows);} #img_prev_click:hover,#img_view_click:hover, #img_next_click:hover{display:block; opacity:0.5; background-color:rgb(18,18,18,75%); width:75px; transition:all 175ms ease-in-out;}
.clr_form{min-width:18px;} #colors{user-select:none; padding:0px; /**min-width:33px; display:inline-block;**/ border:2px solid rgb(0,0,0,25%);} #colortheme{position:absolute;display:none; z-index:4;font-size:75%; top:71px; left:2px; min-width:24px;}
#colors input,#colors input[type=text]{list-style:none; text-align:center; margin:1px 2px 1px 2px;width:18px;height:18px;font-size:60%;border:1px solid rgb(0,0,0,25%);} #colorstr{font-size:70%; margin-left:1px; letter-spacing:-0.75px; width:21px; display:none;}
#colors .color0{background-color:#000000;} /** color 0 **/
#colors .color1{background-color:#121212;} /** color 1 **/
#colors .color2{background-color:#444444;} /** color 2 **/
#colors .color3{background-color:#222222;} /** color 3 **/
#colors .color4{background-color:#4f7ff7;} /** color 4 **/
#colors .color5{background-color:#0059a5;} /** color 5 **/
#colors .color6{background-color:#7eb500;} /** color 6 **/
#colors .color7{background-color:#ffaa00;} /** color 7 **/
#colors .color8{background-color:#00ffcc;} /** color 8 **/
#colors .color9{background-color:#FFFED4;} /** color 9 **/
#container_bg{background-image:url(?pic=empty);}
#container_page{background-image:url(?pic=bg);}
#container_contents{background-image:url(?pic=glowbg);}
#fx_colorfx{background-image:url(?pic=glowbg2);}
#stream_bg{background-image:url(?pic=glowbgdark);}
/** TEMPLATE CONTAINERS #IDs url(?pic=bg)**/
/** **/ #container_page{ background-image:url(01a.jpg); background-size:contain; background-size:cover;}
#container_page{background-size:contain; background-size:cover; background:#000000 url(?pic=zero) no-repeat 0% 0% / 1000% 101%;}
#container_page{position:relative; /**background-color:#000000; background-size:1000% 101%;**/ font-family:randy; vertical-align:baseline; width:100%; margin:0px auto 0px auto; min-height:101%; height:auto !important; height:100%;}
#container_page a:hover{color:#00ffcc; text-decoration:underline;}
#container_page a,#container_page a:link,#container_page a:visited{ color:#FFFED4; font-weight:bold; text-decoration:none;}
#container_head{background-color:#121212; box-shadow:0px 1px 3px rgb(60,66,81,35%); }
#container_head h1{position:relative; display:block; z-index:2; color:#7eb500; margin:10px 20px; padding:10px 0px;}
#container_contents{position:relative; width:95%; display:block; z-index:1; color:#7eb500; resize:none; overflow-x:visible; overflow-y:visible; background-blend-mode:hue; background-size:150% 100%;background-position:100% 100%; background-color:rgb(53,53,53,35%); border:2px solid rgb(60,66,81,35%); margin:10px auto 0px auto; opacity:0.99;box-shadow:0px 1px 3px rgb(60,66,81,75%); user-select:none; border-radius:5px; transition:all 100ms ease-in-out;}
#container_contents:after{clear:both; display:block; font:1px/0px serif; content:"."; height:0; visibility:hidden;}
#content_top{color:#8c937d; width:100%; margin:auto; display:block;}
#content_bottom{color:#8c937d; width:100%; margin:auto; display:block; border:1px solid rgb(60,66,81,35%); margin:0px auto; border-radius:5px;}
#container_foot{position:absolute; margin:auto; background-color:#121212; opacity:0.75; z-index:1; height:32px; /**margin-bottom:-35px;**/ width:100%; border-top:0px solid #444444; bottom:-1px!important; bottom:-1px;}
#foot{margin:auto;position:absolute; z-index:9; width:87%; margin:2px 1% 5px 5%;}
/** change styles by the html data-* tag * trying some things here n there*/
#container_contents[data-style="0"] {height: 1px; width:96%;}
#container_contents[data-style="1"] {height:auto; width:82%;}
#container_contents[data-style="2"] {height:auto; width:85%;}
#container_contents[data-style="3"] {height:auto; width:88%;}
#container_contents[data-style="4"] {height:auto; width:91%;}
#container_contents[data-style="5"] {height:100%;width:95%;}
/** small page elements controllers sub buttons */
#resizer{background:url(?pic=icons); background-position:-378px -23px; position:absolute; width:18px; height:18px; bottom:0px; right:0px; z-index:3; display:block; opacity:0.5; cursor:pointer; margin:0px 0px 0px 0px;} #resizer:hover{opacity:0.99; background-color:#222222;background-position:-377px -49px;}
#pagebg_plus{background:url(?pic=icons); background-position:-1205px 0px; position:absolute; width:18px; height:18px; bottom:0px; left:-20px; z-index:3; display:block; opacity:0.5; cursor:pointer; margin:0px 0px 0px 0px;} #pagebg_plus:hover{opacity:0.99; background-color:#222222;background-position:-1205px 0px;}
#pagebg_minus{background:url(?pic=icons); background-position:-1183px 0px; position:absolute; width:18px; height:18px; bottom:20px; left:-20px; z-index:3; display:block; opacity:0.5; cursor:pointer; margin:0px 0px 0px 0px;} #pagebg_minus:hover{opacity:0.99; background-color:#222222;background-position:-1183px 0px;}
/** TEMPLATE HTML most of the small element stuff . tag nodes inner CONTIS #IDs **/
h1#title,#title{width:212px; cursor:pointer; margin:0px 0px -15px 24px; letter-spacing:-0.32px; user-select:none; text-shadow:0px 1px 3px rgb(60,66,81,45%); }
h2#subtitle,#subtitle{position:relative; color:rgb(132,121,101,125%); z-index:2; margin:0px; padding-left:30px; background-color:#444444; letter-spacing:-0.5px;}
#subtitle b{color:rgb(136,125,105,85%);}
#subtitle i{color:rgb(148,137,117,80%);}
#navi{display:none; opacity:1; position:absolute; left:300px; top:15px; margin:4px 8px 4px -64px; z-index:2; min-width:128px; min-height:24px; width:99%; background:#121212 url(?pic=button1) repeat-x 0% 100% / 100% 100%; background-size:100% 100%;}
#navi input,#navi select,#navi input[type="button"]{ font-size:50%; min-width:22px;}
#sitenavi{display:block; opacity:1; position:absolute; left:300px; top:15px; margin:4px 8px 4px -64px; z-index:2; min-width:128px; min-height:24px; width:99%; background:#121212 url(?pic=button1) repeat-x 0% 100% / 100% 100%;}
#sitenavi input,#sitenavi select,#sitenavi input[type="button"]{ font-size:50%; min-width:22px;}
#sitenavi li, ul#sitenavi li{position:relative; display:block; float:left;min-width:85px;max-width:135px; margin:0px 2px 0px 2px;width:100%; color:#FFFED4; border-bottom:1px solid #0059a5; border-top:1px solid #0059a5;}
#sitenavi li:hover, ul#sitenavi li:hover{background-color:#ffaa00; color:#222222; border-bottom:1px solid #FFFED4;}
#dirs li{position:relative; display:block; width:100%;box-shadow:0px 1px 2px 1px rgb(160,166,181,3%); -webkit-appearance:none; -moz-appearance:none; cursor:pointer; transition:box-shadow .15s ease-in-out,opacity .15s ease-in-out;}
#dirs li:hover{display:block; width:100%;box-shadow:0px 1px 2px 1px rgb(80,86,101,15%); color:#ffaa00;}
#files li{box-shadow:0px 1px 3px rgb(142,148,163,3%); -webkit-appearance:none; -moz-appearance:none; cursor:pointer; transition:box-shadow .15s ease-in-out,opacity .15s ease-in-out; position:relative; display:block; width:100%; border-bottom:0px solid #0059a5; border-top:1px solid rgb(132,121,101,3%);}
#files li:hover{outline:none; box-shadow:1px 1px 3px 1px rgb(55,55,55,40%); background-color:#ffaa00; border-bottom:0px solid #ffaa00; }
#files li img{ right:0px;cursor:pointer;}
#files li vid{position:absolute; right:2px;}
#files video,#files embed{position:absolute; display:none; width:37%; height:100%; min-width:128px; min-height:64px; max-width:100%; max-height:100%; object-fit:cover; z-index:2; background-color:#121212;}
#files video{margin:25px -125px 0px 25%;}
#files embed{margin:21px auto 2px;}
#files object{margin:25px auto 0px; height:100%; min-height:320px;}
#filestype {font-weight:bold; text-align:right; margin:-15px -1px 25px -1px; box-shadow:0px 1px 4px 0px rgb(60,66,81,40%); background:#444444; min-height:20px;}
#filestype li {padding:3px 2px 3px 2px; background:#444444; box-shadow:0px 1px 5px -1px rgb(60,66,81,30%);}
#filestype a:link,#filestype a:visited,#filestype a{color:rgb(126,181,0,75%); border:1px solid rgb(110,116,131,25%); text-decoration:none;}
#filestype a:hover {color:#ffaa00; background:rgb(132,121,101,70%); text-decoration:none;}
#filestypetype_href{ border:1px solid rgb(110,116,131,25%);}
#filestypefile_href{ border:1px solid rgb(110,116,131,25%);}
#filestypesize_href{ border:1px solid rgb(110,116,131,25%);}
#filestypedate_href{ border:1px solid rgb(110,116,131,25%);}
#list{background-color:rgb(0,89,165,20%); text-shadow:0.5px 0.75px 1px rgb(60,66,81,50%); -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; border:1px solid #4f7ff7; background-blend-mode:color-burn;}
#list{background-color:rgb(0,89,165,75%);}
#list a,#list a:link,#list a:visited {display:block; min-height:14px; padding:0px 4px 1px 2px; /** color:#222222; **/ text-decoration:none; }
#list a:hover,#list a:active {display:block; color:#00ffcc;}
#list a strong {min-height:14px; width:65%; float:left; cursor:pointer; padding-left:20px; text-align:left;}
#list span em{font-size:66%;min-width:75px; text-align:right;cursor:pointer;}
/** SITE FUNCS/SUBELEMENTS **/
#breadcrumbr{background-color:#444444; margin:2px auto; border:1px solid rgb(105,105,105,50%); -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; -o-border-radius:3px; border-radius:3px;}
#breadcrumbr:hover{background-color:rgb(116,123,101,75%);}
#file_upload {height:72px; display:block; padding:2px 5px 2px 5px; border:1px solid #4f7ff7; background:#444444; margin-top:8px;}
#file_upload p{font-size:75%;padding:2px 5px 2px 5px; background:#7eb500; border-bottom:8px solid #ffaa00;}
#syntax, .dp-highlighter{ width:98%; min-width:320px; min-height:240px; height:98%; border:1px solid #121212;}
#sessionlog{font-size:75%;display:none;}
#cookies{font-size:75%;display:block; }
#copyright{width:50%; display:block; margin:auto; text-align:center; font-size:75%; min-width:180px;}
#logosmall{cursor:pointer;background-color:rgb(116,123,101,50%); user-select:none; border:0px solid rgb(105,105,105,44%); color:#FFFED4; float:right; font-size:89%; margin:0px 2px 0px 0px; height:34px; min-width:54px; text-align:center; background:url(?pic=icons); background-position:-44px -22px; opacity:0.66;}
#logosmall:hover{background-color:rgb(132,121,101,75%); border:2px solid rgb(132,131,126,75%); color:#FFFED4; font-size:89%;opacity:1.0; padding:0px;margin:-1px 0px -2px -2px; }
#donate{cursor:pointer;background-color:rgb(116,123,101,50%); user-select:none; border:0px solid rgb(105,105,105,44%); color:#FFFED4; float:right; font-size:89%; margin:0px 2px 0px 0px; height:25px; min-width:68px; text-align:center; background:url(?pic=icons); background-position: -223px -46px; opacity:0.66;}
#donate:hover{background-color:rgb(132,121,101,75%); border:2px solid rgb(132,131,126,92%); color:#FFFED4; font-size:89%; opacity:1.0; padding:0px; margin:-1px 0px -2px -2px; }
/* MP3 SOUND PLAYER / MANAGER 2.5 CSS */
a.sm2_link{min-width:150px; padding:4px 4px;} a.sm2_link, a.sm2_link:visited{text-align:left; background:transparent url() repeat 0% 50%; color:#222222;} a.sm2_link:hover{background:rgb(122,111,91,75%); color:rgb(101,132,125,75%);}
a.sm2_playing{background:rgb(101,132,125,75%); color:rgb(116,123,101,99%);} a.sm2_playing:hover{background:rgb(111,142,135,100%); color:rgb(105,105,105,99%)!important;}
a.sm2_zoomed,a.sm2_preview{background:rgb(122,121,116,66%);} a.sm2_zoomed:hover,a.sm2_preview:hover{background:rgb(132,121,101,99%);}
a.sm2_paused {background:rgb(116,123,101,75%);} a.sm2_paused:hover{background:rgb(122,111,91,50%); color:rgb(53,53,53,75%);} .controls {display:none; position:relative; background-color:#00ffcc;} .timing {display:none; color:#7eb500; position:absolute; text-align:right; right:4px; top:2px; width:auto; height:1em; padding:4px 12px 3px 12px; background-color:#0059a5; border:1px solid #00ffcc; border-radius:3px; letter-spacing:0px;font:44% monaco,"VT-100","lucida console",courier,system; line-height:1em;vertical-align:middle;} .statusbar {position:relative; height:0.5em; background-color:#00ffcc; border:1px solid #222222; border-radius:0px; overflow:hidden; cursor:-moz-grab; cursor:-webkit-grab; cursor:grab;} .peak, .use-peak li .peak {display:none; position:absolute; top:0.55em; right:0.5em; display:none; zoom:1; border:1px solid #99ccff; padding:2px; height:0.55em; border-radius:3px; background-color:#0059a5; width:0.8em; height:1.55em; margin-top:-3px;}
li .controls, li .timing, li .peak{display:none;} li .controls.dragging .statusbar {cursor:-moz-grabbing; cursor:-webkit-grabbing; cursor:grabbing;} li .controls .statusbar .position{height:100%; background-color:#444444; border-right:3px solid #121212; border-radius:0px;} li .controls .statusbar .loading {background-color:#222222; transition:width 0.15s ease-in-out;} li .controls .statusbar .position, li .controls .statusbar .loading { width:0px;} li .timing div.sm2_timing {margin:0px; padding:0px; margin-top:-1em;} li.sm2_playing .controls, li.sm2_paused .controls {display:block; position:relative; } li.sm2_playing .timing, li.sm2_paused .timing { display:block;} li.sm2_playing .peak, li.sm2_paused .peak{display:inline; display:inline-block; display:none;} li.sm2_paused .timing .sm2_position { text-decoration:blink;} li.sm2_paused .timing, .use-peak li.sm2_paused .peak { background-color:#00ffcc; border-color:#121212;} li:hover .controls .statusbar { position:relative; cursor:-moz-grab; cursor:-webkit-grab; cursor:grab;} li:hover .timing { z-index:3;} .use-peak li .timing { right:4.25em;} .use-peak li .peak-box {position:relative; width:100%; height:1.55em; overflow:hidden;} li .peak .l,li .peak .r {position:absolute; left:0px; top:0px; width:7px;height:50px; background:#fff; border:1px solid #fff; border-radius:0px; margin-top:1em;} li .peak .l { margin-right:1px;} li .peak .r { left:10px;}
/** EACH #FILE/ROW HREF CLASSES **/
._dirs,.col_dirs{min-height:14px; width:65%; float:left; cursor:pointer; padding-left:20px; text-align:left; cursor:pointer; vertical-align:baseline;}
._name,.col_name{white-space:nowrap; text-overflow:ellipsis; letter-spacing:-1.25px; width:64%; float:left; cursor:pointer; padding-left:20px; text-align:left; vertical-align:baseline;}
._size,.col_size{letter-spacing:-0.25px; letter-spacing:-1.42px; float:left; min-width:42px; text-align:right; cursor:pointer; margin-left:0px; vertical-align:baseline;}
._type,.col_type{letter-spacing:-0.25px; letter-spacing:-1.42px; float:left; min-width:8px; cursor:pointer; margin-left:0px; vertical-align:baseline;}
._date,.col_date{letter-spacing:-0.25px; letter-spacing:-1.42px; float:right; min-width:42px; text-align:right; cursor:pointer; margin-left:1px; vertical-align:baseline;}
._date,._size{padding:0px 4px 0px 0px; font-size:90%;} ._size{margin-left:-12px;}
.edit_icon, a.edit_icon{position:absolute; margin-left:-35px; z-index:99; width:20px; height:18px; background:url(?pic=icons); background-position:-380px -242px;}
.pic{position:absolute; z-index:2; display:none; width:100%; min-height:24px; box-shadow:0px 2px 3px -1px rgb(60,66,81,50%); background:#212121; }
.pic img{position:absolute; z-index:2; margin-top:18px; min-width:25%;}
.pic h2, .h2, strong.h2{position:absolute; font-size:70%; opacity:1.0; z-index:2; right:4px; padding-top:2px; min-width:62px; min-height:16px; background:#121212; color:#ffaa00;}
.pic h3, .h3, strong.h3{position:relative; width:100%; display:block; font-size:65%; opacity:1.0; z-index:2; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-top:2px; right:0px; min-width:80px; min-height:16px; background:#121212; color:#ffaa00;}
.pic h4, .h4, strong.h4{position:relative; font-size:60%; opacity:1.0; z-index:2; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-top:2px;right:0px; min-width:80px; min-height:18px; background:#121212; color:#ffaa00;}
.pic h5, .h5, strong.h5{position:relative; font-size:55%; opacity:1.0; z-index:2; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-top:2px; right:0px; min-width:80px; min-height:20px; background:#121212; color:#ffaa00;}
.icon_submenu{position:relative; display:none; margin-left:-80px; min-height:21px; border:0px solid #121212;}
.icon_submenu_on{position:relative; display:block; margin-left:-80px; min-height:21px; background:#ffaa00; border:0px solid #ffaa00;}
.icon_submenu span, .icon_submenu_on span{position:relative; display:inline-block; float:right; min-width:17px; min-height:21px; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; -o-border-radius:3px; border-radius:3px; }
.icon_submenu .icon, .icon_submenu .edit, .icon_submenu_on .icon, .icon_submenu_on .edit{background-color:#ffaa00; }
.icon_submenu .icon:hover, .icon_submenu .edit:hover, .icon_submenu span:hover{background-color:#FFFED4; }
.icon_submenu_on .icon:hover, .icon_submenu_on .edit:hover, .icon_submenu_on span:hover{background-color:#FFFED4; }
.vids{display:none; min-width:480px; min-height:24px; max-width:100%; margin:12px 8px 2px 24px; left:25%; margin:20px -256px 0px 56px;}
.window_controls p{border:1px solid rgb(110,116,131,25%); border-radius:3px; background:rgb(50,56,71,75%)!important; color:#7eb500!important; cursor:pointer; }
.window_controls p:hover{background:rgb(72,61,41,100%)!important; color:#747b65!important;}
.layer1{color:#7eb500; background:rgb(69,69,69,100%) url(?pic=button1) repeat-x 0% -6% / 100% 49px!important; background-size:100% 100%; background-blend-mode:color-dodge; box-shadow:0px 1px 3px 1px rgb(40,46,61,50%); border:1px solid rgb(110,116,131,25%)!important; height:96%; resize:both; overflow-x:hidden; overflow-y:auto; overflow:hidden;}
.layer2 {width:99%!important; height:94%!important; margin:26px 2px -38px 2px!important; padding:0px; border:1px solid rgb(116,123,101,25%)!important; }
.layer2 iframe pre{color:#7eb500!important; color:#ffffff;width:100%!important; height:100%!important; margin:auto; padding:0px; overflow-x:hidden; overflow-y:scroll;}
.layer2 iframe {margin-top:4px!important;}
.layer1, .layer2 pre{color:#7eb500;}
.colortool{width:220px!important;}
input[type="range" i] {appearance:auto; cursor:default; padding:initial;border:initial; margin:2px;
color: -internal-light-dark(rgb(69,69,69,50%), rgb(255, 255, 255));}
button, input[type="submit"], input[type="reset"]{background-color:rgb(208,214,229,100%); color: rgb(126,133,111,99%); cursor: pointer; appearance: none;
padding: 5px 9px; margin: 4px 8px; border-radius: 3px; border-width:initial; border-style:solid; border-color:rgb(63,63,63,75%);
transition: background-color .3s cubic-bezier(0.4, 0, 0.2, 1),border-color .3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: rgb(0, 0, 0, 40%) 1px 2px 7px; transition: box-shadow 0.15s ease-in-out 0s, opacity 0.15s ease-in-out 0s;}
.shadow{filter:drop-shadow(0px 0.1em 7px rgb(0,0,0,75%)) drop-shadow(0px 3px 2px rgb(0,0,0,44%)); will-change:filter, transform; transition:transform 0.2s ease-in-out; transition:filter 0.2s ease-in-out, transform 0.2s ease-in-out;}
.shadow:hover{filter:drop-shadow(0px 3px 2px rgb(0,0,0,44%)); object-fit:cover;}
.btn2:hover, .buttons:hover, .btn2:hover{appearance:none; background-color:rgb(102,101,96,100%); color:rgb(86,75,55,100%); cursor:pointer; will-change:color,background-color; transition:color 0.2s ease-in-out, background-color 0.2s ease-in-out; border-radius:3px;}
.btn:hover, .buttons:hover, .btn1:hover{cursor:pointer; appearance:none; color:rgb(134,123,103,100%); border-color:rgb(110,116,131,75%); will-change:color,background-color; transition:color 0.2s ease-in-out, background-color 0.2s ease-in-out; border-radius:3px;}
/*.btn, .btn1 { display:block; font-size:100%; line-height:150%; background-color:rgb(70,77,55,100%); font-weight:bold;text-decoration:none; outline:none; color:inherit; min-height:1px; border:none;align-items:center; -webkit-filter:drop-shadow(1px 2px 7px 1px rgb(103,103,103,50%)); drop-shadow(1px 2px 3px 2px rgb(0,0,0,30%); filter:drop-shadow(1px 2px 7px 1px rgb(0,0,0,50%)) drop-shadow(1px 3px 2px rgb(0,0,0,50%)); will-change:filter, transform, background-color, color; transition:transform 0.2s ease-in-out, -webkit-filter 0.2s ease-in-out; transition:filter 0.2s ease-in-out, transform 0.2s ease-in-out; transition:filter 0.2s ease-in-out, transform 0.2s ease-in-out, -webkit-filter 0.2s ease-in-out;}
*/
/*.btn2 { display:block; font-size:100%; line-height:150%; font-weight:bold;text-decoration:none; outline:none; color:inherit; min-height:1px; align-items:center; -webkit-filter:drop-shadow(0px 0.1em 7px drop-shadow(0px 3px 2px rgb(103,103,103,75%)); filter:drop-shadow(0px 0.1em 7px rgb(0,0,0,50%)) drop-shadow(0 3px 2px rgb(0,0,0,30%)); will-change:filter, transform; transition:transform 0.2s ease-in-out, -webkit-filter 0.2s ease-in-out; transition:filter 0.2s ease-in-out, transform 0.2s ease-in-out; transition:filter 0.2s ease-in-out, transform 0.2s ease-in-out, -webkit-filter 0.2s ease-in-out;}
*/
/** SHOW/HIDE THINGS FONTSIZES PADDINGS...DEPENDING ON RESOLUTION **/
/**1320+**/ @media all and (min-width:1320px){ .pic img{min-width:42%; } }
/**1260+**/ @media all and (min-width:1260px){ .pic img{min-width:38%; } }
/**1240+**/ @media all and (min-width:1240px){ .pic img{min-width:37%; } ._name,.col_name{width:70%;font-size:128%;} ._size,.col_size,._type,.col_type,._date,.col_date{font-size:132%;} #subtitle{font-size:73%;} #list a{height:20px;} #list a strong{width:83%;} }
/**1081 111+ hard**/ @media all and (min-width:1081px){._name,.col_name{width:67%;font-size:112%;} ._size,.col_size,._type,.col_type,._date,.col_date{font-size:112%;} #list a{height:20px;} #subtitle{font-size:72%;} #files embed, #files video{min-width:548px; min-height:294px; /*margin:24px -256px 0px 25%;*/ object-fit:fill;} #list a strong{width:82%;} }
/**1080+**/ @media all and (max-width:1080px){._name,.col_name{width:66%;font-size:107%;} ._type,.col_type{display:block; float:left; min-width:6px;} #list a{height:20px;} #subtitle{font-size:70%;} #files embed, #files video{min-width:50%; min-height:248px; /*margin:20px -192px 0px 25%;*/ object-fit:cover; } }
/**-1024 992**/ @media all and (max-width:992px){._name,.col_name{width:65%;letter-spacing:-0.5px;font-size:100%;} ._size,.col_size,._type,.col_type,._date,.col_date{letter-spacing:-0.5px; font-size:82%;} #subtitle{font-size:70%;} #files embed, #files video{min-width:50%; /*margin:20px -125px 0px 25%;*/ object-fit:cover;} #list a{height:20px;} }
/**920er**/ @media all and (max-width:920px){._name,.col_name{width:63.5%; letter-spacing:-0.5px; font-size:100%;} ._type,.col_type{display:block;} ._size,.col_size,._date,.col_date{letter-spacing:-1.42px;font-size:87%;} #subtitle{font-size:70%;} #files embed, #files video{/*margin:20px -125px 0px 25%;*/} #list a{height:20px;} #list a strong{width:75%;}}
/**-778breakdwn*/ @media all and (max-width:608px){._name,.col_name{width:62.5%;letter-spacing:-0.5px;font-size:99%;} ._type,.col_type{display:block;} ._size,.col_size{font-size:85%;} ._date,.col_date{font-size:85%;} #subtitle{font-size:70%;} #list a strong{width:82%;}}
/**-706mobileX**/ @media all and (max-width:604px){._name,.col_name{width:62.5%;letter-spacing:-0.99px;font-size:94%;} ._size,.col_size,._type,.col_type,._date,.col_date{letter-spacing:-1.42px; font-size:78%;} #subtitle{font-size:65%;} #list a strong{width:60%;}}
/**-525 450!**/ @media all and (max-width:525px){._name,.col_name{width:60%;letter-spacing:-0.99px;font-size:87%;} ._size,.col_size,._date,.col_date{letter-spacing:-1.42px; font-size:72%;} ._size,.col_size{font-size:70%;} #subtitle{font-size:60%;} #list a strong{width:60%;}}
/**below450**/ @media all and (max-width:450px){._name,.col_name{width:56%; letter-spacing:-1.01px;font-size:77%;} ._size,.col_size,._date,.col_date{letter-spacing:-1.42px; font-size:68%; } ._size,.col_size{font-size:68%;} #subtitle{font-size:55%;} #list a strong{width:60%;}}
/**below350mobile**/ @media all and (max-width:341px){._name,.col_name{width:52%;letter-spacing:-1.42px; font-size:68%;} ._size,.col_size,._type,.col_type,._date,.col_date{display:block; letter-spacing:-1.42px; font-size:62%;} #subtitle{font-size:50%; letter-spacing:-0.25px;} #list a strong{width:60%;}}
/**below337iframe**/ @media all and (max-width:340px){._name,.col_name{width:51%; letter-spacing:-1.45px; font-size:65%;} ._size,.col_size,._type,.col_type,._date,.col_date{display:none; font-size:69%;} #subtitle{font-size:45%; letter-spacing:-0.55px;} #files embed, #files video{min-width:100%; min-height:156px; /*margin:20px -125px 0px 0px;*/ object-fit:cover;} }
/**elow300sidebar**/ @media all and (max-width:300px){._name,.col_name{width:50%; letter-spacing:-1.50px; font-size:65%;} #subtitle{font-size:35%; letter-spacing:-0.65px;} }
/************** some editor icons and stuff on the same sprite(PNG) ?pic=icons ***************/
.edit, .edit .icon, .edit span, .edit strong{min-height:20px; min-width:20px; background:url(?pic=icons); background-position:-380px 0px; }
.mp4_bg .edit, .mp4_bg{background-position:-561px 0px;}
.paypal_ico .edit, .paypal_ico{background-position:-561px 0px;}
.raster .edit, .raster{background-position:-581px 0px;}
.pause .edit, .pause{background-position:-601px 0px;}
.play .edit, .play{background-position:-620px 0px;}
.doctype_ico .edit, .doctype_ico{background-position:-640px 0px;}
.amp .edit, .amp{background-position:-660px 0px;}
.prev_mini_ico .edit, .prev_mini_ico{background-position:-680px 0px;}
.next_mini_ico .edit, .next_mini_ico{background-position:-700px 0px;}
.filetype_ico .edit, .filetype_ico{background-position:-720px 0px;}
.winzer_mini_ico .edit, .winzer_mini_ico{background-position:-740px 0px;}
.valid_mini_ico .edit, .valid_mini_ico{background-position:-760px 0px;}
.camera_mini_ico .edit, .camera_mini_ico{background-position:-802px 0px;}
.timeshn_mini_ico .edit, .timeshn_mini_ico{background-position:-823px 0px;}
.pause2 .edit, .pause2{background-position:-840px 0px;}
.play2 .edit, .play3{background-position:-860px 0px;}
.stop2 .edit, .stop3{background-position:-880px 0px;}
.start3 .edit, .start3{background-position:-900px 0px;}
.pause3 .edit, .pause3{background-position:-920px 0px;}
.stop3 .edit, .stop3{background-position:-940px 0px;}
.prev2 .edit, .prev2{background-position:-960px 0px;}
.next2 .edit, .next2{background-position:-980px 0px;}
.home_ico .edit, .home_ico{background-position:-1000px 0px;}
.menu_ico .edit, .menu_ico{background-position:-1020px 0px;}
.save_ico .edit, .save_ico{background-position:-1040px 0px;}
.gyro_ico .edit, .gyro_ico{background-position:-2335px 0px;}
/************** FILES DIRS ICONS FORMATS ***************/
.icon{position:absolute;left:0px; margin:0px;min-width:17px;z-index:1; height:20px; background-color:#121212; background-repeat:no-repeat; background-position:-0px 0px; background:url(?pic=icons);}
.folder .icon, .folder em, .folder b, li.folder strong{background-position:-41px 0px; display:block;}
.file .icon, .file span, .file b, .file strong{background-position:-660px 0px;}
.php .icon, .php b, .php strong{background-position:-200px 0px;} /**script files**/
.js .icon, .js b, .js strong{background-position:-99px 0px;}
.map .icon, .map b, .map strong{background-position:-99px 0px;}
.css .icon, .css b, .css strong{background-position:-20px 0px;}
.htm .icon, .htm b, .htm strong{background-position:-160px 0px;}
.html .icon, .html b, .html strong{background-position:-160px 0px;}
.xml .icon, .xml b, .xml strong{background-position:-740px 0px;}
.nfo .icon, .nfo b, .nfo strong{background-position:-238px 0px;}
.txt .icon, .txt b, .txt strong{background-position:-179px 0px;}
.vtt .icon, .vtt b, .vtt strong{background-position:-0px 0px;}
.mp3 .icon, .mp3 b, .mp3 strong{background-position:-340px 0px;} /**audio files**/
.m3u8 .icon, .m3u8 b, .m3u8 strong{background-position:-180px 0px;}
.wma .icon, .wma b, .wma strong{background-position:-280px 0px;}
.wav .icon, .wav b, .wav strong{background-position:-280px 0px;}
.aif .icon, .aif b, .aif strong{background-position:-500px 0px;}
.aiff .icon, .aiff b, .aiff strong{background-position:-500px 0px;}
.ico .icon, .ico b, .ico strong{background-position:-660px 0px;} /**image files**/
.jpg .icon, .jpg b, .jpg strong{background-position:-80px 0px;}
.jpeg .icon, .jpeg b, .jpeg strong{background-position:-80px 0px;}
.png .icon, .png b, .png strong{background-position:-80px 0px;}
.gif .icon, .gif b, .gif strong{background-position:-80px 0px;}
.tif .icon, .tif b, .tif strong{background-position:-80px 0px;}
.tiff .icon, .tiff b, .tiff strong{background-position:-80px 0px;}
.bmp .icon, .bmp b, .bmp strong{background-position:-80px 0px;}
.webp .icon, .webp b, .webp strong{background-position:-140px 0px;} /** webp image **/
.svg .icon, .svg b, .svg strong{background-position:-140px 0px;} /** svg as image **/
.svgobj .icon, .svgobj b, .svgobj strong{background-position:-782px 0px;} /** svg as object **/
.psd .icon, .psd b, .psd strong{background-position:-220px 0px;}
.ai .icon, .ai b, .ai strong{background-position:-0px 0px;}
.fla .icon, .fla b, .fla strong{background-position:-621px 0px;}
.pdf .icon, .pdf b, .pdf strong{background-position:-360px 0px;}
.swf .icon, .swf b, .swf strong{background-position:-120px 0px;} /**video files**/
.mp4 .icon, .mp4 b, .mp4 strong{background-position:-540px 0px;}
.mkv .icon, .mkv b, .mkv strong{background-position:-560px 0px;}
.webm .icon, .webm b, .webm strong{background-position:-560px 0px;}
.ogg .icon, .ogg b, .ogg strong{background-position:-560px 0px;}
.ogv .icon, .ogv b, .ogv strong{background-position:-560px 0px;}
.flv .icon, .flv b, .flv strong{background-position:-520px 0px;}
.avi .icon, .avi b, .avi strong{background-position:-300px 0px;}
.wmv .icon, .wmv b, .wmv strong{background-position:-300px 0px;}
.tmp .icon, .tmp b, .tmp strong{background-position:-180px 0px;} /**mixed files**/
.bat .icon, .bat b, .bat strong{background-position:-300px 0px;}
.exe .icon, .exe b, .exe strong{background-position:-300px 0px;}
.db .icon, .db b, .db strong{background-position:-180px 0px;}
.gz .icon, .gz b, .gz strong{background-position:-260px 0px;}
.gzip .icon, .gzip b, .gzip strong{background-position:-260px 0px;}
.zip .icon, .zip b, .zip strong{background-position:-260px 0px;}
.rar .icon, .rar b, .rar strong{background-position:-260px 0px;}
.ace .icon, .ace b, .ace strong{background-position:-260px 0px;}
.woff .icon, .woff b, .woff strong{background-position:-400px 0px;}
.woff2 .icon, .woff2 b, .woff2 strong{background-position:-400px 0px;}
.otf .icon, .otf b, .otf strong{background-position:-400px 0px;}
.ttf .icon, .ttf b, .ttf strong{background-position:-400px 0px;}
.eot .icon, .eot b, .eot strong{background-position:-400px 0px;}
.bin .icon, .bin b, .bin strong{background-position:-662px 0px;}
.ini .icon, .ini b, .ini strong{background-position:-662px 0px;}
.dll .icon, .dll b, .dll strong{background-position:-99px 0px;}
.inf .icon, .inf b, .inf strong{background-position:-99px 0px;}
.sys .icon, .sys b, .sys strong{background-position:-99px 0px;}
.cat .icon, .cat b, .cat strong{background-position:-99px 0px;}
.tws .icon, .tws b, .tws strong{background-position:-241px 0px;}
.msi .icon, .msi b, .msi strong{background-position:-320px 0px;}
.reason .icon, .reason b, .reason strong{background-position:-2361px 0px;}
.rns .icon, .rns b, .rns strong{background-position:-2380px 0px;}
.rfl .icon, .rfl b, .rfl strong{background-position:-2361px 0px;}
.cmb .icon, .cmb b, .cmb strong{background-position:-2401px 0px;}
.kong .icon, .kong b, .kong strong{background-position:-2440px 0px;}
.thor .icon, .thor b, .thor strong{background-position:-2421px 0px;}
.sm4 .icon, .sm4 b, .sm4 strong{background-position:-2421px 0px;}
.sxt .icon, .sxt b, .sxt strong{background-position:-2440px 0px;}
.zyp .icon, .zyp b, .zyp strong{background-position:-2440px 0px;}
.rv7 .icon, .rv7 b, .rv7 strong{background-position:-2421px 0px;}
.xwv .icon, .xwv b, .xwv strong{background-position:-2440px 0px;}
.drp .icon, .drp b, .drp strong{background-position:-2440px 0px;}
.rx2 .icon, .rx2 b, .rx2 strong{background-position:-2421px 0px;}
.drex .icon, .drex b, .drex strong{background-position:-2421px 0px;}
.mid .icon, .mid b, .mid strong{background-position:-499px 0px;}
.zero{background:url(?pic=zero) no-repeat left 50%;}
.null{background:url(?pic=null) no-repeat left 50%;}
/************ css_soundmanager2 *********************/
#audio, #video, #images{position:absolute; font-size:75%; min-width:320px; min-height:240px; background:#121212 url(?pic=zero) repeat 50% 50%; z-index:3; display:none; resize:both; overflow:auto;}
#audio a,#video a,#images a,#audio a:link,#video a:link,#images a:link{display:block; width:99%;}
#playlist{background:#4f7ff7; margin:12px auto 12px auto; padding:2px; text-align:center;}
/******************** IDE EDITOR *******************/
#maintableholder{width:96%; height:100%;}
#code{ background:#f8f8f8; font-family:"Lucida Sans Unicode","Lucida Sans",Arial,tahoma; width:99%; padding:3px; margin:auto;}
#edit_mode_title{width:100%; letter-spacing:0.75pt; font-weight:800; text-align:center; color:#f2f2f2; background-color:#333;}
#edit_mode_container{min-height:180px; height:75%; letter-spacing:0.72pt; padding:3px; margin:auto; width:99%; font-weight:500; border:1px solid #222; background-color:#ccc;}
#data{background:#fff; width:99%; height:88%; min-height:150px; overflow:hidden; overflow-y:scroll; overflow-x:auto; padding:2px 0px 0px 4px; border:1px solid #222;}
#data, em #data, em #data{ min-height:240px; height:99%; font-family:"Lucida Console",Consolas,"Courier New",Courier,mono,serif,status-bar,courier,sans-serif,Monaco,monospace; font-style:normal; font-weight:normal; margin:auto; display:block;}
#data a, #data:link, #data a:visited {padding:0; margin:0; text-decoration:none;font-weight:bold;}
#data a:hover, #data a:active{display:block;}
.netscapesucks {font-family:Geneva,Arial,Tahoma; font-weight:bold;}
.fileselection{width:100%; border:1px solid #000000;}
.editbackgrind{color:#cccccc; font-weight:bold; Font-Family:Geneva;
background:#222222 url(?pic=but1) repeat-x left top;}
.forminputs{padding:1px; border:1px solid #554455;}
.formbutton{background:#000000 url(?pic=but1) repeat-x left top; color:#f2f2f2; border:1px solid #444444;
font-size:75%; height:22px; padding:0px 10px 2px 10px; margin:0px; font-weight:bold;}
.formbutton:hover, .formbutton:visited {color:#EFEFF7;background:#242880;border:1px solid #000000;}
/***************** some HTML 5 CSS ELEMENT STYLING CLASSES **************/
.glow, .glowbg{contain:layout; grid-column:full; grid-row:page-header;
background-image:radial-gradient(ellipse at 49% 12%,rgb(0,89,165,25%), rgb(0,89,165,75%) 337% 337%);
background-color:rgb(0,89,165,75%); box-shadow:inset 0px 7px 1px -5px rgb(0,89,165,45%);}
.glow1{background-color:rgb(0,89,165,92%); }
.glow2{background-color:rgb(0,89,165,2%); }
.glow3{background-color:rgb(0,89,165,25%); }
.rotate{aspect-ratio:1.48/1; width:100%; height:auto; -o-object-fit:contain; object-fit:contain; -webkit-transform:rotate(-2deg); -ms-transform:rotate(-2deg); transform:rotate(-3deg);}
.overlay{display:block; position:absolute; top:0; left:0; min-height:100%; width:100%; z-index:2;}
.roundedcorner1,.roundcorners1{-webkit-border-radius:7px; -moz-border-radius:7px; -khtml-border-radius:7px; -o-border-radius:7px; border-radius:7px;}
.roundedcorner2,.roundcorners2{-moz-border-radius:5px 7px 7px 5px; -webkit-border-radius:5px 7px; -o-border-radius:5px 7px; border-radius:5px 7px 5px 7px; }
.gradient1{background-image:linear-gradient(to bottom, #FFFED4,#121212); background-blend-mode:hard-light;}
.gradient2{background-image:linear-gradient(to bottom, #121212,#444444); background-blend-mode:multiply;}
.gradient3{background-image:linear-gradient(to bottom, #121212,#FFFED4); background-blend-mode:saturation;}
.gradient4{background:rgb(255, 255, 255, 100%); background:-moz-linear-gradient(center, ellipse cover, rgba(255, 255, 255, 0.4) 0%, rgba(2, 111, 94, 0.65) 22%, rgba(2, 111, 94, 1) 49%, rgba(6, 47, 41, 1) 100%);
background:-webkit-gradient(linear, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(22%, rgba(2, 111, 94, 0.65)), color-stop(49%, rgba(2, 111, 94, 1)), color-stop(100%, rgba(6, 47, 41, 1)));
background:-webkit-linear-gradient(center, ellipse cover, rgba(255, 255, 255, 0.4) 0%, rgba(2, 111, 94, 0.65) 22%, rgba(2, 111, 94, 1) 49%, rgba(6, 47, 41, 1) 100%);
background:-o-linear-gradient(center, ellipse cover, rgba(255, 255, 255, 0.4) 0%, rgba(2, 111, 94, 0.65) 22%, rgba(2, 111, 94, 1) 49%, rgba(6, 47, 41, 1) 100%);
background:-ms-linear-gradient(center, ellipse cover, rgba(255, 255, 255, 0.4) 0%, rgba(2, 111, 94, 0.65) 22%, rgba(2, 111, 94, 1) 49%, rgba(6, 47, 41, 1) 100%);}
.size{float:right;} .resize{resize:both; overflow-y:auto; overflow-x:hidden;}
.show{display:block; display:inline; visibility:visible; opacity:0.0;}
.hide{display:none; visibility:hidden; opacity:0.0;}