Szablon RCPA
stopsign.png

To podstrona techniczna.

Nic tu nie rób bez zgody Administracji Witryny.




/*
RCPA Theme
 
Created by Vizlox for the RPC Authority as the Group of Interest "Righteous Central Protection Authority" theme
 
Built with code created by Dr Vaughn
 
RCPA logo designed by TheGreatTarbolin69
 
Original design by moist bread
*/
 
:root {  
    --primary-text-color: #22f;
    --link-color: #33f;
    --link-hover-color: #44f;
    --new-page-color: #227;
 
    --basic-border-color: #fff;
    --element-border-radius: 0;
    --primary-background: #fff;
    --secondary-background: #000;
    --content-bar-background: #000;
    --content-box-shadow: none;
    --page-title-border: 2px solid #fff;
 
    --header-icon: url(http://www.rpc-wiki.net/local--files/component:rcpa-theme/rcpa-logo-small.png);
    --header-background: url(http://www.rpc-wiki.net/local--files/component:rcpa-theme/rcpa-header.png);
    --header-text-visibility: hidden;
    --header-icon-adv: center top 1rem no-repeat;
    --header-icon-size: auto calc(9.5rem - 2.125rem);
    --header-custom-text: '';
    --header-tagline-custom-text: '';
 
    --body-background: #090910;
 
    --search-button-background: none;
    --search-button-hover-background: #fff;
    --search-input-color: none;
    --search-input-hover: none;
    --search-input-border: 1px dashed #999;
 
    --topbar-text-color: #000;
    --topbar-dropdown-background: #fff;
    --topbar-hover-background: #000;
    --topbar-divider: 1px solid transparent;
    --topbar-dropdown-border-color: transparent;
    --topbar-hover-color: #fff;
    --topbar-dropdown-color: #000;
 
    --sidebar-divider-color: transparent;
    --sidebar-header-color: var(--primary-text-color);
    --sidebar-hover-background: #fff;
    --sidebar-hover-color: #000;
    --sidebar-mobile-open-menu-color: #fff;
    --sidebar-mobile-open-menu-border: 3px solid #fff;
    --sidebar-mobile-open-menu-background: #000;
    --sidebar-mobile-background: #000;
 
    --tabview-background: #0a0a0a;
    --tabview-bar-border: 4px solid blue;
    --tabview-border: 4px solid blue;
    --tabview-button-background: black;
    --tabview-button-selected-background: blue;
    --tabview-button-selected-color: yellow;
    --tabview-button-hover-background: #222;
 
    --template-block-border: 2px dashed #fff;
    --template-block-background: none;
 
    --blockquote-background: none;
    --blockquote-border: 2px dashed #fff;
 
    --footnote-border: 4px solid blue;
    --footnote-background: #000;
 
    --toc-border: 4px dashed blue;
    --toc-background: none;
 
    --content-bar-color: #fff;
    --news-block-body-panel-background-even: #ddd;
 
    --star-rating-background: var(--secondary-background);
    --binary-rating-background: var(--secondary-background);
    --star-rating-filter: hue-rotate(13deg) invert(1) saturate(1) brightness(1);
 
    --code-background: none;
    --code-border: 4px dashed blue;
 
    --table-border: 1px solid #000;
 
    --sidenote-open-background: blue!important;
    --sidenote-closed-background: none!important;
}
 
#page-content, #side-bar, #top-bar, #header {
    font-family: monospace;
    font-size: 14px;
}
 
.content-panel hr, .yui-content hr, .info-block hr, .news-block hr, .featured-block hr {
    background: #000;
}
 
.content-panel,
.body-panel,
table.wiki-content-table td,
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus,
#footer a {
    color: #000;
}
 
.content-panel blockquote,
.body-panel blockquote,
table.wiki-content-table td blockquote {
    color: #000;
}
 
blockquote hr {
    background: #fff;
}
 
.rateContainer {
    font-family: verdana;
}
 
#side-bar div.menu-item a,
a,
#search-top-box-input,
#search-top-box-form input[type=submit],
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover,
.page-rate-widget-box .cancel a:hover,
.tooltip .tooltiptext,
.tooltipblue .tooltiptextblue {
    transition: none;
}
 
.enlarge:hover {
    transform: none;
}
 
.yui-nav {
    font-size: 0.8em;
}
 
.yui-navset {
    color: #fff;
    background: none;
}
 
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus,
.yui-nav li {
    min-height: 21px;
}
 
.footnotes-footer {
    border: 4px dashed blue;
    padding: 0 10px 10px 10px;
    margin: 20px 0;
    clear: both;
}
 
#top-bar .mobile-top-bar {
    font-family: verdana;
    font-size: 80%;
}
 
.red blockquote {
    border: 4px dashed red;
}
 
.blue blockquote {
    border: 4px dashed blue;
}
 
.green blockquote {
    border: 4px dashed green;
}
 
.yellow blockquote {
    border: 4px dashed yellow;
}
 
@media (min-width: 769px) {
    .text-block.left-column, .text-block.right-column {
        width: 50%;
    }
}
 
#page-content p {
        text-shadow: 0 0 5px rgba(255,255,255,0.3);
}
 
a {
    text-shadow: none;
}
 
.sidenoteC {
    border: 4px solid blue!important;
}
 
.sidenoteI {
    padding: 0!important;
    border: 4px solid blue;
}
 
.sidenoteH {
    border: 4px dashed blue!important;
    color: #fff!important;
}
 
.sidenoteContainer {
    background: none!important;
    color: #fff!important;
}
 
@media (min-width: 1000px) {
    .sidenote:hover .sidenoteH {
        border: 4px solid blue!important;
        color: yellow!important;
    }
    .sidenote:hover .sidenoteC {
        border-top: none!important;
    }
}
 
@media (max-width: 999px) {
    .sidenote .sidenoteH {
        border: 4px solid blue!important;
        color: yellow!important;
        background: blue!important;
    }
    .sidenote .sidenoteC {
        border-top: none!important;
    }
}
 
@media (max-width: 768px) {
    #header {
        background: var(--header-icon) var(--header-icon-adv);
        background-size: var(--header-icon-size);
    }
}
 
@media (min-width: 1500px) {
    #main-content {
        margin: auto 28%;
    }
 
    #side-bar {
        position: absolute;
        left: 10%;
        overflow-y: auto;
        height: 100%;
        overflow-x: hidden;
    }
 
    #content-wrap {
        margin-left: 0px;
        margin-right: 0px;
        max-width: unset;
    }
}
 
@media (min-width: 1000px) {
    @media (max-width: 1499px) {
        #main-content {
            margin: auto 20%;
        }
 
        #side-bar {
            position: absolute;
            left: 0;
            overflow-y: auto;
            height: 100%;
            overflow-x: hidden;
        }
 
        #content-wrap {
            margin-left: 0px;
            margin-right: 0px;
            max-width: unset;
        }
    }
}
 
/* Everything below here was made by Dr Vaughn */
 
div#container-wrap-wrap:before {
  z-index: 4010;
  background: linear-gradient(#444 50%, #000 50%);
  background-size: 100% 4px;
  background-repeat: repeat-y;
  opacity: .14;
  box-shadow : inset 0px 0px 1px 1px rgba(0, 0, 0, .8);
  animation: pulse 5s linear infinite;
}
 
@keyframes pulse {
  0%   {transform: scale(1.001);  opacity: .14; }
  8%   {transform: scale(1.000);  opacity: .13; }
  15%  {transform: scale(1.004);  opacity: .14; }
  30%  {transform: scale(1.002);  opacity: .11; }
  100% {transform: scale(1.000);  opacity: .14; }
}
 
div#container-wrap {
  // ... positioning
  z-index: 4100;
}
 
div#container-wrap:before {
  content : '';
  position : absolute;
  top : 0px;
  width : 100%;
  height : 5px;
  background : #fff;
  background: linear-gradient(to bottom, rgba(255,0,0,0) 0%,rgba(255,250,250,1) 50%,rgba(255,255,255,0.98) 51%,rgba(255,0,0,0) 100%); /* W3C */
  opacity : .1;
  animation: vline 15s linear infinite;
  z-index: 20;
}
 
div#container-wrap:after {
  box-shadow: 0 2px 6px rgba(25,25,25,0.2),
              inset 0 1px rgba(50,50,50,0.1),
              inset 0 3px rgba(50,50,50,0.05),
              inset 0 3px 8px rgba(64,64,64,0.05),
              inset 0 -5px 10px rgba(25,25,25,0.1);
}
 
@keyframes vline {
  0%   { top: 0px;}
  100% { top: 100%;}
}
 
div#container::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%),
      linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
  z-index: 20;
  background-size: 100% 2px, 3px 100%;
  pointer-events: none;
}
 
div#container::after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(18, 16, 16, 0.1);
  opacity: 0;
  z-index: 2;
  pointer-events: none;
  animation: flicker 0.15s infinite;
}
 
@keyframes flicker {
  0% {
    opacity: 0.27861;
  }
  5% {
    opacity: 0.34769;
  }
  10% {
    opacity: 0.23604;
  }
  15% {
    opacity: 0.90626;
  }
  20% {
    opacity: 0.18128;
  }
  25% {
    opacity: 0.83891;
  }
  30% {
    opacity: 0.65583;
  }
  35% {
    opacity: 0.67807;
  }
  40% {
    opacity: 0.26559;
  }
  45% {
    opacity: 0.84693;
  }
  50% {
    opacity: 0.96019;
  }
  55% {
    opacity: 0.08594;
  }
  60% {
    opacity: 0.20313;
  }
  65% {
    opacity: 0.71988;
  }
  70% {
    opacity: 0.53455;
  }
  75% {
    opacity: 0.37288;
  }
  80% {
    opacity: 0.71428;
  }
  85% {
    opacity: 0.70419;
  }
  90% {
    opacity: 0.7003;
  }
  95% {
    opacity: 0.36108;
  }
  100% {
    opacity: 0.24387;
  }
}
 
sup {
    vertical-align: top;
    position: relative;
    top: -0.5em;
}
O ile nie zaznaczono inaczej, treść tej strony objęta jest licencją Creative Commons Attribution-ShareAlike 3.0 License