Last active
September 23, 2020 06:26
-
-
Save artlipsky/92e0ce28efbd10a702a801ee6c9128a0 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*--------------------------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