diff --git a/.editorconfig b/.editorconfig
index dcf84d2e..ee28880e 100644
--- a/.editorconfig
+++ b/.editorconfig
@@ -9,5 +9,5 @@ indent_style = space
 insert_final_newline = true
 trim_trailing_whitespace = true
 
-[*.{php,md,styl,tpl}]
+[*.{php,md,tpl}]
 indent_size = 4
diff --git a/resources/assets/src/components/admin/Plugins.vue b/resources/assets/src/components/admin/Plugins.vue
index 40d6089f..e44fcb4c 100644
--- a/resources/assets/src/components/admin/Plugins.vue
+++ b/resources/assets/src/components/admin/Plugins.vue
@@ -216,28 +216,22 @@ export default {
 </script>
 
 <style lang="stylus">
-.actions {
-    margin-top: 5px;
-    color: #ddd;
-}
+.actions
+  margin-top 5px
+  color #ddd
 
-.plugin-version-author {
-    color: #777;
-    font-size: small;
-    a {
-        color: #337ab7;
-    }
-}
+.plugin-version-author
+  color #777
+  font-size small
+    a
+      color #337ab7
 
-.plugin > td:first-child {
-    border-left: 5px solid transparent;
-}
+.plugin > td:first-child
+  border-left 5px solid transparent
 
-.plugin-enabled {
-    background-color: #f7fcfe;
-}
+.plugin-enabled
+  background-color #f7fcfe
 
-.plugin-enabled > td:first-child {
-    border-left: 5px solid #3c8dbc;
-}
+.plugin-enabled > td:first-child
+  border-left 5px solid #3c8dbc
 </style>
diff --git a/resources/assets/src/components/admin/Users.vue b/resources/assets/src/components/admin/Users.vue
index 42c19254..54783fa9 100644
--- a/resources/assets/src/components/admin/Users.vue
+++ b/resources/assets/src/components/admin/Users.vue
@@ -361,11 +361,9 @@ export default {
 </script>
 
 <style lang="stylus">
-.operations-menu {
-    margin-left -35px
-}
+.operations-menu
+  margin-left -35px
 
-.row-at-bottom {
-    margin-top -100px
-}
+.row-at-bottom
+  margin-top -100px
 </style>
diff --git a/resources/assets/src/components/auth/Login.vue b/resources/assets/src/components/auth/Login.vue
index c422074a..c4dcf0df 100644
--- a/resources/assets/src/components/auth/Login.vue
+++ b/resources/assets/src/components/auth/Login.vue
@@ -163,7 +163,6 @@ export default {
 </script>
 
 <style lang="stylus">
-#login-button {
-    margin-top: 5px;
-}
+#login-button
+  margin-top 5px
 </style>
diff --git a/resources/assets/src/components/common/Previewer.vue b/resources/assets/src/components/common/Previewer.vue
index 6a233caf..b04b391d 100644
--- a/resources/assets/src/components/common/Previewer.vue
+++ b/resources/assets/src/components/common/Previewer.vue
@@ -153,28 +153,22 @@ export default {
 </script>
 
 <style lang="stylus">
-@media (min-width: 992px) {
-    .previewer-3d {
-        min-height: 500px;
-    }
-}
+@media (min-width: 992px)
+  .previewer-3d
+    min-height 500px
 
-.previewer-3d canvas {
-    cursor: move;
-}
+.previewer-3d canvas
+  cursor move
 
-.operations {
-    display: inline;
-    float: right;
+.operations
+  display inline
+  float right
 
-    i {
-        padding: .5em .5em;
-        display: inline;
-    }
+  i
+    padding .5em .5em
+    display inline
 
-    i:hover {
-        color: #555;
-        cursor: pointer;
-    }
-}
+  i:hover
+    color #555
+    cursor pointer
 </style>
diff --git a/resources/assets/src/components/skinlib/List.vue b/resources/assets/src/components/skinlib/List.vue
index 331125bb..dc5fe9af 100644
--- a/resources/assets/src/components/skinlib/List.vue
+++ b/resources/assets/src/components/skinlib/List.vue
@@ -256,23 +256,19 @@ export default {
 </script>
 
 <style lang="stylus">
-.overlay span {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    margin-left: -40px;
-    margin-top: 25px;
-    color: #000;
-    font-size: 20px;
-}
+.overlay span
+  position absolute
+  top 50%
+  left 50%
+  margin-left -40px
+  margin-top 25px
+  color #000
+  font-size 20px
 
-@media (min-width: 768px) {
-    .filter-btn {
-        margin-left: 25px;
-    }
-}
+@media (min-width: 768px)
+  .filter-btn
+    margin-left 25px
 
-.btn-tail {
-    margin-left: 6px;
-}
+.btn-tail
+  margin-left 6px
 </style>
diff --git a/resources/assets/src/components/skinlib/Show.vue b/resources/assets/src/components/skinlib/Show.vue
index f6ce5a42..b3228643 100644
--- a/resources/assets/src/components/skinlib/Show.vue
+++ b/resources/assets/src/components/skinlib/Show.vue
@@ -348,11 +348,9 @@ export default {
 </script>
 
 <style lang="stylus">
-.table > tbody > tr > td {
-    border-top: 0;
-}
+.table > tbody > tr > td
+  border-top 0
 
-.pulled-right-btn {
-    margin-left: 12px;
-}
+.pulled-right-btn
+  margin-left 12px
 </style>
diff --git a/resources/assets/src/components/skinlib/SkinLibItem.vue b/resources/assets/src/components/skinlib/SkinLibItem.vue
index e0e861d1..d5f14cb1 100644
--- a/resources/assets/src/components/skinlib/SkinLibItem.vue
+++ b/resources/assets/src/components/skinlib/SkinLibItem.vue
@@ -129,40 +129,30 @@ export default {
 </script>
 
 <style lang="stylus">
-.texture-name {
-    width: 65%;
-    display: inline-block;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
+.texture-name
+  width 65%
+  display inline-block
+  overflow hidden
+  text-overflow ellipsis
+  white-space nowrap
 
-@media (min-width: 1200px) {
-    .item {
-        width: 250px;
-    }
+@media (min-width: 1200px)
+  .item
+    width 250px
 
-    .item-body > img {
-        margin-left: 50px;
-    }
+  .item-body > img
+    margin-left 50px
 
-    .texture-name {
-        width: 65%;
-    }
-}
+  .texture-name
+    width 65%
 
-.item-footer {
-    a {
-        color: #fff;
-    }
+.item-footer
+  a
+    color #fff
 
-    .like:hover,
-    .liked {
-        color: #e0353b;
-    }
-}
+  .like:hover, .liked
+    color #e0353b
 
-.private-label {
-    margin-top: 2px;
-}
+.private-label
+  margin-top 2px
 </style>
diff --git a/resources/assets/src/components/skinlib/Upload.vue b/resources/assets/src/components/skinlib/Upload.vue
index 239eb32a..54bc72b7 100644
--- a/resources/assets/src/components/skinlib/Upload.vue
+++ b/resources/assets/src/components/skinlib/Upload.vue
@@ -204,17 +204,15 @@ export default {
 </script>
 
 <style lang="stylus">
-.file-dnd {
-    min-height: 256px;
-    margin-bottom: 15px;
-    border: 1px solid #ddd;
-    border-radius: 2px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
+.file-dnd
+  min-height 256px
+  margin-bottom 15px
+  border 1px solid #ddd
+  border-radius 2px
+  display flex
+  justify-content center
+  align-items center
 
-    h3 {
-        color: #aaa;
-    }
-}
+  h3
+    color #aaa
 </style>
diff --git a/resources/assets/src/components/user/Closet.vue b/resources/assets/src/components/user/Closet.vue
index 78ebc4df..7425e17f 100644
--- a/resources/assets/src/components/user/Closet.vue
+++ b/resources/assets/src/components/user/Closet.vue
@@ -331,50 +331,39 @@ export default {
 </script>
 
 <style lang="stylus">
-.empty-msg {
-    text-align: center;
-    font-size: 16px;
-    padding: 10px 0;
-}
+.empty-msg
+  text-align center
+  font-size 16px
+  padding 10px 0
 
-.texture-name {
-    width: 65%;
-    display: inline-block;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+.texture-name
+  width 65%
+  display inline-block
+  overflow hidden
+  text-overflow ellipsis
+  white-space nowrap
 
-    small {
-        font-size: 75%;
-    }
-}
+  small
+    font-size 75%
 
-.item-footer > .dropdown-menu {
-    margin-left: 180px;
-}
+.item-footer > .dropdown-menu
+  margin-left 180px
 
-.box-title {
-    a {
-        color: #6d6d6d;
-    }
+.box-title
+  a
+    color #6d6d6d
 
-    a.selected {
-        color: #3c8dbc;
-    }
-}
+  a.selected
+    color #3c8dbc
 
-.player-item:not(:nth-child(1)) {
-    margin-top: 10px;
-}
+.player-item:not(:nth-child(1))
+  margin-top 10px
 
-.breadcrumb {
-    a {
-        margin-right: 10px;
-        color: #444;
-    }
+.breadcrumb
+  a
+    margin-right 10px
+    color #444
 
-    a:hover {
-        color: #3c8dbc;
-    }
-}
+  a:hover
+    color #3c8dbc
 </style>
diff --git a/resources/assets/src/components/user/Dashboard.vue b/resources/assets/src/components/user/Dashboard.vue
index 3ed22247..1ff55d36 100644
--- a/resources/assets/src/components/user/Dashboard.vue
+++ b/resources/assets/src/components/user/Dashboard.vue
@@ -153,15 +153,13 @@ export default {
 </script>
 
 <style lang="stylus">
-#score {
-    font-family: Minecraft;
-    font-size: 50px;
-    text-align: center;
-    margin-top: 20px;
-    cursor: help;
-}
+#score
+  font-family Minecraft
+  font-size 50px
+  text-align center
+  margin-top 20px
+  cursor help
 
-.progress {
-    margin-top: 4px;
-}
+.progress
+  margin-top 4px
 </style>
diff --git a/resources/assets/src/components/user/Players.vue b/resources/assets/src/components/user/Players.vue
index 18dd3b0e..85de65ea 100644
--- a/resources/assets/src/components/user/Players.vue
+++ b/resources/assets/src/components/user/Players.vue
@@ -377,40 +377,32 @@ export default {
 </script>
 
 <style lang="stylus">
-.player {
-    cursor: pointer;
-    border-bottom: 1px solid #f4f4f4;
+.player
+  cursor pointer
+  border-bottom 1px solid #f4f4f4
 
-    .pid, .player-name {
-        padding-top: 13px;
-    }
-}
+  .pid, .player-name
+    padding-top 13px
 
-.player:last-child {
-    border-bottom: none;
-}
+.player:last-child
+  border-bottom none
 
-.player-selected {
-    background-color: #f5f5f5;
-}
+.player-selected
+  background-color #f5f5f5
 
-.modal-body > label {
-    margin-bottom: 10px;
-}
+.modal-body > label
+  margin-bottom 10px
 
-.skin2d {
-    float: right;
-    max-height: 64px;
-    width: 64px;
-    font-size: 16px;
-}
+.skin2d
+  float right
+  max-height 64px
+  width 64px
+  font-size 16px
 
-#preview-2d > p {
-    height: 64px;
-    line-height: 64px;
-}
+#preview-2d > p
+  height 64px
+  line-height 64px
 
-.form-group {
-    cursor: pointer;
-}
+.form-group
+  cursor pointer
 </style>
diff --git a/resources/assets/src/stylus/admin.styl b/resources/assets/src/stylus/admin.styl
index 290ee65f..e5d0ce91 100644
--- a/resources/assets/src/stylus/admin.styl
+++ b/resources/assets/src/stylus/admin.styl
@@ -1,39 +1,29 @@
-.btn-group {
-    .btn {
-        margin-right: 10px;
-    }
-}
+.btn-group
+  .btn
+    margin-right 10px
 
-td {
-    a {
-        color: inherit;
+td
+  a
+    color inherit
 
-        img {
-            margin-left: 10px;
-        }
+    img
+      margin-left 10px
 
-        cursor: pointer;
-    }
+    cursor pointer
 
-    a:first-child > img {
-        margin-left: 0;
-    }
+  a:first-child > img
+    margin-left 0
 
-    a:last-child > img {
-        margin-left: 0;
-    }
-}
+  a:last-child > img
+    margin-left 0
 
-.description {
-    margin: 7px 0 0 0;
-    color: #555;
+.description
+  margin 7px 0 0 0
+  color #555
 
-    a {
-        color: #3c8dbc;
-    }
-}
+  a
+    color #3c8dbc
 
-.btn-edit {
-    font-size: 12px;
-    color: #367fa9;
-}
+.btn-edit
+  font-size 12px
+  color #367fa9
diff --git a/resources/assets/src/stylus/auth.styl b/resources/assets/src/stylus/auth.styl
index fe0e9861..18c24f79 100644
--- a/resources/assets/src/stylus/auth.styl
+++ b/resources/assets/src/stylus/auth.styl
@@ -1,12 +1,9 @@
-.login-logo a, .register-logo a, .reset-logo a {
-    font-family: Minecraft, Ubuntu, 'Segoe UI', 'Microsoft Yahei', 'Microsoft Jhenghei', sans-serif;
-    transition: all .2s ease-in-out;
-}
+.login-logo a, .register-logo a, .reset-logo a
+  font-family Minecraft, Ubuntu, 'Segoe UI', 'Microsoft Yahei', 'Microsoft Jhenghei', sans-serif
+  transition all 0.2s ease-in-out
 
-.login-logo a:hover, .register-logo a:hover, .reset-logo a:hover {
-    color: #42a5f5;
-}
+.login-logo a:hover, .register-logo a:hover, .reset-logo a:hover
+  color #42a5f5
 
-.captcha {
-    cursor: pointer;
-}
+.captcha
+  cursor pointer
diff --git a/resources/assets/src/stylus/common.styl b/resources/assets/src/stylus/common.styl
index f9fe83f0..864e5da9 100644
--- a/resources/assets/src/stylus/common.styl
+++ b/resources/assets/src/stylus/common.styl
@@ -1,176 +1,135 @@
-font_stack = Ubuntu, 'Segoe UI', 'Microsoft Yahei', 'Microsoft Jhenghei', sans-serif;
+font_stack = Ubuntu, 'Segoe UI', 'Microsoft Yahei', 'Microsoft Jhenghei', sans-serif
 
-@font-face {
-    font-family: 'Ubuntu';
-    src: url('../fonts/ubuntu.woff2') format('woff2'),
-         url('../fonts/ubuntu.woff') format('woff');
-}
+@font-face
+  font-family 'Ubuntu'
+  src url('../fonts/ubuntu.woff2') format('woff2'), url('../fonts/ubuntu.woff') format('woff')
 
-@font-face {
-    font-family: 'Minecraft';
-    src: url('../fonts/minecraft.woff2')  format('woff2'),
-         url('../fonts/minecraft.woff')   format('woff');
-}
+@font-face
+  font-family 'Minecraft'
+  src url('../fonts/minecraft.woff2') format('woff2'), url('../fonts/minecraft.woff') format('woff')
 
-body, h1, h2, h3, h4, h5, h6 {
-    font-family: font_stack;
-}
+body, h1, h2, h3, h4, h5, h6
+  font-family font_stack
 
-.logo-lg, .navbar-brand {
-    font-family: Minecraft;
-}
+.logo-lg, .navbar-brand
+  font-family Minecraft
 
 // AdminLTE 2 is not compatible with Font Awesome 5
-.main-header .sidebar-toggle::before {
-    content: '';
-}
+.main-header .sidebar-toggle::before
+  content ''
 
-#toast-container > div {
-    opacity: 1;
-    filter: "alpha(opacity=100)";
-}
+#toast-container > div
+  opacity 1
+  filter 'alpha(opacity=100)'
 
-.swal2-popup {
-  font-size: 1.6rem !important;
-}
+.swal2-popup
+  font-size 1.6rem !important
 
-.item {
-    display: block;
-    background: #EFF1F0;
-    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
-    border-radius: 2px;
-    float: left;
-    position: relative;
-    margin-right: 20px;
-    margin-bottom: 20px;
-    cursor: pointer;
-    width: 210px;
-    height: 196px;
-    transition: box-shadow 0.1s ease-in-out 0s;
-}
+.item
+  display block
+  background #EFF1F0
+  box-shadow 0 1px 1px rgba(0, 0, 0, 0.1)
+  border-radius 2px
+  float left
+  position relative
+  margin-right 20px
+  margin-bottom 20px
+  cursor pointer
+  width 210px
+  height 196px
+  transition box-shadow 0.1s ease-in-out 0s
 
-.item-body {
-    height: 166px;
+.item-body
+  height 166px
 
-    img {
-        max-width: 100%;
-        margin-left: 30px;
-        margin-top: 16px;
-        width: 150px;
-    }
-}
+  img
+    max-width 100%
+    margin-left 30px
+    margin-top 16px
+    width 150px
 
-@media (max-width: 756px) {
-    .item {
-        width: 45%;
-        margin-right: 5%;
-    }
+@media (max-width: 756px)
+  .item
+    width 45%
+    margin-right 5%
 
-    .item-body > img {
-        margin-left: 25%;
-    }
+  .item-body > img
+    margin-left 25%
 
-    .texture-name {
-        width: 65%;
-    }
-}
+  .texture-name
+    width 65%
 
-@media (max-width: 520px) {
-    .item {
-        width: 100%;
-    }
+@media (max-width: 520px)
+  .item
+    width 100%
 
-    .item-body > img {
-        margin-left: 30%;
-    }
+  .item-body > img
+    margin-left 30%
 
-    .texture-name {
-        width: 80%;
-    }
-}
+  .texture-name
+    width 80%
 
-.item:hover {
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-}
+.item:hover
+  box-shadow 0 6px 12px rgba(0, 0, 0, 0.175)
 
-.item-selected {
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-}
+.item-selected
+  box-shadow 0 6px 12px rgba(0, 0, 0, 0.175)
 
-.item-footer {
-    background: #50b3ec;
-    color: #fff;
-    font-size: 16px;
-    height: 30px;
-    padding: 3px 8px;
+.item-footer
+  background #50b3ec
+  color #fff
+  font-size 16px
+  height 30px
+  padding 3px 8px
 
-    .more {
-        float: right;
-        margin-left: 6px;
-        margin-right: 3px;
-        color: #fff;
-    }
+  .more
+    float right
+    margin-left 6px
+    margin-right 3px
+    color #fff
 
-    .more:hover {
-        color: #dadada;
-    }
+  .more:hover
+    color #dadada
 
-    small {
-        font-size: 50%;
-    }
-}
+  small
+    font-size 50%
 
-.box-footer > p {
-    margin: 6px 15px 5px 0;
-}
+.box-footer > p
+  margin 6px 15px 5px 0
 
-@media (max-width: 767px) {
+@media (max-width: 767px)
+  .wrapper .main-header .navbar .dropdown-menu li.locale
+    a
+      color #777
 
-    .wrapper .main-header .navbar .dropdown-menu li.locale {
-        a {
-            color: #777;
-        }
+    a:hover
+      background-color #e1e3e9
+      color #333
 
-        a:hover {
-            background-color: #e1e3e9;
-            color: #333;
-        }
-    }
+  /* hide the text on mobile phone pages */
+  .description-text
+    display none
 
-    /* hide the text on mobile phone pages */
-    .description-text {
-        display: none;
-    }
-}
+.key
+  vertical-align middle
 
-.key {
-    vertical-align: middle;
-}
-.value {
-    width: 70%;
-}
+.value
+  width 70%
 
-.table > tbody > tr {
-    td.value, td.key {
-        border-top: 0;
-    }
+.table > tbody > tr
+  td.value, td.key
+    border-top 0
 
-    @media (max-width: 768px) {
-        td.value, td.key {
-            display: block;
-        }
+  @media (max-width: 768px)
+    td.value, td.key
+      display block
 
-        td.value {
-            width: 90%;
-        }
-    }
-}
+    td.value
+      width 90%
 
-.modal-danger .modal-title small {
-    color: #fff;
+.modal-danger .modal-title small
+  color #fff
 
-    a {
-        text-decoration: underline;
-        color: #fff;
-    }
-}
+  a
+    text-decoration underline
+    color #fff
diff --git a/resources/assets/src/stylus/home.styl b/resources/assets/src/stylus/home.styl
index f1a454c3..936be5c7 100644
--- a/resources/assets/src/stylus/home.styl
+++ b/resources/assets/src/stylus/home.styl
@@ -1,285 +1,218 @@
-body {
-    font-size: 16px;
-}
+body
+  font-size 16px
 
-.layout-top-nav > .hp-wrapper {
-    background-color: #eaeaea;
-    // background image settings
-    background-size: cover;
-    background-repeat: no-repeat;
-    background-position: center 0;
+.layout-top-nav > .hp-wrapper
+  background-color #eaeaea
+  // background image settings
+  background-size cover
+  background-repeat no-repeat
+  background-position center 0
 
-    .main-header {
-        .navbar {
-            transition: color 0.25s ease-in-out,
-                        border-color 0.25s ease-in-out,
-                        background-color 0.25s ease-in-out;
+  .main-header
+    .navbar
+      transition color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out
 
-            .user-menu .user-image {
-                border-radius: 10%;
-            }
+      .user-menu .user-image
+        border-radius 10%
 
-            .navbar-custom-menu .navbar-nav > li {
-                a.btn.btn-login {
-                    background-color: transparent;
-                    border-radius: 5px;
-                    border: 1px solid #fff;
-                    color: #fff !important;
-                    margin-top: 7px;
-                    margin-left: 10px;
-                    padding: 8px 20px;
-                    transition: border-color 0.25s ease-in-out,
-                                background-color 0.3s ease-in-out;
-                }
+      .navbar-custom-menu .navbar-nav > li
+        a.btn.btn-login
+          background-color transparent
+          border-radius 5px
+          border 1px solid #fff
+          color #fff !important
+          margin-top 7px
+          margin-left 10px
+          padding 8px 20px
+          transition border-color 0.25s ease-in-out, background-color 0.3s ease-in-out
 
-                a.btn.btn-login:hover,
-                a.btn.btn-login:focus {
-                    background-color: #006acc !important;
-                }
-            }
-        }
+        a.btn.btn-login:hover, a.btn.btn-login:focus
+          background-color #006acc !important
 
-        .navbar-brand {
-            font-family: Minecraft, 'Segoe UI', 'Microsoft Yahei', 'Microsoft Jhenghei', sans-serif;
-            border-right: 0;
-        }
-    }
+    .navbar-brand
+      font-family Minecraft, 'Segoe UI', 'Microsoft Yahei', 'Microsoft Jhenghei', sans-serif
+      border-right 0
 
-    .main-header.transparent {
-        .navbar-brand {
-            color: #5e5e5e;
-        }
+  .main-header.transparent
+    .navbar-brand
+      color #5e5e5e
 
-        .navbar-header > a {
-            color: #5e5e5e;
-        }
+    .navbar-header > a
+      color #5e5e5e
 
-        .navbar {
-            background-color: rgba(255, 255, 255, 0.2);
+    .navbar
+      background-color rgba(255, 255, 255, 0.2)
 
-            .navbar-nav {
-                li {
-                    a {
-                        border: 0;
-                        color: #5e5e5e;
-                    }
+      .navbar-nav
+        li
+          a
+            border 0
+            color #5e5e5e
 
-                    a:hover {
-                        background: rgba(0,0,0,0.1);
-                        color: #f6f6f6;
-                    }
+          a:hover
+            background rgba(0, 0, 0, 0.1)
+            color #f6f6f6
 
-                    .active > a {
-                        background: rgba(0,0,0,0.1);
-                        color: #f6f6f6;
-                    }
-                }
-            }
+          .active > a
+            background rgba(0, 0, 0, 0.1)
+            color #f6f6f6
 
-            .user-menu li {
-                a.btn {
-                    border: 1px solid #ddd;
-                    color: #5e5e5e;
-                }
+      .user-menu li
+        a.btn
+          border 1px solid #ddd
+          color #5e5e5e
 
-                a:hover {
-                    background-color: transparent;
-                }
+        a:hover
+          background-color transparent
 
-                a.btn:hover {
-                    background-color: #e7e7e7;
-                    border-color: #adadad;
-                }
-            }
+        a.btn:hover
+          background-color #e7e7e7
+          border-color #adadad
 
-            .navbar-custom-menu .navbar-nav > li {
-                a.btn.btn-login {
-                    background-color: #0078e7;
-                    border: 1px solid #0078e7;
-                }
-            }
-        }
+      .navbar-custom-menu .navbar-nav > li
+        a.btn.btn-login
+          background-color #0078e7
+          border 1px solid #0078e7
 
-        .nickname {
-            color: #5e5e5e;
-        }
-    }
+    .nickname
+      color #5e5e5e
 
-    .content-wrapper {
-        background-color: transparent;
-        border: none;
-    }
+  .content-wrapper
+    background-color transparent
+    border none
 
-    .main-footer {
-        background-color: transparent;
-        border: none;
+  .main-footer
+    background-color transparent
+    border none
 
-        div {
-            color: #fff !important;
+    div
+      color #fff !important
 
-            a {
-                color: #fff !important;
-            }
-        }
-    }
+      a
+        color #fff !important
 
-}
+.splash-button
+  color white
+  padding 0.8em 2.5em
+  border-radius 5px
+  background transparent
+  border 1px solid #fff
+  font-size 18px
+  transition color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out
 
-.splash-button {
-    color: white;
-    padding: 0.8em 2.5em;
-    border-radius: 5px;
-    background: transparent;
-    border: 1px solid #fff;
-    font-size: 18px;
-    transition: color 0.25s ease-in-out,
-                border-color 0.25s ease-in-out,
-                background-color 0.25s ease-in-out;
-}
+.splash-button:hover
+  background-color rgba(255, 255, 255, 0.2)
+  color #fff
+  text-decoration blink
 
-.splash-button:hover {
-    background-color: rgba(255, 255, 255, 0.2);
-    color: #fff;
-    text-decoration: blink;
-}
+.splash
+  width 80%
+  height 50%
+  margin auto
+  position absolute
+  top 100px
+  left 0
+  bottom 0
+  right 0
+  text-align center
 
-.splash {
-    width: 80%;
-    height: 50%;
-    margin: auto;
-    position: absolute;
-    top: 100px; left: 0; bottom: 0; right: 0;
-    text-align: center;
-}
+.splash-head
+  font-size 20px
+  font-weight bold
+  color white
+  padding 0.8em 0.5em 1em
+  font-weight 100
+  line-height 1.5em
+  margin 0.2em 0 0.5em
+  font-family Minecraft, 'Segoe UI', 'Microsoft Yahei', 'Microsoft Jhenghei', sans-serif !important
+  text-shadow 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1)
 
-.splash-head {
-    font-size: 20px;
-    font-weight: bold;
-    color: white;
-    padding: 0.8em 0.5em 1em;
-    font-weight: 100;
-    line-height: 1.5em;
-    margin: 0.2em 0 0.5em;
-    font-family: Minecraft, 'Segoe UI', 'Microsoft Yahei', 'Microsoft Jhenghei', sans-serif !important;
-    text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
-                 0px 8px 13px rgba(0,0,0,0.1),
-                 0px 18px 23px rgba(0,0,0,0.1);
-}
-
-.splash-subhead {
-    font-size: 16px;
-    letter-spacing: 0.05em;
-    margin-bottom: 3em;
-    color: #fff;
-    font-family: Ubuntu, 'Segoe UI', 'Microsoft Yahei', 'Microsoft Jhenghei', sans-serif;
-}
+.splash-subhead
+  font-size 16px
+  letter-spacing 0.05em
+  margin-bottom 3em
+  color #fff
+  font-family Ubuntu, 'Segoe UI', 'Microsoft Yahei', 'Microsoft Jhenghei', sans-serif
 
 /* Mobile phone */
-@media (max-width: 48em) {
-    .splash-head {
-        font-size: 200%;
-    }
-    .splash {
-        width: 100%;
-        height: 50%;
-    }
-}
+@media (max-width: 48em)
+  .splash-head
+    font-size 200%
 
+  .splash
+    width 100%
+    height 50%
 
-@media (min-width: 48em) {
-    .splash {
-        width: 80%;
-        height: 50%;
-    }
+@media (min-width: 48em)
+  .splash
+    width 80%
+    height 50%
 
-    .splash-head {
-        font-size: 250%;
-    }
+  .splash-head
+    font-size 250%
 
-}
+@media (min-width: 64em)
+  .splash-head
+    font-size 300%
 
-@media (min-width: 64em) {
-    .splash-head {
-        font-size: 300%;
-    }
-}
+.container .button
+  color white
+  padding 0.8em 2.5em
+  border-radius 5px
+  background transparent
+  border 1px solid #fff
+  font-size 120%
+  transition color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out
 
-.container .button {
-    color: white;
-    padding: 0.8em 2.5em;
-    border-radius: 5px;
-    background: transparent;
-    border: 1px solid #fff;
-    font-size: 120%;
-    transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
-}
+.container .button:hover
+  background-color rgba(255, 255, 255, 0.2)
 
-.container .button:hover {
-    background-color: rgba(255, 255, 255, 0.2);
-}
+hr
+  display block
+  height 1px
+  border 0
+  border-top 1px solid #ccc
+  margin 1em 0
+  padding 0
 
-hr {
-    display: block;
-    height: 1px;
-    border: 0;
-    border-top: 1px solid #ccc;
-    margin: 1em 0;
-    padding: 0;
-}
-
-.hp-wrapper {
-    width: 100%;
-}
+.hp-wrapper
+  width 100%
 
 /* ==========================================================================
-   Wrap Sections
-   ========================================================================== */
-
+Wrap Sections
+========================================================================== */
 /* intro Wrap */
+#intro
+  padding 50px 0 50px
+  border-top #bdc3c7 solid 5px
 
-#intro {
-    padding: 50px 0 50px;
-    border-top: #bdc3c7 solid 5px;
+  i
+    font-size 80px
 
-    i {
-        font-size: 80px;
-    }
+  .col-lg-4
+    margin 10px 0 50px
 
-    .col-lg-4 {
-        margin: 10px 0 50px;
-    }
+  @media (min-width: 1200px)
+    .col-lg-4
+      margin 10px 0 20px
 
-    @media (min-width: 1200px) {
-        .col-lg-4 {
-            margin: 10px 0 20px;
-        }
-    }
-}
+#footerwrap
+  background-color #2f2f2f
+  color white
+  padding 40px 0 50px
+  text-align left
 
-#footerwrap {
-    background-color: #2f2f2f;
-    color: white;
-    padding: 40px 0 50px;
-    text-align: left;
+  .col-lg-6:last-child
+    text-align center
+    padding-top 50px
 
-    .col-lg-6:last-child {
-        text-align: center;
-        padding-top: 50px;
-    }
-
-    @media (min-width: 1200px) {
-
-        .col-lg-6:last-child {
-            text-align: right;
-            padding-top: 20px;
-        }
-    }
-}
+  @media (min-width: 1200px)
+    .col-lg-6:last-child
+      text-align right
+      padding-top 20px
 
 /* Copyright Wrap */
-
-#copyright {
-    background: #222222;
-    padding: 16px 0 20px;
-    color: white
-}
+#copyright
+  background #222222
+  padding 16px 0 20px
+  color white
diff --git a/resources/assets/src/stylus/setup.styl b/resources/assets/src/stylus/setup.styl
index ea7cd2de..6ee5ee24 100644
--- a/resources/assets/src/stylus/setup.styl
+++ b/resources/assets/src/stylus/setup.styl
@@ -1,305 +1,274 @@
-@import "common.styl";
+@import 'common.styl'
 
-html {
-    background: #f1f1f1;
-    margin: 0 20px;
-    font-weight: 400;
-}
+html
+  background #f1f1f1
+  margin 0 20px
+  font-weight 400
 
-body {
-    background: #FFF none repeat scroll 0% 0%;
-    color: #444;
-    font-family: Ubuntu, 'Microsoft Yahei', 'Microsoft Jhenghei', sans-serif;
-    margin: 140px auto 25px;
-    padding: 20px 20px 10px;
-    max-width: 700px;
-    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13);
-}
+body
+  background #FFF none repeat scroll 0% 0%
+  color #444
+  font-family Ubuntu, 'Microsoft Yahei', 'Microsoft Jhenghei', sans-serif
+  margin 140px auto 25px
+  padding 20px 20px 10px
+  max-width 700px
+  box-shadow 0px 1px 3px rgba(0, 0, 0, 0.13)
 
-h1, h2 {
-    border-bottom: 1px solid #DEDEDE;
-    clear: both;
-    color: #666;
-    font-size: 24px;
-    font-weight: 400;
-    padding: 0px 0px 7px;
-}
+h1, h2
+  border-bottom 1px solid #DEDEDE
+  clear both
+  color #666
+  font-size 24px
+  font-weight 400
+  padding 0px 0px 7px
 
-p {
-    padding-bottom: 2px;
-    font-size: 14px;
-    line-height: 1.5;
-}
+p
+  padding-bottom 2px
+  font-size 14px
+  line-height 1.5
 
-#logo {
-    margin: 6px 0 14px;
-    border-bottom: none;
-    text-align: center;
+#logo
+  margin 6px 0 14px
+  border-bottom none
+  text-align center
 
-    a {
-        font-family: Minecraft, sans-serif;
-        transition: color .2s ease-in-out;
-        font-weight: 400;
-        font-size: 50px;
-        color: #666;
-        height: 84px;
-        line-height: 1.3em;
-        margin: -130px auto 25px;
-        padding: 0;
-        outline: 0;
-        text-decoration: none;
-        overflow: hidden;
-        display: block;
-    }
+  a
+    font-family Minecraft, sans-serif
+    transition color 0.2s ease-in-out
+    font-weight 400
+    font-size 50px
+    color #666
+    height 84px
+    line-height 1.3em
+    margin -130px auto 25px
+    padding 0
+    outline 0
+    text-decoration none
+    overflow hidden
+    display block
 
-    a:hover {
-        color: #42a5f5;
-    }
-}
+  a:hover
+    color #42a5f5
 
 /* Mobile phone */
-@media (max-width: 48em) {
-    #logo a {
-        font-size: 40px;
-    }
-}
+@media (max-width: 48em)
+  #logo a
+    font-size 40px
 
-@media (max-width: 35.5em) {
-    #logo a {
-        font-size: 30px;
-    }
-}
+@media (max-width: 35.5em)
+  #logo a
+    font-size 30px
 
-#language-chooser {
-    float: right;
-    margin-top: 4px;
-    height: 24px;
-}
+#language-chooser
+  float right
+  margin-top 4px
+  height 24px
 
-.step {
-    margin: 20px 0 15px;
-    text-align: left;
-    padding: 0;
+.step
+  margin 20px 0 15px
+  text-align left
+  padding 0
 
-    input {
-        font-family: Ubuntu, 'Microsoft Yahei', 'Microsoft Jhenghei', sans-serif;
-    }
-}
+  input
+    font-family Ubuntu, 'Microsoft Yahei', 'Microsoft Jhenghei', sans-serif
 
+.alert
+  font-size 16px
+  padding 15px
+  margin-top 15px
+  margin-bottom 20px
+  border 1px solid transparent
+  border-radius 4px
 
-.alert {
-    font-size: 16px;
-    padding: 15px;
-    margin-top: 15px;
-    margin-bottom: 20px;
-    border: 1px solid transparent;
-    border-radius: 4px;
+  ul
+    margin 0px
 
-    ul {
-        margin: 0px;
-    }
-}
+.alert-warning
+  color #8a6d3b
+  background-color #fcf8e3
+  border-color #faebcc
 
-.alert-warning {
-    color: #8a6d3b;
-    background-color: #fcf8e3;
-    border-color: #faebcc;
-}
+fieldset
+  padding 0
+  margin 0
 
-fieldset {
-    padding: 0;
-    margin: 0
-}
+label
+  cursor pointer
 
-label {
-    cursor: pointer
-}
+th.step
+  text-align left
+  padding 0
 
-th.step {
-    text-align: left;
-    padding: 0
-}
+.form-table td, .form-table th
+  padding 10px 20px 10px 0
+  vertical-align top
+  font-size 14px
 
-.form-table td,.form-table th {
-    padding: 10px 20px 10px 0;
-    vertical-align: top;
-    font-size: 14px
-}
+td > input
+  font-family Ubuntu, 'Microsoft Yahei', 'Microsoft Jhenghei', sans-serif
 
-td > input {
-    font-family: Ubuntu, 'Microsoft Yahei', 'Microsoft Jhenghei', sans-serif;
-}
+textarea
+  border 1px solid #dfdfdf
+  width 100%
+  -webkit-box-sizing border-box
+  -moz-box-sizing border-box
+  box-sizing border-box
 
-textarea {
-    border: 1px solid #dfdfdf;
-    width: 100%;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box
-}
+.form-table
+  border-collapse collapse
+  margin-top 1em
+  width 100%
 
-.form-table {
-    border-collapse: collapse;
-    margin-top: 1em;
-    width: 100%
-}
+.form-table td
+  margin-bottom 9px
 
-.form-table td {
-    margin-bottom: 9px
-}
+.form-table th
+  text-align left
+  width 140px
 
-.form-table th {
-    text-align: left;
-    width: 140px
-}
+.form-table p
+  margin 4px 0 0
+  font-size 11px
 
-.form-table p {
-    margin: 4px 0 0;
-    font-size: 11px
-}
+.form-table input
+  line-height 20px
+  font-size 15px
+  padding 3px 5px
+  border 1px solid #ddd
+  -webkit-box-shadow inset 0 1px 2px rgba(0, 0, 0, 0.07)
+  box-shadow inset 0 1px 2px rgba(0, 0, 0, 0.07)
 
-.form-table input {
-    line-height: 20px;
-    font-size: 15px;
-    padding: 3px 5px;
-    border: 1px solid #ddd;
-    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
-    box-shadow: inset 0 1px 2px rgba(0,0,0,.07)
-}
+.form-table input[type=email], .form-table input[type=password], .form-table input[type=text], .form-table input[type=url]
+  width 206px
 
-.form-table input[type=email],.form-table input[type=password],.form-table input[type=text],.form-table input[type=url] {
-    width: 206px
-}
+.container .button, .container .button-primary, .container .button-secondary
+  display inline-block
+  text-decoration none
+  font-size 13px
+  line-height 26px
+  height 28px
+  margin 0
+  padding 0 10px 1px
+  cursor pointer
+  border-width 1px
+  border-style solid
+  -webkit-appearance none
+  -webkit-border-radius 3px
+  border-radius 3px
+  white-space nowrap
+  -webkit-box-sizing border-box
+  -moz-box-sizing border-box
+  box-sizing border-box
 
-.container .button,.container .button-primary,.container .button-secondary {
-    display:inline-block;
-    text-decoration:none;
-    font-size:13px;
-    line-height:26px;
-    height:28px;
-    margin:0;
-    padding:0 10px 1px;
-    cursor:pointer;
-    border-width:1px;
-    border-style:solid;
-    -webkit-appearance:none;
-    -webkit-border-radius:3px;
-    border-radius:3px;
-    white-space:nowrap;
-    -webkit-box-sizing:border-box;
-    -moz-box-sizing:border-box;
-    box-sizing:border-box
-}
-.container button::-moz-focus-inner,.container input[type=reset]::-moz-focus-inner,.container input[type=button]::-moz-focus-inner,.container input[type=submit]::-moz-focus-inner {
-    border-width:0;
-    border-style:none;
-    padding:0
-}
-.container .button-group.button-large .button,.container .button.button-large {
-    height:30px;
-    line-height:28px;
-    padding:0 12px 2px
-}
-.container .button-group.button-small .button,.container .button.button-small {
-    height:24px;
-    line-height:22px;
-    padding:0 8px 1px;
-    font-size:11px
-}
-.container .button-group.button-hero .button,.container .button.button-hero {
-    font-size:14px;
-    height:46px;
-    line-height:44px;
-    padding:0 36px
-}
-.container .button:active,.container .button:focus {
-    outline:0
-}
-.container .button.hidden {
-    display:none
-}
-.container input[type=reset],.container input[type=reset]:active,.container input[type=reset]:focus,.container input[type=reset]:hover {
-    background:0 0;
-    border:none;
-    -webkit-box-shadow:none;
-    box-shadow:none;
-    padding:0 2px 1px;
-    width:auto
-}
-.container .button,.container .button-secondary {
-    color:#555;
-    border-color:#ccc;
-    background:#f7f7f7;
-    -webkit-box-shadow:0 1px 0 #ccc;
-    box-shadow:0 1px 0 #ccc;
-    vertical-align:top
-}
-.container p .button {
-    vertical-align:baseline
-}
-.container .button-secondary:focus,.container .button-secondary:hover,.container .button.focus,.container .button.hover,.container .button:focus,.container .button:hover {
-    background:#fafafa;
-    border-color:#999;
-    color:#23282d
-}
-.container .button-link:focus,.container .button-secondary:focus,.container .button.focus,.container .button:focus {
-    border-color:#5b9dd9;
-    -webkit-box-shadow:0 0 3px rgba(0,115,170,.8);
-    box-shadow:0 0 3px rgba(0,115,170,.8)
-}
-.container .button-secondary:active,.container .button.active,.container .button.active:hover,.container .button:active {
-    background:#eee;
-    border-color:#999;
-    -webkit-box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5);
-    box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5);
-    -webkit-transform:translateY(1px);
-    -ms-transform:translateY(1px);
-    transform:translateY(1px)
-}
-.container .button.active:focus {
-    border-color:#5b9dd9;
-    -webkit-box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5),0 0 3px rgba(0,115,170,.8);
-    box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5),0 0 3px rgba(0,115,170,.8)
-}
-.container .button-disabled,.container .button-secondary.disabled,.container .button-secondary:disabled,.container .button-secondary[disabled],.container .button.disabled,.container .button:disabled,.container .button[disabled] {
-    color:#a0a5aa!important;
-    border-color:#ddd!important;
-    background:#f7f7f7!important;
-    -webkit-box-shadow:none!important;
-    box-shadow:none!important;
-    text-shadow:0 1px 0 #fff!important;
-    cursor:default;
-    -webkit-transform:none!important;
-    -ms-transform:none!important;
-    transform:none!important
-}
-.container .button-link {
-    margin:0;
-    padding:0;
-    -webkit-box-shadow:none;
-    box-shadow:none;
-    border:0;
-    -webkit-border-radius:0;
-    border-radius:0;
-    background:0 0;
-    outline:0;
-    cursor:pointer
-}
-.container .button-primary {
-    background:#0085ba;
-    border-color:#0073aa #006799 #006799;
-    -webkit-box-shadow:0 1px 0 #006799;
-    box-shadow:0 1px 0 #006799;
-    color:#fff;
-    text-decoration:none;
-    text-shadow:0 -1px 1px #006799,1px 0 1px #006799,0 1px 1px #006799,-1px 0 1px #006799
-}
-.container .button-primary.focus,.container .button-primary.hover,.container .button-primary:focus,.container .button-primary:hover {
-    background:#008ec2;
-    border-color:#006799;
-    color:#fff
-}
-.container .button-primary.focus,.container .button-primary:focus {
-    -webkit-box-shadow:0 1px 0 #0073aa,0 0 2px 1px #33b3db;
-    box-shadow:0 1px 0 #0073aa,0 0 2px 1px #33b3db
-}
+.container button::-moz-focus-inner, .container input[type=reset]::-moz-focus-inner, .container input[type=button]::-moz-focus-inner, .container input[type=submit]::-moz-focus-inner
+  border-width 0
+  border-style none
+  padding 0
+
+.container .button-group.button-large .button, .container .button.button-large
+  height 30px
+  line-height 28px
+  padding 0 12px 2px
+
+.container .button-group.button-small .button, .container .button.button-small
+  height 24px
+  line-height 22px
+  padding 0 8px 1px
+  font-size 11px
+
+.container .button-group.button-hero .button, .container .button.button-hero
+  font-size 14px
+  height 46px
+  line-height 44px
+  padding 0 36px
+
+.container .button:active, .container .button:focus
+  outline 0
+
+.container .button.hidden
+  display none
+
+.container input[type=reset], .container input[type=reset]:active, .container input[type=reset]:focus, .container input[type=reset]:hover
+  background 0 0
+  border none
+  -webkit-box-shadow none
+  box-shadow none
+  padding 0 2px 1px
+  width auto
+
+.container .button, .container .button-secondary
+  color #555
+  border-color #ccc
+  background #f7f7f7
+  -webkit-box-shadow 0 1px 0 #ccc
+  box-shadow 0 1px 0 #ccc
+  vertical-align top
+
+.container p .button
+  vertical-align baseline
+
+.container .button-secondary:focus, .container .button-secondary:hover, .container .button.focus, .container .button.hover, .container .button:focus, .container .button:hover
+  background #fafafa
+  border-color #999
+  color #23282d
+
+.container .button-link:focus, .container .button-secondary:focus, .container .button.focus, .container .button:focus
+  border-color #5b9dd9
+  -webkit-box-shadow 0 0 3px rgba(0, 115, 170, 0.8)
+  box-shadow 0 0 3px rgba(0, 115, 170, 0.8)
+
+.container .button-secondary:active, .container .button.active, .container .button.active:hover, .container .button:active
+  background #eee
+  border-color #999
+  -webkit-box-shadow inset 0 2px 5px -3px rgba(0, 0, 0, 0.5)
+  box-shadow inset 0 2px 5px -3px rgba(0, 0, 0, 0.5)
+  -webkit-transform translateY(1px)
+  -ms-transform translateY(1px)
+  transform translateY(1px)
+
+.container .button.active:focus
+  border-color #5b9dd9
+  -webkit-box-shadow inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 115, 170, 0.8)
+  box-shadow inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 115, 170, 0.8)
+
+.container .button-disabled, .container .button-secondary.disabled, .container .button-secondary:disabled, .container .button-secondary[disabled], .container .button.disabled, .container .button:disabled, .container .button[disabled]
+  color #a0a5aa !important
+  border-color #ddd !important
+  background #f7f7f7 !important
+  -webkit-box-shadow none !important
+  box-shadow none !important
+  text-shadow 0 1px 0 #fff !important
+  cursor default
+  -webkit-transform none !important
+  -ms-transform none !important
+  transform none !important
+
+.container .button-link
+  margin 0
+  padding 0
+  -webkit-box-shadow none
+  box-shadow none
+  border 0
+  -webkit-border-radius 0
+  border-radius 0
+  background 0 0
+  outline 0
+  cursor pointer
+
+.container .button-primary
+  background #0085ba
+  border-color #0073aa #006799 #006799
+  -webkit-box-shadow 0 1px 0 #006799
+  box-shadow 0 1px 0 #006799
+  color #fff
+  text-decoration none
+  text-shadow 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799
+
+.container .button-primary.focus, .container .button-primary.hover, .container .button-primary:focus, .container .button-primary:hover
+  background #008ec2
+  border-color #006799
+  color #fff
+
+.container .button-primary.focus, .container .button-primary:focus
+  -webkit-box-shadow 0 1px 0 #0073aa, 0 0 2px 1px #33b3db
+  box-shadow 0 1px 0 #0073aa, 0 0 2px 1px #33b3db