diff --git a/css/style.css b/css/style.css index 7aa022169a974097f6d260e2b0d41a77c0fe031c..bb4ba9a45b0643d495a33f24892dc4903721cd1c 100644 --- a/css/style.css +++ b/css/style.css @@ -1,16 +1,99 @@ - #code{ - height: 100%; - width: 100%; - overflow-y:scroll; - overflow-x:scroll; - white-space: nowrap; - border:2px dashed #AAAAAA; - } - - .blocklyToolboxDiv.blocklyNonSelectable{ - top: 0px; - } - - .blocklyMainBackground{ - stroke: #FFFFFF; - } \ No newline at end of file +#code{ + height: 100%; + width: 100%; + overflow-y:scroll; + overflow-x:scroll; + white-space: nowrap; + border:2px dashed #AAAAAA; +} + +.blocklyToolboxDiv.blocklyNonSelectable{ + top: 0px; +} + +.blocklyMainBackground{ + stroke: #FFFFFF; +} +.dropdown { + position: relative; + display: inline-block; +} + +.dropdown-content { + display: none; + position: absolute; + background-color: #ffffff; + min-width: 160px; + box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); + padding: 12px 16px; + z-index: 1; + border-radius: 10px; +} + +.dropdown:hover .dropdown-content { + display: block; +} +.spinner { + --size: 30px; + --first-block-clr: #005bba; + --second-block-clr: #fed500; + --clr: #111; + width: 100px; + height: 100px; + position: relative; +} + +.spinner::after,.spinner::before { + box-sizing: border-box; + position: absolute; + content: ""; + width: var(--size); + height: var(--size); + top: 50%; + animation: up 2.4s cubic-bezier(0, 0, 0.24, 1.21) infinite; + left: 50%; + background: var(--first-block-clr); +} + +.spinner::after { + background: var(--second-block-clr); + top: calc(50% - var(--size)); + left: calc(50% - var(--size)); + animation: down 2.4s cubic-bezier(0, 0, 0.24, 1.21) infinite; +} + +@keyframes down { + 0%, 100% { + transform: none; + } + + 25% { + transform: translateX(100%); + } + + 50% { + transform: translateX(100%) translateY(100%); + } + + 75% { + transform: translateY(100%); + } +} + +@keyframes up { + 0%, 100% { + transform: none; + } + + 25% { + transform: translateX(-100%); + } + + 50% { + transform: translateX(-100%) translateY(-100%); + } + + 75% { + transform: translateY(-100%); + } +} diff --git a/favicon.ico b/favicon.ico index 90e7e7e953dd1ade50afce6ed8f4e66523b260d6..317fa08f467b8910e40ac53d7b63e98fdeccdc22 100644 Binary files a/favicon.ico and b/favicon.ico differ diff --git a/index.html b/index.html index f107f46055f706e9fab3205f69739710601df517..1c300b6c638bf2491db0633b84d97ed4b3a5eafd 100644 --- a/index.html +++ b/index.html @@ -1,778 +1,738 @@ - - - - PHP Helper - - - - - - -