Ghost/ghost/admin/app/styles/layouts/setup.css
2015-05-22 19:05:10 +01:00

144 lines
2.4 KiB
CSS

/* Setup New Blog /ghost/setup/
/* ---------------------------------------------------------- */
.ghost-setup {
background: var(--darkgrey);
color: var(--midgrey);
}
@media (max-width: 550px) {
.ghost-setup {
background: color(var(--darkgrey) lightness(-5%));
}
}
.ghost-setup main {
overflow: auto;
-webkit-overflow-scrolling: touch;
padding-top: 15px;
}
@media (max-width: 550px) {
.ghost-setup main {
top: 0;
}
}
.setup-box {
display: table;
margin: 0 auto;
padding: 0;
max-width: 500px;
height: 90%;
}
.setup-form {
padding: 40px;
max-width: 530px;
border-radius: 2px;
color: color(var(--midgrey) lightness(+15%));
}
@media (max-width: 400px) {
.setup-form {
padding: 15px;
}
}
@media (min-width: 551px) {
.setup-form {
background: color(var(--darkgrey) lightness(-5%));
}
}
.setup-form header {
margin-bottom: 30px;
}
.setup-form label {
color: var(--lightgrey);
font-weight: 300;
}
@media (max-width: 550px) {
.setup-form label {
width: 100%;
}
}
.setup-form .form-group input {
padding: 7px;
border: none;
background: color(var(--darkgrey) lightness(+10%));
color: #fff;
transition: background 0.25s ease;
}
.setup-form .form-group input:focus {
border: none;
background: color(var(--darkgrey) lightness(+15%));
}
.setup-form input:-webkit-autofill {
/* Chrome auto-fill style */
-webkit-box-shadow: 0 0 0 1000px var(--lightgrey) inset !important;
}
.setup-form h1 {
margin: 0;
color: var(--lightgrey);
letter-spacing: 0;
font-size: 26px;
font-weight: 200;
}
@media (max-width: 400px) {
.setup-form h1 {
font-size: 18px;
}
}
@media (max-width: 550px) {
.setup-form h1 {
font-size: 20px;
}
}
.setup-form h2 {
margin: 6px 0 0 0;
padding: 0;
border: none;
color: var(--midgrey);
letter-spacing: 0;
font-size: 16px;
font-weight: 200;
}
@media (max-width: 400px) {
.setup-form h2 {
font-size: 12px;
}
}
@media (max-width: 550px) {
.setup-form h2 {
font-size: 14px;
}
}
.setup-form p {
color: var(--midgrey);
font-size: 12px;
line-height: 1.4em;
}
.setup-form footer {
margin: 30px 0 5px 0;
}
.setup-form .btn-green {
padding: 0.9em 1.8em;
width: 100%;
font-size: 13px;
}