Skip to content

Instantly share code, notes, and snippets.

@artlipsky
Last active September 23, 2020 06:26
Show Gist options
  • Save artlipsky/92e0ce28efbd10a702a801ee6c9128a0 to your computer and use it in GitHub Desktop.
Save artlipsky/92e0ce28efbd10a702a801ee6c9128a0 to your computer and use it in GitHub Desktop.
/*--------------------------Default Styles------------------------------*/
.oxy-woo-my-account {
width: 100%;
}
.oxy-woo-my-account a {
color: #00ADEF;
transition: all ease 0.2s;
}
.oxy-woo-my-account a:hover {
color: #E96199;
}
.oxy-woo-my-account p {
color: #666;
margin-top: 0;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
}
.oxy-woo-my-account strong {
color: black;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
padding-left: 0;
margin-top: 0;
}
.woocommerce-MyAccount-navigation ul li {
list-style-type: none;
padding: 8px 16px;
}
.woocommerce-MyAccount-navigation ul li a {
color: #00ADEF;
transition: all ease 0.2s;
}
.woocommerce-MyAccount-navigation ul li a:hover {
color: #E96199;
}
.is-active {
background: #f7f6f7;
}
.woocommerce-MyAccount-navigation ul li.is-active a {
color: black;
}
.woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button, .woocommerce table.my_account_orders .button, .woocommerce a.button.alt {
line-height: 1.2;
text-align: center;
background: white;
border: 1px solid #00ADEF;
text-transform: uppercase;
letter-spacing: 1px;
font-family: 'Montserrat';
font-weight: 700;
font-size: 12px;
color: #00ADEF;
border-radius: 0px;
padding: 16px 32px;
transition: all ease 0.2s;
outline: none;
}
.woocommerce table.my_account_orders .button, td.download-file a.button.alt {
margin-top: 2px;
width: 100%;
}
.woocommerce-page .woocommerce-info .button:hover, .woocommerce-page .woocommerce-message .button:hover, .woocommerce table.my_account_orders .button:hover, .woocommerce a.button.alt:hover {
background: white;
color: #085888;
border-color: #085888;
}
.woocommerce-info {
border-color: #00ADEF;
color: #666;
}
.woocommerce-info::before {
color: #00ADEF;
}
.woocommerce table.shop_table {
border: 0;
border-radius: 0;
}
.woocommerce table.my_account_orders th, .woocommerce table.my_account_orders td {
padding: 8px;
padding-left: 0;
font-size: 16px;
font-weight: 400;
color: #666;
line-height: 1.6;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
}
.woocommerce table.shop_table td {
border-top: 1px solid #ccc;
padding: 8px;
}
.woocommerce table.shop_table {
border-bottom: 1px solid #ccc;
}
.woocommerce table.shop_table th, .woocommerce table.shop_table td {
padding-left: 0;
color: #666;
font-weight: 400;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
}
h3, h2 {
color: black;
font-size: 20px;
line-height: 1.6;
}
.woocommerce-account .addresses .title .edit {
float: left;
margin-left: 12px;
}
header.woocommerce-Address-title {
display: flex;
align-items: center;
margin-bottom: 8px;
}
address {
color: #666;
font-size: 12px;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
}
.woocommerce form .form-row label {
font-size: 12px;
color: #666;
margin-top: 8px;
}
.woocommerce form .form-row .required {
color: #E96199;
font-weight: 400;
}
.woocommerce-EditAccountForm fieldset {
border: none;
background: #F7F6F9;
margin-bottom: 24px;
padding: 20px;
padding-top: 40px;
position: relative;
margin-top: 36px;
margin-left: 0;
margin-right: 0;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
text-align: center;
outline: none;
color: white;
text-transform: uppercase;
background: #E96199;
padding: 16px 48px;
border-radius: 0;
line-height: 1.2;
transition: all ease 0.2s;
letter-spacing: 1px;
border-color: #E96199;
font-size: 16px;
font-family: 'Montserrat';
font-weight: 700;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
background: #085888;
color: white;
border-color: #085888;
}
.woocommerce-EditAccountForm fieldset legend {
color: black;
font-size: 20px;
line-height: 1.6;
font-weight: 700;
position: absolute;
top: 12px;
}
.woocommerce form .form-row input.input-text {
padding: 8px;
font-size: 12px;
font-family: 'Montserrat';
border: 1px solid #ccc;
transition: all ease 0.2s;
outline: none;
}
.woocommerce form .form-row input.input-text:focus {
border: 1px solid #00ADEF;
box-shadow: 0 0 5px #00ADEF;
}
.woocommerce form .form-row-first {
width: calc(50% - 12px);
}
.woocommerce form .form-row-last {
width: 50%;
}
.woocommerce form .form-row em {
font-size: 12px;
color: #aaa;
}
.woocommerce form.login {
max-width: 480px;
background: #F7F6FB;
border-radius: 0;
border: none;
margin-top: 12px;
padding-bottom: 8px;
padding-top: 8px;
}
.woocommerce form .form-row label.inline {
display: flex;
align-items: center;
margin-top: 16px;
}
[type=checkbox] {
margin-right: 4px;
}
button[name=login] {
margin-top: 24px;
}
p.woocommerce-LostPassword.lost_password {
font-size: 12px;
}
.woocommerce form.login button {
margin-top: 16px;
}
form.woocommerce-ResetPassword.lost_reset_password {
max-width: 480px;
background: #f7f6f7;
padding: 20px;
}
form.woocommerce-ResetPassword.lost_reset_password p {
margin-bottom: 0;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
}
form.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first {
width: 100%;
margin-bottom: 16px;
}
woocommerce form.login button[disabled] {
text-align: center;
outline: none;
color: white;
text-transform: uppercase;
padding: 16px 48px;
border-radius: 0;
line-height: 1.2;
transition: all ease 0.2s;
letter-spacing: 1px;
border-color: #E96199;
font-size: 16px;
font-family: 'Montserrat';
font-weight: 700;
}
mark {
background: transparent;
font-weight: 700;
color: black;
}
.woocommerce table.shop_table tfoot th, .woocommerce table.shop_table tfoot td {
font-weight: 400;
border-top: 1px solid #ccc;
}
.woocommerce-Price-amount {
color: black;
font-weight: 700;
}
.woocommerce .woocommerce-customer-details address {
padding: 0;
border-radius: 0;
border: none;
margin-top: 8px;
font-style: italic;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before {
color: #00ADEF;
}
.woocommerce form .form-row {
padding: 0px;
}
.woocommerce-address-fields__field-wrapper {
margin-bottom: 24px;
}
.select2-container--default .select2-selection--single {
border-radius: 0;
border: 1px solid #ccc;
transition: all ease 0.2s;
outline: none;
}
.select2-container--default .select2-selection--single:focus{
border: 1px solid #00ADEF;
box-shadow: 0 0 5px #00ADEF;
}
.select2-container .select2-selection--single .select2-selection__rendered {
padding: 8px;
line-height: normal;
}
.select2-container .select2-selection--single {
height: auto;
min-height: 32px;
font-size: 12px;
}
.woocommerce ul#shipping_method li {
margin-bottom: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #ccc;
font-size: 12px;
line-height: normal;
padding: 8px;
outline: none;
transition: all ease 0.2s;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
border: 1px solid #00ADEF;
box-shadow: 0 0 5px #00ADEF;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
background: #00ADEF;
}
.select2-dropdown {
border: 1px solid #ccc;
border-radius: 0;
box-shadow: rgba(0,0,0,0.1) 0 12px 12px;
}
.select2-results__option {
padding: 8px;
font-size: 12px;
outline: none;
}
.select2-container--default .select2-results__option[data-selected=true] {
background: #E96199;
color: #fff;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
background: url(https://cdns.iconmonstr.com/wp-content/assets/preview/2017/240/iconmonstr-arrow-65.png);
background-size: 6px;
background-repeat: no-repeat;
background-position: 4px center;
height: 100%;
}
/*--------------------------Custom Styles------------------------------*/
/*Background*/
.oxy-woo-my-account {
background:;
padding:;
border:;
box-shadow:;
border-radius:;
}
/*Horizontal Menu*/
/*
.woocommerce-account .woocommerce-MyAccount-navigation {
float: none;
width: 100%;
margin-bottom: 36px;
margin-left: -16px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
display: flex;
flex-wrap: wrap;
}
.woocommerce-account .woocommerce-MyAccount-content {
float: none;
max-width: 680px;
width: 100%;
}
*/
/*Links*/
.oxy-woo-my-account a, .woocommerce-MyAccount-navigation ul li a {
color:;
font-weight:;
font-family:;
letter-spacing:;
text-transform:;
text-decoration:;
}
.oxy-woo-my-account a:hover, .woocommerce-MyAccount-navigation ul li a:hover {
color:;
text-decoration:;
}
/*Active Menu Link*/
.is-active {
background:;
border-radius:;
}
.woocommerce-MyAccount-navigation ul li.is-active a {
color:;
text-decoration:;
}
/*Texts*/
.oxy-woo-my-account p:not(.woocommerce-customer-details--email):not(.woocommerce-customer-details--phone):not(.woocommerce-form-row):not(.form-row) {
color:;
font-weight:;
font-family:;
font-size:;
line-height:;
}
/*Texts Bold*/
.oxy-woo-my-account p strong, mark {
color:;
}
/*Headings*/
h2, h3, .woocommerce-EditAccountForm fieldset legend {
color:;
font-family:;
text-transform:;
letter-spacing:;
font-weight:;
font-size:;
}
/*Label*/
.woocommerce form .form-row label {
color:;
font-size:;
font-weight:;
letter-spacing:;
text-transform:;
font-family:;
}
/*Required Label*/
.woocommerce form .form-row .required {
color:;
font-weight:;
font-size:;
}
/*Primary Button*/
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
outline:;
color:;
text-transform:;
background:;
padding:;
border-radius:;
letter-spacing:;
border-color:;
font-size:;
font-family:;
font-weight:;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
background:;
color:;
border-color:;
}
/*Secondary Buttons*/
.woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button, .woocommerce table.my_account_orders .button, .woocommerce a.button.alt {
background:;
border:;
text-transform:;
letter-spacing:;
font-family:;
font-weight:;
font-size:;
color:;
border-radius:;
padding:;
}
.woocommerce-page .woocommerce-info .button:hover, .woocommerce-page .woocommerce-message .button:hover, .woocommerce table.my_account_orders .button:hover, .woocommerce a.button.alt:hover {
background:;
color:;
border-color:;
}
/*Table Borders*/
.woocommerce table.shop_table th, .woocommerce table.shop_table td, .woocommerce table.shop_table, .woocommerce table.shop_table tfoot th, .woocommerce table.shop_table tfoot td {
border-color:;
}
/*Table Texts*/
.woocommerce table.shop_table th, .woocommerce table.shop_table td {
color:;
font-family:;
font-weight:;
text-transform:;
letter-spacing:;
}
/*Table Bold Text*/
.woocommerce-Price-amount, .product-name strong {
color:;
font-size:;
font-family:;
font-weight:;
text-transform:;
letter-spacing:;
}
/*Inputs*/
.woocommerce form .form-row input.input-text, .select2-container--default .select2-selection--single, .select2-container--default .select2-search--dropdown .select2-search__field, .select2-dropdown {
padding:;
font-size:;
font-family:;
border:;
border-radius:;
font-family:;
}
.woocommerce form .form-row input.input-text:focus, .select2-container--default .select2-selection--single:focus, .select2-container--default .select2-search--dropdown .select2-search__field:focus, .select2-dropdown:focus {
border-color:;
box-shadow:;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment