/*
Dr. Pierson's RPC Authority Supreme Theme, v2.
[2019 Theme]
*/
@import url('rpcsandbox.wikidot.com/local--files/component:authority-theme/CODE%20Light.otf')
@import url('https://fonts.googleapis.com/css?family=Noto+Sans&display=swap');
#main-content {
border-left: none;
}
#page-title {
color: #587A96;
font-weight: bold;
border-bottom: 1px solid #555;
}
a {
color: #296CC6;
}
a:hover {
color: #265177;
text-decoration: none;
}
a.newpage {
color: #515C6A;
}
/* Background */
div#container-wrap {
background: url(http://rpcsandbox.wdfiles.com/local--files/component%3Ami13-theme/MonarchSecurity_Theme.png) top left no-repeat !important;
background-size: 100% 402px !important;
}
/* Logo */
#header {
background-image: url(http://rpcsandbox.wdfiles.com/local--files/component%3Ami13-theme/MI13HeaderNew);
background-repeat: no-repeat;
background-size: auto calc(9.5rem - 2.125rem);
background-position: 15px 12px;
}
/* Header */
#header > h1 > a > span {
display: block;
opacity: 0;
}
/* Sidebar */
#side-bar hr {
display: none;
}
#side-bar .heading {
font-size: 15px;
font-family: Calibri, sans-serif;
padding: 0.8em 1em 0 -0;
position: relative;
border-top: 1px solid #555;
margin: 1em calc(-1em + 2px) 0.5em 0;
font-weight: inherit;
color: #587A96;
}
#side-bar div.menu-item a {
font-family: Calibri, sans-serif;
font-size: 115%;
}
#side-bar .menu-item>img {
display: none;
}
#side-bar .menu-item>a {
transition: all 0.2s ease-in-out;
}
#side-bar div.menu-item a:hover {
background-color: rgba(0, 0, 0, 0) !important;
color: #445B70;
text-decoration: none;
}
#header h2 span {
display: none;
opacity: 0;
}
/* Headings */
h1 {
font-weight: bold;
color: #587A96;
}
/* Account */
#login-status {
color: #E5E5E5;
}
#login-status a {
color: #C0C0C0;
}
#login-status a:hover {
color: #7A7A7A;
transition: all 0.2s ease-in-out;
text-decoration: none;
}
#login-status ul a {
background: #3F3F3F;
color: #E2E2E2;
border-opacity: 2%;
shadow-box: 0px 1px 6px rgba(0,0,0,.25);
border-left: solid 1px rgba(64,64,64,.1);
transition: all 0.2s ease-in-out;
border-right: solid 1px rgba(64,64,64,.1);
}
#login-status ul a:hover {
background: #BCBCBC;
color: #444444;
transition: all 0.2s ease-in-out;
border-top: 1px solid rgba(64,64,64,.1);
border-bottom: 1px solid rgba(64,64,64,.1);
}
/* Tables */
table.wiki-content-table {
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.50);
}
table.wiki-content-table th {
border: 1px solid #24272A;
background-color: var(--content-bar-background);
padding: 0.3em 0.7em;
font-family: Calibri, sans-serif;
font-size: 115%;
}
table.wiki-content-table td {
background-color: var(--background-3);
border: 1px solid #24272A;
padding: 0.3em 0.7em;
font-family: Calibri, sans-serif;
font-size: 115%;
}
/* Topbar */
top-bar a {
color: white;
text-shadow: 1px 1px 1px rgba(0,0,0,.6);
}
#top-bar ul li ul {
border: transparent !important;
}
#top-bar ul li a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 1px;
max-height: 21px;
color: #E5E5E5;
border: transparent;
}
#top-bar ul li.sfhover a {
border: transparent;
background-color: #646464;
}
#top-bar ul li:hover a {
border: transparent;
background: var(--topbar-dropdown-background);
}
#top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a {
border-width: 0;
width: 150px;
height: 21px;
max-height: 21px;
padding-top: 0;
padding-bottom: 0;
}
#top-bar ul li:hover a:hover {
background-color: #296CC6;
}
#top-bar ul li.sfhover a:hover { /* Perfect Sample */
transition: all 0.2s ease-in-out;
color: white;
background-color: #646464;
}
#top-bar ul li ul a, #top-bar a:hover {
color: white;
}
.interwiki_title {
color: black;
}
.interwiki_entry a {
color: black;
}
/* SEARCH BAR */
#search-top-box-input {
color: #c0c0c0;
background: #2b3944;
box-shadow: inset 0px 0px .8px .8px rgb(14, 41, 60);
border: 1px solid #434344;
height: 14.9px;
}
#search-top-box-input:hover, #search-top-box-input:focus {
border: 1px solid #434344;
color: white;
background: linear-gradient(to bottom, #646464, #828384);
transition: none;
}
#search-top-box-form input[type="submit"] {
border: 1px solid #434344;
color:#fff;
background: linear-gradient(to bottom,#405566, #2b3944);
transition: none;
border-radius: 2px;
height: 23px;
}
#search-top-box-form input[type="submit"]:hover, #search-top-box-form input[type="submit"]:focus {
border: 1px solid #434344;
color: white;
background: linear-gradient(to bottom, #646464, #828384);
transition: none;
}
/* Tabs */
.yui-nav {
border-bottom: 5px solid #587A96 !important;
background-color: var(--secondary-background);
}
.yui-navset {
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
border-radius: 5px;
background: #1F2125;
}
.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:#587A96 url(../images/yuitabs.png) repeat-x left -1400px; /* selected tab background */
color: white;
}
.yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content {
border: 1.5px solid #1A1919 !important;
background: var(--secondary-background);
border-top-color: transparent !important;
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
background:#515C6A url(../images/yuitabs.png) repeat-x left -1300px;
color: white;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
.footnotes-footer {
background: var(--secondary-background);
border: 1px dashed #666666;
width: 90%;
margin: 1em auto;
font-family: Calibri, sans-serif;
font-size: 115%;
padding: .15em 1em;
}
.footnotes-footer, .page-options-bottom, .owindow .title, .math-equation, .bibitem, .thread-container .post .long .options {
height: auto !important;
}
.footnote-footer{
display: block;
position: relative;
width: 95%;
margin: .5rem 1.5rem
}
#header h2 span {
display: block;
margin: 0;
padding: 8px 0;
line-height: 0px;
max-height: 0px;
font-weight: bold;
color: transparent;
}
#header h2 span::before {
content: "" transparent;
color: #E7D9B5;
}
.code {
font-family: Encode Sans, sans-serif;
background-color: var(--secondary-background);
border: 1px dashed #999999;
}
::selection {
color: white;
background: #296CC6;
}
:root {
scrollbar-color: #182129 #2B3440;
opacity: 20%
transition: all 0.2s ease-in-out;
/* Image Caption */
--image-block-caption-background: #222;
/* Blockquote */
--secondary-background: #1F2125;
/* White Theme */
--WT-primary-text-color: #262626 !important;
--WT-secondary-background: #E0E0E0 !important;
/* Topbar */
--topbar-dropdown-background: #272A31;
/* Table */
--content-bar-background: #24272A;
--background-3: #1d2022;
/* Tabview */
--WT-tabview-background: #515C6A !important;
/* Code */
--WT-code-background: #E0E0E0 !important;
}
/* Custom Codes */
blockquote {
border: 1px dashed #666666;
border-radius: 3px;
font-family: Calibri, sans-serif;
font-size: 115%;
box-shadow: 2px 1px 3px rgba(0,0,0,.2);
background: var(--secondary-background);
}
tt {
font-size: 84%;
}
.paragraph1 {
color: var(--text-color);
display: inline-block; border:
dashed 1px #666666;
background: var(--secondary-background);
float: center;
margin: 0.3rem 60px;
width: 80.2%;
padding: 0 .88em;
box-shadow: 2px 1px 3px rgba(0,0,0,.2);
font-size: 115%;
font-family: Calibri, sans-serif;
}
.image-block {
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}
.image-block {
border: solid 1.5px #171717;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.image-block .image-caption {
border-top: 1.5px solid #222;
-shadow: 1px 1px 1px #6054544d;
font-family: Calibri,sans-serif;
}
/* Mobile Comparability */
@media screen and (orientation:portrait) {
#footer .options {
text-align: none;
font-size: 50%;
}
#license-area {
font-size: 80%;
fold-weight: bold;
}
.page-watch-options {
visibility: hidden;
}
#page-info {
visibility: hidden;
}
html, body {
width: auto !important;
overflow-x: hidden !important
}
.mobile-top-bar {
display: flex;
position: absolute;
background-color: #161C21;
max-height: 30px;
padding-bottom: 1px;
margin: 20px 0px;
height: 30px;
width: 100%;
left: -2.5em;
padding: 0px 40px;
}
#side-bar {
display: block;
position: fixed;
top: 0;
left: -25em;
width: 17em;
height: 100%;
background: #161C21;
overflow-y: scroll;
z-index: 10;
padding: 1em 1em 0 1em;
-webkit-transition: left 0.5s ease-in-out 0.1s;
-moz-transition: left 0.5s ease-in-out 0.1s;
-ms-transition: left 0.5s ease-in-out 0.1s;
-o-transition: left 0.5s ease-in-out 0.1s;
transition: left 0.5s ease-in-out 0.1s;
}
#side-bar .heading {
width: 80%;
}
#side-bar .heading {
font-size: 15px;
border-top: 1px solid #296CC6;
color: #555;
}
#side-bar div.menu-item a {
left: 20px;
position: relative;
}
#side-bar::after {
content: "";
position: absolute;
top: 0;
width: 0;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
}
#side-bar:target {
display: block;
left: 0;
width: 17em;
margin: 0;
border: none;
z-index: 10;
box-shadow: 1px 1px 8px 6px rgba(0, 0, 0, 0.2);
}
#side-bar:target + #main-content {
left: 0;
}
#side-bar:target .close-menu {
display: block;
position: fixed;
width: 100%;
height: 100%;
top: 0;
background: rgba(25,30,4,0) 1px 1px repeat;
z-index: -1;
left: 243px;
}
.hovertop {
background-color: #fea;
border: 1px solid #6b0000;
display: inline;
padding: 5px;
display: none;
position: absolute;
font-size: 85%;
max-width: 540px;
text-align: left;
z-index: 100; /* a large number to ensure it's on top */
}
.open-menu a { /* Grid Box */
position: absolute;
top: 0;
left: 330px;
padding: 0;
z-index: 15;
font-family: 'Nanum Gothic', san-serif;
font-size: 30px;
font-weight: 700;
width: 30px;
height: 30px;
line-height: 0.9em;
text-align: center;
border: none;
background: none !important;
border-radius: none;
color: #C0C0C0 !important;
transition: all 0s ease 0s;
}
.open-menu a:hover {
text-decoration: none! important;
color: #296CC6;
border: none;
transition: all 0.6s ease 0.2s;
}
#main-content {
max-width: 90%;
margin: 0 5%;
padding: 0;
}
div#container-wrap {
background: url(https://i.imgur.com/RLwDNn1.png) top left no-repeat !important;
background-size: auto;
background-size: 100% 332px !important;
}
#header {
background-size: auto calc(6.5rem - 2.125rem);
height: 7.5rem;
background-position: left .3em top 2rem;
}
.paragraph1 {
width: 290px;
border: dashed 1px #4f4f4f;
font-size: 95%;
margin: 0px 10px 10px;
}
#search-top-box-form input[type="submit"] {
height: 23px;
left: 5px;
top: 0;
}
}
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
#top-bar {
font-size: 12px;
}
#header { /* Logo */
background-size: auto calc(8.5rem - 2.125rem);
background-position: left 1.65em top 0.5rem;
}
#search-top-box-form input[type="submit"] {
height: 28px;
left: 5px;
top: 0;
width: 60px;
}
body {
font-size: 8px;
color: #D8D8D8;
}
.footnotes-footer .title {
font-size: 15px;
}
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover {
font-size: 12px;
}
.yui-navset .yui-nav li a, .yui-navset-top .yui-nav li a, .yui-navset-bottom .yui-nav li a {
font-size: 12px;
}
.paragraph1 {
width: 95%;
border: dashed 1px #4f4f4f;
font-size: 100%;
margin: 0px 10px 10px;
}
}