2017-12-31 17:42:27 +01:00
|
|
|
.menu {
|
2020-12-03 20:05:13 +01:00
|
|
|
font-family: Roboto, 'Segoe UI', 'Helvetica Neue'; z-index: 999;
|
2017-12-31 17:42:27 +01:00
|
|
|
}
|
|
|
|
|
2016-02-05 00:34:58 +01:00
|
|
|
.drag-bg { width: 100%; height: 100%; position: fixed; }
|
2015-08-16 11:51:00 +02:00
|
|
|
.fixbutton.dragging { cursor: -webkit-grabbing; }
|
|
|
|
.fixbutton-bg:active { cursor: -webkit-grabbing; }
|
|
|
|
|
|
|
|
|
2019-07-01 16:19:12 +02:00
|
|
|
.body-sidebar, .body-console { background-color: #666 !important; }
|
2018-09-17 15:33:45 +02:00
|
|
|
#inner-iframe { transition: 0.3s ease-in-out; transform-origin: left bottom; }
|
|
|
|
.body-sidebar iframe { transform: rotateY(5deg); opacity: 0.8; pointer-events: none; outline: 1px solid transparent }
|
2019-07-01 16:19:12 +02:00
|
|
|
.body-console iframe { transform: rotateX(5deg); opacity: 0.8; pointer-events: none; outline: 1px solid transparent }
|
2015-08-16 11:51:00 +02:00
|
|
|
|
2018-09-21 02:17:53 +02:00
|
|
|
.sidebar .label-right { float: right; margin-right: 7px; margin-top: 1px; float: right; }
|
|
|
|
.sidebar .link-right { color: white; text-decoration: none; border-bottom: 1px solid #666; text-transform: uppercase; }
|
2018-03-19 16:05:14 +01:00
|
|
|
.sidebar .link-right:hover { border-color: #CCC; }
|
|
|
|
.sidebar .link-right:active { background-color: #444 }
|
2020-09-21 18:26:44 +02:00
|
|
|
.sidebar .link-outline { outline: 1px solid #eee6; padding: 2px 13px; border-bottom: none; font-size: 80%; }
|
2015-08-16 11:51:00 +02:00
|
|
|
/* SIDEBAR */
|
|
|
|
|
2020-09-21 18:26:44 +02:00
|
|
|
.sidebar-container { width: 100%; height: 100%; overflow: hidden; position: fixed; top: 0px; z-index: 2;}
|
2016-02-05 00:34:58 +01:00
|
|
|
.sidebar { background-color: #212121; position: fixed; backface-visibility: hidden; right: -1200px; height: 100%; width: 1200px; } /*box-shadow: inset 0px 0px 10px #000*/
|
2016-09-04 17:46:09 +02:00
|
|
|
.sidebar .content { margin: 30px; font-family: "Segoe UI Light", "Segoe UI", "Helvetica Neue"; color: white; width: 375px; height: 300px; font-weight: 200; transition: all 1s; opacity: 0 }
|
|
|
|
.sidebar-container.loaded .content { opacity: 1; transform: none }
|
2015-08-16 11:51:00 +02:00
|
|
|
.sidebar h1, .sidebar h2 { font-weight: lighter; }
|
2017-07-29 13:44:54 +02:00
|
|
|
.sidebar .close { color: #999; float: right; text-decoration: none; margin-top: -5px; padding: 0px 5px; font-size: 33px; margin-right: 20px; display: none }
|
2016-11-18 20:15:18 +01:00
|
|
|
.sidebar .button { margin: 0px; display: inline-block; transition: all 0.3s; box-sizing: border-box; max-width: 260px }
|
Rev957, Sidebar displays onion peers in graph, Sidebar display bad file retry number, Sidebar site Update/Pause/Delete, Ratelimit sidebar update, Encoded typo, Fix onion findHashId, More retry for bad files, Log file path errors, Testcase for self findhashIds, Testcase for Tor findHashId, Better Tor version parse, UiWebsocket callback on update/pause/resume/delete, Skip invalid postMessage messages
2016-03-09 00:48:57 +01:00
|
|
|
.sidebar .button.hidden { padding: 0px; max-width: 0px; opacity: 0; pointer-events: none }
|
|
|
|
.sidebar #button-delete { background-color: transparent; border: 1px solid #333; color: #AAA; margin-left: 10px }
|
|
|
|
.sidebar #button-delete:hover { border: 1px solid #666; color: white }
|
2015-08-16 11:51:00 +02:00
|
|
|
|
2016-11-18 20:15:18 +01:00
|
|
|
.sidebar .flex { display: flex }
|
2016-11-24 19:50:30 +01:00
|
|
|
.sidebar .flex .input.text, .sidebar .flex input.text { width: 100%; }
|
|
|
|
.sidebar .flex .button { margin-left: 4px; white-space: nowrap; }
|
2016-11-18 20:15:18 +01:00
|
|
|
|
2015-08-16 11:51:00 +02:00
|
|
|
/* FIELDS */
|
|
|
|
|
|
|
|
.sidebar .fields { padding: 0px; list-style-type: none; width: 355px; }
|
|
|
|
.sidebar .fields > li, .sidebar .fields .settings-owned > li { margin-bottom: 30px }
|
|
|
|
.sidebar .fields > li:after, .sidebar .fields .settings-owned > li:after { clear: both; content: ''; display: block }
|
Rev571, Optional file sizes to sidebar, Download all optional files option in sidebar, Optional file number in peer stats, Delete removed or changed optional files, Auto download optional files if autodownloadoptional checked, SiteReload command, Peer use global file server if no site defined, Allow browser cache video files, Allow more keepalive connections, Gevent 1.1 ranged request bugfix, Dont sent optional files details on websocket, Remove files from workermanager tasks if no longer in bad_files, Notify local client about changes on external siteSign
2015-11-09 00:44:03 +01:00
|
|
|
.sidebar .fields label {
|
|
|
|
font-family: Consolas, monospace; text-transform: uppercase; font-size: 13px; color: #ACACAC; display: inline-block; margin-bottom: 10px;
|
Rev957, Sidebar displays onion peers in graph, Sidebar display bad file retry number, Sidebar site Update/Pause/Delete, Ratelimit sidebar update, Encoded typo, Fix onion findHashId, More retry for bad files, Log file path errors, Testcase for self findhashIds, Testcase for Tor findHashId, Better Tor version parse, UiWebsocket callback on update/pause/resume/delete, Skip invalid postMessage messages
2016-03-09 00:48:57 +01:00
|
|
|
vertical-align: text-bottom; margin-right: 10px; width: 100%
|
Rev571, Optional file sizes to sidebar, Download all optional files option in sidebar, Optional file number in peer stats, Delete removed or changed optional files, Auto download optional files if autodownloadoptional checked, SiteReload command, Peer use global file server if no site defined, Allow browser cache video files, Allow more keepalive connections, Gevent 1.1 ranged request bugfix, Dont sent optional files details on websocket, Remove files from workermanager tasks if no longer in bad_files, Notify local client about changes on external siteSign
2015-11-09 00:44:03 +01:00
|
|
|
}
|
2015-08-16 11:51:00 +02:00
|
|
|
.sidebar .fields label small { font-weight: normal; color: white; text-transform: none; }
|
2016-11-18 20:15:18 +01:00
|
|
|
.sidebar .fields .text { background-color: black; border: 0px; padding: 10px; color: white; border-radius: 3px; width: 260px; font-family: Consolas, monospace; }
|
2015-08-16 11:51:00 +02:00
|
|
|
.sidebar .fields .text.long { width: 330px; font-size: 72%; }
|
|
|
|
.sidebar .fields .disabled { color: #AAA; background-color: #3B3B3B; }
|
|
|
|
.sidebar .fields .text-num { width: 30px; text-align: right; padding-right: 30px; }
|
|
|
|
.sidebar .fields .text-post { color: white; font-family: Consolas, monospace; display: inline-block; font-size: 13px; margin-left: -25px; width: 25px; }
|
|
|
|
|
|
|
|
/* Select */
|
|
|
|
.sidebar .fields select {
|
|
|
|
width: 225px; background-color: #3B3B3B; color: white; font-family: Consolas, monospace; appearance: none;
|
|
|
|
padding: 5px; padding-right: 25px; border: 0px; border-radius: 3px; height: 35px; vertical-align: 1px; box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
|
|
|
|
}
|
|
|
|
.sidebar .fields .select-down { margin-left: -39px; width: 34px; display: inline-block; transform: rotateZ(90deg); height: 35px; vertical-align: -8px; pointer-events: none; font-weight: bold }
|
|
|
|
|
|
|
|
/* Checkbox */
|
|
|
|
.sidebar .fields .checkbox { width: 50px; height: 24px; position: relative; z-index: 999; opacity: 0; }
|
|
|
|
.sidebar .fields .checkbox-skin { background-color: #CCC; width: 50px; height: 24px; border-radius: 15px; transition: all 0.3s ease-in-out; display: inline-block; margin-left: -59px; }
|
|
|
|
.sidebar .fields .checkbox-skin:before {
|
|
|
|
content: ""; position: relative; width: 20px; background-color: white; height: 20px; display: block; border-radius: 100%; margin-top: 2px; margin-left: 2px;
|
|
|
|
transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
|
|
|
|
}
|
|
|
|
.sidebar .fields .checkbox:checked ~ .checkbox-skin:before { margin-left: 27px; }
|
|
|
|
.sidebar .fields .checkbox:checked ~ .checkbox-skin { background-color: #2ECC71; }
|
|
|
|
|
|
|
|
/* Fake input */
|
|
|
|
.sidebar .input { font-size: 13px; width: 250px; display: inline-block; overflow: hidden; text-overflow: ellipsis; vertical-align: top }
|
|
|
|
|
|
|
|
/* GRAPH */
|
|
|
|
|
2016-09-04 17:46:09 +02:00
|
|
|
.graph { padding: 0px; list-style-type: none; width: 351px; background-color: black; height: 10px; border-radius: 8px; overflow: hidden; position: relative; font-size: 0 }
|
Rev571, Optional file sizes to sidebar, Download all optional files option in sidebar, Optional file number in peer stats, Delete removed or changed optional files, Auto download optional files if autodownloadoptional checked, SiteReload command, Peer use global file server if no site defined, Allow browser cache video files, Allow more keepalive connections, Gevent 1.1 ranged request bugfix, Dont sent optional files details on websocket, Remove files from workermanager tasks if no longer in bad_files, Notify local client about changes on external siteSign
2015-11-09 00:44:03 +01:00
|
|
|
.graph li { height: 100%; position: absolute; transition: all 0.3s; }
|
2016-09-04 17:46:09 +02:00
|
|
|
.graph-stacked { white-space: nowrap; }
|
|
|
|
.graph-stacked li { position: static; display: inline-block; height: 20px }
|
2015-08-16 11:51:00 +02:00
|
|
|
|
|
|
|
.graph-legend { padding: 0px; list-style-type: none; margin-top: 13px; font-family: Consolas, "Andale Mono", monospace; font-size: 13px; text-transform: capitalize; }
|
|
|
|
.sidebar .graph-legend li { margin: 0px; margin-top: 5px; margin-left: 0px; width: 160px; float: left; position: relative; }
|
|
|
|
.sidebar .graph-legend li:nth-child(odd) { margin-right: 29px }
|
|
|
|
.graph-legend span { position: absolute; }
|
|
|
|
.graph-legend b { text-align: right; display: inline-block; width: 50px; float: right; font-weight: normal; }
|
|
|
|
.graph-legend li:before { content: '\2022'; font-size: 23px; line-height: 0px; vertical-align: -3px; margin-right: 5px; }
|
|
|
|
|
Rev903, FeedQuery command only available for ADMIN sites, Show bad files in sidebar, Log unknown messages, Add and check inner_path and site address on sign/verify, Better peer cleanup limit, Log site load times, Testcase for address and inner_path verification, Re-sign testsite with new fields, Fix unnecessary loading screen display when browsing sub-folder with index.html, Fix safari notification width
2016-02-18 11:22:21 +01:00
|
|
|
.filelist { font-size: 12px; font-family: monospace; margin: 0px; padding: 0px; list-style-type: none; line-height: 1.5em; }
|
|
|
|
.filelist li:before { content: '\2022'; font-size: 11px; line-height: 0px; vertical-align: 0px; margin-right: 5px; color: #FFBE00; }
|
2016-02-23 01:36:47 +01:00
|
|
|
.filelist li { overflow: hidden; text-overflow: ellipsis; }
|
Rev903, FeedQuery command only available for ADMIN sites, Show bad files in sidebar, Log unknown messages, Add and check inner_path and site address on sign/verify, Better peer cleanup limit, Log site load times, Testcase for address and inner_path verification, Re-sign testsite with new fields, Fix unnecessary loading screen display when browsing sub-folder with index.html, Fix safari notification width
2016-02-18 11:22:21 +01:00
|
|
|
|
2015-08-16 11:51:00 +02:00
|
|
|
/* COLORS */
|
|
|
|
|
|
|
|
.back-green { background-color: #2ECC71 }
|
|
|
|
.color-green:before { color: #2ECC71 }
|
|
|
|
.back-blue { background-color: #3BAFDA }
|
|
|
|
.color-blue:before { color: #3BAFDA }
|
2016-09-04 17:46:09 +02:00
|
|
|
.back-darkblue { background-color: #156fb7 }
|
|
|
|
.color-darkblue:before { color: #156fb7 }
|
2015-08-16 11:51:00 +02:00
|
|
|
.back-purple { background-color: #B10DC9 }
|
|
|
|
.color-purple:before { color: #B10DC9 }
|
|
|
|
.back-yellow { background-color: #FFDC00 }
|
|
|
|
.color-yellow:before { color: #FFDC00 }
|
|
|
|
.back-orange { background-color: #FF9800 }
|
|
|
|
.color-orange:before { color: #FF9800 }
|
|
|
|
.back-gray { background-color: #ECF0F1 }
|
|
|
|
.color-gray:before { color: #ECF0F1 }
|
|
|
|
.back-black { background-color: #34495E }
|
|
|
|
.color-black:before { color: #34495E }
|
2016-09-04 17:46:09 +02:00
|
|
|
.back-red { background-color: #5E4934 }
|
|
|
|
.color-red:before { color: #5E4934 }
|
|
|
|
.back-gray { background-color: #9e9e9e }
|
|
|
|
.color-gray:before { color: #9e9e9e }
|
2015-08-16 11:51:00 +02:00
|
|
|
.back-white { background-color: #EEE }
|
|
|
|
.color-white:before { color: #EEE }
|
2016-09-04 17:46:09 +02:00
|
|
|
.back-red { background-color: #E91E63 }
|
|
|
|
.color-red:before { color: #E91E63 }
|
2015-08-16 11:51:00 +02:00
|
|
|
|
|
|
|
|
|
|
|
/* Settings owned */
|
|
|
|
|
|
|
|
.owned-title { float: left }
|
|
|
|
#checkbox-owned { margin-bottom: 25px; margin-top: 26px; margin-left: 11px; }
|
2016-11-19 12:47:49 +01:00
|
|
|
.settings-owned { clear: both }
|
2015-08-16 11:51:00 +02:00
|
|
|
#checkbox-owned ~ .settings-owned { opacity: 0; max-height: 0px; transition: all 0.3s linear; overflow: hidden }
|
2017-12-30 16:39:07 +01:00
|
|
|
#checkbox-owned:checked ~ .settings-owned { opacity: 1; max-height: 420px }
|
2015-08-16 11:51:00 +02:00
|
|
|
|
2018-03-10 02:01:49 +01:00
|
|
|
/* Settings autodownload */
|
|
|
|
|
|
|
|
.settings-autodownloadoptional { clear: both; box-sizing: border-box; padding-top: 0px; }
|
|
|
|
#checkbox-autodownloadoptional ~ .settings-autodownloadoptional { opacity: 0; max-height: 0px; transition: all 0.3s ease-in-out; overflow: hidden; }
|
|
|
|
#checkbox-autodownloadoptional:checked ~ .settings-autodownloadoptional { opacity: 1; max-height: 120px; padding-top: 30px; }
|
|
|
|
|
2015-08-16 11:51:00 +02:00
|
|
|
/* Globe */
|
|
|
|
.globe { width: 360px; height: 360px }
|
Rev900, Sidebar filestats bar width round fix, Sidebar WebGL not supported error, Sidebar optimalizations, Trayicon gray shadow, Trim end of line whitespace from json files, Fix testweb testcase, Implement experimental postMessage nonce security, Return None when testing external ip, Window opener security check and message, Increase timeout for large files
2016-02-10 02:30:04 +01:00
|
|
|
.globe.loading { background: url(/uimedia/img/loading-circle.gif) center center no-repeat }
|
2016-04-25 02:17:28 +02:00
|
|
|
.globe.error { text-align: center; padding-top: 156px; box-sizing: border-box; opacity: 0.2; }
|
|
|
|
|
|
|
|
/* Sign publish */
|
2018-01-21 18:14:12 +01:00
|
|
|
.contents { background-color: #3B3B3B; color: white; padding: 7px 10px; font-family: Consolas; font-size: 11px; display: inline-block; margin-bottom: 6px; margin-top: 10px }
|
2016-04-25 02:17:28 +02:00
|
|
|
.contents a { color: white }
|
2017-07-29 13:44:54 +02:00
|
|
|
.contents a:active { background-color: #6B6B6B }
|
|
|
|
|
2017-12-31 16:56:17 +01:00
|
|
|
.contents + .flex.active {
|
|
|
|
padding-bottom: 100px;
|
|
|
|
}
|
2017-12-31 16:01:54 +01:00
|
|
|
#wrapper-sign-publish {
|
2017-12-30 15:43:56 +01:00
|
|
|
padding: 0;
|
|
|
|
}
|
2017-12-31 16:01:54 +01:00
|
|
|
#button-sign-publish, #menu-sign-publish {
|
2017-12-30 15:43:56 +01:00
|
|
|
display: inline-block;
|
2017-12-31 16:01:54 +01:00
|
|
|
margin: 5px 10px;
|
2017-12-30 15:43:56 +01:00
|
|
|
|
2017-12-31 16:01:54 +01:00
|
|
|
text-decoration: none;
|
2017-12-30 15:43:56 +01:00
|
|
|
}
|
2017-12-31 16:01:54 +01:00
|
|
|
#button-sign-publish {
|
|
|
|
margin-right: 5px;
|
2017-12-30 15:43:56 +01:00
|
|
|
}
|
2017-12-31 16:01:54 +01:00
|
|
|
#menu-sign-publish {
|
|
|
|
margin-left: 5px;
|
2018-01-21 18:14:12 +01:00
|
|
|
color: #AAA;
|
|
|
|
padding: 7px;
|
|
|
|
margin: 0px;
|
2017-12-30 15:43:56 +01:00
|
|
|
}
|
2018-01-21 18:14:12 +01:00
|
|
|
#menu-sign-publish:hover { color: white }
|
2017-12-30 15:43:56 +01:00
|
|
|
|
2017-07-29 13:44:54 +02:00
|
|
|
/* Small screen */
|
|
|
|
@media screen and (max-width: 600px) {
|
|
|
|
.sidebar .close { display: block }
|
2018-03-10 02:01:49 +01:00
|
|
|
}
|