/fileshare/
__________________________________________________________________________________ / _____________ ____________ _______ _____________ _______ _____________ \ / / \ / \ / \ / \ / \ / \ \ / / // // // // // / / / / /_\_____ //_ // /\______//_ // /\______/ / / /....../\______//.....//....../ /....../_\_______.......\ /....../_\_______.......\ \ \ \ \\ \ \ / // \/ // // \/ / / \ \ / \ \ \/ // // // / / \ \___________/ \_____\ \_______/ \_____________//________/ \_____________/ /_________________ \_____ ____________ _\ \____ _________ _______ _______ ______ _____________ \ / / \ / \______\ \ / \ / / / \/ \ / \ \ / / // / / // / / // / / / _\_____ // ________// // /_____ / // /\______/ / / /.....//....../_\______\_____ /......//......//....../......\\......\\/\......\\_______.......\ \ \ \ \ \/ y / / // / // / / // \/ / / \ \ \ \ / / / // // / / // / / \ \_____\ \___________/___/ /______/ \_____________//______/ /______/ \_____________/ / \______ \ \ __________________________________________________________________________/ \ \______\ \ \__________\ o_______n_______l_______i_______n_______e_______ __ _ _ WELCOME TO CRISISREALMS.ONLINE FILESHARE SERVICE [BETA][ALPHA]0.020137.45.00.1.42[UNSTABLE BUILD] Create a directory for storing of personal digital affects. Upload a "style.css" to customize the Look and Feel of your virtual space to the content of your heart. <3 Example, use the following code in your "style.css" to display images on the page instead of the preview: ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ .image img{ display:block; } #imagePreview{ display:none; } ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ For further help with cascading style sheets, direct enquiries to CRISISREALMS.ONLINE/BOARDS/WWW/ for community guidance. Have fun helping one another. PLEASE NOTE: This is an early build of the fileshare service. Some features may not work as intended. Again, log your issue at CRISISREALMS.ONLINE/BOARDS/WWW/ Currently known bugs: --+ Uploading large files can fail, causing further uploads also to fail. Refreshing the page may fix this issue. --+ Error logs cause files and subdirectories to not display. Exiting and re-entering the directory will fix the issue. CRISISREALMS.ONLINE cannot be responsible for loss of any data. Use the internet at the risk of your safety. Files causing harm to the world will be removed. !!!CREATE BEAUTY && HAVE FUN!!!
# config [images] preview = none width = 500 [text] preview = page [audio] preview = page [directory] preview = page
main, input{ font-family:monospace; } #fileshare button{ font-family:sans-serif; } main input{ nmax-height:14px; } #fileshare ul{ margin:0px; list-style:none; padding:0px; } li{ padding: 2px; margin-bottom:2px; noverflow:hidden; } #bulletZone{ ndisplay:table-cell; height:100%; vertical-align:top; float:left; overflow:hidden; } #fileshare li #bulletZone .fileIcon, li #fileSelect{ vertical-align:top; margin:0px; } /*fileContainer contains the file name and details and content(if applicable);*/ .fileContainer{ min-height:100%; overflow:hidden; vertical-align:bottom; padding-left:2px; } /*fileContent refers to file contents displayed in line*/ .filecontent { nwidth:100%; overflow:auto; white-space:pre; font-family:monospace; nposition:relative; z-index:100; position:relative; npointer-events:none; nbackground-image:url("/images/assets/background/check.gif"); nbackground-blend-mode:multiply; nbackground-color:#ff6; } .filecontent.text{ padding:4px; box-sizing:border-box; position:relative; z-index:20; max-height:360px; noverflow:scroll; } .text p{ display: inline-block; width:100%; } /*.filecontent button, */.filecontent .buttonContainer{ padding:4px; background-color:#ffe; position:absolute; right:10px; top:10px; z-index:1000; } .filecontent .buttons button{ position:initial; } #editActive{ nbackground-color:rgba(255,255,255,0.75); } #fileshare .image .filecontent{ background: none; } /*filePreview refers to files viewed in mouseover*/ #fileshare .image img{ max-width:480px; } #fileshare p{ display:inline; position:relative; z-index:20; } #fileshare img{ max-width:100%; } #fileshare audio{ width:100%; } #fileshare fieldset{ display:inline; } #headerbox{ border:2px outset; padding:4px; margin-bottom:2px; background-color:#fff; } #spaceBar{ height:12px; font-size:12px; margin:2px 0px; } #headerbox h2{ display:inline; } #headerbox h2, #headerbox h2 input{ margin:0px; font-family:serif; font-size:24px; font-weight:bolder; } #headerbox h2 input{ font-family:serif; } @media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait) { #fileshare fieldset{ width:100%; box-sizing:border-box; margin:0px; } #directory{ padding:0px; nlist-style-position: inside; } /* #directory li{ npadding-left:40px; noverflow:scroll; }*/ /*.filecontent{ display:inline-block; }*/ #editActive{ background-color: rgba(25,25,50,0.75); color:#fff; position:fixed; width:100vw; display:inline-block; overflow-wrap: break-word; word-wrap: break-word; word-break: break-all; word-break: break-word; hyphens: auto; left:0px; top:0px; overflow:scroll; max-height:100vh; overflow-wrap: break-word; z-index:2000; font-size:16px; padding:0px; } #editActive p{ width:100%; nheight:100%; padding:4px; padding-left:12px; overflow-y:scroll; display:inline-block; white-space:pr-wrap; overflow-wrap: break-word; box-sizing:border-box; overflow-wrap: break-word; word-wrap: break-word; word-break: break-all; word-break: break-word; hyphens: auto; } #editActive .buttonContainer{ top:10px; } }