/*
    AuthorityStuck Theme
    [2025 Wikidot Theme]

TO THE POOR BASTARD READING THIS: This theme is dedicated to my insomnia and time crunch. It's nothing but spaghetti code from here.
*/

#page-info-break {
    height: 1em;
}

#side-bar {
    width: 17.5em;
    padding: 1em;
    background: #c6c6c6;
    border: 7px solid rgb(239, 239, 239);
    border-left: none;
    margin-top: 1em;
}

body {
    background-image: url(https://rpcauthority.wdfiles.com/local--files/component%3Aauthoritystuck-theme/Background_Clouds.png);
    background-attachment: fixed;
    background-size: 200%;
}

#page-info {
    margin: 0px;
}

div#page-options-container {
    border-top: 7px solid rgb(198, 198, 198);
    border-bottom: 7px solid rgb(198, 198, 198);
    background: #efefef;
}

.open-themes a {
    visibility: hidden;
}

#page-info {
    margin: none;
}

#top-bar .search-button a {
    top: -130px;
}

/* Sidebar */
 
#side-bar {
    width: 17.5em;
    padding: 1em;
 
    background: #c6c6c6;
    border: 7px solid rgb(239, 239, 239);
    border-left: none;
    margin-top: 1em;
}
 
#side-bar div.menu-item a {
    width: 208px;
}
 
#side-bar div.menu-item a:hover {
    color: var(--sidebar-hover-color);
    text-decoration: none;
    padding-left: 1em;
    width: 208px;
}
 

.listresize {
    font-size: 12px!important;
    line-height: 141%!important;
}


a.collapsible-block-link:hover {
    text-decoration: none;
    background: #777;
}

a.collapsible-block-link {
    border: var(--dashed-border);
    padding: 3px;
    line-height: 25px;
    background: var(--content-bar-background);
    color: var(--text-color);
}

.yui-navset-top .yui-nav, .yui-navset-bottom .yui-nav {
    border: dashed 1px var(--tabview-button-selected-background);
    border-bottom: dashed 1px var(--tabview-button-selected-background) !important;
}

.collapsible-block-content {
    padding: 1em;
    border: var(--dashed-border);
    box-shadow: var(--content-box-shadow);
}

.code {
    box-shadow: 0px 0px 20px rgb(58 58 58 / 60%), inset 1px 1px 21px #51b853;
}

.code pre span {
    color: #51b853;
    text-shadow: 1px 1px 1px #51b853;
}

#top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a {
    padding-top: 5px;
    padding-bottom: 5px;

}

.listresize {
    font-size: 12px!important;
    line-height: 141%!important;
}

#account-options {
    position: absolute;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 15em;
    left: 15em;
    padding: 0;
    z-index: 40;
    background-color: white;
    display: none;
    border: 1px solid #888;
}


:root {
    --primary-background: #e1e1e1;
    --secondary-background: rgb(232 232 232);
    --background-3: #c1c1c1;
    --background-4: #a3a3a3;
    --content-bar-background: #c3c3c3;
    --primary-text-color: #0000ff;

--header-icon-size: auto calc(8.5rem - 2.125rem);


    --modal-header-background: var(--primary-background);
    --owindow-border: var(--dashed-border);
    --solid-border: 1px solid gray;
    --dashed-border: 1px dashed gray;
    --tabview-border: var(--dashed-border);

    --toc-border: var(--solid-border);
    --toc-background: #F0F0F0;
    --content-box-shadow: 0px 0px 10px rgb(58 58 58 / 30%);

    --tags-border: var(--dashed-border);

    --star-rating-hue: 260deg;
    --star-rating-reading-background: var(--content-bar-background);

--header-background: none;
--header-icon: URL(https://rpcauthority.wdfiles.com/local--files/component%3Aauthoritystuck-theme/AuthorityStuck_Logo.png);
--header-background: url(https://rpcauthority.wdfiles.com/local--files/component%3Aauthoritystuck-theme/Header.png);

--text-color: #323232;

--topbar-hover-background: rgb(23 68 31);
--topbar-hover-color: rgb(81 184 83);
--topbar-dropdown-background: #efefef;

--body-background: #0b89fb;

--link-color: #0000FF;
--link-hover-color: #000099;
--new-page-color: #520044;

--nav-hover-background: #17441f;

    --content-panel-border-radius: var(--element-border-radius);
    --content-panel-background: var(--primary-background);
    --content-panel-border: none;
    --content-panel-padding: 10px 20px;
    --content-panel-box-shadow: var(--content-box-shadow);
    --content-bar-color: #777;
    --news-block-body-panel-background-even: #efefef;

    --search-button-background: #EFEFEF;
    --search-button-border: 1px solid #3a3a3a;
    --search-button-hover-background: #17441f;
    --search-button-hover-color: #51b853;
    --search-button-hover-border: 1px solid #51b853;
    --search-input-hover-border: 1px solid #51b853;
    --search-input-hover-color: #51b853;
    --search-input-color: #EFEFEF;
    --search-input-hover: #17441f;
    --search-input-border: 1px solid #3a3a3a;

    --tabview-background: var(--primary-background);
    --tabview-bar-border: 5px solid var(--main-border-color);
    --tabview-button-selected-background: var(--main-border-color);
    --tabview-button-selected-color: #51b853;
    --tabview-button-hover-background: #51b853;

    --tabview-side-tabs-background: var(--primary-background);
    --tabview-side-button-hover-background: #51b853;
    --tabview-side-button-selected-background: var(--main-border-color);
    --tabview-side-tabs-box-shadow: var(--content-box-shadow);

    --tabview-side-button-divider: 1px solid var(--main-border-color);
    --tabview-side-scrollbar-background: var(--secondary-background);
    --tabview-side-scrollbar-thumb-background: var(--BT-scrollbar-thumb-background);
    --tabview-side-scrollbar-thumb-hover-background: var(--BT-scrollbar-thumb-hover-background);

    --button-border: 1px solid var(--text-color);
    --button-background: #f0f0f0;
    --button-hover-border: 1px solid var(--text-color);
    --button-hover-background: #777777;
    --button-hover-color: var(--text-color);
    --button-current-background: var(--primary-background);

    --sidebar-divider-color: transparent;
    --sidenote-open-background: rgb(23 68 31);
    --basic-border: 1px solid var(--text-color);

    --BT-resizer-background: #f1f1f1;
    --BT-scrollbar-thumb-background: #c1c1c1;
    --BT-scrollbar-thumb-hover-background: #acacac;
    --sidebar-crit-corner-color: #1ea636;

    --content-panel-border: var(--dashed-border);  
    --main-border: 3px solid var(--main-border-color);
    --main-border-color: #17441f;
    --blockquote-border: var(--dashed-border);

    --sidenote-contents-open-color: var(--text-color);
    --sidenote-figure-open-color: #51b853;
 
    --color-panel-border: 3px solid var(--color-panel-border-color);
    --color-panel-border-color: rgb(255 255 255 / 70%);

    --tabview-side-border: var(--dashed-border);
    --owindow-border: var(--dashed-border);
    --footnote-border: var(--dashed-border);
    --account-options-border: var(--dashed-border);
    --tags-border: var(--dashed-border);
    --toc-border: var(--dashed-border);
    --content-panel-border: var(--dashed-border);
    --blockquote-border: var(--dashed-border);
    --image-block-border: var(--dashed-border);
    --star-rating-border: var(--dashed-border);
    --content-panel-border: var(--dashed-border);
    --tabview-border: var(--dashed-border);
    --table-border: var(--dashed-border);
    --template-block-border: var(--dashed-border);
    --sidenote-contents-border: var(--dashed-border);
    --sidenote-figure-border: var(--dashed-border);

--page-title-color: #3A3A3A;
--code-background: #17441f;

--max-width: 650px;
--margin: 25px;

--text-box-form-background: #efefef;

--footer-background: #535353;
}

#top-bar {
    background: linear-gradient(to right, transparent 0%, rgb(255 255 255 / 70%) 30%, rgb(255 255 255 / 70%) 60%, rgb(0 0 0 / 0%) 100%);
}
 
#top-bar li a {
    margin-top: -4px;
}

#top-bar a {
    color: #17441f;
    background: transparent;
    transition: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 90%;
}

#top-bar ul li a {
    border-left: solid 1px rgb(23 68 31);
    border-right: solid 1px rgb(23 68 31);
}

#top-bar ul {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
}

#top-bar ul li ul {
    margin-top: 0px;
    border: 5px solid #c6c6c6;
    box-shadow: 0px 0px 20px rgb(58 58 58 / 50%);
}



#top-bar {
    background: linear-gradient(to right, transparent 0%, rgb(255 255 255 / 70%) 30%, rgb(255 255 255 / 70%) 60%, rgb(0 0 0 / 0%) 100%);
        top: -52;

}

#login-status {
        font-size: 70%;
        z-index: 30;
        left: 4em;
        top: 10px;
        color: #17441f;
    }

#header .button {
        position: relative;
        top: -5.8em;
        left: 18px;
    }

#header {
        background-size: 100% !important;
        background-position: center !important;
    }
}

#login-status {
    left: 10px;
}

#search-top-box {
    top: 10px;
}

#header {
    position: relative;
    z-index: 10;
    padding-bottom: 22px;
    background: var(--header-icon) var(--header-icon-adv);
    background-position: center;
    background-size: var(--header-icon-size);
}
 
#header h1, #header h2 {
    margin-left: 25px;
}
 
#header h2 {
    text-align: center;
}
 
#header h1 a, #header h2 span {
    color: transparent;
    text-shadow: none;
    font-size: 0;
}
 

#header h2 span {
    all: unset;
    font-size: 0;
}
 
#header h1 a::before {
    color: white; 
    text-shadow: 3px 3px 5px #000;
    font-family: 'Teko', sans-serif;
    content: "";
    font-size: 50px;
}
 
#header h2 span::before {
    color: #e3e3e3;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
    font-size: 95%;
    content: "";
    font-size: 13px;
    font-style: oblique;
}


|.::::::;;;;;;DASHED-BORDER;;;;;;::::::.|
|::::;;;C O L L E C T I O N     P A C K;;;::::|
 */
 
/* Content Panel Border-Left Section */
 
.content-panel {
    border: var(--dashed-border);
}
 
.content-panel.standalone {
    border-left: var(--dashed-border);
}
 
.content-panel.series {
    border-left: var(--dashed-border);
}
 
.content-panel.centered {
    border-left: var(--dashed-border);
}
 
.content-panel.left-column {
    border-left: var(--dashed-border);
}
 
.content-panel.right-column {
    border-left: var(--dashed-border);
}

#main-content {
    font-weight: 600;
    font-family: courier;
    background-size: 6%;
}


.rateContainer {
    font-family: auto;
}

#page-title {
    width: -webkit-fill-available;
    margin: 0 0 0em;
    padding: 1em;
    text-align: center;
    background-color: #efefef;
    max-width: 700px;
    box-shadow: 0px 0px 20px rgb(58 58 58 / 50%);
    border-top: 7px solid rgb(198, 198, 198);
}

#page-content {
    border-radius: var(--page-border-radius);
    background: #efefef;


    padding: 25px;
    max-width: 700px;
    box-shadow: 0px 0px 20px rgb(58 58 58 / 60%);
    border-bottom: 7px solid rgb(198, 198, 198);
}

::selection {
    background: rgb(60 137 61 / 80%);
    color: #fff;
    box-shadow: 1px 1px 0px black, 0px 1px 6px rgb(81 184 83);
}

#page-options-container::after {
    content: "*Honk* *Honk* *Honk* *Honk* *Honk* *Honk*";
    color: #0000001f;
    text-overflow: ellipsis;
}








#license-area, #footer {
    color: #efefef !important;
    background-color: var(--footer-background) !important;
}

#footer a {
    color: var(--link-color);
    background: transparent;
}

a:visited {
    color: #551A8B;
}


/* User Name */
 
#login-status {
    color: #17441f;
}
 
/* "My Account" Text (normal and Hover) */
 
#login-status a {
    color: #17441f;
}
 
#login-status a:hover {
    color: #97cbfb;
}
 
#printuser {
    color: #ccc;
    background-color:transparent;
}

a#account-topbutton {
    color: #17441f!important;
}
 
#account-options {
    border: 5px solid #c6c6c6;
    box-shadow: 0px 0px 20px rgb(58 58 58 / 50%);
}

#login-status ul a {
    background: var(--news-block-body-panel-background-even);
    color: #17441f;
}
 
#login-status ul a:hover {
    background: var(--nav-hover-background);
    box-shadow: 0px 0px 5px teal;
    color: #51b853;
}
 
#account-options #account-options, a#account-topbutton {
    color: #ccc;
}


::-webkit-scrollbar {
    border: 2px solid #efefef;
}

#action-area {
    padding: 25px;
    max-width: 700px;
}

.highlight td {
    background-color: #efefef;
}

/* Edit Box Section: Makes sure editing looks okay */
 
form#edit-page-form {
    padding: 10px 40px 1em 10px;
    transition: box-shadow 0.5s ease-in-out;
    background: #efefef;
    box-shadow: 0px 0px 20px rgb(58 58 58 / 60%);
}

@media (min-width: 1200px) {
    #edit-page-form {
        border-radius: var(--page-border-radius);
        background: #efefef;
        padding: 25px;
        box-shadow: 0px 0px 20px rgb(58 58 58 / 60%);
    }
}
 
table.edit-page-bottomtable {
    margin: 10px 10px;
}
 
.page-options-bottom a {
    padding: 0px 7px;
}

/* Tabview Border */
 
.yui-navset-top .yui-nav, .yui-navset-bottom .yui-nav {
    border: dashed 1px var(--tabview-button-selected-background);
}
 
.yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li {
    padding: 0px 0 0;
}
 
/* Side-Tabview Border */
 
.sideTabview .yui-nav::-webkit-scrollbar {
    border: var(--dashed-border);
}
 
.sideTabview .yui-content {
    border: var(--dashed-border);
}
 
.sideTabview .yui-nav {
    border-right: var(--dashed-border) !important;
    border-left: var(--dashed-border) !important;
    border-top: var(--dashed-border) !important;
    border-bottom: var(--dashed-border) !important;
}

li.selected, .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover {
    background: var(--tabview-button-selected-background);
    color: var(--tabview-button-selected-color);
}
 
/* Border Section */
 
/* Panel Border Section */
 
.header-panel {
    border-left: var(--dashed-border);
    border-right: var(--dashed-border);
    border-top: var(--dashed-border);
 
    border-bottom: none;
}
 
.footer-panel {
    border-left: var(--dashed-border);
    border-right: var(--dashed-border);
    border-bottom: var(--dashed-border);
 
    border-top: none;
}
 
.body-panel {
    border: var(--dashed-border);
}
 
/* News Block Border Section */
 
.header-panel .news-block {
    border: var(--dashed-border);
}
 
.footer-panel .news-block {
    border: var(--dashed-border);
}
 
.news-block .body-panel:nth-child(even) {
    border-left: var(--dashed-border);
    border-right: var(--dashed-border);
 
    border-top: none;
    border-bottom: none;
}
 
/* Miscellaneous */
 
div.page-rate-widget {
    text-align: center;
    word-spacing: normal;
}
 
td.cellStyle {
    border-left: var(--dashed-border);
    border-right: var(--dashed-border);
}
.sidenoteI {
    padding: 0px;
    border: var(--dashed-border);
}
