*******************************************************************************/
/***********************1. GENERAL WEBSITE FORMATTING**************************/
/******************************************************************************/
/*******************************WIDGET DETECTION*******************************/
/******************************BACKGROUND COLOUR*******************************/
body {
background-color: #51739c;
}
#configurator-container {
background: #391076 !important;
}
/********************ADMIN SESSION INFORMATION FORMATTING**********************/
#adminbar {
color: #FFFFFF;
background: #391076;
}
#adminbar:hover {
color: #3b3b3b;
background: #ebe1fa;
}
/**************************BOTTOM WIDGET BACKGROUND****************************/
#body-container {
background: #51739c;
}
#body-background-container-left {
background-image: url('../themes/Luxia/background-images/1.jpg');
background-repeat: no-repeat;
background-position: left top;
}
#body-background-container-right {
background-image: url('../themes/Luxia/background-images/2.jpg');
background-repeat: no-repeat;
background-position: right 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: #f6870d;
}
#widgets-right a:hover, #widgets-left a:hover {
color: #f6870d;
}
/******************************************************************************/
/************************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: #f6870d;
}
/*********************EXPRESSO INSCRIPTION COLOUR INACTIVE*********************/
a.powered{
color: #3b3b3b !important;
font-weight: bold;
}
/*********************EXPRESSO INSCRIPTION COLOUR ACTIVE***********************/
a.powered:hover{
color: #f6870d !important;
}
/******************************************************************************/
/**********************3. CONTENT ELEMENTS FORMATTING**************************/
/******************************************************************************/
/*********************WIDGET TITLES BACKGROUND ON THE LEFT*********************/
.widget-left-container h3 {
background: #6935ba;
}
/********************WIDGET TITLES BACKGROUND ON THE RIGHT*********************/
.widget-right-container h3 {
background: #6935ba;
}
/********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: #6935ba;
}
/*******************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: #6935ba;
}
/*****************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: #f6870d;
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: #ebe1fa;
} */
/*************************EVERY HEADER BORDER COLOUR***************************/
/* .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
border: 1px #391076 solid !important;
} */
/******************************************************************************/
/****************************4. LOGO FORMATTING********************************/
/******************************************************************************/
/************************BLOG NAME COLOUR - INACTIVE***************************/
#logo a {
color: #6935ba;
}
/***************************BLOG NAME COLOUR - ACTIVE**************************/
#logo a:hover {
color: #000000;
}
/****************************LOGO SUBTITLE COLOUR******************************/
#logo h2 {
color: #6935ba;
}
/******************************************************************************/
/*********************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: #f6870d;
}
#top-menu ul li a {
color: #000000;
}
/******************************************************************************/
/************************6. MENU BAR FORMATTING********************************/
/******************************************************************************/
/****************************TOP MENU BACKGROUND*******************************/
#main-menu-bar {
background: #6935ba;
}
/***************************SUBMENU BACKGROUND*********************************/
#main-menu-bar ul li ul {
background: #6935ba;
}
/**********************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: #f6870d;
}
/***************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: #391076;
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: #391076;
border: 2px #6935ba solid;
color: #FFFFFF;
}
#comment, #author, #url, #s{
border: 2px #391076 solid;
}
#comment:hover, #comment:focus, #author:focus, #url:focus, #author:hover, #url:hover, #s:focus, #s:hover{
border: 2px #6935ba solid;
}
#wp-calendar a{
background: #391076 !important;
color: #FFFFFF !important;
}
#wp-calendar a:hover {
background: #6935ba !important;
color: #FFFFFF !important;
}
/********************* SHOP MENU COLOURS CONFIGURATION ************************/
ul.wpsc_categories li a {
background: #6935ba !important;
border: 1px #391076 solid !important;
color: #FFFFFF !important;
}
ul.wpsc_categories li a:hover {
background: #f6870d !important;
color: #FFFFFF !important;
border: 1px #6935ba solid !important;
}
/****************** NEWEST PRODUCTS WIDGET CONFIGURATION **********************/
.item_image_container a {
color: #3b3b3b !important;
}
.item_image_container a img{
border: 5px #ebe1fa solid !important;
}
.item_image_container a:hover img{
border: 5px #6935ba solid !important;
}
.item_image_container a:hover {
color: #f6870d !important;
}
/******************** SHOP PAGINATION COLOURS FORMATTING **********************/
.wpsc_page_numbers a {
background: #ebe1fa !important;
border: 1px #6935ba solid !important;
color: #3b3b3b !important;
}
.wpsc_page_numbers a.selected {
border-bottom: 3px #6935ba solid !important;
}
.wpsc_page_numbers a.selected:hover {
background: #6935ba !important;
color: #FFFFFF !important;
border: 1px #6935ba solid !important;
border-bottom: 3px #6935ba solid !important;
}
.wpsc_page_numbers a:hover {
background: #6935ba !important;
color: #FFFFFF !important;
border: 1px #6935ba solid !important;
}
/********************* BLOG COLOUR PAGINATION FORMATTING **********************/
.navigation div.alignleft, .navigation div.alignright {
color: #FFFFFF !important;
background: #6935ba !important;
}
.navigation div.alignleft a, .navigation div.alignright a {
background: #ebe1fa !important;
color: #3b3b3b !important;
}
.navigation div.alignleft:hover, .navigation div.alignright:hover {
background: #6935ba !important;
color: #FFFFFF !important;
}
.navigation div.alignleft a:hover, .navigation div.alignright a:hover {
background: #6935ba !important;
color: #FFFFFF !important;
}
/************************ CALENDAR HEADERS FORMATTING *************************/
#wp-calendar th{
background: #6935ba;
color: #FFFFFF;
}
/************************** QUICK CONTACT FORMATTING **************************/
#quick-form-container input, #quick-form-container textarea {
color: #391076 !important;
border: 1px #ebe1fa 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: #ebe1fa !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 #ebe1fa solid !important;
}
#footer-widgets .wpcf7-form-control-wrap {
color: #3b3b3b !important;
}