Reformat Stylus
This commit is contained in:
Pig Fang
parent
d54a9e4602
commit
36f2e86a42
@ -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
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -163,7 +163,6 @@ export default {
|
||||
</script>
|
||||
|
||||
<style lang="stylus">
|
||||
#login-button {
|
||||
margin-top: 5px;
|
||||
}
|
||||
#login-button
|
||||
margin-top 5px
|
||||
</style>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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
|
||||
|
||||
Loading…
Reference in New Issue
Block a user