diff --git a/LICENSE.md b/LICENSE.md index 6636f89..cac506e 100644 --- a/LICENSE.md +++ b/LICENSE.md @@ -6,6 +6,8 @@ * icons/unsplash licensed by [Unsplash License](./LICENSE_UNSPLASH.txt). (Read icons/unsplash/Attribution.html to learn about) +* 7.css licensed by [MIT License](./LICENSE_MIT.css) [Github](https://github.com/khang-nd/7.css) + * Bootstrap Icons licensed by [Mit License](./LICENSE_MIT.txt) * Brython licensed by [BSD-3-Clause License](./LICENCE_BSD3Clause.TXT) @@ -16,4 +18,6 @@ > WineHQ are registered trademarks of WineHQ. -> Python are registered trademarks of Python Software Foundation. \ No newline at end of file +> Python are registered trademarks of Python Software Foundation. + +> LibreOffice are registered trademarks of The Document Foundation. \ No newline at end of file diff --git a/README.md b/README.md index da554a5..7617e0d 100644 --- a/README.md +++ b/README.md @@ -20,7 +20,7 @@ For introduce the Ubuntu environment' beauty (on web) and for fun. :) I was insp ## To-Do List * Increase clone apps' functionality -* [8] Create more clone application +* [12] Create more clone application * [+] Update interface to similar Ubuntu 21.10 interface * [-] Update interface to similar Ubuntu 22.04 interface diff --git a/apps/css/app-styles.css b/apps/css/app-styles.css index cadd84e..7810a63 100644 --- a/apps/css/app-styles.css +++ b/apps/css/app-styles.css @@ -20,26 +20,38 @@ body{ -webkit-user-select: none; } +input, textarea{ + padding: 0px; +} + .special-button{ - border: #111111; + border: #111111 1px solid; background: #333333; border-radius: 3px; - width: 30px; + width: 31px; height: 30px; display: flex; justify-content: center; align-content: center; + transition-duration: 0.3s; flex-direction: column; } .special-button-image{ + position: relative; width: 20px; height: 20px; filter: brightness(2); + left: -1px; +} + +.special-button:hover{ + transition-duration: 0.2s; + background: #555555; } .special-textbox{ - border: #111111; + border: #111111 1px solid; background: #333333; border-radius: 3px; height: 28px; diff --git a/apps/filemanager/css/app.css b/apps/filemanager/css/app.css index caa801c..279331e 100644 --- a/apps/filemanager/css/app.css +++ b/apps/filemanager/css/app.css @@ -21,19 +21,21 @@ position: absolute; top: 0px; left: 0px; + border-radius: 3px 0px 0px 3px; } #forward{ position: absolute; top: 0px; left: 30px; + border-radius: 0px 3px 3px 0px; } #url-bar{ position: absolute; top:0px; left: 70px; - width: calc(100% - 209px); + width: calc(100% - 212px); } #searchAnything{ @@ -46,12 +48,14 @@ position: absolute; right: 65px; top: 0px; + border-radius: 3px 0px 0px 3px; } #changeLook{ position: absolute; right: 35px; top: 0px; + border-radius: 0px 3px 3px 0px; } #menu{ diff --git a/apps/filemanager/css/trash.css b/apps/filemanager/css/trash.css index db73e93..19f44ec 100644 --- a/apps/filemanager/css/trash.css +++ b/apps/filemanager/css/trash.css @@ -21,7 +21,7 @@ button{ width: 150px; - border: #111111; + border: #111111 1px solid; background: #333333; border-radius: 3px; height: 30px; diff --git a/apps/help/css/app.css b/apps/help/css/app.css index 73a6a84..53aae54 100644 --- a/apps/help/css/app.css +++ b/apps/help/css/app.css @@ -8,12 +8,14 @@ position: absolute; top: 0px; left: 0px; + border-radius: 3px 0px 0px 3px; } #forward{ position: absolute; top: 0px; left: 30px; + border-radius: 0px 3px 3px 0px; } #bookmarks{ diff --git a/apps/imageviewer/css/app.css b/apps/imageviewer/css/app.css index a95d707..6d869da 100644 --- a/apps/imageviewer/css/app.css +++ b/apps/imageviewer/css/app.css @@ -9,20 +9,23 @@ position: absolute; top: 0px; left: 0px; + border-radius: 3px 0px 0px 3px; } #zoomNumber{ position: absolute; top: 0px; - width: 96px; + width: 99px; left: 30px; text-align: center; + border-radius: 0px; } #zoom-in{ position: absolute; top:0px; left: 130px; + border-radius: 0px 3px 3px 0px; } #fullscreen{ diff --git a/apps/libreoffice/calc/_bottom_left.png b/apps/libreoffice/calc/_bottom_left.png new file mode 100644 index 0000000..5835bc0 Binary files /dev/null and b/apps/libreoffice/calc/_bottom_left.png differ diff --git a/apps/libreoffice/calc/_bottom_right.png b/apps/libreoffice/calc/_bottom_right.png new file mode 100644 index 0000000..7467c25 Binary files /dev/null and b/apps/libreoffice/calc/_bottom_right.png differ diff --git a/apps/libreoffice/calc/_side.png b/apps/libreoffice/calc/_side.png new file mode 100644 index 0000000..29a9af7 Binary files /dev/null and b/apps/libreoffice/calc/_side.png differ diff --git a/apps/libreoffice/calc/_top.png b/apps/libreoffice/calc/_top.png new file mode 100644 index 0000000..24c3fe7 Binary files /dev/null and b/apps/libreoffice/calc/_top.png differ diff --git a/apps/libreoffice/calc/_top2.png b/apps/libreoffice/calc/_top2.png new file mode 100644 index 0000000..351658a Binary files /dev/null and b/apps/libreoffice/calc/_top2.png differ diff --git a/apps/libreoffice/calc/index.html b/apps/libreoffice/calc/index.html new file mode 100644 index 0000000..fce903e --- /dev/null +++ b/apps/libreoffice/calc/index.html @@ -0,0 +1,63 @@ + + + + + + + + Writer + + + + + + + + + +
+ + +
+ + \ No newline at end of file diff --git a/apps/libreoffice/writer/_bottom.png b/apps/libreoffice/writer/_bottom.png new file mode 100644 index 0000000..f4346df Binary files /dev/null and b/apps/libreoffice/writer/_bottom.png differ diff --git a/apps/libreoffice/writer/_side.png b/apps/libreoffice/writer/_side.png new file mode 100644 index 0000000..48d0faa Binary files /dev/null and b/apps/libreoffice/writer/_side.png differ diff --git a/apps/libreoffice/writer/_top.png b/apps/libreoffice/writer/_top.png new file mode 100644 index 0000000..da1efe0 Binary files /dev/null and b/apps/libreoffice/writer/_top.png differ diff --git a/apps/libreoffice/writer/index.html b/apps/libreoffice/writer/index.html new file mode 100644 index 0000000..4253516 --- /dev/null +++ b/apps/libreoffice/writer/index.html @@ -0,0 +1,69 @@ + + + + + + + + Writer + + + + + + + +
+ +
+ + \ No newline at end of file diff --git a/apps/maps/css/app.css b/apps/maps/css/app.css index bf69c85..8563f0b 100644 --- a/apps/maps/css/app.css +++ b/apps/maps/css/app.css @@ -21,12 +21,14 @@ position: absolute; top: 0px; left: 70px; + border-radius: 3px 0px 0px 3px; } #zoom-in{ position: absolute; top:0px; left: 100px; + border-radius: 0px 3px 3px 0px; } #searchbar{ diff --git a/apps/maps/map.html b/apps/maps/map.html index fa630b1..225e2fb 100644 --- a/apps/maps/map.html +++ b/apps/maps/map.html @@ -16,4 +16,17 @@ document.getElementById("OpenLayers_Control_Zoom_5").hidden=true; + diff --git a/apps/weather/app.html b/apps/weather/app.html new file mode 100644 index 0000000..0e79783 --- /dev/null +++ b/apps/weather/app.html @@ -0,0 +1,173 @@ + + + + + + + +
+ +
New York
+
0 °C
+
+
+
Weather From Open Meteo
+ + + + diff --git a/apps/weather/css/app.css b/apps/weather/css/app.css new file mode 100644 index 0000000..edcd6aa --- /dev/null +++ b/apps/weather/css/app.css @@ -0,0 +1,41 @@ +.content-iframe{ + width: 100%; + height: 100%; + border: none; + z-index: -1; +} + +#reload{ + position: absolute; + top: 0px; + left: 0px; +} + +#hourly{ + position: absolute; + top: 0px; + left: 0px; + width: 75px; + color: #ffffff; + left: calc(50% - 75px); + place-items: center; + border-radius: 3px 0px 0px 3px !important; +} + +#daily{ + position: absolute; + top: 0px; + left: 0px; + background: #111111; + color: #ffffff; + left: 50%; + width: 75px; + place-items: center; + border-radius: 0px 3px 3px 0px !important; +} + +#menu{ + position: absolute; + right: 0px; + top: 0px; +} \ No newline at end of file diff --git a/apps/weather/index.html b/apps/weather/index.html new file mode 100644 index 0000000..fdd21c2 --- /dev/null +++ b/apps/weather/index.html @@ -0,0 +1,31 @@ + + + + + + + + + + +
+
+ + + + +
+
+ +
+
+ + \ No newline at end of file diff --git a/apps/weather/js/app.js b/apps/weather/js/app.js new file mode 100644 index 0000000..8627b47 --- /dev/null +++ b/apps/weather/js/app.js @@ -0,0 +1,15 @@ +function reload(){ + document.querySelector(".content-iframe").src=document.querySelector(".content-iframe").src; +} + +function showMenu(){ + alert("It's just a demo :)"); +} + +function hourly(){ + alert("It's just a demo :)"); +} + +function daily(){ + alert("It's just a demo :)"); +} \ No newline at end of file diff --git a/apps/webbrowser/css/app.css b/apps/webbrowser/css/app.css index dc8bf57..f5e0a89 100644 --- a/apps/webbrowser/css/app.css +++ b/apps/webbrowser/css/app.css @@ -8,12 +8,14 @@ position: absolute; top: 0px; left: 0px; + border-radius: 3px 0px 0px 3px; } #forward{ position: absolute; top: 0px; left: 30px; + border-radius: 0px 3px 3px 0px; } #reload{ @@ -32,7 +34,7 @@ position: absolute; top:0px; left: 135px; - width: calc(100% - 209px); + width: calc(100% - 207px); } #bookmarks{ diff --git a/apps/wine/css/7.css b/apps/wine/css/7.css new file mode 100644 index 0000000..dbdb70d --- /dev/null +++ b/apps/wine/css/7.css @@ -0,0 +1,2 @@ +/*! 7.css v0.5.0 - https://khang-nd.github.io/7.css */body{font-family:Arial;font-size:12px;color:#222}.surface{background:#f0f0f0}h1{font-size:5rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}u{text-decoration:none;border-bottom:.5px solid #222}code,code *{font-family:monospace}pre{display:block;margin:0;padding:12px 8px;background:#fff;border:1px solid #888}summary:focus{outline:1px dotted #000}::-webkit-scrollbar{width:16px}::-webkit-scrollbar:horizontal{height:17px}::-webkit-scrollbar-corner{background:#eee}::-webkit-scrollbar-track:vertical{background:linear-gradient(90deg,#e5e5e5,#f0f0f0 20%)}::-webkit-scrollbar-track:horizontal{background:linear-gradient(180deg,#e5e5e5,#f0f0f0 20%)}::-webkit-scrollbar-thumb{border:1.5px solid #888;border-radius:3px;box-shadow:inset 0 -1px 1px #fff,inset 0 1px 1px #fff;background-color:#eee}::-webkit-scrollbar-thumb:vertical{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAIAAADpZ+PpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADrSURBVChTTc5LboJQGAXguyoCu4ERCzAGlRk7UOwGWIDh0s4M4kxb06RSq/jAB6AxJkJ4lTDrue3AnvyzP+fLId+/yfM8juP7PQmCCOf7B3e+ZD+O40RRVFW12VQUpd3r9U3T2m4OpKoqWZYNwzBZLEqfh0N7NnvfrPcEWlEUWZb9mWF4Ph6D0ylcLbfM5HkeJrhGA2hb15/QXnv+w7RYXsDatjOdvnmrHSnLEizMNE2v11sUXQBCnn98kbquBUGQJAlmq9WB2e3qg4HJdqKkaRql1HGc0WgMcDJ5dd0F24kediZJ8t/ELT69H+8py0CYSIO5AAAAAElFTkSuQmCC") no-repeat 50%,linear-gradient(90deg,#eee 45%,#ddd 0,#bbb)}::-webkit-scrollbar-thumb:horizontal{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADcSURBVChTNZBLqoUwEEQrURQUxZGCvy24ACfiityJi7tv8GauQoPxk5tquA2RQ9vVVYk6z9NZaxFFEe77htYazjk8z4MwDIVZ+rourOuKaZrwvi+WZcE8z1BKCbPPCjk4DAO2bRP1OI7wLiL6Mbd7J408z1GWpQwWRYGqqiQG+03TgMu0MacfUN4qANmn8UOv9MjW3sKaSm7iIdOSlziOQ3LScd93aPonSYK6riVLlmVo21aYfVqzND9pmqLrOlGT+76XbcxLZkb19/l3fEP+oF0cx8KMEASBsDEGX2/CgZCHkg+8AAAAAElFTkSuQmCC") no-repeat 50%,linear-gradient(180deg,#eee 45%,#ddd 0,#bbb)}::-webkit-scrollbar-button:horizontal:end:increment,::-webkit-scrollbar-button:horizontal:start:decrement,::-webkit-scrollbar-button:vertical:end:increment,::-webkit-scrollbar-button:vertical:start:decrement{display:block}::-webkit-scrollbar-button:vertical{height:17px}::-webkit-scrollbar-button:vertical:start{background:url(button-up.svg),linear-gradient(90deg,#e5e5e5,#f0f0f0 20%)}::-webkit-scrollbar-button:vertical:end{background:url(button-down.svg),linear-gradient(90deg,#e5e5e5,#f0f0f0 20%)}::-webkit-scrollbar-button:horizontal{width:16px}::-webkit-scrollbar-button:horizontal:start{background:url(button-left.svg),linear-gradient(180deg,#e5e5e5,#f0f0f0 20%)}::-webkit-scrollbar-button:horizontal:end{background:url(button-right.svg),linear-gradient(180deg,#e5e5e5,#f0f0f0 20%)}[role=tooltip]{position:relative;padding:1em 1em 1em 2.5em;border:1px solid rgba(0,0,0,.4);border-radius:3px;box-shadow:5px 5px 3px -3px rgba(0,0,0,.4);background:linear-gradient(180deg,#fff,#ddd)}[role=tooltip]:before{content:"";position:absolute;background:url(balloon-tail.png);width:18px;height:18px;top:-18px;left:1em}[role=tooltip][id]{position:absolute}.button,button{font:9pt Segoe UI,sans-serif;box-sizing:border-box;border:1.5px solid #888;border-radius:3px;box-shadow:inset 0 -1px 1px #fff,inset 0 1px 1px #fff;min-width:75px;min-height:23px;padding:0 12px;text-align:center;background:linear-gradient(180deg,#eee 45%,#ddd 0,#bbb)}.button:not(:disabled):hover,button:not(:disabled):hover{border-color:#72a2c5;background:linear-gradient(180deg,#e5f4fd 45%,#b3e0f9 0)}.button:not(:disabled).active,.button:not(:disabled):active,button:not(:disabled).active,button:not(:disabled):active{box-shadow:none;border-color:#6d91ab;background:linear-gradient(180deg,#cee9f8 45%,#86c6e8 0)}.button.focused,.button:focus,button.focused,button:focus{box-shadow:inset 0 0 0 2px #86c6e8;outline:1px dotted #000;outline-offset:-4px}label{display:inline-flex;align-items:center}input,label{font:9pt Segoe UI,sans-serif}input[type=email],input[type=number],input[type=password],input[type=text]{height:23px}input[type=email],input[type=number],input[type=password],input[type=text],textarea{font:9pt Segoe UI,sans-serif;padding:3px 4px 5px;border:1px solid #ccc;border-top-color:#888;border-radius:2px;background-color:#fff;box-sizing:border-box}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=text]:focus,textarea:focus{outline:none;border-color:#86c6e8 #b3e0f9 #b3e0f9}select{font:9pt Segoe UI,sans-serif;border:1.5px solid #888;border-radius:3px;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;padding:2px 30px 2px 3px;background:url(button-down.svg),linear-gradient(180deg,#eee 45%,#ddd 0,#bbb);background-position:100%;background-repeat:no-repeat}select:focus{outline:none;border-color:#6d91ab;background-image:url(button-down.svg),linear-gradient(180deg,#cee9f8 45%,#86c6e8 0)}input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0;background:0;position:fixed;opacity:0;border:none}input[type=radio]+label{line-height:13px;position:relative;margin-left:18px}input[type=radio]+label:before{content:"";position:absolute;top:0;left:-18px;display:inline-block;width:12px;height:12px;margin-right:6px;background:#fff;border-radius:50%;border:1px solid #888;box-shadow:inset 0 0 0 1.5px #ddd,inset 1px 3px 4px #888;box-sizing:border-box}input[type=radio]:checked+label:after{content:"";display:block;width:7px;height:7px;top:2.5px;left:-15.5px;position:absolute;background:#7cd3eb;border-radius:50%;border:1.5px solid #27506d;box-shadow:inset -1px -1px 0 .5px #16638f,inset -1px -1px 0 1px #1985c0;box-sizing:border-box}input[type=radio]:focus+label{outline:1px dotted #000}input[type=radio]:disabled+label{opacity:.6}input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0;background:0;position:fixed;opacity:0;border:none}input[type=checkbox]+label{line-height:13px;position:relative;margin-left:0}input[type=checkbox]+label:before{content:"";display:inline-block;width:13px;height:13px;margin-right:6px;background:#ddd;border:1px solid #888;box-shadow:inset 0 0 0 1.5px #eee,inset 0 2px 4px #888,inset -2px -3px 4px #fff;box-sizing:border-box}input[type=checkbox]:focus+label{outline:1px dotted #000}input[type=checkbox]:active+label:before{background:#f0f0f0}input[type=checkbox]:checked+label:after{content:"\2714";font-weight:700;display:block;width:7px;height:7px;position:absolute;top:0;left:2px;color:#16638f}input[type=checkbox]:disabled+label{opacity:.6}fieldset{border:1px solid #cdd7db;border-radius:3px;box-shadow:inset 0 0 0 1px #fff;padding:10px;padding-block-start:8px;margin:0}.field-row{display:flex;align-items:center}.field-row>*+*{margin-left:6px}.field-row-stacked{display:flex;flex-direction:column}.field-row-stacked *+*,[class^=field-row]+[class^=field-row]{margin-top:6px}[role=progressbar]{height:15px;border:1px solid #888;border-radius:3px;box-shadow:inset 0 0 2px #fff,0 0 2px #aaa;margin:2px 0;overflow:hidden;background:linear-gradient(90deg,rgba(0,0,0,.1),transparent 20%,transparent 80%,rgba(0,0,0,.1)),linear-gradient(180deg,hsla(0,0%,100%,.6) 25%,rgba(0,0,0,.05) 35%,rgba(0,0,0,.05) 90%,hsla(0,0%,100%,.2) 95%),#ddd}[role=progressbar]>div{overflow:hidden;height:100%;box-shadow:inset 0 0 1px #fff;background-color:#0bd82c;background-image:linear-gradient(90deg,rgba(0,0,0,.2),transparent 20%,transparent 80%,rgba(0,0,0,.2)),linear-gradient(180deg,hsla(0,0%,100%,.6) 30%,rgba(0,0,0,.05) 0,rgba(0,0,0,.05) 90%,hsla(0,0%,100%,.2) 95%)}[role=progressbar].paused>div{background-color:#e6df1b}[role=progressbar].error>div{background-color:#ef0000}[role=progressbar].animate>div:before,[role=progressbar].marquee:before{content:"";animation:progressbar 3s linear infinite;display:block;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.5),transparent 40%)}[role=progressbar].marquee:before{opacity:.5;background:linear-gradient(90deg,transparent,#0bd82c,transparent 35%)}@keyframes progressbar{0%{transform:translateX(-40%)}60%{transform:translateX(100%)}to{transform:translateX(100%)}}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:18px;width:10px;background:url(slider-indicator.png);transform:translateY(-7px)}input[type=range]::-webkit-slider-thumb:active{background:url(slider-indicator-active.png)}input[type=range]::-moz-range-thumb{height:18px;width:10px;background:url(slider-indicator.png);border:0;border-radius:0}input[type=range]::-moz-range-thumb:active{background:url(slider-indicator-active.png)}input[type=range]::-webkit-slider-runnable-track{width:100%;height:3px;background:#f0f0f0;box-sizing:border-box;box-shadow:inset 1px 1px 1px #999,inset -1px 0 #999,0 1px #fff}input[type=range]::-moz-range-track{width:100%;height:3px;background:#f0f0f0;box-sizing:border-box;box-shadow:inset 1px 1px 1px #999,inset -1px 0 #999,0 1px #fff}input[type=range].has-box-indicator::-webkit-slider-thumb{background:url(slider-indicator-box.png)}input[type=range].has-box-indicator::-webkit-slider-thumb:active{background:url(slider-indicator-box-active.png)}input[type=range].has-box-indicator::-moz-range-thumb{background:url(slider-indicator-box.png)}input[type=range].has-box-indicator::-moz-range-thumb:active{background:url(slider-indicator-box-active.png)}.is-vertical{display:inline-block;width:4px;height:150px;transform:translateY(50%)}.is-vertical>input[type=range]{width:150px;height:4px;margin:0 16px 0 10px;transform-origin:left;transform:rotate(270deg) translateX(calc(-50% + 8px))}.is-vertical>input[type=range]::-webkit-slider-thumb{transform:translateY(-8px) scaleX(-1)}.is-vertical>input[type=range]::-moz-range-thumb{transform:translateY(2px) scaleX(-1)}.is-vertical>input[type=range].has-box-indicator::-webkit-slider-thumb{transform:translateY(-9px) scaleX(-1)}.is-vertical>input[type=range].has-box-indicator::-moz-range-thumb{transform:translateY(0) scaleX(-1)}menu[role=tablist]{position:relative;margin:0 0 -2px;text-indent:0;list-style-type:none;display:flex;padding-left:3px}menu[role=tablist] button{padding:2px 6px;border-radius:0;z-index:1;display:block;color:#222;text-decoration:none;min-width:unset}menu[role=tablist] button[aria-selected=true]{padding-bottom:4px;margin:-2px -1px 1px -3px;background:#fff;box-shadow:none;border-bottom:0;position:relative;z-index:8}menu[role=tablist] button:focus{outline:1px dotted #222;outline-offset:-4px}menu[role=tablist] button:disabled{opacity:.6}menu[role=tablist].justified button{flex-grow:1;text-align:center}[role=tabpanel]{padding:14px;clear:both;position:relative;z-index:2;margin-bottom:9px}[role=tabpanel],ul.tree-view{background:#fff;border:1px solid #888}ul.tree-view{font:9pt Segoe UI,sans-serif;display:block;padding:6px 6px 6px 16px;margin:0}ul.tree-view li{list-style-type:none;margin-top:3px}ul.tree-view a{text-decoration:none;color:#000}ul.tree-view ul{margin-top:3px;padding-left:16px}ul.tree-view details{margin-top:0}ul.tree-view details>summary{position:relative;margin-bottom:0}ul.tree-view details>summary:before{content:"";position:absolute;right:100%;border:5px solid transparent;border-left-color:#000;border-radius:3px;margin-top:2.5px}ul.tree-view details[open]>summary:before{transform:rotate(45deg);margin-top:5px}.window{font:9pt Segoe UI,sans-serif;box-shadow:0 0 5px 1px rgba(0,0,0,.6);border:1px solid rgba(0,0,0,.6);border-radius:6px;position:relative}.window:before{content:"";position:absolute;z-index:-1;width:100%;height:100%;border-radius:6px;background:linear-gradient(transparent 20%,hsla(0,0%,100%,.7) 40%,transparent 41%),linear-gradient(90deg,hsla(0,0%,100%,.4),rgba(0,0,0,.1),hsla(0,0%,100%,.2)),linear-gradient(55deg,transparent,rgba(0,0,0,.1) 20%,rgba(0,0,0,.1) 50%,transparent 53%),#4580c4}.window-body{margin:0 6px 6px;padding:6px;border:1px solid rgba(0,0,0,.6);background:#f0f0f0;box-shadow:0 0 1px .5px #fff}.window-body pre{margin:-6px}.window-footer,.window footer{margin:-7px 6px 6px;background:#f0f0f0;border:1px solid rgba(0,0,0,.6);border-top:0;box-shadow:0 .5px 1px .5px #fff;position:relative;padding:10px}.window-footer:before,.window footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;box-shadow:inset 0 1px rgba(0,0,0,.3),inset 0 -1px #fff}.window.is-bright .window-body{background:#fff}.window.is-bright .window-footer,.window.is-bright footer{background:#eee;box-shadow:inset 0 1px 3px #ddd}.window.is-bright .window-footer:before,.window.is-bright footer:before{content:none}.window.glass{backdrop-filter:blur(1.5px)}.window.glass:before{opacity:.5;filter:brightness(1.4)}.window.glass>.title-bar{background:linear-gradient(55deg,transparent 8%,hsla(0,0%,100%,.1) 10%,hsla(0,0%,100%,.3) 30%,rgba(0,0,0,.1) 32%,rgba(0,0,0,.3) 55%,transparent 57%,hsla(0,0%,100%,.3) 70%,transparent 72%)}.window>.title-bar{border:0;box-shadow:inset 0 .5px #fff}.window fieldset{margin-bottom:9px}.window[role=dialog]{position:fixed;z-index:999;top:50%;left:50%;transform:translate(-50%,-50%);visibility:hidden;opacity:0;transition-duration:.2s;transition-property:visibility,opacity}.window[role=dialog]:target{visibility:visible;opacity:1}.title-bar{font:9pt Segoe UI,sans-serif;box-shadow:inset 0 0 .5px .5px #fff;border:1px solid rgba(0,0,0,.6);border-radius:6px 6px 0 0;padding:6px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,hsla(0,0%,100%,.4),rgba(0,0,0,.1),hsla(0,0%,100%,.2)),linear-gradient(55deg,transparent,rgba(0,0,0,.1) 20%,rgba(0,0,0,.1) 50%,transparent 53%),#4580c4}.title-bar-text{color:#000;letter-spacing:0;line-height:15px;text-shadow:0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff}.title-bar-controls{display:flex;background:hsla(0,0%,100%,.2);border:1px solid rgba(0,0,0,.6);border-top:0;border-radius:0 0 5px 5px;margin-top:-6px;box-shadow:0 0 2px #fff}.title-bar-controls button{position:relative;min-width:26px;min-height:20px;padding:0;border:0;border-right:1px solid rgba(0,0,0,.6);border-radius:0;box-shadow:inset 0 0 0 .5px #eee;box-sizing:border-box;background:linear-gradient(hsla(0,0%,100%,.3),hsla(0,0%,100%,.3) 45%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.1) 75%,hsla(0,0%,100%,.5))}.title-bar-controls button:first-child{border-bottom-left-radius:5px}.title-bar-controls button:last-child{border:0;border-bottom-right-radius:5px}.title-bar-controls button:focus{outline:none}.title-bar-controls button:hover{background:radial-gradient(circle at 50% 100%,#2aceda,transparent 60%),linear-gradient(#a9d2e8 50%,#196c9b 0)}.title-bar-controls button:active{box-shadow:inset 0 0 0 .5px #eee;background:radial-gradient(circle at 50% 100%,#0bfdfa,transparent 60%),linear-gradient(#86a7bc 50%,#092747 0)}.title-bar-controls button:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0}.title-bar-controls button[aria-label=Minimize]:before{background:url(minimize.png) no-repeat center 10px}.title-bar-controls button[aria-label=Maximize]:before{background:url(maximize.png) no-repeat 50%}.title-bar-controls button[aria-label=Restore]:before{background:url(restore.png) no-repeat 50%}.title-bar-controls button[aria-label=Close]{background-color:#d04a37;width:45px}.title-bar-controls button[aria-label=Close]:before{background:url(close.png) no-repeat 50%}.title-bar-controls button[aria-label=Close]:hover{filter:contrast(1.3)}.title-bar-controls button[aria-label=Close]:active,.title-bar-controls button[aria-label=Close]:hover{background-image:linear-gradient(hsla(0,0%,100%,.3),hsla(0,0%,100%,.3) 45%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.1) 75%,hsla(0,0%,100%,.5))}.title-bar-controls button[aria-label=Close]:active{filter:contrast(1.3) brightness(.7)}.status-bar{margin:-6px 6px 6px;background:#f0f0f0;border:1px solid rgba(0,0,0,.6);border-top:0;box-shadow:0 .5px 1px .5px #fff;display:flex}.status-bar-field{border-right:1px solid #cfcfcf;padding:2px 3px;margin:0;flex-grow:1}.status-bar-field:last-child{border-right:0}ul[role]{margin:0;padding:0;list-style:none;cursor:default}ul[role=menubar]{display:flex;background:linear-gradient(#fff 20%,#f1f4fa 25%,#f1f4fa 43%,#d4dbee 48%,#e6eaf6)}ul[role=menubar]>[role=menuitem]{position:relative;padding:6px 10px}ul[role=menubar]>[role=menuitem]:focus,ul[role=menubar]>[role=menuitem]:focus-within,ul[role=menubar]>[role=menuitem]:hover{background:#39f;color:#fff;outline:none}ul[role=menu]{position:relative;min-width:150px;padding:2px;background:#f0f0f0;color:initial;border:1px solid rgba(0,0,0,.4);box-shadow:4px 4px 3px -2px rgba(0,0,0,.5)}ul[role=menu]:before{content:"";pointer-events:none;position:absolute;left:28px;width:2px;height:calc(100% - 4px);box-shadow:inset 1px 0 rgba(0,0,0,.15),inset -1px 0 #fff}[role=menuitem] ul[role=menu]{display:none;position:absolute;left:0;top:100%;z-index:99}ul[role=menu] [role=menuitem]>[role=menu]{top:-4px;left:100%}ul[role=menu]>[role=menuitem]>a,ul[role=menu]>[role=menuitem]>button,ul[role=menu]>[role=menuitem][aria-haspopup=true]{all:unset;position:relative;display:block;width:100%;padding:4px 10px 4px 32px;box-sizing:border-box;border:1px solid transparent;border-radius:3px}ul[role=menu]>[role=menuitem]>a:focus,ul[role=menu]>[role=menuitem]>a:hover,ul[role=menu]>[role=menuitem]>button:focus,ul[role=menu]>[role=menuitem]>button:hover,ul[role=menu]>[role=menuitem][aria-haspopup=true]:focus,ul[role=menu]>[role=menuitem][aria-haspopup=true]:hover{background:linear-gradient(180deg,hsla(0,0%,100%,.5),rgba(184,214,251,.5) 60%,rgba(184,214,251,.5) 90%,hsla(0,0%,100%,.8));border-color:#b8d6fb}ul[role=menu]>[role=menuitem][aria-haspopup=true]:after{content:"";position:absolute;top:50%;right:2px;transform:translateY(-50%);border:4px solid transparent;border-left-color:currentcolor}ul [role=menuitem]{position:relative}ul [role=menuitem]:focus-within>[role=menu],ul [role=menuitem]:focus>[role=menu]{display:block}ul [role=menuitem].has-divider:after{content:"";pointer-events:none;display:block;height:2px;margin:3px 0 2px 28px;box-shadow:inset 0 1px rgba(0,0,0,.15),inset 0 -1px #fff}ul [role=menuitem] img{position:absolute;z-index:1;left:2px;top:50%;transform:translateY(-50%);pointer-events:none}ul.can-hover [role=menuitem]:hover>[role=menu]{display:block}a{color:#06c}a:focus{outline:1px dotted #06c}a:hover{color:#39f}.instruction{font:9pt Segoe UI,sans-serif;color:#000;font-weight:400;margin:0 0 20px}.instruction-primary{font-size:12pt;color:#039}.header{font:9pt Segoe UI,sans-serif;font-weight:400}.header-document{font-family:Calibri;font-size:17pt;color:#000}.header-group{font-size:11pt;color:#039} +/*# sourceMappingURL=7.css.map */ \ No newline at end of file diff --git a/apps/wine/notepad.html b/apps/wine/notepad.html new file mode 100644 index 0000000..0e470ca --- /dev/null +++ b/apps/wine/notepad.html @@ -0,0 +1,87 @@ + + + + + + + Notepad + + + + + + + + + \ No newline at end of file diff --git a/css/activities.css b/css/activities.css index ffe7287..f344024 100644 --- a/css/activities.css +++ b/css/activities.css @@ -15,4 +15,5 @@ width: calc(100% - 160px); height: calc(100% - 146px); border-radius: 30px; + box-shadow: 0px 0px 10px #220022; } \ No newline at end of file diff --git a/css/app-menu.css b/css/app-menu.css index a2bf2d1..c347658 100644 --- a/css/app-menu.css +++ b/css/app-menu.css @@ -27,6 +27,7 @@ left: calc(50% - 40px); height: 90px; width: 160px; + box-shadow: 0px 0px 10px #220022; } .app-menu-app { diff --git a/css/main.css b/css/main.css index 986647a..8ffbf56 100644 --- a/css/main.css +++ b/css/main.css @@ -52,6 +52,7 @@ input,textarea{ position: fixed; height: 266px; width: 250px; + box-shadow: 0px 0px 10px #220022; } .panel-activities:hover, .panel-notification:hover, .panel-status:hover, .panel-active-app:hover { diff --git a/css/panel.css b/css/panel.css index ee8ed49..ef4fd0a 100644 --- a/css/panel.css +++ b/css/panel.css @@ -104,6 +104,7 @@ border: #222222 2px solid; border-radius: 5px; border: #777777 solid 1px; + box-shadow: 0px 0px 10px #220022; } .notification-about{ @@ -116,4 +117,5 @@ border: #222222 2px solid; border-radius: 5px; border: #777777 solid 1px; + box-shadow: 0px 0px 10px #220022; } diff --git a/css/workspace.css b/css/workspace.css new file mode 100644 index 0000000..cd3373a --- /dev/null +++ b/css/workspace.css @@ -0,0 +1,23 @@ +.workspaces{ + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%,-50%); + z-index: 999999999999999999999999999999999999999999; + width: 200px; + height: 120px; + border-radius: 12px; + background: #222222; + box-shadow: 0px 0px 10px #220022; + border: #220022 1px solid; +} + +.workspace-now{ + position: absolute; + width: 180px; + height: 100px; + left: 10px; + top: 10px; + border-radius: 10px; + background: #F7B33F; +} \ No newline at end of file diff --git a/icons/Suru/Suru/48x48/devices/cdrom-unmount.png b/icons/Suru/Suru/48x48/devices/cdrom-unmount.png deleted file mode 100644 index 553c1a2..0000000 Binary files a/icons/Suru/Suru/48x48/devices/cdrom-unmount.png and /dev/null differ diff --git a/icons/Suru/Suru/48x48/devices/cdwriter-unmount.png b/icons/Suru/Suru/48x48/devices/cdwriter-unmount.png deleted file mode 100644 index 553c1a2..0000000 Binary files a/icons/Suru/Suru/48x48/devices/cdwriter-unmount.png and /dev/null differ diff --git a/icons/Suru/Suru/48x48/devices/drive-cdrom.png b/icons/Suru/Suru/48x48/devices/drive-cdrom.png deleted file mode 100644 index 553c1a2..0000000 Binary files a/icons/Suru/Suru/48x48/devices/drive-cdrom.png and /dev/null differ diff --git a/icons/Suru/Suru/48x48/devices/dvd-unmount.png b/icons/Suru/Suru/48x48/devices/dvd-unmount.png deleted file mode 100644 index 553c1a2..0000000 Binary files a/icons/Suru/Suru/48x48/devices/dvd-unmount.png and /dev/null differ diff --git a/icons/Suru/Suru/48x48/devices/gnome-cd.png b/icons/Suru/Suru/48x48/devices/gnome-cd.png deleted file mode 100644 index 553c1a2..0000000 Binary files a/icons/Suru/Suru/48x48/devices/gnome-cd.png and /dev/null differ diff --git a/icons/Suru/Suru/48x48/devices/gnome-dev-cdrom-audio.png b/icons/Suru/Suru/48x48/devices/gnome-dev-cdrom-audio.png deleted file mode 100644 index 553c1a2..0000000 Binary files a/icons/Suru/Suru/48x48/devices/gnome-dev-cdrom-audio.png and /dev/null differ diff --git a/icons/Suru/Suru/48x48/devices/gnome-dev-cdrom.png b/icons/Suru/Suru/48x48/devices/gnome-dev-cdrom.png deleted file mode 100644 index 553c1a2..0000000 Binary files a/icons/Suru/Suru/48x48/devices/gnome-dev-cdrom.png and /dev/null differ diff --git a/icons/Suru/Suru/48x48/devices/gnome-dev-disc-cdrom.png b/icons/Suru/Suru/48x48/devices/gnome-dev-disc-cdrom.png deleted file mode 100644 index 553c1a2..0000000 Binary files a/icons/Suru/Suru/48x48/devices/gnome-dev-disc-cdrom.png and /dev/null differ diff --git a/icons/Suru/Suru/48x48/devices/gnome-dev-disk-cdr.png b/icons/Suru/Suru/48x48/devices/gnome-dev-disk-cdr.png deleted file mode 100644 index 553c1a2..0000000 Binary files a/icons/Suru/Suru/48x48/devices/gnome-dev-disk-cdr.png and /dev/null differ diff --git a/icons/Suru/Suru/48x48/devices/gnome-dev-disk-cdrom.png b/icons/Suru/Suru/48x48/devices/gnome-dev-disk-cdrom.png deleted file mode 100644 index 553c1a2..0000000 Binary files a/icons/Suru/Suru/48x48/devices/gnome-dev-disk-cdrom.png and /dev/null differ diff --git a/icons/Suru/Suru/48x48/devices/gnome-dev-disk-cdrw.png b/icons/Suru/Suru/48x48/devices/gnome-dev-disk-cdrw.png deleted file mode 100644 index 553c1a2..0000000 Binary files a/icons/Suru/Suru/48x48/devices/gnome-dev-disk-cdrw.png and /dev/null differ diff --git a/icons/Suru/Suru/48x48/devices/gnome-dev-disk-dvdr-plus.png b/icons/Suru/Suru/48x48/devices/gnome-dev-disk-dvdr-plus.png deleted file mode 100644 index 553c1a2..0000000 Binary files a/icons/Suru/Suru/48x48/devices/gnome-dev-disk-dvdr-plus.png and /dev/null differ diff --git a/icons/Suru/Suru/48x48/devices/gnome-dev-disk-dvdr.png b/icons/Suru/Suru/48x48/devices/gnome-dev-disk-dvdr.png deleted file mode 100644 index 553c1a2..0000000 Binary files a/icons/Suru/Suru/48x48/devices/gnome-dev-disk-dvdr.png and /dev/null differ diff --git a/icons/Suru/Suru/48x48/devices/gnome-dev-disk-dvdram.png b/icons/Suru/Suru/48x48/devices/gnome-dev-disk-dvdram.png deleted file mode 100644 index 553c1a2..0000000 Binary files a/icons/Suru/Suru/48x48/devices/gnome-dev-disk-dvdram.png and /dev/null differ diff --git a/icons/Suru/Suru/48x48/devices/gnome-dev-disk-dvdrom.png b/icons/Suru/Suru/48x48/devices/gnome-dev-disk-dvdrom.png deleted file mode 100644 index 553c1a2..0000000 Binary files a/icons/Suru/Suru/48x48/devices/gnome-dev-disk-dvdrom.png and /dev/null differ diff --git a/icons/Suru/Suru/48x48/devices/gnome-dev-disk-dvdrw.png b/icons/Suru/Suru/48x48/devices/gnome-dev-disk-dvdrw.png deleted file mode 100644 index 553c1a2..0000000 Binary files a/icons/Suru/Suru/48x48/devices/gnome-dev-disk-dvdrw.png and /dev/null differ diff --git a/icons/Suru/Suru/48x48/devices/gnome-dev-dvd-alt.png b/icons/Suru/Suru/48x48/devices/gnome-dev-dvd-alt.png deleted file mode 100644 index 553c1a2..0000000 Binary files a/icons/Suru/Suru/48x48/devices/gnome-dev-dvd-alt.png and /dev/null differ diff --git a/icons/Suru/Suru/48x48/devices/gtk-cdrom.png b/icons/Suru/Suru/48x48/devices/gtk-cdrom.png deleted file mode 100644 index 553c1a2..0000000 Binary files a/icons/Suru/Suru/48x48/devices/gtk-cdrom.png and /dev/null differ diff --git a/icons/Suru/Suru/48x48/devices/media-cdr.png b/icons/Suru/Suru/48x48/devices/media-cdr.png deleted file mode 100644 index 553c1a2..0000000 Binary files a/icons/Suru/Suru/48x48/devices/media-cdr.png and /dev/null differ diff --git a/icons/Suru/Suru/48x48/devices/media-cdrom.png b/icons/Suru/Suru/48x48/devices/media-cdrom.png deleted file mode 100644 index 553c1a2..0000000 Binary files a/icons/Suru/Suru/48x48/devices/media-cdrom.png and /dev/null differ diff --git a/icons/Suru/Suru/48x48/devices/media-cdrw.png b/icons/Suru/Suru/48x48/devices/media-cdrw.png deleted file mode 100644 index 553c1a2..0000000 Binary files a/icons/Suru/Suru/48x48/devices/media-cdrw.png and /dev/null differ diff --git a/icons/Suru/Suru/48x48/devices/media-dvd.png b/icons/Suru/Suru/48x48/devices/media-dvd.png deleted file mode 100644 index 553c1a2..0000000 Binary files a/icons/Suru/Suru/48x48/devices/media-dvd.png and /dev/null differ diff --git a/icons/Suru/Suru/48x48/devices/media-dvdrw.png b/icons/Suru/Suru/48x48/devices/media-dvdrw.png deleted file mode 100644 index 553c1a2..0000000 Binary files a/icons/Suru/Suru/48x48/devices/media-dvdrw.png and /dev/null differ diff --git a/icons/Suru/Suru/48x48/devices/media-optical-bd.png b/icons/Suru/Suru/48x48/devices/media-optical-bd.png deleted file mode 100644 index 553c1a2..0000000 Binary files a/icons/Suru/Suru/48x48/devices/media-optical-bd.png and /dev/null differ diff --git a/icons/Suru/Suru/48x48/devices/media-optical-cd-audio.png b/icons/Suru/Suru/48x48/devices/media-optical-cd-audio.png deleted file mode 100644 index 553c1a2..0000000 Binary files a/icons/Suru/Suru/48x48/devices/media-optical-cd-audio.png and /dev/null differ diff --git a/icons/Suru/Suru/48x48/devices/media-optical-cd-r.png b/icons/Suru/Suru/48x48/devices/media-optical-cd-r.png deleted file mode 100644 index 553c1a2..0000000 Binary files a/icons/Suru/Suru/48x48/devices/media-optical-cd-r.png and /dev/null differ diff --git a/icons/Suru/Suru/48x48/devices/media-optical-cd-rw.png b/icons/Suru/Suru/48x48/devices/media-optical-cd-rw.png deleted file mode 100644 index 553c1a2..0000000 Binary files a/icons/Suru/Suru/48x48/devices/media-optical-cd-rw.png and /dev/null differ diff --git a/icons/Suru/Suru/48x48/devices/media-optical-cd.png b/icons/Suru/Suru/48x48/devices/media-optical-cd.png deleted file mode 100644 index 553c1a2..0000000 Binary files a/icons/Suru/Suru/48x48/devices/media-optical-cd.png and /dev/null differ diff --git a/icons/Suru/Suru/48x48/devices/media-optical-cdr.png b/icons/Suru/Suru/48x48/devices/media-optical-cdr.png deleted file mode 100644 index 553c1a2..0000000 Binary files a/icons/Suru/Suru/48x48/devices/media-optical-cdr.png and /dev/null differ diff --git a/icons/Suru/Suru/48x48/devices/media-optical-dvd-r-plus.png b/icons/Suru/Suru/48x48/devices/media-optical-dvd-r-plus.png deleted file mode 100644 index 553c1a2..0000000 Binary files a/icons/Suru/Suru/48x48/devices/media-optical-dvd-r-plus.png and /dev/null differ diff --git a/icons/Suru/Suru/48x48/devices/media-optical-dvd-r.png b/icons/Suru/Suru/48x48/devices/media-optical-dvd-r.png deleted file mode 100644 index 553c1a2..0000000 Binary files a/icons/Suru/Suru/48x48/devices/media-optical-dvd-r.png and /dev/null differ diff --git a/icons/Suru/Suru/48x48/devices/media-optical-dvd-ram.png b/icons/Suru/Suru/48x48/devices/media-optical-dvd-ram.png deleted file mode 100644 index 553c1a2..0000000 Binary files a/icons/Suru/Suru/48x48/devices/media-optical-dvd-ram.png and /dev/null differ diff --git a/icons/Suru/Suru/48x48/devices/media-optical-dvd-rom.png b/icons/Suru/Suru/48x48/devices/media-optical-dvd-rom.png deleted file mode 100644 index 553c1a2..0000000 Binary files a/icons/Suru/Suru/48x48/devices/media-optical-dvd-rom.png and /dev/null differ diff --git a/icons/Suru/Suru/48x48/devices/media-optical-dvd-rw.png b/icons/Suru/Suru/48x48/devices/media-optical-dvd-rw.png deleted file mode 100644 index 553c1a2..0000000 Binary files a/icons/Suru/Suru/48x48/devices/media-optical-dvd-rw.png and /dev/null differ diff --git a/icons/Suru/Suru/48x48/devices/media-optical-dvd.png b/icons/Suru/Suru/48x48/devices/media-optical-dvd.png deleted file mode 100644 index 553c1a2..0000000 Binary files a/icons/Suru/Suru/48x48/devices/media-optical-dvd.png and /dev/null differ diff --git a/icons/Suru/Suru/48x48/devices/media-removable.png b/icons/Suru/Suru/48x48/devices/media-removable.png deleted file mode 100644 index 91ef391..0000000 Binary files a/icons/Suru/Suru/48x48/devices/media-removable.png and /dev/null differ diff --git a/icons/Suru/Suru/scalable/actions/mail-send-symbolic-rtl.svg b/icons/Suru/Suru/scalable/actions/mail-send-symbolic-rtl.svg deleted file mode 100644 index e69de29..0000000 diff --git a/index.html b/index.html index 83636f1..c1d817f 100644 --- a/index.html +++ b/index.html @@ -19,6 +19,8 @@ + + @@ -43,7 +45,7 @@ Home -
+
@@ -52,18 +54,23 @@
+