diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2017-02-19 18:21:03 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2017-02-19 18:21:03 +0900 |
| commit | f8f90a60aed9d050d132ef9cfe72fb19ec52359b (patch) | |
| tree | cdaf5258cc7862a1b2544b837998ffddc22c307f /src | |
| parent | Extract webpack config (diff) | |
| download | misskey-f8f90a60aed9d050d132ef9cfe72fb19ec52359b.tar.gz misskey-f8f90a60aed9d050d132ef9cfe72fb19ec52359b.tar.bz2 misskey-f8f90a60aed9d050d132ef9cfe72fb19ec52359b.zip | |
Clean up
Diffstat (limited to 'src')
| -rw-r--r-- | src/web/app/init.css | 62 | ||||
| -rw-r--r-- | src/web/app/init.styl | 56 |
2 files changed, 62 insertions, 56 deletions
diff --git a/src/web/app/init.css b/src/web/app/init.css new file mode 100644 index 0000000000..2a277a9c84 --- /dev/null +++ b/src/web/app/init.css @@ -0,0 +1,62 @@ +@charset 'utf-8'; + +html { + font-family: sans-serif; +} + +body > noscript > div { + position: fixed; + z-index: 32768; + top: 0; + left: 0; + width: 100%; + height: 100%; + text-align: center; + background: #fff; +} + body > noscript > div > p { + display: block; + margin: 32px; + font-size: 2em; + color: #555; + } + +#init { + position: fixed; + z-index: 16384; + top: 0; + left: 0; + width: 100%; + height: 100%; + text-align: center; + background: #fff; + cursor: wait; +} + #init > p { + display: block; + user-select: none; + margin: 32px; + font-size: 4em; + color: #555; + } + #init > p > span { + animation: init 1.4s infinite ease-in-out both; + } + #init > p > span:nth-child(1) { + animation-delay: 0s; + } + #init > p > span:nth-child(2) { + animation-delay: 0.16s; + } + #init > p > span:nth-child(3) { + animation-delay: 0.32s; + } + +@keyframes init { + 0%, 80%, 100% { + opacity: 1; + } + 40% { + opacity: 0; + } +} diff --git a/src/web/app/init.styl b/src/web/app/init.styl deleted file mode 100644 index 972997725d..0000000000 --- a/src/web/app/init.styl +++ /dev/null @@ -1,56 +0,0 @@ -@charset 'utf-8' - -html - font-family sans-serif - -body > noscript > div - position fixed - z-index 32768 - top 0 - left 0 - width 100% - height 100% - text-align center - background #fff - - > p - display block - margin 32px - font-size 2em - color #555 - -#init - position fixed - z-index 16384 - top 0 - left 0 - width 100% - height 100% - text-align center - background #fff - cursor wait - - > p - display block - user-select none - margin 32px - font-size 4em - color #555 - - > span - animation init 1.4s infinite ease-in-out both - - &:nth-child(1) - animation-delay 0s - - &:nth-child(2) - animation-delay 0.16s - - &:nth-child(3) - animation-delay 0.32s - - @keyframes init - 0%, 80%, 100% - opacity 1 - 40% - opacity 0 |