/*
AAPA New CSS Theme by NatVoltaic and stormbreath, based on code by Cyantreuse and InitHello
Licensed as CC-by-SA-3.0
Header image is public domain, having been taken by NASA during the Hubble Program. Header icon created by Woedenaz. Top-bar by TSATPWTCOTTTADC.
spaaaaaaaaaaaaaaaaace
*/
@import url(https://fonts.googleapis.com/css?family=Exo:400,800);
:root {
/* 1 Common */
--ct_bg_body: #101d2e;
--ct_col_body-txt: #ccc;
--ct_col_h1-txt: #ffb961;
--ct_col_link: #ffbe3d;
--ct_col_link-visited: #ffbe3d;
--ct_col_link-newpage: #ffd177;
/* 2 Header */
--ct_bg_header-image: url(none);
--ct_bg_header-logo: url(http://fondationscp.wdfiles.com/local--files/theme%3Aad-astra/logo.svg);
--ct_col_slogan-txt: transparent;
--ct_shd_slogan-txt: 0px 0px 0px;
--ct_fns_slogan-txt: 120%;
/* 2 Account menu */
--ct_col_account-menu-txt: #ffc780;
--ct_col_account-menu-link: #ffc780;
/* 2 Search box */
--ct_brd_searchbox-border: solid 1px #ffb961;
--ct_brd_searchbox-highlight: #ffb961;
/* 4 Rating module */
--ct_col_rate-primary: #5C1D24;
--ct_col_rate-secondary: #5C1D24;
--ct_col_rate-cancel: #ffb961;
--ct_col_rate-link-hover: #5C1D24;
--ct_brd_rate-primary: solid 2px #ffb961;
/* 7 Responsive Web Design */
--ct_col_m_sidebar-bg: #101d2e;
--ct_col_m_sidebar-button-bg: var(--ct_col_m_sidebar-bg);
--ct_brd_m_sidebar-button: .2em solid #ffb961;
}
/* HEADER */
div#extra-div-1 {
height: 140px;
width: 100%;
top: 0;
position: absolute;
background: url(http://fondationscp.wdfiles.com/local--files/theme%3Aad-astra/hubble.png);
background-size: cover;
background-position: 50% 50%;
} /* SPACE */
div#extra-div-2 {
height: 22px;
width: 100%;
top: 140px;
position: absolute;
background-color: #5c1d24;
background-image: linear-gradient(to bottom,
#5C1D24,
#42151a);
} /* Red-top bar */
#header {
background-size: 6rem;
}
@media (max-width: 580px) and (min-width: 480px) {
#header {
background-position: 0.5em 4.5em;
background-size: 66px 66px;
}
}
@media (max-width: 479px) {
#header {
background-position: 0 5.5em;
background-size: 55px 55px;
}
}
#header h1 a::before {
content: "AD ASTRA PER ASPERA";
font-size: 80%;
font-family: 'Exo', sans-serif;
font-weight: 800;
text-shadow: 4px 4px 4px rgba(0,0,0,.8);
}
#header h1 a span{
visibility: hidden;
}
#header h2 span::before {
content: "Vers les étoiles à travers les difficultés";
color: #ffc780;
font-family: 'Exo', sans-serif;
font-weight: 400;
text-shadow: 3px 3px 3px rgba(0,0,0,.9);
}
/* Log-In Info */
#login-status a {
background: transparent;
}
#login-status ul a {
color: #ffbe3d;
background: #101d2e;
border-color: #ffc780;
}
#login-status ul a:hover {
color: #ffbe3d;
font-weight: bold;
}
#account-topbutton {
background: transparent;
color: #ffc780;
border: none;
}
#account-options {
border-color: #ffc780;
}
/* Search Bar */
#search-top-box-input,
#search-top-box-input:hover,
#search-top-box-input:focus {
background-color: #1b304d;
}
#search-top-box-input {
color: #ffc780 !important;
}
#search-top-box-input:hover,
#search-top-box-input:focus {
color: #ffb961 !important;
}
#search-top-box-form input[type=submit],
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
background: #5C1D24;
color: #ffb961;
}
/* TITLE */
#page-title {
border-color: #ffc780;
color: #ffb961;
}
/* TOP-BAR SETTINGS */
#top-bar a {
color: #ccc
}
#top-bar ul li ul {
border-color: #ffc780;
}
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
border-top-color: #5C1D24;
}
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
background: #5C1D24;
color: #ffbe3d;
}
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
background: #1b304d; /* top bar hover background color */
color: #ffbe3d;
}
.c_topbar_arrow {
color: #ffbe3d;
}
/* SIDEBAR SETTINGS */
#side-bar .side-block {
border-width: 2px;
border-color: #ffb961;
box-shadow: none;
background-color: #1b304d;
color: #ffc780;
}
#side-bar .side-block.media {
background-color: #26152e !important;
}
#side-bar .side-block.resources {
background-color: #5C1D24 !important;
}
div.scpnet-interwiki-wrapper {
filter: hue-rotate(230deg) saturate(150%) invert(80%);
}
#side-bar .heading {
border-bottom-width: 2px;
border-bottom-color: #ffb961;
color: #ffb961;
}
/* Side-Bar Images */
#side-bar .menu-item p::before,
#side-bar .collapsible-block-link::before, #side-bar .colmod-link-top a::before {
filter: hue-rotate(60deg) brightness(400%);
}
/* BODY */
body {
background-image: linear-gradient(
#060b11,
#101d2e 400px);
}
/* FOOTER */
#footer {
background: #5C1D24;
color: #ccc:
}
#footer a {
color: #ffbe3d;
}
#license-area {
color: #ccc;
}
/* OTHER STRUCTURAL ELEMENTS */
/* Links */
#side-bar a, #side-bar a:visited,
#main-content a:visited{
color: #ffbe3d;
}
/* Selection */
::selection {
background: #ffb961;
color: #fff;
}
/* Footnotes */
.hovertip {
background-color: #1b304d !important;
border-color: #ffb961 !important;
}
.footnotes-footer .title {
color: #ffb961;
}
/* Scrollbar */
::-webkit-scrollbar-thumb {
background: #ffb961;
}
/* Pop-Up Windows */
.owindow {
background-color: #1b304d;
border-color: #ffb961;
}
.owindow .modal-header {
background-color: #1b304d;
}
.owindow .modal-body img {
background-color: transparent !important;
}
.owindow .title {
background-color: #5C1D24;
color: #ffb961;
border-bottom: 1px solid #ffb961;
}
.owindow .button-bar a {
background-color: #1b304d;
border-color: #808080;
}
.owindow .button-bar a:hover {
background-color: #26152e;
}
/* Edit Buttons */
.buttons .btn {
background-color: #1b304d;
border-color: #ffb961;
color: #ffb961;
padding: 3px 5px;
}
.buttons .btn:hover {
background-color: #26152e;
color: #ffb961;
}
/* Edit Lock Info*/
#lock-info {
background-color: #1b304d;
border-color: #ffb961;
}
/* Close Button for Page Source, Rating, Etc */
a.action-area-close:hover {
background-color: #5c1d24;
}
/* Page-History Current */
.pager .current {
background-color: #1b304d;
border-color: #ffb961;
}
/* Code */
.code {
border-color: #666;
background-color: transparent;
font-size: 14px;
}
/* code highlighter stuff */
.hl-identifier,
.hl-code,
.hl-brackets {
color: #ccc;
}
.hl-var {
color: #21ff00;
}
.hl-special,
.hl-quotes {
color: #ffff00;
}
.hl-reserved {
color: #00b2ff;
}
.hl-number,
.hl-string {
color: #ff0020;
}
/* Page Revisions Readability */
del,
ins {
color: #333;
}
/* Module de notation */
.page-rate-widget-box, .creditButton {
box-shadow: 0px 0px 0px 0px #ffb961 !important;
}
.page-rate-widget-box .rate-points {
color: #ffb961;
border-right: none;
text-transform: capitalize;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
color: #ffb961;
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
color: #5C1D24!important;
background-color: #ffb961 !important;
}
.page-rate-widget-box .cancel {
border: var(--ct_brd_rate-primary);
border-left: none;
background-color: #5C1D24 !important;
}
.page-rate-widget-box .cancel:hover {
background: none !important;
background-color: #ffb961 !important;
color: #5C1D24 !important;
}
.page-rate-widget-box .cancel a {
background: none !important;
color: #ffb961 !important;
}
.page-rate-widget-box .cancel a:hover {
background-color: #ffb961 !important;
color: #5C1D24 !important;
}
/* Bouton de crédit */
.rate-box-with-credit-button .creditButton {
color: #ffb961;
}
.creditButton a { color: #ffb961 !important; }
.creditButton a:hover { color: #ffeacf !important; }
.modalbox { border: solid 2px #ffb961; }
.modalbox, .modalbox-title {
background: #101d2e !important;
}
.cc-by-sa:before { filter: brightness(2.6); }
/* Ayer's Info Module */
:root {
--barColour: #5C1D24;
--linkColour: #ffb961;
}
.info-container .collapsible-block-unfolded {
border-color: #ffb961;
}
/* PAGE ELEMENTS */
blockquote,
div.blockquote {
margin: 1em 0 !important;
border: 3px solid #ccc !important;
border-radius: 10px !important;
background-color: #21212d !important;
}
.blue blockquote,
.blockquote.blue {
background-color: #1b304d !important;
}
.pink blockquote,
.blockquote.pink {
background-color: #5c1d24 !important;
}
.gold blockquote,
.blockquote.gold {
background-color: #442f03 !important;
}
.purp blockquote,
.blockquote.purp {
background-color: #26152e !important;
}
.gray blockquote,
.blockquote.gray {
background-color: #333 !important;
}
.scp-image-block .scp-image-caption {
background-color: #1b304d;
}
.wiki-content-table tr th {
background: #1b304d;
color: #ffb961;
border-color: #ffb961;
}
span.h-span {
color: #ffb961;
font-weight: bold;
word-break: unset;
}
/* TABVIEW - Abandon All Hope Ye Who Enter Here */
.yui-navset * {
-webkit-transition: background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1), color 80ms cubic-bezier(0.4, 0.0, 0.2, 1);
-o-transition: background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1), color 80ms cubic-bezier(0.4, 0.0, 0.2, 1);
transition: background-color 80ms cubic-bezier(0.4, 0.0, 0.2, 1), color 80ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
zoom: unset;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-color: #ffb961;
width: -webkit-calc(100% - 0.125rem);
width: calc(100% - 0.125rem);
margin: 0 auto;
border: 0;
-webkit-box-shadow: 0 -webkit-calc(0.0625rem * 5) 0 0 #ffb961;
box-shadow: 0 calc(0.0625rem * 5) 0 0 #ffb961;
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
zoom: unset;
background-image: none;
background-color: #26152e;
border: unset;
color: #ffb961;
font-weight: bold;
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
zoom: unset;
background-image: none;
background: #5C1D24;
font-weight: bold;
}
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
background: rgb(244, 244, 244);
border-color: transparent;
max-width: 100%;
padding: 0;
margin: 0;
zoom: unset;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-flex-basis: 7vw;
-ms-flex-preferred-size: 7vw;
flex-basis: 7vw;
-webkit-box-flex: 2;
-webkit-flex-grow: 2;
-moz-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
-webkit-box-shadow: 0 0 0 0.0625rem #ffb961;
box-shadow: 0 0 0 0.0625rem #ffb961;
}
.yui-navset .yui-nav li a,
.yui-navset-top .yui-nav li a,
.yui-navset-bottom .yui-nav li a {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
vertical-align: bottom;
zoom: unset;
width: 100%;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.yui-navset .yui-nav a em,
.yui-navset .yui-navset-top .yui-nav a em {
padding: 0.35em 0.75em;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}
.yui-navset .yui-nav li em {
/* Undoes border set by wikidot's default layout */
border: unset !important;
}
/* Selected Tab */
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected,
.yui-navset .yui-nav .selected:hover,
.yui-navset .yui-navset-top .yui-nav .selected:hover {
padding: 0;
margin: 0;
-webkit-box-flex: 2;
-webkit-flex-grow: 2;
-moz-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
color: #ffb961;
background-image: none;
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
border: none !important;
border-color: transparent;
color: #ffb961;
}
.yui-navset .yui-nav .selected a {
/* Undoes a color set by wikidot's default layout */
color: rgb(252, 252, 252) !important;
width: 100%;
background-image: none;
}
.yui-navset .yui-content {
background-color: #1b304d;
/* content background color */
}
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
border-color: #ffb961;
/* content border */
}
.yui-navset-left .yui-content {
border-left-color: #ffb961;
/* different border color */
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
background-image: none;
background-color: #1b304d;
color: #ffb961;
cursor: default;
margin-bottom: -2px;
font-weight: bold;
}