WooCommerce 2.6 Theme Compatibility CSS

gistfile1.txt

/**
 * My Account
 */

.woocommerce-MyAccount-navigation {
  display: inline-block;
  float: left;
  width: 30% !important;
}

.woocommerce-MyAccount-content {
  display: inline-block;
  float: left !important;
  margin-left: 5% !important;
  width: 65% !important;
}

.woocommerce-MyAccount-navigation ul {
	margin-left: 0;
	border-top: 1px solid #eee;
}

.woocommerce-MyAccount-navigation ul li {
	list-style: none;
	border-bottom: 1px solid #eee;
	position: relative;
}

.woocommerce-MyAccount-navigation ul li.current-item a:before {
	opacity: 1;
}

.woocommerce-MyAccount-navigation ul li a {
	padding: .857em 0;
	display: block;
}

.woocommerce-MyAccount-navigation ul li a:before {
	line-height: 1.618;
	margin-left: .53em;
	width: 1.387em;
	text-align: right;
	float: right;
	opacity: .25;
}

.woocommerce-MyAccount-navigation ul li a:hover:before {
	opacity: 1;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before {
    font-family: 'FontAwesome';
	content: "\f0e4";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before {
    font-family: 'FontAwesome';
	content: "\f291";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before {
    font-family: 'FontAwesome';
	content: "\f1c6";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before {
    font-family: 'FontAwesome';
	content: "\f015";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:before {
    font-family: 'FontAwesome';
	content: "\f09d";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before {
    font-family: 'FontAwesome';
	content: "\f007";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before {
    font-family: 'FontAwesome';
	content: "\f08b";
}

ul.order_details {

	list-style: none;
	position: relative;
	margin: 3.631em 0;
}

ul.order_details:before, ul.order_details:after {
	content: "";
	display: block;
	position: absolute;
	top: -16px;
	left: 0;
	width: 100%;
	height: 16px;
	background-size: 0px 100%, 16px 16px, 16px 16px;
}

ul.order_details:after {
	top: auto;
	bottom: -16px;
	transform: rotate(180deg);
}

ul.order_details li {
	padding: 1em 1.618em;
	font-size: .8em;
	text-transform: uppercase;
}

ul.order_details li:first-child {
	padding-top: 1.618em;
}

ul.order_details li:last-child {
	border: 0;
	padding-bottom: 1.618em;
}

ul.order_details li strong {
	display: block;
	font-size: 1.387em;
	text-transform: none;
}

.my_account_orders .button,
.woocommerce-MyAccount-downloads .button {
	padding: .618em .857em;
	font-size: .857em;
	margin-right: .236em;
}

.my_account_orders .button.view:after {
	content: "\f06e";
	margin-left: .53em;
}

p.order-again .button:after {
	content: "\f021";
	margin-left: .53em;
}

.woocommerce-MyAccount-downloads .button:after {
	content: "\f0ed";
	margin-left: .53em;
}

.woocommerce-MyAccount-content h2 {
	font-size: 2em;
	font-weight: 600;
}

.woocommerce-MyAccount-content #payment .payment_methods {
	margin-bottom: 1.618em !important;
}

.woocommerce-MyAccount-content #payment .payment_methods li .payment_box {
	background-color: rgba(0, 0, 0, 0.05);
}