Skip to content

Instantly share code, notes, and snippets.

@jstangroome

jstangroome/Vagrantfile Secret

Created May 14, 2018 00:03
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jstangroome/b1cdf650fa6c4cc1919c310dcea8dc1a to your computer and use it in GitHub Desktop.
Save jstangroome/b1cdf650fa6c4cc1919c310dcea8dc1a to your computer and use it in GitHub Desktop.
Download ZIP
nginx-pagespeed-issue-1556-c
Raw
index.html
<html>
<head>
<link rel="stylesheet" href="/store.css" type="text/css" />
<link rel="stylesheet" href="/vendor.css" type="text/css" />
</head>
<body>
Hello
</body>
</html>
Raw
install.sh
#!/bin/bash
apt-get update
apt-get install --assume-yes --no-install-recommends \
build-essential \
ca-certificates \
curl \
libpcre3 \
libpcre3-dev \
libssl-dev \
unzip \
uuid-dev \
wget \
zlib1g-dev
pagespeed_version=1.13.35.2
pagespeed_label=beta
#^^ eg: beta or stable
nginx_version=1.13.8
mkdir -p /src
# get pagespeed
cd /src
wget "https://github.com/apache/incubator-pagespeed-ngx/archive/v${pagespeed_version}-${pagespeed_label}.zip"
unzip "v${pagespeed_version}-${pagespeed_label}.zip"
rm "v${pagespeed_version}-${pagespeed_label}.zip"
mv "incubator-pagespeed-ngx-${pagespeed_version}-${pagespeed_label}" pagespeed
# get psol
cd /src/pagespeed
psol_url="https://dl.google.com/dl/page-speed/psol/${pagespeed_version}.tar.gz"
if [ -e scripts/format_binary_url.sh ]
then
psol_url=$(scripts/format_binary_url.sh PSOL_BINARY_URL)
fi
wget "${psol_url}"
tar -xzvf "$(basename ${psol_url})" # extracts to psol/
rm "$(basename ${psol_url})"
# get nginx
cd /src
wget "http://nginx.org/download/nginx-${nginx_version}.tar.gz"
tar -xvzf "nginx-${nginx_version}.tar.gz"
rm "nginx-${nginx_version}.tar.gz"
mv "nginx-${nginx_version}" nginx
# build
# these CC and LD options come from `nginx -V` on the official nginx builds for Ubuntu
# disable optimizations for easier debugging as per:
# https://www.nginx.com/resources/admin-guide/debug/#compile_symbols
cc_opts='-g -fstack-protector --param=ssp-buffer-size=4 -Wformat -Werror=format-security -D_FORTIFY_SOURCE=2 -O2' #-O0
ld_opts='-Wl,-Bsymbolic-functions -Wl,-z,relro'
nginx_configure_args=(
--prefix=/etc/nginx
--conf-path=/etc/nginx/nginx.conf
--error-log-path=/var/log/nginx/error.log
--http-client-body-temp-path=/var/lib/nginx/body
--http-fastcgi-temp-path=/var/lib/nginx/fastcgi
--http-log-path=/var/log/nginx/access.log
--http-proxy-temp-path=/var/lib/nginx/proxy
--http-scgi-temp-path=/var/lib/nginx/scgi
--http-uwsgi-temp-path=/var/lib/nginx/uwsgi
--lock-path=/var/lock/nginx.lock
--pid-path=/var/run/nginx.pid
--add-module=/src/pagespeed
--sbin-path=/usr/sbin/nginx
--with-debug
)
cd /src/nginx
./configure \
--with-cc-opt="${cc_opts}" \
--with-ld-opt="${ld_opts}" \
"${nginx_configure_args[@]}" </dev/null
make
make install
mkdir -p /var/lib/nginx/body
Raw
nginx.conf
user www-data;
worker_processes 1;
pid /var/run/nginx.pid;
events {}
error_log /var/log/nginx/error.log debug;
http {
access_log /var/log/nginx/access.log;
pagespeed FileCachePath /var/ngx_pagespeed_cache;
server {
listen 80;
root /vagrant/;
pagespeed On;
pagespeed RewriteLevel PassThrough;
pagespeed EnableFilters "combine_css,combine_javascript,flatten_css_imports,inline_css,inline_import_to_link,inline_javascript,rewrite_css,rewrite_images,rewrite_javascript,rewrite_style_attributes_with_url";
# Ensure requests for pagespeed optimized resources go to the pagespeed handler
# and no extraneous headers get set.
# https://modpagespeed.com/doc/configuration
location ~ "\.pagespeed\.([a-z]\.)?[a-z]{2}\.[^.]{10}\.[^.]+" {
add_header "" "";
}
location / {
add_header Cache-Control max-age=3600;
}
}
}
Raw
store.css
/* Tablet */
@media (max-width: 1280px) {
#storeLocatorPage #page > .row {
padding: 0 20px;
box-sizing: border-box; } }
/* Mobile */
@media (max-width: 850px) {
#storeLocatorPage h1 {
text-align: center; }
#storeLocatorPage #storeSearchInputContainer p {
width: 100%;
text-align: center;
margin-bottom: 20px; }
#storeLocatorPage #storeSearchInputContainer .input-container {
width: 100%;
float: right; }
#storeLocatorPage #resultsContainer #results {
width: 100%; }
#storeLocatorPage #resultsContainer #mapsearch {
width: 100%;
height: 200px; } }
/* Small mobile */
@media (max-width: 500px) {
#storeLocatorPage #storeSearchInputContainer .input-container input[type="submit"], #storeLocatorPage #storeSearchInputContainer .input-container input[type="text"] {
width: 100%; }
#storeLocatorPage #storeSearchInputContainer .input-container input[type="text"] {
margin-bottom: 20px; }
#storeLocatorPage #resultsContainer #results > div > div.hours {
margin-top: 0; }
#storeLocatorPage #resultsContainer #results .viewOnMap {
display: block; }
#storeLocatorPage #resultsContainer #results .viewOnMap:before {
margin-right: 10px;
font-size: 20px;
font-size: 1.25rem; }
#storeLocatorPage #resultsContainer #mapsearch {
display: none; } }
#myAccountTitle {
color: #01529b;
margin-bottom: 30px;
font-size: 35px;
font-size: 2.1875rem; }
#myAccountNavigationWidget {
padding: 30px 20px 0px 35px;
margin-left: 0;
font-family: 'VisbyCF Regular', sans-serif;
letter-spacing: 0.7px;
-webkit-box-shadow: 0 0 43px 0 rgba(0, 0, 0, 0.13);
-moz-box-shadow: 0 0 43px 0 rgba(0, 0, 0, 0.13);
box-shadow: 0 0 43px 0 rgba(0, 0, 0, 0.13); }
#myAccountNavigationWidget #mobileMenuCollapse {
display: none; }
#myAccountNavigationWidget .arrow {
display: none; }
#myAccountNavigationWidget .title {
margin-bottom: 5px;
font-family: 'VisbyCF Bold', sans-serif;
font-weight: normal;
letter-spacing: 0.5px;
font-size: 18px;
font-size: 1.125rem; }
#myAccountNavigationWidget .facetSelectContainer > ul > li {
padding: 18px 0;
border: none; }
#myAccountNavigationWidget .facetSelectContainer > ul > li a {
margin: 0;
padding: 0;
font-size: 18px;
font-size: 1.125rem; }
#myAccountNavigationWidget .facetSelectContainer > ul > li a:before {
font-weight: bold;
line-height: 10px;
margin-right: 10px;
-webkit-transition: margin-right 0.2s;
-moz-transition: margin-right 0.2s;
-ms-transition: margin-right 0.2s;
-o-transition: margin-right 0.2s;
transition: margin-right 0.2s;
font-size: 16px;
font-size: 1rem; }
#myAccountNavigationWidget .facetSelectContainer > ul > li a:hover {
text-decoration: none;
color: #01529b; }
#myAccountNavigationWidget .facetSelectContainer > ul > li a:hover:before {
margin-right: 15px; }
#myAccountNavigationWidget fieldset {
margin-bottom: 20px; }
#box .my_account .myaccount_header {
color: #01529b;
margin-bottom: 30px;
font-size: 24px;
font-size: 1.5rem; }
#box .my_account .column {
margin-bottom: 10px; }
#box .my_account .column .column_label, #box .my_account .column label, #box .my_account .column .birthday_label, #box .my_account .column .birthdayColumn > div {
margin-bottom: 10px;
color: #848484;
font-size: 14px;
font-size: 0.875rem;
font-family: 'VisbyCF Regular', sans-serif;
letter-spacing: 0.7px;
font-weight: bold; }
#box .my_account .column label, #box .my_account .column .birthday_label {
display: inline-block; }
#box .my_account .birthdayColumn {
margin-bottom: 10px;
width: 31%;
margin-right: 2.3%; }
#box .my_account #WC_PersonalInfoExtension_mobile_div_13 {
display: none; }
#box.generic_error_container, #box.reset_password {
width: 1280px;
margin: 50px auto;
float: none; }
@media (max-width: 740px) {
#box.generic_error_container, #box.reset_password {
width: auto;
margin: 20px 10px;
text-align: center; }
#box.generic_error_container h1, #box.reset_password h1 {
text-align: center; }
#box.generic_error_container .button_primary, #box.reset_password .button_primary {
width: 100%; }
#box.generic_error_container .input-container, #box.reset_password .input-container {
width: 100% !important; } }
#box.generic_error_container h1, #box.reset_password h1 {
margin-bottom: 20px; }
#box.generic_error_container .content, #box.reset_password .content {
padding: 20px;
-webkit-box-shadow: 0 0 43px 0 rgba(0, 0, 0, 0.13);
-moz-box-shadow: 0 0 43px 0 rgba(0, 0, 0, 0.13);
box-shadow: 0 0 43px 0 rgba(0, 0, 0, 0.13); }
#box.generic_error_container .content .button_footer_line, #box.reset_password .content .button_footer_line {
float: none; }
#box.generic_error_container .input-container, #box.reset_password .input-container {
width: 320px; }
.rowContainer[id^="container_MyAccountDisplay"] .row .col8 {
margin-top: 79px;
padding: 40px;
box-sizing: border-box;
-webkit-box-shadow: 0 0 43px 0 rgba(0, 0, 0, 0.13);
-moz-box-shadow: 0 0 43px 0 rgba(0, 0, 0, 0.13);
box-shadow: 0 0 43px 0 rgba(0, 0, 0, 0.13); }
#WC_AccountDisplay_div_1 {
margin-bottom: 50px; }
#WC_AccountDisplay_div_1 h1 {
margin-top: 40px;
color: #01529b;
font-size: 35px;
font-size: 2.1875rem; }
#WC_AccountDisplay_div_1 #signInContainer {
padding: 20px;
margin-top: 40px;
overflow: hidden;
-webkit-box-shadow: 0 0 43px 0 rgba(0, 0, 0, 0.13);
-moz-box-shadow: 0 0 43px 0 rgba(0, 0, 0, 0.13);
box-shadow: 0 0 43px 0 rgba(0, 0, 0, 0.13); }
#WC_AccountDisplay_div_1 .header_return, #WC_AccountDisplay_div_1 .header_new {
float: left;
width: 49%; }
#WC_AccountDisplay_div_1 .header_return form {
margin-top: 20px;
width: 60%; }
#WC_AccountDisplay_div_1 .header_return .button_primary {
width: 100%; }
#WC_AccountDisplay_div_1 .header_new {
float: right; }
#WC_AccountDisplay_div_1 .header_new .button_primary {
width: 60%; }
#WC_AccountDisplay_div_1 h2 {
margin-bottom: 13px;
color: #01529b;
font-size: 18px;
font-size: 1.125rem; }
#WC_AccountDisplay_div_1 .input-container.withIcon:before {
top: 48px; }
#WC_AccountDisplay_div_1 .myaccount_link {
display: block;
text-decoration: underline;
margin: 20px 0; }
#WC_AccountDisplay_div_1:after {
content: "";
display: block;
clear: both; }
#shoppingListCreateSuccessPopup .item_spacer_10px {
display: none; }
#shoppingListCreateSuccessPopup img {
display: none; }
#shoppingListCreateSuccessPopup p#successMessageAreaText {
float: none;
margin: 0;
text-align: center;
font-size: 18px;
font-size: 1.125rem; }
#wishlistProductContainer {
margin-top: 20px; }
#wishlistProductContainer .product {
position: relative; }
#wishlistProductContainer .product .removeButton {
position: absolute;
top: 18px;
right: 25px; }
#wishlistProductContainer .product .product_image .image {
text-align: left; }
#wishlistProductContainer .product .product_info {
float: left;
height: 73px; }
#wishlistProductContainer .product .attributesContainer {
margin: 10px 0;
opacity: 0.5;
display: flex;
flex-direction: column;
font-size: 12px;
font-size: 0.75rem; }
#wishlistProductContainer .product .attributesContainer > span {
display: block;
margin-bottom: 2px;
order: 1; }
#wishlistProductContainer .product .attributesContainer > span.sizeAttribute {
order: 2; }
#wishlistProductContainer .product .product_price {
float: left;
margin-bottom: 20px; }
#wishlistProductContainer .product .product_option {
margin-bottom: 10px;
float: left;
width: 100%; }
#mobileCloseButton {
display: none; }
#WC_WishListResultDisplay_div_3l .title {
width: 50%;
float: left;
color: #01529b;
font-family: 'VisbyCF Bold', sans-serif;
font-weight: normal;
letter-spacing: 0.5px;
font-size: 24px;
font-size: 1.5rem; }
#WC_WishListResultDisplay_div_3l .title span {
color: #848484;
font-family: 'VisbyCF Regular', sans-serif;
letter-spacing: 0.7px; }
#WC_WishListResultDisplay_div_3l .num_products {
margin: 9px 10px 0 0;
font-size: 14px;
font-size: 0.875rem; }
#wishlist {
position: relative; }
#wishlist h2 {
color: #01529b;
margin-bottom: 10px;
font-family: 'VisbyCF Bold', sans-serif;
font-weight: normal;
letter-spacing: 0.5px;
font-size: 24px;
font-size: 1.5rem; }
#wishlist .column {
width: 48%;
float: left;
margin-top: 40px; }
#wishlist .column.right {
float: right; }
#wishlist textarea {
width: 100%;
height: 164px; }
#wishlist .button_primary {
width: 100%;
margin-top: 21px;
padding: 20px 0; }
#wishlist .requiredFields {
position: absolute;
right: 0;
font-weight: bold;
font-family: 'VisbyCF Regular', sans-serif;
letter-spacing: 0.7px;
font-size: 14px;
font-size: 0.875rem; }
#personalDetailsContainer br {
display: none; }
#personalDetailsContainer input[type="text"], #personalDetailsContainer input[type="tel"] {
padding: 24px 22px 24px 30px; }
#personalDetailsContainer #WC_AddressEntryForm_div_7a {
width: 16%;
float: left;
margin-right: 2%;
margin-bottom: 0; }
#personalDetailsContainer #WC_AddressEntryForm_div_firstname {
width: 40%;
float: left;
margin-right: 2%; }
#personalDetailsContainer #WC_AddressEntryForm_div_lastname {
width: 40%;
float: left; }
#personalDetailsContainer #WC_UserRegistrationAddForm_div_34 {
width: 16% !important;
float: left;
margin-top: 29px;
margin-right: 2%;
min-width: 0; }
#personalDetailsContainer #WC_PersonalInfoExtension_DOB_div_1 {
width: 40% !important;
float: left !important;
margin-right: 2%;
min-width: 0; }
#personalDetailsContainer #WC_PersonalInfoExtension_DOB_div_1 .errorMessage {
margin-top: 3px;
position: absolute;
bottom: 0;
border-top: 3px solid #c72026;
width: 98%;
color: #c72026;
margin-top: 5px;
font-size: 12px;
font-size: 0.75rem;
font-family: 'VisbyCF Bold', sans-serif;
font-weight: normal;
letter-spacing: 0.5px; }
#personalDetailsContainer #WC_PersonalInfoExtension_mobile_div_6 {
width: 40% !important;
float: left;
margin-top: 20px;
min-width: 0; }
#personalDetailsContainer #WC_PersonalInfoExtension_mobile_div_8 {
position: relative;
top: 10px; }
#personalDetailsContainer .left {
float: left;
width: 47%; }
#personalDetailsContainer .right {
float: right;
width: 47%; }
#personalDetailsContainer #changeEmailContainer {
float: left;
width: 50%; }
#personalDetailsContainer #changeEmailContainer .email {
font-size: 18px;
font-size: 1.125rem;
font-family: 'VisbyCF Regular', sans-serif;
letter-spacing: 0.7px; }
#personalDetailsContainer #newsletterSignup {
width: 50%;
font-family: 'VisbyCF Regular', sans-serif;
letter-spacing: 0.7px;
float: left;
padding: 27px 0 10px 0;
visibility: hidden; }
#personalDetailsContainer .hidden {
display: none; }
#personalDetailsContainer .column {
width: 100% !important; }
#personalDetailsContainer .required-field {
color: #848484; }
#personalDetailsContainer .inputField {
width: 100%; }
#personalDetailsContainer #disabledEmailField {
display: none; }
#personalDetailsContainer .input-container {
margin-bottom: 20px; }
#personalDetailsContainer .input-container .errorMessage {
margin-top: 3px;
position: absolute; }
#personalGreeting {
margin: 0 0 40px 0;
color: #01529b;
font-size: 24px;
font-size: 1.5rem;
font-family: 'VisbyCF Regular', sans-serif;
letter-spacing: 0.7px; }
#personalGreeting .name {
font-family: 'VisbyCF Bold', sans-serif;
font-weight: normal;
letter-spacing: 0.5px; }
#personalGreeting .lastLogin {
display: block;
color: #848484;
font-size: 18px;
font-size: 1.125rem; }
#WC_UserRegistrationUpdateForm_links_1 {
margin-top: 20px;
width: 50%;
float: right; }
#WC_UserRegistrationUpdateForm_links_3 {
display: inline-block;
color: #01529b;
font-family: 'VisbyCF Regular', sans-serif;
letter-spacing: 0.7px;
margin-left: 10px; }
#addressBookListDiv {
margin: 0; }
#addressBookListDiv .addressSelectionEditPage > h2 {
margin: 28px 0 10px; }
#addressFieldsContainer .nameFields {
width: 48%;
float: left; }
#addressFieldsContainer .addressFields {
width: 48%;
float: right; }
#addressFieldsContainer .required-field {
position: absolute;
color: #848484;
width: auto;
right: 40px;
top: 50px; }
#addressFieldsContainer .input-container.withIcon:before {
top: 44px;
font-size: 24px;
font-size: 1.5rem; }
#addressFieldsContainer .switchContainer {
text-align: right;
padding-right: 14px; }
#addressFieldsContainer #manualAddressFields {
display: none; }
#addressFieldsContainer #manualAddressFields.visible {
display: block; }
#addressFieldsContainer .input-container#WC_AddressEntryForm_div_10 .errorMessage {
border-top: 4px solid;
position: relative;
margin-top: -10px;
padding-top: 7px; }
#addressFieldsContainer .input-container#WC_AddressEntryForm_div_10.addressFormState .errorMessage {
margin-top: 0; }
#addressBookContainer {
position: relative; }
#addressBookContainer h1 {
color: #01529b;
margin: 0 0 10px 0;
font-family: 'VisbyCF Bold', sans-serif;
font-weight: normal;
letter-spacing: 0.5px;
font-size: 24px;
font-size: 1.5rem; }
#addressBookContainer #WC_AjaxAddressBookForm_links_1 {
margin-right: 0;
position: absolute;
top: 40px;
right: 40px; }
#addressBookContainer #addressDetailsEditMain {
margin: 0;
font-family: 'VisbyCF Regular', sans-serif;
letter-spacing: 0.7px; }
#addressBookContainer #addressDetailsEditMain #addressDetailsEditRead.ausPost {
position: relative; }
#addressBookContainer #addressDetailsEditMain #addressDetailsEditRead.ausPost img {
position: absolute;
width: 40px;
top: 40px; }
#addressBookContainer #addressDetailsEditMain #addressDetailsEditRead.ausPost :nth-child(0n+3) {
padding-left: 50px;
margin-top: 12px; }
#addressBookContainer #addressDetailsEditMain #addressDetailsEditRead.ausPost :nth-child(0n+4) {
padding-left: 50px;
margin-bottom: 12px; }
#addressBookContainer #addressDetailsEditMain #addressDetailsEditRead .note {
display: block;
margin-top: 15px;
opacity: 0.6;
font-size: 14px;
font-size: 0.875rem; }
#addressBookContainer #addressDetailsEditMain.lightedSection {
position: fixed;
top: 50%;
left: 50%;
width: auto;
padding: 40px;
width: 750px;
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
#addressBookContainer #addressDetailsEditMain.lightedSection .switchContainer {
display: none; }
#addressBookContainer #addressDetailsEditMain.lightedSection .editAddress {
display: none; }
#addressBookContainer #addressDetailsEditMain.lightedSection .headingtext {
float: none; }
#addressBookContainer #addressDetailsEditMain.lightedSection .editField .editActions {
float: none;
text-align: right; }
#addressBookContainer #addressDetailsEditMain.lightedSection h2 {
color: #01529b;
font-size: 24px;
font-size: 1.5rem; }
#addressBookContainer #addressDetailsEditMain.lightedSection #addressFieldsContainer #manualAddressFields {
display: block; }
#addressBookContainer .pageSection {
border: none; }
#addressBookContainer #addressContainer {
position: relative;
width: 50%;
padding-bottom: 60px; }
#addressBookContainer #addressDetailRefreshArea {
width: 50%; }
#addressBookContainer .editAddress, #addressBookContainer .removeAddress {
position: absolute;
left: 0;
bottom: 0;
margin-left: 0; }
#addressBookContainer .editAddress {
left: 214px; }
#addressBookContainer .noDelete .editAddress {
left: 0; }
#addAddressContainer h1 {
color: #01529b;
margin: 0 0 10px 0;
font-family: 'VisbyCF Bold', sans-serif;
font-weight: normal;
letter-spacing: 0.5px;
font-size: 24px;
font-size: 1.5rem; }
#addAddressContainer #addressFieldsContainer {
margin-top: 30px;
position: relative; }
#addAddressContainer #addressFieldsContainer .required-field {
right: 0;
top: -40px; }
#addAddressContainer #addressFieldsContainer:after {
content: "";
display: block;
clear: both; }
#addAddressContainer #WC_AccountForm_div_2 {
float: none; }
#addAddressContainer #manualAddressFields {
display: none; }
#addAddressContainer #WC_AjaxAddressBookForm_links_4a {
width: 202px;
margin-right: 12px; }
#addAddressContainer .button_footer_line {
float: right; }
#Processed_OrderList_list_table {
font-family: 'VisbyCF Regular', sans-serif;
letter-spacing: 0.7px; }
#Processed_OrderList_list_table .row {
display: flex !important;
padding: 10px;
box-sizing: border-box; }
#Processed_OrderList_list_table .row > div {
flex-grow: 1; }
#Processed_OrderList_list_table .row > div.total_price {
box-sizing: border-box;
padding-right: 80px;
text-align: right; }
#Processed_OrderList_list_table .fullView {
margin: 20px 0; }
#Processed_OrderList_list_table .fullView .row {
cursor: pointer;
-webkit-transition: transform 0.1s;
-moz-transition: transform 0.1s;
-ms-transition: transform 0.1s;
-o-transition: transform 0.1s;
transition: transform 0.1s; }
#Processed_OrderList_list_table .fullView .row:nth-child(odd) {
background-color: #f6f6f6; }
#Processed_OrderList_list_table .fullView .row:nth-child(even) {
background-color: rgba(250, 250, 250, 0.4); }
#Processed_OrderList_list_table .fullView .row:hover {
-moz-transform: scale(1.03);
-o-transform: scale(1.03);
-ms-transform: scale(1.03);
-webkit-transform: scale(1.03);
transform: scale(1.03); }
#Processed_OrderList_list_table .pageCount {
text-align: right;
font-size: 14px;
font-size: 0.875rem; }
#orderListContainer h1 {
color: #01529b;
margin-bottom: 30px;
font-size: 24px;
font-size: 1.5rem; }
#orderDetailsMainContainer {
font-family: 'VisbyCF Regular', sans-serif;
letter-spacing: 0.7px; }
#orderDetailsMainContainer h1 {
color: #01529b;
margin-bottom: 30px;
font-size: 24px;
font-size: 1.5rem; }
#orderDetailsMainContainer #orderDetail_content {
position: relative; }
#orderDetailsMainContainer #printButton {
position: absolute;
top: 0;
right: 0;
color: #01529b;
-webkit-transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1);
-moz-transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1);
-ms-transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1);
-o-transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1);
transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1); }
#orderDetailsMainContainer #printButton:before {
font-weight: bold;
font-size: 24px;
font-size: 1.5rem; }
#orderDetailsMainContainer #printButton:hover {
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2); }
#orderDetailsMainContainer #orderInfo {
margin-bottom: 70px; }
#orderDetailsMainContainer #orderInfo .orderMainInfo {
text-align: center;
font-size: 24px;
font-size: 1.5rem; }
#orderDetailsMainContainer #orderInfo .orderMainInfo .entry {
color: #01529b;
font-family: 'VisbyCF Bold', sans-serif;
font-weight: normal;
letter-spacing: 0.5px; }
#orderDetailsMainContainer #orderInfo .orderMainInfo .entry span {
color: #444444;
font-family: 'VisbyCF Regular', sans-serif;
letter-spacing: 0.7px; }
#orderDetailsMainContainer .orderDetailsContainer {
width: 25%;
line-height: 22px;
font-size: 14px;
font-size: 0.875rem;
font-family: 'VisbyCF Regular', sans-serif;
letter-spacing: 0.7px; }
#orderDetailsMainContainer .orderDetailsContainer h2 {
font-family: 'VisbyCF Regular', sans-serif;
letter-spacing: 0.7px;
font-weight: bold;
margin-bottom: 20px; }
#orderDetailsMainContainer .orderDetailsContainer .paymentDetails img {
display: block;
width: 32px;
margin-bottom: 5px; }
#orderDetailsMainContainer #orderItems {
width: 50%;
box-sizing: border-box;
padding: 0 10px 10px 10px; }
#orderDetailsMainContainer #orderItems > h2 {
font-family: 'VisbyCF Regular', sans-serif;
letter-spacing: 0.7px;
font-weight: bold;
margin-bottom: 20px; }
#orderDetailsMainContainer #orderItems h2 {
font-size: 14px;
font-size: 0.875rem; }
#orderDetailsMainContainer #orderItems .brandName {
font-size: 16px;
font-size: 1rem;
font-weight: bold; }
#orderDetailsMainContainer #orderItems .productName {
font-size: 14px;
font-size: 0.875rem; }
#orderDetailsMainContainer #orderItems .items > div div.attributes {
font-size: 12px;
font-size: 0.75rem; }
#orderDetailsMainContainer #orderItems > div {
padding: 0; }
#orderDetailsMainContainer #orderItems #totals > div span {
text-align: right; }
#mainAccountContainer {
font-family: 'VisbyCF Regular', sans-serif;
letter-spacing: 0.7px; }
#mainAccountContainer h1 {
color: #01529b;
margin-bottom: 30px;
font-size: 24px;
font-size: 1.5rem; }
#mainAccountContainer .myAccountSubHeading {
color: #01529b;
font-size: 20px;
font-size: 1.25rem; }
#mainAccountContainer .my_account_summary {
margin-bottom: 60px; }
#mainAccountContainer .my_account_summary > div {
margin: 20px 0; }
#mainAccountContainer .my_account_summary .row {
margin-bottom: 10px; }
#mainAccountContainer .my_account_summary .label {
width: 100px; }
#mainAccountContainer .my_account_summary .info_content {
font-weight: bold; }
#mainAccountContainer .my_account_summary .footer {
margin-bottom: 20px; }
@media (max-width: 1280px) {
div.content_wrapper_position {
width: auto;
margin: 70px 20px; }
#myAccountNavigationWidget {
padding: 14px; }
#myAccountNavigationWidget .facetSelectContainer > ul > li {
padding: 10px 0; }
#myAccountNavigationWidget .facetSelectContainer > ul > li a:hover:before {
margin-right: 10px; }
#orderDetailsMainContainer .orderDetailsContainer {
width: 50%; }
#orderDetailsMainContainer #orderItems {
width: 100%; }
#personalDetailsContainer #WC_AddressEntryForm_div_7a {
width: 24% !important; }
#personalDetailsContainer #WC_AddressEntryForm_div_firstname {
width: 36% !important; }
#personalDetailsContainer #WC_AddressEntryForm_div_lastname {
width: 36% !important; }
#personalDetailsContainer #WC_UserRegistrationAddForm_div_34 {
width: 26% !important; }
#personalDetailsContainer #WC_PersonalInfoExtension_DOB_div_1 {
width: 72% !important;
margin-right: 0; }
#personalDetailsContainer #WC_PersonalInfoExtension_mobile_div_6 {
width: 79% !important; }
#personalDetailsContainer #changeEmailContainer {
width: 100%; }
#addressBookContainer #addressDetailsEditMain.lightedSection {
width: 80%; }
#addressFieldsContainer .nameFields {
width: 100%; }
#addressFieldsContainer .addressFields {
width: 100%; }
#addAddressContainer .button_footer_line {
float: none; }
#addAddressContainer .button_secondary {
float: right;
min-width: 0;
width: 43%; } }
@media (min-width: 740px) and (max-width: 1024px) {
#personalDetailsContainer #WC_AddressEntryForm_div_firstname {
width: 72% !important; }
#personalDetailsContainer #WC_AddressEntryForm_div_lastname {
width: 99% !important; }
#personalDetailsContainer input[type="text"], #personalDetailsContainer input[type="tel"] {
padding: 22px 22px 22px 30px; }
#personalDetailsContainer #WC_PersonalInfoExtension_mobile_div_6 {
width: 99% !important; }
#addressBookContainer #addressDetailsEditMain.lightedSection {
max-height: 85%;
overflow: scroll; } }
@media (max-width: 740px) {
div.content_wrapper_position {
width: auto;
margin: 30px 20px; }
.rowContainer {
padding: 0; }
#container_MyAccountDisplayB2B #myAccountTitle {
margin: 30px 0;
text-align: center;
font-size: 28px;
font-size: 1.75rem; }
#myAccountNavigationWidget {
padding: 10px 0 10px 0px; }
#myAccountNavigationWidget fieldset {
margin-bottom: 0; }
#myAccountNavigationWidget #mobileMenuCollapse {
display: block;
text-align: center;
font-family: 'VisbyCF Regular', sans-serif;
letter-spacing: 0.7px;
font-size: 20px;
font-size: 1.25rem; }
#myAccountNavigationWidget #myAccountLinks {
display: none;
padding: 10px 20px; }
#mainAccountContainer .my_account_summary .info_content {
width: 50%;
word-wrap: break-word; }
#mainAccountContainer .button_secondary {
width: 100%; }
.rowContainer[id^="container_MyAccountDisplay"] .row .col8 {
margin-top: 20px;
padding: 20px; }
#LogonIdUpdate input[type="text"] {
width: 100%; }
#WC_logonIdUpdateForm_div_40 .button_primary {
width: 100%; }
#WC_WishListResultDisplay_div_3l .title {
width: 100% !important;
text-align: center;
float: none !important; }
#WC_WishListResultDisplay_div_3l .controls {
float: none;
text-align: center; }
#WC_WishListResultDisplay_div_3l .controls .num_products {
display: none; }
#WC_WishListResultDisplay_div_3l .controls .paging_controls {
margin-top: 20px;
float: none;
display: inline-block; }
#wishlist {
margin-top: 30px;
text-align: center; }
#wishlist h2 {
padding: 0 20px; }
#wishlist .column {
width: 100%;
margin: 20px 0 0; }
#wishlist .column.right {
margin-top: 0; }
#wishlist .requiredFields {
position: static;
margin: 20px 0 0px 0;
display: block; }
#box .my_account .myaccount_header {
text-align: center;
font-size: 24px;
font-size: 1.5rem; }
#personalGreeting {
margin: 0 0 40px;
font-size: 20px;
font-size: 1.25rem; }
#personalGreeting .lastLogin {
font-size: 14px;
font-size: 0.875rem; }
#WC_RegistrationUpdateCommonPage_div_1 h2 {
margin-bottom: 0 !important; }
#personalDetailsContainer #WC_AddressEntryForm_div_7a {
width: 100% !important; }
#personalDetailsContainer #WC_AddressEntryForm_div_firstname {
width: 100% !important; }
#personalDetailsContainer #WC_AddressEntryForm_div_lastname {
width: 100% !important; }
#personalDetailsContainer #WC_UserRegistrationAddForm_div_34 {
width: 100% !important;
margin-top: 0; }
#personalDetailsContainer #WC_PersonalInfoExtension_DOB_div_1 {
width: 100% !important;
margin: 0; }
#personalDetailsContainer #WC_PersonalInfoExtension_mobile_div_6 {
width: 100% !important;
margin-top: 0; }
#personalDetailsContainer #WC_PersonalInfoExtension_mobile_div_mobileCountryCode {
width: 100% !important; }
#personalDetailsContainer #WC_PersonalInfoExtension_mobile_div_12 {
width: 100% !important;
margin-top: 10px; }
#personalDetailsContainer #changeEmailContainer {
width: 100%; }
#personalDetailsContainer #WC_UserRegistrationUpdateForm_links_3 {
width: 100%;
margin: 10px 0 0 0; }
#personalDetailsContainer #WC_UserRegistrationUpdateForm_links_1 {
width: 100%; }
#personalDetailsContainer #newsletterSignup {
width: 100%; }
#addressBookContainer h1 {
text-align: center;
margin-bottom: 100px; }
#addressBookContainer #WC_AjaxAddressBookForm_links_1 {
top: 72px;
width: 85%;
left: 8%;
right: 0; }
#addressBookContainer #AddressSelection {
width: 100%; }
#addressBookContainer #addressBookListDiv .addressSelectionEditPage > h2 {
text-align: center; }
#addressBookContainer .addrbook_header .inputField {
width: 100%; }
#addressBookContainer .removeAddress, #addressBookContainer .editAddress {
width: 100%;
bottom: 70px; }
#addressBookContainer .editAddress {
left: auto; }
#addressBookContainer .removeAddress {
bottom: 0px; }
#addressBookContainer #addressContainer {
width: 100%;
padding-bottom: 120px; }
#addressBookContainer #addressContainer.noDelete {
padding-bottom: 30px; }
#addressBookContainer #addressContainer.noDelete .editAddress {
bottom: 0; }
#addressBookContainer #addressDetailRefreshArea {
width: 100%; }
#addressBookContainer #addressDetailsEditRead {
margin: -20px 0 20px;
width: 100%; }
#addressBookContainer #addressDetailsEditMain.lightedSection {
top: 50px;
width: 90%;
box-sizing: border-box;
padding: 20px;
max-height: 85%;
overflow-y: scroll;
-moz-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0); }
#addressBookContainer #addressDetailsEditMain.lightedSection h2 {
text-align: center; }
#addressBookContainer #addressDetailsEditMain.lightedSection .editActions .button_primary, #addressBookContainer #addressDetailsEditMain.lightedSection .editActions .button_secondary {
width: 100%; }
#addressBookContainer #addressDetailsEditMain.lightedSection .editActions .button_secondary {
margin-top: 10px; }
#addressFieldsContainer .nameFields {
width: 100%; }
#addressFieldsContainer .addressFields {
width: 100%; }
#addressFieldsContainer .requiredFields {
top: 72px;
right: 20px; }
#addressFieldsContainer .required-field {
top: 70px; }
#addAddressContainer h1 {
text-align: center; }
#addAddressContainer #addressFieldsContainer .required-field {
top: -22px; }
#addAddressContainer #WC_AjaxAddressBookForm_div_16a {
float: none; }
#addAddressContainer #WC_AjaxAddressBookForm_div_16a #WC_AjaxAddressBookForm_div_16b {
float: none;
padding: 0; }
#addAddressContainer #WC_AjaxAddressBookForm_div_16a #WC_AjaxAddressBookForm_div_16b #WC_AjaxAddressBookForm_links_4a {
width: 100%;
margin: 0 0 20px 0; }
#addAddressContainer #WC_AjaxAddressBookForm_div_16a #WC_AjaxAddressBookForm_links_2c {
width: 100%;
margin: 0; }
#WC_AccountDisplay_div_1 {
width: 100%;
padding: 0;
box-sizing: border-box;
text-align: center; }
#WC_AccountDisplay_div_1 h1 {
display: none; }
#WC_AccountDisplay_div_1 #signInContainer {
padding: 0;
box-shadow: none;
overflow: visible; }
#WC_AccountDisplay_div_1 .myaccount_header {
width: 70%;
margin: 0 auto; }
#WC_AccountDisplay_div_1 .header_return, #WC_AccountDisplay_div_1 .header_new {
float: none;
width: 100%; }
#WC_AccountDisplay_div_1 .header_return form {
width: 100%; }
#WC_AccountDisplay_div_1 .header_return .button_primary {
width: 100%; }
#WC_AccountDisplay_div_1 .header_new {
border-top: 1px solid #d7d7d7;
padding-top: 16px;
margin-top: 20px; }
#WC_AccountDisplay_div_1 .header_new .button_primary {
width: 100%; }
#WC_AccountDisplay_div_1 .input-container label.title {
display: none; }
#WC_AccountDisplay_div_1 .input-container.withIcon:before {
top: 21px; }
#WC_AccountDisplay_div_1 .myaccount_link {
display: block;
text-decoration: underline;
margin: 20px 0 0; }
#mobileCloseButton {
position: fixed;
top: 10px;
right: 10px;
z-index: 1000; }
#Processed_OrderList_list_table {
font-size: 14px;
font-size: 0.875rem; }
#Processed_OrderList_list_table .pageCount {
text-align: right;
font-size: 14px;
font-size: 0.875rem; }
#Processed_OrderList_list_table .row > div.order {
width: 21%; }
#Processed_OrderList_list_table .row > div.date {
flex-grow: 0;
width: 25%; }
#orderListContainer h1 {
text-align: center;
margin: 20px 0; }
#orderListContainer .ccol9 {
padding: 0 !important; }
#orderListContainer .pageCount {
width: 90%; }
#orderDetailsMainContainer .ccol9 {
padding: 10px !important; }
#orderDetailsMainContainer h1 {
color: #01529b;
margin: 20px 0;
text-align: center;
font-size: 24px;
font-size: 1.5rem; }
#orderDetailsMainContainer #orderInfo {
margin-bottom: 30px; }
#orderDetailsMainContainer #orderInfo .orderMainInfo {
text-align: center;
font-size: 18px;
font-size: 1.125rem; }
#orderDetailsMainContainer .orderDetailsContainer {
width: 100%;
text-align: left; }
#orderDetailsMainContainer .orderDetailsContainer h2 {
font-size: 18px;
font-size: 1.125rem;
margin-top: 20px; }
#orderDetailsMainContainer #orderItems {
width: 100%;
padding: 0; }
#orderDetailsMainContainer #orderItems > div {
padding: 0; }
#orderDetailsMainContainer #orderItems h2.title {
margin: 20px 0;
font-size: 18px;
font-size: 1.125rem; }
#orderDetailsMainContainer #orderItems h2 {
font-size: 12px;
font-size: 0.75rem; }
#orderDetailsMainContainer #orderItems .items > div div.name {
width: 36%; }
#orderDetailsMainContainer #WC_OrderDetailDisplay_Print_Link {
display: none; } }
@media (max-height: 700px) {
#addressBookContainer #addressDetailsEditMain.lightedSection {
height: 85%;
overflow: auto; } }
@media (max-width: 480px) {
#Processed_OrderList_list_table .fullView {
display: none !important; }
#Processed_OrderList_list_table .listTableMobile {
font-size: 14px;
font-size: 0.875rem;
display: block !important; }
#Processed_OrderList_list_table .listTableMobile .entry:nth-child(odd) {
background: #f6f6f6; }
#Processed_OrderList_list_table .listTableMobile .row {
display: block !important; }
#Processed_OrderList_list_table .listTableMobile .row > div {
display: inline-block; }
#Processed_OrderList_list_table .listTableMobile .row a {
font-size: 14px;
font-size: 0.875rem;
padding-left: 10px; } }
@media (max-width: 359px) {
#box .my_account .birthdayColumn:first-child {
width: 98%; }
#box .my_account .birthdayColumn {
width: 47.5%; } }
@media (max-width: 350px) {
#personalDetailsContainer #WC_PersonalInfoExtension_DOB_div_1 .errorMessage {
bottom: -15px; }
.double-input-container .input-container {
float: none;
width: 100%; }
.double-input-container .input-container:first-child {
float: none; } }
@media print {
#footer, #header, #printButton, #topHeaderEspot, #widget_breadcrumb, #myAccountTitle, #myAccountNavigationWidget {
display: none !important; }
#orderDetailsMainContainer .orderDetailsContainer {
float: left;
width: 50%; } }
body#contactUs .static_page_content {
width: 85%;
margin: 0 auto; }
body#contactUs .content_box form {
margin-top: 40px; }
body#contactUs .content_box form .formstyle {
width: 48%;
float: left; }
body#contactUs .content_box form .formstyle input[type="text"], body#contactUs .content_box form .formstyle textarea {
width: 100%; }
body#contactUs .content_box form .formstyle.last {
float: right; }
body#contactUs .content_box form .selectWrapper {
display: block;
width: 100%;
height: 61px; }
body#contactUs .content_box form .selectWrapper .ui-selectmenu-button {
width: 100%;
line-height: 61px;
height: 61px; }
body#contactUs .content_box form .selectWrapper .ui-selectmenu-button span.ui-selectmenu-text {
line-height: 61px;
padding-left: 12px; }
body#contactUs .content_box form .selectWrapper .ui-selectmenu-button span.ui-icon {
margin: 27px 7px 0; }
body#contactUs .content_box form .selectWrapper .ui-selectmenu-button span.ui-icon:before {
display: block; }
body#contactUs .content_box form .titleNameContainer .field.title {
width: 19%;
float: left; }
body#contactUs .content_box form .titleNameContainer .field.title .errorMessage {
bottom: -36px;
line-height: 13px; }
body#contactUs .content_box form .titleNameContainer .field.name {
width: 79%;
float: right; }
body#contactUs .content_box form .titleNameContainer:after {
content: "";
clear: both;
display: block; }
body#contactUs .content_box form textarea {
height: 163px; }
body#contactUs .content_box form #contactUsSubmit {
width: 100%;
margin-top: 22px;
padding: 21px 0px;
font-size: 16px;
font-size: 1rem; }
body#contactUs .content_box form:after {
content: "";
clear: both;
display: block; }
@media (max-width: 740px) {
body#contactUs .static_page_content {
width: 100%;
box-sizing: border-box;
padding: 0 20px; }
body#contactUs .content_box form .formstyle {
width: 100%; } }
#confirmationHeader {
position: relative;
margin: 50px 0 80px 0; }
#confirmationHeader h1 {
text-align: center;
color: #01529b;
font-size: 60px;
font-size: 3.75rem; }
#confirmationHeader .orderMessage {
margin: 0 auto;
width: 52%;
text-align: center;
font-family: 'VisbyCF Regular', sans-serif;
letter-spacing: 0.7px;
font-size: 18px;
font-size: 1.125rem; }
#orderItems {
float: right;
font-family: 'VisbyCF Regular', sans-serif;
letter-spacing: 0.7px; }
#orderItems > div {
padding: 40px; }
#orderItems .items > div {
overflow: hidden;
padding: 10px 0;
border-bottom: 1px solid #daebfa; }
#orderItems .items > div div {
float: left; }
#orderItems .items > div div.image {
width: 15%;
min-height: 90px; }
#orderItems .items > div div.image img {
width: 100%; }
#orderItems .items > div div.name {
padding: 0 0 0 15px;
width: 40%; }
#orderItems .items > div div.name .brandName {
font-size: 16px;
font-size: 1rem;
font-weight: bold; }
#orderItems .items > div div.name .productName {
font-size: 14px;
font-size: 0.875rem; }
#orderItems .items > div div.attributes {
color: #848484;
width: 25%;
font-size: 14px;
font-size: 0.875rem; }
#orderItems .items > div div.attributes span {
display: block; }
#orderItems .items > div div.price {
width: 15%;
text-align: right;
font-weight: bold;
font-family: 'VisbyCF Regular', sans-serif;
letter-spacing: 0.7px; }
#orderItems #totals {
font-weight: bold;
margin-top: 20px; }
#orderItems #totals > div {
display: table;
margin-bottom: 20px;
width: 100%; }
#orderItems #totals > div span {
display: table-cell; }
#orderItems #totals > div span.label {
width: 70%; }
#orderItems #totals > div span.value {
width: 30%;
text-align: right; }
#orderItems #totals > div.total {
text-align: left;
margin-bottom: 0;
padding-top: 0;
color: #01529b;
font-weight: normal;
font-size: 20px;
font-size: 1.25rem;
font-family: 'VisbyCF Bold', sans-serif;
font-weight: normal;
letter-spacing: 0.5px; }
#orderItems #totals > div.total > span {
text-align: right; }
#orderConfirmationContainer .col6 {
width: 47.6%;
box-sizing: border-box; }
#orderConfirmationContainer .col6 #rightEspotContainer, #orderConfirmationContainer .col6 #leftEspotContainer {
padding: 0;
box-shadow: none; }
#orderConfirmationContainer .col6 > div {
-webkit-box-shadow: 0 2px 32px 0 rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 2px 32px 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 2px 32px 0 rgba(0, 0, 0, 0.16); }
#orderConfirmationContainer #orderInformation {
font-size: 14px;
font-size: 0.875rem; }
#orderConfirmationContainer #orderInformation > div {
padding: 40px 50px 50px 50px; }
#orderConfirmationContainer #orderInformation > div:after {
content: "";
clear: both;
display: block; }
#orderConfirmationContainer #orderInformation > div > div {
float: left;
width: 50%;
margin-top: 10px;
word-break: break-word; }
#orderConfirmationContainer #orderInformation h2 {
margin-bottom: 20px;
font-family: 'VisbyCF Regular', sans-serif;
letter-spacing: 0.7px;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold; }
#orderConfirmationContainer #orderInformation .addressContainer {
height: 152px;
margin: 50px 0; }
#orderConfirmationContainer #orderInformation strong {
display: block; }
#orderConfirmationContainer #orderInformation p.ausPost {
background: url(/wcsstore/Checkout/source/public/img/ausPost.png);
background-repeat: no-repeat;
background-size: 32px;
padding-left: 41px;
background-position: 0px;
margin: 10px 0; }
#orderConfirmationContainer #orderInformation .paymentDetails img {
display: block;
width: 32px;
margin-bottom: 5px; }
#emailSignupEspotContainer {
display: none;
text-align: center; }
#emailSignupEspotContainer #updateSuccessEspot {
display: none; }
#emailSignupEspotContainer #newsletterSignup {
position: absolute;
top: 62%;
left: 50%;
margin-left: -100px; }
#emailSignupEspotContainer .loader {
left: 50%;
display: none; }
.ui-dialog.ui-widget[aria-describedby="emailSignupEspotContainer"] .ui-dialog-title {
display: none; }
#emptyBasket {
width: 1187px;
margin: 40px auto;
background-color: white;
padding: 40px;
color: #01529b;
text-align: center;
-webkit-box-shadow: 0px 0px 43px 0px rgba(0, 0, 0, 0.09);
-moz-box-shadow: 0px 0px 43px 0px rgba(0, 0, 0, 0.09);
box-shadow: 0px 0px 43px 0px rgba(0, 0, 0, 0.09);
font-family: 'VisbyCF Regular', sans-serif;
letter-spacing: 0.7px;
font-size: 18px;
font-size: 1.125rem; }
@media (max-width: 1280px) {
#emptyBasket {
width: auto;
margin: 10px; } }
#afterPayPopup {
display: none; }
#printButton {
position: absolute;
top: 0;
right: 0;
color: #01529b;
-webkit-transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1);
-moz-transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1);
-ms-transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1);
-o-transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1);
transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1); }
#printButton:before {
font-weight: bold;
font-size: 24px;
font-size: 1.5rem; }
#printButton:hover {
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2); }
.supportContainer {
margin: 30px 0;
font-weight: bold;
font-size: 16px;
font-size: 1rem;
font-family: 'VisbyCF Regular', sans-serif;
letter-spacing: 0.7px;
letter-spacing: 1.6px; }
.supportContainer:before {
margin-right: 10px;
font-weight: bold;
position: relative;
top: 1px;
font-size: 18px;
font-size: 1.125rem; }
.socialContainer {
text-align: center;
margin: 50px 0 80px; }
.socialContainer .social {
margin-top: 20px; }
.socialContainer .social a {
font-size: 0;
display: inline-block;
width: 36px;
color: #01529b;
margin-right: 10px; }
.socialContainer .social a:before {
margin: 0;
font-weight: bold;
color: #01529b;
font-size: 20px;
font-size: 1.25rem; }
.socialContainer .social a.icon-snapchat {
position: relative;
left: -3px;
top: 4px;
width: 26px; }
.socialContainer .social a.icon-snapchat:before {
width: 24px;
height: 24px; }
.socialContainer .social a.icon-youtube:before {
position: relative;
top: 2px;
font-size: 25px;
font-size: 1.5625rem; }
@media print {
#footer, #header, #printButton, #topHeaderEspot, #widget_breadcrumb, #myAccountTitle, #myAccountNavigationWidget {
display: none; } }
@media (max-width: 1280px) {
#orderConfirmationContainer.row.smaller {
width: auto;
margin: 0 20px; } }
@media (max-width: 768px) {
.ui-dialog.ui-widget[aria-describedby="emailSignupEspotContainer"] {
max-height: 90%;
width: 80% !important;
left: 10% !important;
position: fixed !important;
top: 50% !important;
left: 50% !important;
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); } }
@media only screen and (min-width: 740px) and (max-width: 800px) {
#orderConfirmationContainer #orderInformation > div > div {
width: 100%; }
#orderConfirmationContainer #orderInformation .addressContainer {
height: auto;
margin: 30px 0 0; }
#orderConfirmationContainer #orderInformation .addressContainer + .addressContainer {
margin-bottom: 30px; }
#orderConfirmationContainer #orderItems .items > div > div.image {
width: 25%;
height: auto; }
#orderConfirmationContainer #orderItems .items > div > div.name {
width: 75%;
box-sizing: border-box; }
#orderConfirmationContainer #orderItems .items > div > div.attributes {
box-sizing: border-box;
width: 65%;
padding: 10px 15px; }
#orderConfirmationContainer #orderItems .items > div > div.price {
float: right;
width: 70%;
text-align: left; } }
@media only screen and (max-width: 740px) {
#printButton {
display: none; }
#confirmationHeader {
margin: 26px 0 43px 0; }
#confirmationHeader h1 {
font-size: 40px;
font-size: 2.5rem; }
#confirmationHeader .orderMessage {
width: 94%;
font-size: 16px;
font-size: 1rem; }
#orderConfirmationContainer .col6 {
margin: 0 20px;
width: auto; }
#orderConfirmationContainer #orderInformation {
padding: 0px;
margin: 0; }
#orderConfirmationContainer #orderInformation > div {
padding: 20px; }
#orderConfirmationContainer #orderInformation > div > div {
width: 100%;
margin-bottom: 30px; }
#orderConfirmationContainer #orderInformation > div > div h2 {
margin-bottom: 10px; }
#orderConfirmationContainer #orderInformation > div > div.addressContainer {
height: auto;
margin: 0 0 30px; }
#orderConfirmationContainer #orderItems {
margin: 30px 0 0;
padding: 0px; }
#orderConfirmationContainer #orderItems > div {
padding: 20px; }
#orderConfirmationContainer #orderItems .items > div {
position: relative; }
#orderConfirmationContainer #orderItems .items > div div.name {
padding: 0 0 0 15px;
width: 60%; }
#orderConfirmationContainer #orderItems .items > div div.name h2 {
font-size: 14px;
font-size: 0.875rem; }
#orderConfirmationContainer #orderItems .items > div div.attributes {
width: 60%;
padding: 0 0 0 15px;
font-size: 14px;
font-size: 0.875rem; }
#orderConfirmationContainer #orderItems .items > div div.price {
position: absolute;
right: 15px;
font-size: 14px;
font-size: 0.875rem; }
#WC_OrderShippingBillingConfirmationPage_div_38 > div {
width: 100%;
text-align: center; }
#emailSignupEspotContainer img {
width: 100%; }
#emailSignupEspotContainer #newsletterSignup {
top: 50%;
left: 50%;
margin-left: -100px;
margin-top: -27px; } }
#brandsContainer h1 {
padding: 40px 0 20px;
text-align: center;
display: inline-block;
width: 100%;
font-size: 38px;
font-size: 2.375rem; }
#brandsContainer #maincontent {
float: none; }
#brandscontent {
padding-top: 167px; }
#brandscontent .panelinks {
background-color: white;
text-align: center;
position: fixed;
top: 142px;
left: 0;
width: 100%; }
#brandlinklist {
padding: 0;
text-align: center; }
#brandlinklist li {
display: inline-block;
padding: 10px;
border: 1px solid #d7d7d7;
margin-bottom: 10px;
font-family: 'VisbyCF Regular', sans-serif;
letter-spacing: 0.7px; }
#brandlinklist li:hover {
background: #01529b;
color: white; }
#brandlinklist li.last {
display: block;
width: 100px;
margin: 10px auto; }
#brands .brandletter {
text-align: center;
font-size: 60px;
font-size: 3.75rem;
font-family: 'VisbyCF Bold', sans-serif;
font-weight: normal;
letter-spacing: 0.5px; }
#brands .logoGroup {
text-align: center;
margin-bottom: 40px; }
#brands .logoGroup .brand {
display: inline-block;
-webkit-transition: transform 0.2s;
-moz-transition: transform 0.2s;
-ms-transition: transform 0.2s;
-o-transition: transform 0.2s;
transition: transform 0.2s;
font-family: 'VisbyCF Regular', sans-serif;
letter-spacing: 0.7px; }
#brands .logoGroup .brand .brandnameholder {
display: block;
font-size: 14px;
font-size: 0.875rem; }
#brands .logoGroup .brand:hover {
transform: scale(1.1); }
@media (max-width: 740px) {
#brandscontent {
padding-top: 0 !important; }
#brandscontent .panelinks {
position: static; } }
#staticPageContainer h1 {
margin-bottom: 40px; }
#staticPageContainer #container {
background-color: white;
padding: 20px;
-webkit-box-shadow: 0 2px 32px 0 rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 2px 32px 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 2px 32px 0 rgba(0, 0, 0, 0.16); }
.rowContainer.homePageContainer > .row {
padding: 0; }
/*# sourceMappingURL=cbstyles.css.map */
Raw
test.sh
#!/bin/bash
if [ ! -s /var/run/nginx.pid ] || ! kill -s 0 $(cat /var/run/nginx.pid)
then
nginx -c /vagrant/nginx.conf
fi
sleep 1
nginx -s reload
find /var/ngx_pagespeed_cache/ -type f -delete
sleep 1
while true
do
good_css_url=$(curl -s http://localhost/ | grep -Eo '[^"]+,Mcc\.[^"]+\.pagespeed\.[^"]+')
if [ -n "${good_css_url}" ]
then
break
fi
done
broke_css_url=$(printf %s "${good_css_url}" | sed 's/,Mcc\.../,Mcc.00/')
fetch_css () {
css_url="http://localhost${broke_css_url}"
logf="${HOME}/css$(date +%s).log"; \
curl -s -v \
-H 'Accept-Encoding: gzip' \
-- "${css_url}" \
>"${logf}" ; \
xxd "${logf}" | head -n2
}
# cache miss returns correctly gzipped encoded body
fetch_css
# cache hit returns `Content-Encoding: gzip` response header but non-compressed body
fetch_css
Raw
Vagrantfile
Vagrant.configure("2") do |config|
#config.vm.box = "ubuntu/xenial64"
config.vm.box = "ubuntu/trusty64"
config.vm.provider "virtualbox" do |vb|
#vb.cpus = 4
#vb.memory = "4096"
vb.customize [ "modifyvm", :id, "--uartmode1", "disconnected" ]
end
end
Raw
vendor.css
.owl-carousel {
display: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment