woocommerce/assets/css/wc-setup.scss

150 lines
2.4 KiB
SCSS
Raw Normal View History

body {
margin: 100px auto 24px;
box-shadow: none;
background: #f1f1f1;
padding: 0;
}
#wc-logo {
border: 0;
margin: 0 0 24px;
padding: 0;
text-align: center;
img {
max-width: 50%;
}
}
.wc-install-content {
box-shadow: 0 1px 3px rgba(0,0,0,0.13);
padding: 24px 24px 0;
background: #fff;
overflow: hidden;
2015-04-17 13:56:34 +00:00
zoom: 1;
h1, h2, h3, table {
margin: 0 0 24px;
border: 0;
padding: 0;
}
p {
margin: 0 0 24px;
}
.form-table {
2015-04-17 13:56:34 +00:00
line-height: 1.5em;
tbody {
th {
2015-04-17 13:56:34 +00:00
width: 40%;
vertical-align: top;
font-weight: normal;
}
td {
2015-04-17 13:56:34 +00:00
vertical-align: top;
select, input {
width: 100%;
box-sizing: border-box;
}
input[size] {
width: auto;
}
2015-04-17 13:56:34 +00:00
.description {
line-height: 1.5em;
display: block;
margin-top: .25em;
color: #999;
font-style: italic;
}
}
th, td {
2015-04-17 13:56:34 +00:00
padding: 12px 0;
margin: 0;
border: 0;
&:first-child {
2015-04-17 13:56:34 +00:00
padding-right: 1em;
}
}
}
}
.wc-install-pages {
width: 100%;
th.page-name {
width: 30%;
}
th, td {
padding: 7px 0;
&:first-child {
padding-right: 9px;
}
}
}
@media screen and (max-width: 782px) {
.form-table {
tbody {
th {
width: auto;
}
}
}
}
}
.wc-install-steps {
padding: 0 0 24px;
margin: 0;
list-style: none outside;
overflow: hidden;
color: #ccc;
li {
width: 20%;
float: left;
padding: 0 0 1em;
margin: 0;
text-align: center;
position: relative;
border-bottom: 4px solid #ccc;
line-height: 1;
}
li:before {
content: "";
border: 4px solid #ccc;
border-radius: 100%;
width: 4px;
height: 4px;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -6px;
margin-bottom: -8px;
background: #fff;
}
li.active {
border-color: #A16696;
color: #A16696;
&:before {
border-color: #A16696;
}
}
li.done {
border-color: #A16696;
color: #A16696;
&:before {
border-color: #A16696;
background: #A16696;
}
}
}
.wc-setup .wc-install-actions {
overflow: hidden;
2015-04-17 13:56:34 +00:00
.button {
float: left;
font-size: 1.5em;
padding: .5em 1em;
line-height: 1em;
height: auto;
}
2015-04-17 13:56:34 +00:00
.button-primary {
float: right;
opacity: 1;
background-color: #A16696;
border-color: #A16696;
-webkit-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.2 ), 0 1px 0 rgba( 0, 0, 0, 0.15 );
box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.2 ), 0 1px 0 rgba( 0, 0, 0, 0.15 );
}
}