Alexylva Theme

/*
    Alexylva
    How to Adjust:
    Replace the two backgrounds below.
    Replace all instances of the following colours in this document:
 
Page Title: #320042
Connected Links: #6C4279
Non-Connected Links: #4312A5
 
Search Box Border: #3E2646
Search Box Text: #6E3251
Search Box Background: #603B6C
 
Search Box Submit Gradient:
#3d2b1f,#282053,#8D6BA9
 
Login Status: #C5A3C5
Login Link: #E696E6
 
Top Bar Text Hover Colour: #6c006c
Top Bar BG Hover Colour: #fff0ff
Additional Top Bar Colour: #8db600
 
Side Bar Border: #8B198B
 
INCOMPLETE
 
*/
 
div#container-wrap {
    background: url(/local--files/component:MCD-theme/body_bg_MCD2.png) top left repeat-x;
}
 
#header {
    background: url(/local--files/component:MCD-theme/MCDLogo2-small.png) 40px 6px no-repeat;
}
 
#page-title {
    color: #320042;
    border-color: #320042;
}
 
a {
    color: #6C4279;
}
a.newpage {
    color: #4312A5;
}
 
#search-top-box-input {
    border: solid 1px #3E2646;
    color: #6E3251;
    background-color: #603B6C;
}
 
#search-top-box-input:hover,
#search-top-box-input:focus {
    border: solid 1px #fff;
    color: #fff;
    background-color: #603B6C;
}
#search-top-box-form input[type=submit] {
    border: solid 1px #AF4FCF;
    color: #ccc;
    background: linear-gradient(to bottom, #3d2b1f,#282053,#8D6BA9);
}
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    border: solid 1px #fff;
    color: #fff;
    background: linear-gradient(to bottom, #3d2b1f,#282053,#8D6BA9);
}
 
#login-status, #login-status ul a {
    color: #C5A3C5;
}
#login-status a {
    color: #E696E6;
}
 
#account-topbutton {
    background: #ccc;
    color: #C5A3C5;
}
 
#header h1 a {
    font-size: 0%;
}
 
#header h2 span {
    font-size: 0%;
}
 
/* TOP MENU */
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: #fff0ff;
    color: #6c006c;
}
 
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    border-top: 1px solid #ddd;
}
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: #fff;
}
 
#top-bar ul li ul a, #top-bar a:hover {
    color: #8db600;
}
 
/* SIDE MENU */
 
#side-bar .side-block {
    border: 1px solid #8B198B;
    background: #fff;
}
#side-bar .heading {
    color: #1E0087;
    border-bottom: solid 1px #1E0087;
}
 
#side-bar div.menu-item.inactive a {
    color: #380A38;
}
#side-bar div.menu-item .sub-text {
    font-size: 80%;
    color: #3D1F31;
}
 
#side-bar .collapsible-block-unfolded-link {
    border-bottom: solid 1px #220096;
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
    color: #220096;
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
    color: #6C4279;
}
 
/* YUI-TABS */
.yui-navset .yui-content{
    background-color: #f5f5f5;
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color:#d8d8d8;
    background-image: url(../images/yuitabs.png);
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
.yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
    background:#320082 url(../images/yuitabs.png) repeat-x left -1400px; /* selected tab background */
    color:#fff;
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background:#FCDBFF url(../images/yuitabs.png) repeat-x left -1300px;
    text-decoration: none;
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: #400040;
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: #6c006c;
}
 
/* FOOTER */
#footer {
    background: #3d2b1f;
    color: #6C006C;
}
 
#footer a {
    color: #fff;
    background: transparent;
}
 
/* SOME NICE BOXES */
div.sexy-box {
    background: #fff0ff;
    border: 1px solid #903C67;
}
div.sexy-box div.image-container img {
    border: 1px solid #9f8170;
}
 
.content-panel {
    border: solid 1px #5d8aa8;
    background-color: #bcd4e6;
    box-shadow: 3px 3px 6px #e6e6fa;
    box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.1);
}
.content-panel.standalone {
    background: #fcfdfb;
}
 
.content-panel .panel-body {
    background: fff0ff
}
.content-panel .panel-footer {
    color: #A30053;
}
.content-panel .panel-footer a {
    color: #ffffff;
}
.content-panel .content-toc {
    background-color: #fff;
    border: solid 1px #5d8aa8;
}
 
/* Page Rating Module Customizations */
 
.page-rate-widget-box .rate-points {
  background-color: #6c006c !important;
  border: solid 1px #6c006c;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
  background-color: #fff0ff;
  border-top: solid 1px #6c006c;
  border-bottom: solid 1px #6c006c;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
  background: transparent;
  color: #6c006c;
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
  background: #6c006c;
  color: #fff0ff;
}
.page-rate-widget-box .cancel {
  background-color: #6c006c;
  border: solid 1px #6c006c;
}
.page-rate-widget-box .cancel a {
  color: #6c406c;
}
.page-rate-widget-box .cancel a:hover {
  background: #6c006c;
  color: #fff0ff;
}
 
#side-bar div.menu-item img {
    filter:hue-rotate(180deg);
}