diff --git a/index.html b/index.html index 71a4b40..157e7c3 100755 --- a/index.html +++ b/index.html @@ -16,8 +16,15 @@
-
-

FileKade

+
+
+

FileKade

+
+
+
+
+
+
diff --git a/styles/modal.css b/styles/modal.css index b580c66..0be7cae 100755 --- a/styles/modal.css +++ b/styles/modal.css @@ -95,6 +95,7 @@ display: block; z-index: 200; position: relative; + cursor: pointer; } .close-button:before, .close-button:after { content: ''; diff --git a/styles/styles.css b/styles/styles.css index b7e9a01..73b2a1a 100755 --- a/styles/styles.css +++ b/styles/styles.css @@ -28,6 +28,12 @@ body { to {transform: translateY(0);} } +@keyframes fade { + 0% {background-color: #5d60ca;} + 50% {background-color: #af2188;} + 100% {background-color: #5d60ca;} +} + #title { font-family: 'Nunito', sans-serif; margin: 0 0; @@ -41,11 +47,13 @@ body { -webkit-user-select: none; } -#title-sub-container { +#title-sub-container, #title-controls-container, #title-container-wrapper { padding: 0 0; margin: 0 0; } +#title-container-wrapper {position: relative;} + #title-container { position: fixed; top: -5px; @@ -58,6 +66,31 @@ body { -webkit-app-region: drag; } +#title-controls-container { + font-family: 'Nunito', sans-serif; + right: 10px; + position: absolute; + top: -2px; + font-size: 20px; +} + +#title-controls-container > * { + display: inline-block; + padding: 0 0; + margin: 0 5px; +} + +#close-window { + top: -1px; + cursor: pointer!important; + z-index: 2; +} + +#close-window:before, #close-window:after { + background-color: #5d60ca; + animation: fade 10s linear infinite; +} + .nosel {-webkit-user-select: none;}