/*  Place here any CSS code that you would like to affect both the Default and Home themes */
 
@import url('https://fonts.googleapis.com/css?family=Jura');
@import url('//thestack.wikidot.com/css:standard-css/code_');
 
main .main-content h1 {
    background: none;
}
 
/** 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: 10 May 2018
 * 
 *  Colors:
 *      Primary A    : #5807A6
 *      Primary B    : #502C73
 *      Secondary A  : #47107D
 *      Secondary B  : #360367
 *      Light A      : #D5AAFF
 *      Light B      : #B8B0FF
 *      Text A       : #D3D3D8
 *      Text B       : #3968DF
 *      Text C       : #FFFFFF
 *  ***************************************************************************/
 
@import url('http://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: #5807A6;
}
.image-box.image-box-primary .image-box-caption{  color: #5807A6 !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: #5807A6;
}
.image-box.image-box-primary .image-box-heading{  background-color: #5807A6 !important; }
.image-box.image-box-primary .image-box-link:hover,
.image-box.image-box-default .image-box-link:hover{  border-color: #5807A6 !important; }
 
.pager > .current,
nav .side-bar ul li a:hover,
.panel.panel-primary,
.panel.panel-primary .panel-heading,
.hover{
    border-color: #5807A6;
}
 
/*  Primary B
==============================================================================*/
.pager > .current{
    border-bottom-color: #502C73;
}
.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: #502C73;
}
 
/*  Secondary A
==============================================================================*/
a:hover,
a:focus{
    color: #47107D;
}
 
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: #47107D;
}
 
.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: #47107D;
}
.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(71, 16, 125, 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: #360367;
}
 
/*  Light A
==============================================================================*/
body,
main .content .feature.offcolor{
    background-color: #D5AAFF;
}
 
/*  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: #B8B0FF;
}
.image-box.image-box-primary{
    border-color: #B8B0FF !important;
}
div.code.code-primary span.line:hover,
.code-primary .code span.line:hover{
    background-color: rgba(184, 176, 255, .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: #D3D3D8;
}
 
#search-top-box input.text{
    background: rgba(211,211,216,0);
}
#search-top-box form:hover input.text:focus,
#search-top-box input.text:focus{
    background: rgba(211,211,216,1);
}
nav .top-bar .navbar-toggle .icon-bar,
nav .top-bar .navbar-toggle .icon-bar{
    background-color: #D3D3D8;
}
nav .top-bar .navbar-nav > li.dropdown > a > .caret{
    border-bottom-color: #D3D3D8;
    border-top-color: #D3D3D8;
}
 
/*  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: #E7E7EA;
}
.image-box.image-box-primary .image-box-heading{  color: #E7E7EA !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;
}
 
/*  Body */
 
body {
    background-color: #000000;
    background-image:url(http://thestack.wdfiles.com/local--files/images/main_bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}
 
h1 {
font-family: 'Jura', sans-serif;
font-size: 200%;
font-weight:normal;
text-transform:uppercase;
}
h2 {
font-family: 'Jura', sans-serif;
font-size: 185%;
font-weight:normal;
}
h3 {
font-family: 'Jura', sans-serif;
font-size: 160%;
font-weight:normal;
}
h4 {
font-family: 'Jura', sans-serif;
font-size: 145%;
font-weight:normal;
}
h5 {
font-family: 'Jura', sans-serif;
font-size: 130%;
font-weight:normal;
}
h6 {
font-family: 'Jura', sans-serif;
font-size: 115%;
font-weight:normal;
}
 
a {
color:#559A00;
text-decoration:none;
}
a:hover {
color:#063BBF;
background-color: transparent;
text-decoration:none;
}
a:hover:visited {
color:#063BBF;
background-color: transparent;
text-decoration:none;
}
a:visited {
color:#559A00;
text-decoration:none;
}
a.newpage {
color:#DA0077;
text-decoration:underline;
}
a.newpage:hover {
color:#A02FDE;
}
 
blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    border-left: solid 3px transparent;
    border-right: none;
    border-image: linear-gradient(0deg, #DA0077, #7C03BE, #063BBF, #83ED00);
    border-image-slice: 1;
    font-family: 'Jura', sans-serif;
}
 
.login-status .btn.dropdown-toggle,
#search-top-box input.text,
.btn.btn-primary {
    border-color: #4A0271;
}
 
.login-status{
    padding-top: 0px;
    position: absolute;
    top: 16px;
    right: -36px;
}
 
.login-status .login-status-sign-in.btn{
    padding: 0px;
    font-size: 10px;
    position: absolute;
    top: 81px;
    right: 0px;
}
 
.login-status .btn.disabled .badge.badge-info{
    font-size: 11px;
    position: absolute;
    top: 1px;  right: -28px;
    background: rgba(20, 20, 20, 0.95);
    border-radius: 4px;
}
.login-status .dropdown-menu .badge{
    position: relative;
    top: -1px; left: 6px;
    font-size: 11px;
}
 
#search-top-box form:hover input.text:focus,
#search-top-box input.text:focus{
    background: rgba(221, 192, 237,1);
}
 
#search-top-box input.text{
    background: rgba(221, 192, 237,0);
}
 
#search-top-box{
    position: absolute;
    top: 63px; right: -36px;
    float: none;
}
 
header .header { position: relative; }
header.header-wrap h1 { display: none; }
header.header-wrap h2 { display: none; }
header.header-wrap .site-title { display: none; }
header.header-wrap {
    position: relative;
    height: 250px;
    background: transparent;
}
 
nav .top-bar .navbar-brand {
    letter-spacing: 1px;
    color: #FFFFFF;
    padding-bottom: 10px;
}
a.navbar-brand { background-color: none; }
a.navbar-brand:hover { background-color: none; }
 
nav .top-bar .navbar-collapse {
    background-color: rgba(6, 59, 191, .60);
    background-image: none;
    margin-left: -20px;
    border-radius: 5px;
    box-shadow: 0px 0px 40px #7C03BE;
}
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: #FFFFFF;
}
 
nav.top-bar-wrap {
    background: none;
    border: none;
    font-family: 'Jura', sans-serif;
    text-transform: uppercase;
    font-size: 100%;
    padding-top: 4px;
    padding-left: 25px;
    top: 0px;
    left: 0px;
    width: 100%;
    position: fixed;
    z-index: 100;
}
 
nav .top-bar .navbar-nav .dropdown-menu {
    text-transform: lowercase;
    background-color: rgba(6, 59, 191, .90)
}
 
nav .top-bar .navbar-nav .dropdown-menu a{
    color: #FFFFFF;
    padding-bottom: 3px;
}
 
nav .top-bar .navbar-nav li a:hover,
nav .top-bar .navbar-nav li a:focus,
nav .top-bar .navbar-nav > .open > a,
nav .top-bar .navbar-nav > .open > a:hover,
nav .top-bar .navbar-nav > .open > a:focus {
    color: #ADC4FF;
}
 
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: #063BBF;
}
 
.dropdown-subtitle {
    width: 100%;
    padding: 5px;
    background-color: #3968DF;
    color: white;
    text-transform: uppercase;
}
 
nav.side-bar-wrap {
    float: left;
    padding-top: 10px;
}
 
nav .side-bar {
    padding-top: 10px;
    font-size: 100%;
    color: #fff;
    background: black;
    border-radius: 20px 0px 0px 20px;
    border-right: solid 5px transparent;
    border-image: linear-gradient(0deg, #DA0077, #7C03BE, #063BBF, #83ED00);
    border-image-slice: 1;
    margin: 0 0 0.5em 0;
    padding: 1em;
}
 
nav .side-bar h2{  font-size: 15px; }
nav .side-bar h3{  font-size: 14px; }
nav .side-bar h4{  font-size: 13px; }
nav .side-bar h5{  font-size: 12px; }
nav .side-bar h6{  font-size: 12px; }
 
main .content {
    background-color: transparent;
    background-image: url(http://thestack.wdfiles.com/local--files/images/mc_bg.jpg);
    border-radius: 20px;
    border: inset 5px #303030;
    box-shadow: 0 2px 4px 1px rgba(0,0,0,.2);
    padding-bottom: 0px;
}
 
main .content .page-title {
    background:none;
    border: none;
    text-align: center;
    color: #000000;
    font-weight: normal;
    height: 50px;
    font-family: 'Jura', sans-serif;
    text-transform: uppercase;
    text-shadow: 1px 1px 10px #83ED00;
}
 
main .content .page-title span {
    background: none;
    border: none;
    height: calc(1.25em);
 
}
 
.main-content-wrap.col-md-9 {
    background-color: rgba(255, 255, 255, .9);
    background-position: top left, top right;
    background-repeat: no-repeat, no-repeat;
    padding: 10px;
    margin-bottom: 0px;
    border-radius: 0px 20px 20px 0;
    box-shadow: 0 2px 4px 1px rgba(0,0,0,.2);
    font-size: 16px;
}
 
/*  Tabview (!TABV)
==============================================================================*/
/**
 *  Basic Formatting
 */
.yui-navset .yui-nav{
    list-style: none;
    padding: 0;
}
.yui-navset .yui-nav li{  float: left; }
.yui-navset .yui-nav li a{
    display: inline-block;
    border: 1px solid #CCC;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    background: #FFF;
    padding: 2px 12px;
    margin-right: 2px;
    margin-top: 4px;
    color: #333;
    font-style: normal;
}
.yui-navset .yui-nav li.selected a{
    background: #F5F5F5;
    padding: 4px 14px;
    margin-top: 0;
}
.yui-navset .yui-nav li a:hover,
.yui-navset .yui-nav li a:focus{
    background: #E6E6E6;
    border-color: #ADADAD;
    text-decoration: none;
    outline: none;
}
.yui-navset .yui-nav li.selected a:hover,
.yui-navset .yui-nav li.selected a:focus{
    background: #F5F5F5;
    border-color: #CCC;
    cursor: text;
}
.yui-navset .yui-nav li a:active{
    outline: none;
    box-shadow: 0 3px 5px rgba(0,0,0,.125) inset;
}
.yui-navset .yui-nav li.selected a:active{  box-shadow: none; }
.yui-navset .yui-content{
    clear: both;
    border: 1px solid #CCC;
    border-top-width: 3px;
    background: #FFF;
    border-radius: 0 4px 4px 4px;
    padding: 12px 12px 0 12px;
    text-decoration: none;
    font-style: normal;
}
 
/**
 *  Colors corresponding with Bootstrap schemata
 */
.tabview-primary .yui-navset .yui-nav li a{
    border-color: #3573BD;
    background: #428BCA;
    color: #FFF;
}
.tabview-primary .yui-navset .yui-nav li a:hover,
.tabview-primary .yui-navset .yui-nav li a:focus{
    background: #3071A9;
    border-color: #285E8E;
}
.tabview-primary .yui-navset .yui-nav li.selected a{  background: #428BCA; }
.tabview-primary .yui-navset .yui-nav li.selected a:hover,
.tabview-primary .yui-navset .yui-nav li.selected a:focus{  border-color: #3573BD; }
.tabview-primary .yui-navset .yui-content{  border-color: #3573BD; }
 
.tabview-info .yui-navset .yui-nav li a{
    border-color: #46B8DA;
    background: #D9EDF7;
    color: #31708F;
}
.tabview-info .yui-navset .yui-nav li a:hover,
.tabview-info .yui-navset .yui-nav li a:focus{
    background: #CBE2ED;
    border-color: #269ABC;
}
.tabview-info .yui-navset .yui-nav li.selected a{  background: #BCE8F1; }
.tabview-info .yui-navset .yui-nav li.selected a:hover,
.tabview-info .yui-navset .yui-nav li.selected a:focus{  border-color: #46B8DA; }
.tabview-info .yui-navset .yui-content{  border-color: #46B8DA; }
 
.tabview-success .yui-navset .yui-nav li a{
    border-color: #4CAE4C;
    background: #DFF0D8;
    color: #3C763D;
}
.tabview-success .yui-navset .yui-nav li a:hover,
.tabview-success .yui-navset .yui-nav li a:focus{
    background: #D2E5C9;
    border-color: #398439;
}
.tabview-success .yui-navset .yui-nav li.selected a{  background: #D6E9C6; }
.tabview-success .yui-navset .yui-nav li.selected a:hover,
.tabview-success .yui-navset .yui-nav li.selected a:focus{  border-color: #4CAE4C; }
.tabview-success .yui-navset .yui-content{  border-color: #4CAE4C; }
 
.tabview-warning .yui-navset .yui-nav li a{
    border-color: #EEA236;
    background: #FCF8E3;
    color: #8A6D3B;
}
.tabview-warning .yui-navset .yui-nav li a:hover,
.tabview-warning .yui-navset .yui-nav li a:focus{
    background: #EFEBD5;
    border-color: #D58512;
}
.tabview-warning .yui-navset .yui-nav li.selected a{  background: #FAEBCC; }
.tabview-warning .yui-navset .yui-nav li.selected a:hover,
.tabview-warning .yui-navset .yui-nav li.selected a:focus{  border-color: #EEA236; }
.tabview-warning .yui-navset .yui-content{  border-color: #EEA236; }
 
.tabview-danger .yui-navset .yui-nav li a{
    border-color: #D43F3A;
    background: #F2DEDE;
    color: #A94442;
}
.tabview-danger .yui-navset .yui-nav li a:hover,
.tabview-danger .yui-navset .yui-nav li a:focus{
    background: #E5CECE;
    border-color: #AC2925;
}
.tabview-danger .yui-navset .yui-nav li.selected a{  background: #EBCCD1; }
.tabview-danger .yui-navset .yui-nav li.selected a:hover,
.tabview-danger .yui-navset .yui-nav li.selected a:focus{  border-color: #D43F3A; }
.tabview-danger .yui-navset .yui-content{  border-color: #D43F3A; }
 
#toc-action-bar a{
    left: 156px;
}
 
footer .footer {
    color: #83ED00;
}