*******************************************************************************/
/***********************1. GENERAL WEBSITE FORMATTING**************************/
/******************************************************************************/
/*******************************WIDGET DETECTION*******************************/
/******************************BACKGROUND COLOUR*******************************/
body {
background-color: #b2936d;
}
#configurator-container {
background: #350300 !important;
}
/********************ADMIN SESSION INFORMATION FORMATTING**********************/
#adminbar {
color: #FFFFFF;
background: #350300;
}
#adminbar:hover {
color: #3b3b3b;
background: #ead5c5;
}
/**************************BOTTOM WIDGET BACKGROUND****************************/
#body-container {
background: #b2936d;
}
#body-background-container-left {
background-image: none !important;
background-repeat: no-repeat;
background-position: right top;
}
#body-background-container-right {
background-image: none !important;
background-repeat: no-repeat;
background-position: left top;
}
/**************************TEXT COLOUR ON THE WEBSITE**************************/
body {
color: #3b3b3b;
}
/****************************UNIVERSAL LINK COLOUR*****************************/
a, .entry a{
color: #3b3b3b;
}
/***********************UNIVERSAL ACTIVE LINKS COLOUR**************************/
a:hover, .entry a:hover {
color: #775143;
}
#widgets-right a:hover, #widgets-left a:hover {
color: #775143;
}
/******************************************************************************/
/************************2. MAIN TEXT FRAME FORMATTING*************************/
/******************************************************************************/
/*************WHITE MULTIPLYABLE BACKGROUND UNDER THE CONTENT FRAME************/
#main-frame-content-container {
background-image: url('../images/content-frame/content-frame-background.jpg');
}
/************GRADIENT BACKGROUND AT THE BOTTOM OF THE CONTENT FRAME************/
#main-frame-content {
background-image: url('../images/content-frame/content-frame-background-bottom.jpg');
}
/*************GRADIENT BACKGROUND AT THE TOP OF THE CONTENT FRAME**************/
#main-frame {
background-image: url('../images/content-frame/content-frame-background-top.jpg');
}
/**************LOWER FRAME PART AND REFLECTION AT THE SITE BOTTOM**************/
#main-frame-footer {
background: url('../images/content-frame/content-frame-background-bottom-transparent.png') no-repeat;
background-position: center center;
position: relative;
z-index: 4;
}
/*******************COPYRIGHT TEXT COLOUR ON THE FOOTER LEFT*******************/
#main-frame-footer-copyright {
color: #3b3b3b;
}
/************************FOOTER MENU TEXT COLOUR INACTIVE**********************/
#main-frame-footer-menu ul li a {
color: #3b3b3b;
}
/*************************FOOTER MENU TEXT COLOUR ACTIVE***********************/
#main-frame-footer-menu ul li a:hover {
color: #775143;
}
/*********************EXPRESSO INSCRIPTION COLOUR INACTIVE*********************/
a.powered{
color: #3b3b3b !important;
font-weight: bold;
}
/*********************EXPRESSO INSCRIPTION COLOUR ACTIVE***********************/
a.powered:hover{
color: #775143 !important;
}
/******************************************************************************/
/**********************3. CONTENT ELEMENTS FORMATTING**************************/
/******************************************************************************/
/*********************WIDGET TITLES BACKGROUND ON THE LEFT*********************/
.widget-left-container h3 {
background: #4a1512;
}
/********************WIDGET TITLES BACKGROUND ON THE RIGHT*********************/
.widget-right-container h3 {
background: #4a1512;
}
/********GRAPHICAL ELEMENT THAT HIDES A TOP RIGHT WIDGET BEHIND THE FRAME******/
.widget-top-content {
background-image: url('../images/top-right-widget/top-widget-top-right-corner.png');
}
.widget-top-animation-container {
background-color: #4a1512;
}
/*******************SHADOW UNDER THE TOP RIGHT WIDGET**************************/
.widget-top {
background-image: url('../images/top-right-widget/top-widget-bottom-shadow.png');
}
/*****************TOP WIDGET BACKGROUND - WHITE BY DEFAULT*********************/
.widget-top-element {
background: #FFF;
}
/********************NAVIGATION TEXT COLOUR (WITHOUT LINK)*********************/
.navi {
color: #350300;
}
/*****************COLOUR OF THE BAR BEHIND THE NAVIGATION**********************/
.navi {
border-color: #C0C0C0;
}
/****************************NAVIGATION LINKS COLOUR***************************/
.navi a {
color: #3b3b3b;
}
/***********************ACTIVE NAVIGATION LINKS COLOUR*************************/
.navi a:hover {
color: #775143;
text-decoration: underline;
}
/****************************EVERY HEADER TEXT COLOUR**************************/
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
color: #3b3b3b;
}
.blog-date {
color: #3b3b3b;
}
/*************************EVERY HEADER BACKGROUND COLOUR***********************/
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
/* background: #ead5c5; */
}
/*************************EVERY HEADER BORDER COLOUR***************************/
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
/* border: 1px #350300 solid !important; */
}
/******************************************************************************/
/****************************4. LOGO FORMATTING********************************/
/******************************************************************************/
/************************BLOG NAME COLOUR - INACTIVE***************************/
#logo a {
color: #350300;
}
/***************************BLOG NAME COLOUR - ACTIVE**************************/
#logo a:hover {
color: #775143;
}
/****************************LOGO SUBTITLE COLOUR******************************/
#logo h2 {
color: #350300;
}
/******************************************************************************/
/*********************5. HEADER ELEMENTS FORMATTING****************************/
/******************************************************************************/
/**************RIGHT PART OF THE SWITCH IMAGE IN THE TOP MENU******************/
#top-menu ul li a:hover, #top-menu ul li.sfhover a{
color: #775143;
}
#top-menu ul li a {
color: #000000;
}
/******************************************************************************/
/************************6. MENU BAR FORMATTING********************************/
/******************************************************************************/
/****************************TOP MENU BACKGROUND*******************************/
#main-menu-bar {
background: #4a1512;
}
/***************************SUBMENU BACKGROUND*********************************/
#main-menu-bar ul li ul {
background: #4a1512;
}
/**********************MENU IMAGES BACKGROUND INACTIVE*************************/
#main-menu-bar ul li a{
background-image: url('../images/main-menu/main-menu-button-gradient.png');
}
/**********************MENU IMAGES BACKGROUND ACTIVE***************************/
#main-menu-bar ul li:hover {
background: #775143;
}
/***************COLOUR OF THE DIVIDER BETWEEN SUBMENU ELEMENTS*****************/
#main-menu-bar ul li ul li a {
border-top: 1px white solid;
}
/*****************COLOUR OF THE LEFT DIVIDER ON THE SUBMENU********************/
#main-menu-bar ul ul ul li {
border-left: 1px white solid;
}
/*********************SUBMENU IMAGES BACKGROUND INACTIVE***********************/
#main-menu-bar ul li ul li a {
}
/*********************SUBMENU IMAGES BACKGROUND ACTIVE*************************/
#main-menu-bar ul li ul li a:hover {
}
/******************************************************************************/
/***********************7. SITE FOOTER FORMATTING******************************/
/******************************************************************************/
/**********************WIDGET TEXT COLOUR IN THE FOOTER************************/
#footer-widgets {
color: #FFFFFF;
background: #350300;
margin-top: -90px;
padding-top: 40px;
}
/***************IMAGE SEPARATOR BETWEEN WIDGETS IN THE FOOTER******************/
#footer-widgets .widget {
background-image: url('../images/content-frame/footer-widgets-seperator-transparent.png');
}
/************WIDGET LINKS IN THE FOOTER****************************************/
#footer-widgets a {
color: #FFFFFF;
text-decoration: none;
}
#footer-widgets a:hover {
color: #FFFFFF;
text-decoration: underline;
}
/******************************************************************************/
/************************8. WORDPRESS FORMATTING*******************************/
/******************************************************************************/
#submit, #searchsubmit{
background: #350300;
border: 2px #4a1512 solid;
color: #FFFFFF;
}
#comment, #author, #email, #url, #s{
border: 2px #350300 solid;
}
#comment:hover, #comment:focus, #author:focus, #email:focus, #url:focus, #author:hover, #email:hover, #url:hover, #s:focus, #s:hover{
border: 2px #4a1512 solid;
}
#wp-calendar a{
background: #350300 !important;
color: #FFFFFF !important;
}
#wp-calendar a:hover {
background: #4a1512 !important;
color: #FFFFFF !important;
}
/********************* SHOP MENU COLOURS CONFIGURATION ************************/
ul.wpsc_categories li a {
background: #4a1512 !important;
border: 1px #350300 solid !important;
color: #FFFFFF !important;
}
ul.wpsc_categories li a:hover {
background: #775143 !important;
color: #FFFFFF !important;
border: 1px #4a1512 solid !important;
}
/****************** NEWEST PRODUCTS WIDGET CONFIGURATION **********************/
.item_image_container a {
color: #3b3b3b !important;
}
.item_image_container a img{
border: 5px #ead5c5 solid !important;
}
.item_image_container a:hover img{
border: 5px #4a1512 solid !important;
}
.item_image_container a:hover {
color: #775143 !important;
}
/******************** SHOP PAGINATION COLOURS FORMATTING **********************/
.wpsc_page_numbers a {
background: #ead5c5 !important;
border: 1px #4a1512 solid !important;
color: #3b3b3b !important;
}
.wpsc_page_numbers a.selected {
border-bottom: 3px #4a1512 solid !important;
}
.wpsc_page_numbers a.selected:hover {
background: #4a1512 !important;
color: #FFFFFF !important;
border: 1px #4a1512 solid !important;
border-bottom: 3px #4a1512 solid !important;
}
.wpsc_page_numbers a:hover {
background: #4a1512 !important;
color: #FFFFFF !important;
border: 1px #4a1512 solid !important;
}
/********************* BLOG COLOUR PAGINATION FORMATTING **********************/
.navigation div.alignleft, .navigation div.alignright {
color: #FFFFFF !important;
background: #4a1512 !important;
}
.navigation div.alignleft a, .navigation div.alignright a {
background: #ead5c5 !important;
color: #3b3b3b !important;
}
.navigation div.alignleft:hover, .navigation div.alignright:hover {
background: #4a1512 !important;
color: #FFFFFF !important;
}
.navigation div.alignleft a:hover, .navigation div.alignright a:hover {
background: #4a1512 !important;
color: #FFFFFF !important;
}
/************************ CALENDAR HEADERS FORMATTING *************************/
#wp-calendar th{
background: #4a1512;
color: #FFFFFF;
}
/************************* PRODUCT PAGES FORMATTING ***************************/
.productdisplay {
border: 1px #4a1512 solid !important;
}
.productdisplay a:hover img {
border-bottom: 5px #4a1512 solid !important;
}
.productdisplay input {
color: #3b3b3b;
border: 2px #4a1512 solid !important;
}
.productdisplay input:hover, .productdisplay input:focus {
border: 2px #4a1512 solid !important;
background: #ead5c5 !important;
}
.wpsc_buy_button {
background: #4a1512 !important;
color: #FFFFFF !important;
}
input.wpsc_buy_button:hover, input.wpsc_buy_button:focus {
background: #350300 !important;
color: #FFFFFF !important;
}
.productdisplay h4 {
background: #4a1512 !important;
color: #FFFFFF !important;
}
/********************** PRICE RANGE WIDGET FORMATTING *************************/
.price-widget a {
background: #ead5c5 !important;
border: 1px #4a1512 solid !important;
color: #3b3b3b;
}
.price-widget a:hover {
background: #4a1512 !important;
border: 1px #4a1512 solid !important;
color: #FFFFFF !important;
}
/************************** SHOPPING CART FORMATTING **************************/
.numberitems {
background: #ead5c5 !important;
border: 1px #4a1512 solid !important;
}
.cartcount {
background: #4a1512 !important;
color: #FFFFFF !important;
border: 1px #4a1512 solid !important;
}
.shoppingcart td {
background: #ead5c5 !important;
}
.shoppingcart #product, .shoppingcart #quantity, .shoppingcart #price {
background: #4a1512 !important;
color: #FFFFFF !important;
}
.wpsc_empty_the_cart a, .visitshop a{
background: #4a1512 !important;
color: #FFFFFF !important;
border: 1px #4a1512 solid !important;
}
.gocheckout a {
background: #4a1512 !important;
color: #FFFFFF !important;
border: 1px #4a1512 solid !important;
}
.wpsc_empty_the_cart a:hover, .gocheckout a:hover, .visitshop a:hover{
background: #350300 !important;
color: #FFFFFF !important;
border: 1px #350300 solid !important;
}
.total {
background: #ead5c5 !important;
color: #3b3b3b !important;
border: 1px #4a1512 solid !important;
}
/*************************** CHECKOUT FORMATTING ******************************/
.firstrow td {
background: #4a1512 !important;
color: #FFFFFF !important;
}
.adjustform input, .remove_button{
background: #ead5c5 !important;
border: 2px #4a1512 solid !important;
}
.adjustform input:hover, .remove_button:hover, .adjustform input:focus, .remove_button:focus {
border: 2px #350300 solid !important;
}
.wpsc_checkout_table input, .wpsc_checkout_table select, .wpsc_checkout_table textarea {
background: #ead5c5 !important;
color: #3b3b3b !important;
border: 2px #4a1512 solid !important;
}
.wpsc_checkout_table input:hover,
.wpsc_checkout_table select:hover,
.wpsc_checkout_table textarea:hover,
.wpsc_checkout_table input:focus,
.wpsc_checkout_table select:focus,
.wpsc_checkout_table textarea:focus {
border: 2px #350300 solid !important;
}
input.make_purchase{
background: #4a1512 !important;
border: 1px #4a1512 solid !important;
color: #FFFFFF !important;
}
input.make_purchase:focus, input.make_purchase:hover {
background: #350300 !important;
border: 1px #350300 solid !important;
}
#change_country input{
background: #4a1512 !important;
border: 1px #4a1512 solid !important;
color: #FFFFFF !important;
}
#change_country input:hover, #change_country input:focus {
background: #350300 !important;
border: 1px #350300 solid !important;
}
.shipping_header {
background: #4a1512 !important;
color: #FFFFFF !important;
}
.shipping_header:hover {
background: #350300 !important;
}
.total_price {
background: #4a1512 !important;
color: #FFFFFF !important;
}
.total_tax {
background: #ead5c5 !important;
color: #3b3b3b !important;
}
/*********************** USER PROFILE PAGES FORMATTING ************************/
.user-profile-links a {
color: #3b3b3b !important;
border-right: 10px #4a1512 solid !important;
border-left: 1px #4a1512 solid !important;
border-bottom: 1px #4a1512 solid !important;
border-top: 1px #4a1512 solid !important;
background: #ead5c5 !important;
}
.user-profile-links a:hover {
background: #4a1512 !important;
color: #FFFFFF !important;
}
.wrap form td strong {
background: #4a1512 !important;
color: #FFFFFF !important;
}
.wrap input, .wrap select, .wrap textarea{
background: #ead5c5 !important;
color: #3b3b3b !important;
border: 2px #4a1512 solid !important;
}
.wrap input:hover,
.wrap select:hover,
.wrap textarea:hover,
.wrap input:focus,
.wrap select:focus,
.wrap textarea:focus {
border: 2px #350300 solid !important;
}
/************************* AJAX LOGIN FORM FORMATTING *************************/
.ajax-login-form {
color: #350300;
}
.ajax-login-form input {
border: 1px #350300 dotted;
}
.ajax-login-form input:hover, .ajax-login-form input:focus {
border: 1px #350300 dotted;
background: #ead5c5;
}
.ajax-login-form .ajax-submit {
border: 1px #350300 solid;
background: #ead5c5 !important;
color: #3b3b3b !important;
}
.ajax-login-form .ajax-submit:focus, .ajax-login-form .ajax-submit:hover {
background: #350300 !important;
color: #FFFFFF !important;
border: 1px #350300 solid !important;
}
.ajax-login-form a {
border: 1px #350300 solid !important;
color: #3b3b3b !important;
}
.ajax-login-form a:hover {
background: #350300 !important;
color: #FFFFFF !important;
border: 1px #350300 solid !important;
}
/************************** QUICK CONTACT FORMATTING **************************/
#quick-form-container input, #quick-form-container textarea {
color: #350300 !important;
border: 1px #ead5c5 solid !important;
background: #FFFFFF !important;
}
#quick-form-container input:hover, #quick-form-container textarea:hover, #quick-form-container input:focus, #quick-form-container textarea:focus {
background: #ead5c5 !important;
}
#quick-form-submit input, #quick-form-submit input:focus, #quick-form-submit input:hover{
background: #3b3b3b !important;
color: #FFFFFF !important;
}
#footer-widgets .wpcf7-response-output{
border: 1px #ead5c5 solid !important;
}
#footer-widgets .wpcf7-form-control-wrap {
color: #3b3b3b !important;
}