Standard Purple

Author:
License: CC BY-SA 4.0
Navigation: No Top and Side Support

rating: +5+x
Image Unavailable

Click for a live demo!

A basic theme compatible with the standard layout.

Import

To use this CSS Theme and ensure you always have the latest version, paste the following code into your site's CSS:

@import url('http://css.wikidot.com/theme:standard-purple/code_');

Description

Standard Red is a theme that extends Bootstrap's base CSS and the Standard Theme. It adds basic flair to your site so that it appear professional regardless of the device viewed on. Using a subtle mix of round and sharp elements, the theme is fierce, yet elegant.

Feel free to explore some of these basic color variations; if none of these suffice the needs of your site, then try out the Standard Theme Colorification tool!

Furthermore, this theme directly imports and customizes the following CSSnippets:

Code

Click to show CSS Code

/** Customized Standard Theme
 *  Based off of the Standard Theme by the Wikidot Community
 *  This custom color palette was created using the
 *  Standard Theme Colorification tool (v: 1.01.141004)
 *
 *  Created: 4 Oct 2014
 * 
 *  Colors:
 *      Primary A    : #A65E93
 *      Primary B    : #824A73
 *      Secondary A  : #8E517E
 *      Secondary B  : #704063
 *      Light A      : #FFF6FC
 *      Light B      : #D6C4D0
 *      Text A       : #D8D2D6
 *      Text B       : #F0E8EC
 *      Text C       : #FFFFFF
 *  ***************************************************************************/
 
@import url('//css.wikidot.com/theme:standard-theme/code_');
 
/*  Primary A
==============================================================================*/
a,
.pager > .target > a,
.pager > .current,
.pager > .dots,
nav .side-bar ul li a:hover,
.hover{
    color: #A65E93;
}
.image-box.image-box-primary .image-box-caption{  color: #A65E93 !important; }
 
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.pager > .current,
.login-status .btn.dropdown-toggle,
#search-top-box form:before,
nav .top-bar .navbar-toggle,
.wiki-content-table > thead > tr > th,
.wiki-content-table > tbody > tr > th,
.wiki-content-table > tfoot > tr > th,
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
#action-area .autocomplete-list ul li:hover,
.btn.btn-primary,
.progress-bar,
.label.label-primary,
.panel.panel-primary .panel-heading,
.tabview-primary .yui-navset .yui-nav li a,
.tabview-primary .yui-navset .yui-nav li.selected a{
    background-color: #A65E93;
}
.image-box.image-box-primary .image-box-heading{  background-color: #A65E93 !important; }
.image-box.image-box-primary .image-box-link:hover,
.image-box.image-box-default .image-box-link:hover{  border-color: #A65E93 !important; }
 
.pager > .current,
nav .side-bar ul li a:hover,
.panel.panel-primary,
.panel.panel-primary .panel-heading,
.hover{
    border-color: #A65E93;
}
 
/*  Primary B
==============================================================================*/
.pager > .current{
    border-bottom-color: #824A73;
}
.login-status .btn.dropdown-toggle,
#search-top-box input.text,
nav .top-bar .navbar-toggle,
.btn.btn-primary,
.tabview-primary .yui-navset .yui-nav li a,
.tabview-primary .yui-navset .yui-nav li.selected a:hover,
.tabview-primary .yui-navset .yui-nav li.selected a:focus,
.tabview-primary .yui-navset .yui-content{
    border-color: #824A73;
}
 
/*  Secondary A
==============================================================================*/
a:hover,
a:focus{
    color: #8E517E;
}
 
header.header-wrap,
.login-status .btn.dropdown-toggle:hover,
nav .top-bar .navbar-toggle:hover,
nav .top-bar .navbar-toggle:focus,
nav .top-bar .navbar-collapse,
.btn.btn-primary:hover,
.tabview-primary .yui-navset .yui-nav li a:hover,
.tabview-primary .yui-navset .yui-nav li a:focus{
    background-color: #8E517E;
}
 
.form-control:focus,
input[type=text]:not(.form-control):focus,
textarea:not(.form-control):focus,
main .content .page-title,
.image-box.image-box-primary .image-box-link:hover{
    border-color: #8E517E;
}
.form-control:focus,
input[type=text]:not(.form-control):focus,
textarea:not(.form-control):focus{
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset,
                0 0 4px rgba(142, 81, 126, 0.25);
}
 
/*  Secondary B
==============================================================================*/
.login-status .btn.dropdown-toggle:hover,
#search-top-box form:hover input.text,
#search-top-box input.text:focus,
nav .top-bar .navbar-toggle:hover,
nav .top-bar .navbar-toggle:focus,
.btn.btn-primary:hover,
.tabview-primary .yui-navset .yui-nav li a:hover,
.tabview-primary .yui-navset .yui-nav li a:focus{
    border-color: #704063;
}
 
/*  Light A
==============================================================================*/
body,
main .content .feature.offcolor{
    background-color: #FFF6FC;
}
 
/*  Light B
==============================================================================*/
.code.code-primary, .code-primary .code,
div.code.code-primary span.line::before,
.code-primary .code span.line::before,
.alert.alert-primary{
    border-color: #D6C4D0;
}
.image-box.image-box-primary{
    border-color: #D6C4D0 !important;
}
div.code.code-primary span.line:hover,
.code-primary .code span.line:hover{
    background-color: rgba(214, 196, 208, .18);
}
 
/*  Text A
==============================================================================*/
header.header-wrap h2,
#search-top-box form:before,
nav .top-bar .navbar-nav li a,
nav .top-bar .navbar-collapse.collapsing ul.dropdown-menu li a,
nav .top-bar .navbar-collapse.in ul.dropdown-menu li a,
main .content .feature.feature-header{
    color: #D8D2D6;
}
 
#search-top-box input.text{
    background: rgba(216,210,214,0);
}
#search-top-box form:hover input.text:focus,
#search-top-box input.text:focus{
    background: rgba(216,210,214,1);
}
nav .top-bar .navbar-toggle .icon-bar,
nav .top-bar .navbar-toggle .icon-bar{
    background-color: #D8D2D6;
}
nav .top-bar .navbar-nav > li.dropdown > a > .caret{
    border-bottom-color: #D8D2D6;
    border-top-color: #D8D2D6;
}
 
/*  Text B
==============================================================================*/
header.header-wrap h1 a,
nav .top-bar .navbar-brand,
.wiki-content-table > thead > tr > th,
.wiki-content-table > tbody > tr > th,
.wiki-content-table > tfoot > tr > th,
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.btn.btn-primary,
.tabview-primary .yui-navset .yui-nav li a,
main .content .feature-header h1{
    color: #F0E8EC;
}
.image-box.image-box-primary .image-box-heading{  color: #F0E8EC !important; }
 
/*  Text C
==============================================================================*/
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.pager > .current,
header.header-wrap h1 a:hover,
header.header-wrap h1 a:focus,
header.header-wrap h1 a:active,
nav .top-bar .navbar-nav li a:hover,
nav .top-bar .navbar-nav li a:focus,
nav .top-bar .navbar-brand:hover,
nav .top-bar .navbar-brand:focus,
nav .top-bar .navbar-nav > .open > a,
nav .top-bar .navbar-nav > .open > a:hover,
nav .top-bar .navbar-nav > .open > a:focus,
nav .top-bar .navbar-collapse.collapsing ul.dropdown-menu li a:hover,
nav .top-bar .navbar-collapse.in ul.dropdown-menu li a:hover,
nav .top-bar .navbar-collapse.collapsing ul.dropdown-menu li a:focus,
nav .top-bar .navbar-collapse.in ul.dropdown-menu li a:focus,
.btn.btn-primary:hover{
    color: #FFFFFF;
}
 
nav .top-bar .navbar-toggle .icon-bar,
nav .top-bar .navbar-toggle .icon-bar{
    background-color: #FFFFFF;
}
 
nav .top-bar .navbar-nav li.dropdown a:hover > .caret,
nav .top-bar .navbar-nav li.dropdown a:focus > .caret{
    border-bottom-color: #FFFFFF;
    border-top-color: #FFFFFF;
}
 
/*  Images
==============================================================================*/
main .content .page-title span{
    background: url('//css.wikidot.com/local--files/theme:standard-purple/titleLeft.png') bottom left no-repeat,
                url('//css.wikidot.com/local--files/theme:standard-purple/titleRight.png') bottom right no-repeat,
                url('//css.wikidot.com/local--files/theme:standard-purple/titleCenter.png') bottom left repeat-x;
}
main .main-content h1{
    background: url('//css.wikidot.com/local--files/theme:standard-purple/h1IndentLeft.png') center left no-repeat;
}
main .main-content-wrap.col-md-12 .main-content h1{
/*  Change background behavior if sidebar is not present */
    background: url('//css.wikidot.com/local--files/theme:standard-purple/h1IndentLeft.png') center left no-repeat,
                url('//css.wikidot.com/local--files/theme:standard-purple/h1IndentRight.png') center right no-repeat;
}

Notes

Comments