Leisuretimedock/blessing-skin-server
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adjust styles of setup page

Browse Source
This commit is contained in:
printempw 2016-08-06 20:05:34 +08:00
parent baeb967857
commit d76f0d17c1
1 changed files with 53 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

124
assets/src/sass/install.scss
View File

@ -2,7 +2,7 @@
* @Author: printempw * @Author: printempw
* @Date: 2016-07-28 13:15:18 * @Date: 2016-07-28 13:15:18
* @Last Modified by: printempw * @Last Modified by: printempw
* @Last Modified time: 2016-08-06 18:52:55 * @Last Modified time: 2016-08-06 20:03:51
*/ */
@import "style.scss"; @import "style.scss";
@ -12,6 +12,7 @@ html {
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;
@ -21,64 +22,86 @@ body {
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;
}
#logo a, p, h1, h2 {
font-weight: 400; font-weight: 400;
} }
#logo, h1, h2 {
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 a {
font-family: Minecraft, sans-serif; #logo {
transition: all .2s ease-in-out; margin: 6px 0 14px;
font-size: 50px; border-bottom: none;
color: #666; text-align: center;
height: 84px;
line-height: 1.3em; a {
margin: -130px auto 25px; font-family: Minecraft, sans-serif;
padding: 0; transition: all .2s ease-in-out;
outline: 0; font-weight: 400;
text-decoration: none; font-size: 50px;
overflow: hidden; color: #666;
display: block; height: 84px;
} line-height: 1.3em;
#logo a:hover { margin: -130px auto 25px;
color: #42a5f5; padding: 0;
outline: 0;
text-decoration: none;
overflow: hidden;
display: block;
}
a:hover {
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;
} }
} }
#logo {
margin: 6px 0 14px;
border-bottom: none;
text-align: center;
}
.step { .step {
margin: 20px 0 15px; margin: 20px 0 15px;
text-align: left; text-align: left;
padding: 0; padding: 0;
input {
font-family: Ubuntu, 'Microsoft Yahei', 'Microsoft Jhenghei', sans-serif;
}
} }
.step>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-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
fieldset { fieldset {
padding: 0; padding: 0;
margin: 0 margin: 0
@ -88,21 +111,11 @@ label {
cursor: pointer cursor: pointer
} }
.step { th.step {
margin: 20px 0 15px
}
.step,th {
text-align: left; text-align: left;
padding: 0 padding: 0
} }
.language-chooser.wp-core-ui .step .button.button-large {
height: 36px;
vertical-align: middle;
font-size: 14px
}
.form-table td,.form-table th { .form-table td,.form-table th {
padding: 10px 20px 10px 0; padding: 10px 20px 10px 0;
vertical-align: top; vertical-align: top;
@ -136,11 +149,6 @@ textarea {
width: 140px width: 140px
} }
.form-table code {
line-height: 18px;
font-size: 14px
}
.form-table p { .form-table p {
margin: 4px 0 0; margin: 4px 0 0;
font-size: 11px font-size: 11px
@ -159,20 +167,6 @@ textarea {
width: 206px width: 206px
} }
.form-table.install-success td,.form-table.install-success th {
vertical-align: middle;
padding: 16px 20px 16px 0
}
.form-table.install-success td p {
margin: 0;
font-size: 14px
}
.form-table.install-success td code {
margin: 0;
font-size: 18px
}
.container .button,.container .button-primary,.container .button-secondary { .container .button,.container .button-primary,.container .button-secondary {
display:inline-block; display:inline-block;
text-decoration:none; text-decoration:none;
@ -305,15 +299,3 @@ textarea {
-webkit-box-shadow:0 1px 0 #0073aa,0 0 2px 1px #33b3db; -webkit-box-shadow:0 1px 0 #0073aa,0 0 2px 1px #33b3db;
box-shadow:0 1px 0 #0073aa,0 0 2px 1px #33b3db box-shadow:0 1px 0 #0073aa,0 0 2px 1px #33b3db
} }
.alert {
padding: 15px;
margin-top: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}