/*
Dr. Pierson's United Nations Anomalous Activities Committee 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: #558BD8;
font-weight: bold;
border-bottom: 1px solid #555;
}
a {
color: #558BD8;
}
a:hover {
color: #315486;
text-decoration: none;
}
a.newpage {
color: #515C6A;
}
/* Background */
div#container-wrap {
background: url(http://rpcsandbox.wdfiles.com/local--files/component%3Aunaac-theme/WSCTheme1.1.png) top left no-repeat !important;
background-size: 122% !important;
}
/* Logo */
#header {
background-image: url(http://rpcsandbox.wdfiles.com/local--files/component%3Aunaac-theme/WSCTheme1.png);
background-repeat: no-repeat;
background-size: auto calc(10rem - 2.125rem);
background-position: 15px 6px;
}
/* Header */
#header > h1 > a > span {
display: block;
opacity: 0;
}
/* Sidebar */
#side-bar hr {
display: none;
}
#side-bar .heading {
font-size: 1.3em;
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: bold;
color: #558BD8;
}
#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: #558BD8;
}
h2, h3, h4, h5, h6 {
color: #E5E5E5;
}
/* Account */
#login-status {
color: #ececec;
}
#login-status a {
color: #AEAEAE;
}
#login-status a:hover {
color: #7A7A7A;
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);
border-right: solid 1px rgba(64,64,64,.1);
}
#login-status ul a:hover {
background: #BCBCBC;
color: #444444;
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;
color: #ccc;
background-color: #24272A;
padding: 0.3em 0.7em;
font-family: Calibri, sans-serif;
font-size: 115%;
}
table.wiki-content-table td {
background-color: #1d2022;
border: 1px solid #24272A;
padding: 0.3em 0.7em;
color: #ccc;
font-family: Calibri, sans-serif;
font-size: 115%;
}
/* Topbar */
top-bar a {
color: white;
background: #23303D;
text-shadow: 1px 1px 1px rgba(0,0,0,.6);
}
#top-bar ul li ul {
box-shadow: 0 2px 6px rgba(41, 41, 41, 0.5);
border-top: 0;
border-left: 1px solid #456EAC;
border-right: 1px solid #456EAC;
border-bottom: 1px solid #648DCA;
}
#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:hover a {
border: transparent;
background-color: #2F435E;
}
#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: #558BD8;
}
#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: white;
background: #558BD8;
border: 1px solid #3C6299;
height: 14.9px;
transition: none !important;
}
#search-top-box-input:hover, #search-top-box-input:focus {
border: 1px solid #3C6299;
background: linear-gradient(to bottom, #436A9F, #5383CC);
color: #f0f0f0;
}
#search-top-box-form input[type="submit"] {
border: 1px solid #3C6299;
color: #fff;
background: linear-gradient(to bottom, #558BD8, #558BD8);
height: 23px;
}
#search-top-box-form input[type="submit"]:hover, #search-top-box-form input[type="submit"]:focus {
border: 1px solid #3C6299;
color: white;
background: linear-gradient(to bottom, #33609D, #558BD8);
}
/* Tab */
.yui-navset .yui-content {
border-top: 8px solid #7497D9 !important;
padding: 10px 25px 10px 25px;
border-width: 15px 1px 1px 1px;
}
.yui-nav {
border-bottom: #7497D9 !important;
background: none;
}
.yui-navset {
box-shadow: none;
border-radius: 5px;
background: none;
font-family: Calibri,sans-serif;
font-size: 115%;
}
.yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content {
border-left: 1.5px solid #1A1919;
border-right: 1.5px solid #1A1919;
border-bottom: 1.5px solid #1A1919;
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
background-image: url(http://rpcsandbox.wdfiles.com/local--files/component%3Aunaac-theme/UN_Hover.png);
background-size: cover;
color: #282828;
font-family: Poppins, sans-serif;
border-width: 0px;
padding: 2px 20px 0px 20px;
margin-top: 10px;
border-top: none;
font-size: 80%;
}
.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: transparent url(http://rpcsandbox.wdfiles.com/local--files/component%3Aunaac-theme/UN_Hover2.png) ; /* selected tab background */
color: white;
font-family: Poppins, sans-serif;
font-weight: bold;
background-size: cover;
border-width: 0px;
padding: 2px 20px 0px 20px;
margin-top: 10px;
border-top: none;
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
background: transparent url(http://rpcsandbox.wdfiles.com/local--files/component%3Aunaac-theme/UN_Hover2.png);
background-size: cover;
text-decoration: hover;
color: #282828;
border-width: 0px;
padding: 2px 20px 0px 20px;
margin-top: 10px;
border-top: none;
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
border-color: transparent;
}
.yui-navset li {
line-height: normal;
}
.yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em {
border-color: none;
border-width: 0;
bottom: 0;
left: 0;
padding: 0.25em 0.75em;
position: relative;
right: 0;
top: -1px;
}
.footnotes-footer {
background:#1F2125;
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: #1F2125;
border: 1px dashed #999999;
}
::selection {
color: white;
background: #558BD8;
opacity: 50%;
}
:root {
scrollbar-color: #182129 #2B3440;
opacity: 20%
transition: all 0.2s ease-in-out;
}
/* Custom Codes */
blockquote {
border: 1px dashed #666666;
background: #1F2125;
border-radius: 3px;
font-family: Calibri, sans-serif;
font-size: 115%;
box-shadow: 2px 1px 3px rgba(0,0,0,.2);
}
tt {
font-size: 84%;
}
hr {
border-bottom: 1px solid #555;
}
.paragraph1 {
color: #c0c0c0;
display: inline-block; border:
dashed 1px #666666;
background: #1F2125;
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;
background: #222;
-shadow: 1px 1px 1px #6054544d;
color: #F5F4F4;
font-family: Calibri,sans-serif;
}
/* Mobile Compatibility */
@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(http://rpcsandbox.wdfiles.com/local--files/component%3Aunaac-theme/WSCTheme1.1.png) top left no-repeat !important;
background-size: auto;
background-size: 410% !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;
}
}
@media screen
and (min-device-width: 410px)
and (max-device-width: 415px) { /* Androids 7.0*/
div#container-wrap {
background-size: 398% !important;
}
}
@media screen
and (width: 360px)
and (height: 740px) { /* Androids 8.0 */
div#container-wrap {
background-size: 430% !important;
}
}
@media screen
and (min-device-width: 765px)
and (max-device-width: 800px) { /* Ipads */
div#container-wrap {
background-size: 210% !important;
}
}