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