Link to article: Theme of The Ministry (CMA).
@import url(https://scp-wiki.wikidot.com/theme:mac/code/1);
width: 150px;
:scp-wiki:component:interwiki-style
component:image-block
[[module CSS]] @import url(https://scp-wiki.wikidot.com/theme:mac/code/1); [[/module]] [[include :scp-wiki:component:interwiki-style | priority=1 | theme=https://scp-wiki.wdfiles.com/local--code/theme%3Amac/1 ]] [[iftags +theme]] [[>]] [[module Rate]] [[/>]] + Use This is the Cuban Ministry of Anomalies (CMA) Theme, a theme made by [[*user Dc_Yerko]] with indications from [[*user Uncle Nicolini]] for their use in article with a point of view of the ES' Group of Interest "[http://scp-int.wikidot.com/mac-hub Cuban Ministry of Anomalies]". To use this theme, put the following line in the top part of your article: > @@[[include :scp-wiki:theme:mac]]@@ Revolutionary[[footnote]]Radical, collectivist even.[[/footnote]][[footnote]]Marxist-Leninist, others will say.[[/footnote]] ---- [[include component:image-block name= https://scp-wiki.wdfiles.com/local--files/theme:mac/logo.png|caption=Within the Revolution, everything; against the Revolution, nothing.|width=225px]] + Examples A horizontal line like the one above can be created with four dashes, like this: "@@----@@". A small but thick separator hyphen can be created by placing the following: "@@+ -----@@". [[collapsible show="+ Titles" hide="- Titles"]] + Title 1 ++ Title 2 +++ Title 3 ++++ Title 4 +++++ Title 5 ++++++ Title 6 [[/collapsible]] @@ @@ @@ @@ @@ @@ @@ @@ [[tabview]] [[tab Tabulator]] This is a tab. [[/tab]] [[tab Tabulation]] Hey, look, there's more text over here. How intriguing. [[/tab]] [[tab Large Tab]] This is a long tab. It contains a lot of text. This is a long tab. It contains a lot of text. This is a long tab. It contains a lot of text. This is a long tab. It contains a lot of text. This is a long tab. It contains a lot of text. This is a long tab. It contains a lot of text. This is a long tab. It contains a lot of text. This is a long tab. It contains a lot of text. This is a long tab. It contains a lot of text. This is a long tab. It contains a lot of text. This is a long tab. It contains a lot of text. This is a long tab. It contains a lot of text. This is a long tab. It contains a lot of text. [[/tab]] [[tab Empty Tab]] [[/tab]] [[tab Empty Tab]] [[/tab]] [[tab Empty Tab]] [[/tab]] [[tab Empty Tab]] [[/tab]] [[tab Empty Tab]] ---- [[=]] This one wasn't empty. **The Patron[[footnote]]**Fidel Castro** **Ruz** (1926-2016) [[image https://scp-wiki.wdfiles.com/local--files/theme%3Amac/castroso.png style="width: 150px;"]] **"I'll be the most** **hated person in Cuba"** (January 8th, 1959) [[/footnote]] will know about this.** [[/=]] ---- [[/tab]] [[/tabview]] > This is a blockquote, created by putting ">"at the beginning of each line. Note that the space after the symbol is always necessary, even when only an empty line is used to separate paragraphs. > > More text > ----- > This is a horizontal line. How stylish. > >> And this' what we call //Inception//. ||~ This is a ||~ table || || I always forget || how to use them || |||| although it is not as difficult as it seems || + Source Code [[collapsible show="+ Show Code" hide="- Hide Code"]] [[code type="css"]] @import url('https://fonts.bunny.net/css2?family=Special+Elite&display=swap'); @import url('https://fonts.bunny.net/css2?family=Big+Shoulders+Stencil+Text:wght@100..900&display=swap'); /* BODY */ body { background-color: #fff7e5; font-family: 'Special Elite', cursive; background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Amac/fondo.png'); } #page-content { font-size: 110%; } /* PAGE TITLE */ #page-title { text-align: center; border-bottom: solid 1px black; font-size: 275%; } @media (max-width: 767px) { #page-title { font-size: 225%; } } /* TITLES IN BODY */ h1 { font-family: "Big Shoulders Stencil Text", sans-serif; font-weight: bold; font-size: 230%; margin-bottom: 0.4em; margin-top: 0.4em; color: black; } h2, h3, h4, h5, h6 { font-family: 'Special Elite', cursive; font-weight:normal; font-style:normal; } /* HEADER */ div#container-wrap { background: url(https://scp-wiki.wdfiles.com/local--files/theme%3Amac/header.png) top center repeat-x; } /* HEADER LOGO */ #header { background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Amac/logo-int.svg); height: 13rem; position: relative; z-index: 10; padding-bottom: 25px; background-repeat: no-repeat; background-size: 250px; background-position: 0rem -0.9rem; } /* HEADER TITLE */ #header h1 { margin-left: 0; float: none; text-align: center; margin-top: 55x; max-height: 113px; filter: none; } #header h2 { margin-left: 175px; float: none; text-align: center; font-size: 105%; filter: none; } #header h1 a { content: ""; color: transparent; font-size: 113%; text-shadow: none; filter: none; } #header h1 a::before { display: inline-block; width: 80%; text-align: center; content: "Cuban Ministry of Anomalies"; color: #FFF; font-size: 50px; text-shadow: 5px 5px 0 #000, 5px -5px 0 #000, -5px 5px 0 #000, -5px -5px 0 #000, 5px 0px 0 #000, 0px 5px 0 #000, -5px 0px 0 #000, 0px -5px 0 #000; position: absolute; left: 60%; transform: translateX(-50%); top: 75px; padding-top: 25px; font-family: "Big Shoulders Stencil Text", sans-serif; font-weight: bold; } @media (max-width: 767px) { #header h1 a::before { content: 'CMA'; font-size: 250%; } } /* HEADER SUBTITLE */ #header h2 span { position: relative; padding: 40px 235px; color: transparent; text-shadow: none; filter: none; } #header h2 span::before { position: absolute; content: 'Until Victory Always!'; font-family: 'Special Elite', cursive; display: block; margin: 0; line-height: 0px; max-height: 0px; font-weight: bold; color: #FFF; font-size: 175%; filter: none; padding-top: 0; padding-bottom: 0; padding-right: auto; padding-left: auto; text-align: center; text-shadow: 3px 3px 0 #000, 3px -3px 0 #000, -3px 3px 0 #000, -3px -3px 0 #000, 3px 0px 0 #000, 0px 3px 0 #000, -3px 0px 0 #000, 0px -3px 0 #000; } @media (max-width: 767px) { #header h2 span { padding: 40px 0px; margin-top: 13px; margin-left: -100px; } #header h2 span::before { content: 'Homeland or Death!'; font-size: 165%; } } /* TOP BAR */ #top-bar { top: 223px; right: 3rem; height: 3rem; line-height: 3rem; font-size: 110%; } @media (max-width: 767px) { #top-bar { top: 197px; left: auto; right: auto; font-size: 90%; } } #top-bar a { color: #fff7ea; } #top-bar ul li a { border-left: solid 1px rgba(255, 0, 0, 0); border-right: solid 1px rgba(255, 0, 0, 0); text-decoration: none; padding-top: 10px; padding-bottom: 10px; line-height: 1px; max-height: 1px; overflow: hidden; } #top-bar ul li.sfhover a, #top-bar ul li:hover a { background-color: #ece1c5; color: #bc0302; border-left: solid 1px #bc0302; border-right: solid 1px #bc0302; } #top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a { border-width: 0; width: 150px; line-height: 160%; height: auto; max-height: none; padding-top: 0; padding-bottom: 0; } #top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover { background: #bc0302; text-decoration: none; color: #ece1c5; } .topbar_arrow { color: #bc0302; } /* USER */ #login-status { top: 0.5rem; right: 0.7rem; color: #FFF; } #login-status a { color: #FFF; } #account-topbutton { font-size: 0rem; border: none; padding: 0; margin: 0; padding: 0; position:absolute; right: -1.5rem; bottom: 0rem; } #account-topbutton:before { content: '★'; color: #FFF; font-size: 1rem; padding: 2px; margin-top: 0.2rem; border: solid 2px #bc0302; background-color: #bc0302; } #account-options { border: solid 2px #bc0302; background-color: #ece1c5; color: #bc0302; } #login-status ul a { color: #bc0302; } #login-status ul a:hover { color: #ece1c5; background-color: #bc0302; } /* SEARCH BUTTON */ #search-top-box { top: 2.5rem; right: -0.8rem; } #search-top-box-input, #search-top-box-input:focus, #search-top-box-form input[type=submit], #search-top-box-form input[type=submit]:focus { background: #bc0302; box-shadow: none; border-radius: 0px; color: #FFF; border: solid 2px #bc0302; } #search-top-box-input:hover, #search-top-box-form input[type=submit]:hover { background: #FFF; box-shadow: none; border: solid 2px #FFF; color: #bc0302 } #search-top-box-input:focus, #search-top-box-form input[type=submit]:focus { background: #bc0302; border: solid 2px #bc0302; box-shadow: none; color: #FFF; } /* SIDE BAR */ #side-bar .side-block { padding: 10px; border-top: solid 1px #000; border-left: solid 1px #000; border-right: solid 1px #000; border-bottom: solid 1px #000; margin-bottom: -1px; border-radius: 0px; box-shadow: none; background-color: #ece1c5; font-size: 110%; } #side-bar::before { content: ''; background-image: url(https://scp-wiki.wdfiles.com/local--files/theme%3Amac/MAC-1.png); background-size: 4.5rem; background-repeat: no-repeat; background-position: top center; background-color: #bc0302; padding-bottom: 0.3rem; padding-top: 4.2rem; display: inline-block; border-top: solid 1px #000; border-right: solid 1px #000; border-left: solid 1px #000; border-bottom: none; font-family: 'Special Elite', cursive; font-weight: 800; text-align: center; margin-right: auto; margin-left: auto; margin-bottom: -2px; width: 14.4em; text-transform: none; } @media (max-width: 767px) { #side-bar::before { } } #side-bar .side-block.blue, #side-bar .side-block.media { background: #ece1c5; } #side-bar .side-block.red, #side-bar .side-block.media { background: #ece1c5; } #side-bar .side-block.resources { background: #ece1c5; } /* SIDE BAR MENU ON MOBILE */ @media (max-width: 767px) { #side-bar { opacity: 1; background: #ece1c5; } } .open-menu a, #top-bar .open-menu a { border: solid 5px #000; background-color: #bc0302; color: #FFF; } .open-menu a:hover, #top-bar .open-menu a:hover { text-decoration: none; -webkit-box-shadow: 0px 0px 20px 3px rgba(188,3,2,.7); -moz-box-shadow: 0px 0px 20px 3px rgba(188,3,2,.7); -ms-box-shadow: 0px 0px 20px 3px rgba(188,3,2,.7); -o-box-shadow: 0px 0px 20px 3px rgba(188,3,2,.7); box-shadow: 0px 0px 20px 3px rgba(188,3,2,.7); } /* INTERWIKI */ #interwiki .side-block { padding: 10px; border: 1px solid #000; border-radius: 0px; box-shadow: none; background: #ece1c5; margin-bottom: 15px; margin-top: 10px; } #interwiki .heading { color: #b01; border-bottom: solid 1px #000; padding-left: 15px; margin-top: 10px; margin-bottom: 5px; font-size: 8pt; font-weight: bold; } #interwiki a, #interwiki a:visited, #interwiki a.newpage { color: #b01; } /* RATING */ .page-rate-widget-box { margin-right: 0px; border: solid 2px #bc0302; } .creditRate { margin-right: 0px; } .page-rate-widget-box .rate-points, .page-rate-widget-box .rateup, .page-rate-widget-box .ratedown, .page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a, .page-rate-widget-box .cancel a { background-color: transparent; border: 0; text-transform: capitalize; font-weight: bold; color: #FFF; } .page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a { margin-right: 0px; margin-left: 0px; } div.page-rate-widget-box { background-color: #bc0302; border: solid #bc0302 1px; border-radius: 0px; box-shadow: none; } div.page-rate-widget-box span.rate-points, div.page-rate-widget-box span.cancel { background-color: #bc0302; border: 1px #bc0302; } div.page-rate-widget-box span.rateup, div.page-rate-widget-box span.ratedown { background-color: #fff7ea; margin-right: 0px; margin-left: 0px; color: #bc0302; } div.page-rate-widget-box span.rateup a, div.page-rate-widget-box span.ratedown a { color: #bc0302; } div.page-rate-widget-box span.rateup a:hover { background: #bc0302; color: #fff7ea; } div.page-rate-widget-box span.ratedown a:hover { background: #bc0302; color: #fff7ea; } div.page-rate-widget-box span.cancel a { color: #fff7ea; } div.page-rate-widget-box span.cancel a:hover { background: #bc0302; color: #fff7ea; border-radius: 0px; } /* RATING WITH INFO */ #page-content .rate-box-with-credit-button { background-color: #bc0302; border: 1px solid #bc0302; box-shadow: 1px 1px 3px rgba(0,0,0,.5); border-radius: 0px; box-shadow: none; } #page-content .rate-box-with-credit-button .creditButton p a { border-left-color: #ffffff; } #page-content .rate-box-with-credit-button .fa-info { border-color: #ffffff; color: #ffffff; } #page-content .rate-box-with-credit-button .fa-info:hover a { color: red; } .creditButton p a:hover { color: #2a47c5; } .close-credits, .credit-back { filter: hue-rotate(0deg); } #page-content .modalbox { box-shadow: 0 2px 6px rgba(0,30,0,.5); } /* BLOCKQUOTE */ blockquote, div.blockquote { background-color: #ece1c5; border: solid 1px #000; } /* SEPARATION BAR */ hr { background-color: #000; } /* IMAGE BLOCK */ .scp-image-block .scp-image-caption { background-color: #ece1c5; border-top: solid 1px #000; } .scp-image-block { box-shadow: none; } .scp-image-block .scp-image-caption > p { background-color: #ece1c5; color: #000; font-size: 110%; font-weight: normal; box-shadow: none; } /* TABVIEW */ /* This is the parent class for most of the tab module. */ .yui-navset .yui-content { background-color: #ece1c5; padding: 10px 25px 10px 25px; border-width: 15px 1px 1px 1px; border-color: #000; } /* This section affects unselected tabs. */ .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { background-color: rgba(0,0,0,0.8); background-image: none; border-width: 0px; padding: 2px 20px 0px 20px; margin-top: 10px; border-top: none; color: #FFF; } /* This section affects below tabs. */ .yui-nav { background-color: transparent; position: relative; z-index: 15; } .yui-nav::before { position: absolute; display: inline-block; content: ''; border-top: solid 10px black; border-left: solid 1px black; border-right: solid 1px black; border-bottom: solid 1px black; background-color: #ece1c5; margin-top: 2rem; margin-right: auto; margin-left: auto; margin-right: 2px; width: calc(100% - 1px); height: 50%; z-index: -13; } @media (max-width: 767px) { .yui-nav::before { width: calc(100% - 2px); background-color: #000; height: 70%; } } /* This section affects the currently selected tab. */ .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-color: rgba(0,0,0,1); background-image: none; color:#FFF; border-width: 0px; padding: 2px 20px 0px 20px; margin-top: 10px; border-top: none; } /* This section affects tabs you are hovering over. */ .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus { background-color: rgba(15,15,15,0.8); background-image: none; text-decoration: hover; border-width: 0px; padding: 2px 20px 0px 20px; margin-top: 10px; border-top: none; } /* This removes the border around tab images. */ .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { border-color: transparent; } .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { border-color: #000; } .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; } .yui-navset .yui-nav li { flex-grow: 1; } .yui-navset.yui-navset-top .yui-nav li a { position: relative; border: none; padding: calc(var(--cut) * .3535) calc(var(--cut) * 1.414); min-height: 0.75rem; clip-path: polygon(0.8rem 0%, calc(100% - 0.8rem) 0%, 100% 100%, 0% 100%); } .yui-navset.yui-navset-top .yui-nav .selected a { clip-path: polygon(0.8rem 0%, calc(100% - 0.8rem) 0%, 100% 100%, 0% 100%); padding-left: 13px; padding-right: 13px; z-index: 1; } /* TABLES */ table.wiki-content-table th { border: solid 1px #000; padding: 0.3em 0.7em; background: #ece1c5; } table.wiki-content-table td { border: solid 1px #000; } /* OWINDOW */ .owindow { background-color: #ece1c5; } .owindow .title { background-color: #bc0302; color: #fff7ea; } .owindow img { background-color: #ece1c5; } .owindow .button-bar a { background-color: #bc0302; border: solid 2px #bc0302; color: #FFF; } .owindow .button-bar a:hover { background-color: #FFF; border: solid 2px #FFF; color: #bc0302; } .owindow.owait .content { padding-bottom: 2rem; background-image: url("https://scp-wiki.wdfiles.com/local--files/theme%3Amac/mac_loader.gif"); } /* FOOTNOTES */ .hovertip { width: 20em; padding: 0.5em; border: solid 1px #000 !important; color: #000; text-align: center; background-color: #ece1c5 !important; z-index: 100; } .footnote .f-heading, .equation .e-heading, .reference .r-heading { display: none; } .footnote .f-footer, .equation .e-footer, .reference .r-footer { display: none; } a.footnoteref { font-weight: bold; background-color: black; margin-right: 2px; margin-left: 2px; font-size: 113%; color: #ece1c5; padding: 2px; } .footnotes-footer { display: none; } /* MODALBOX */ .modalbox { background: #ece1c5; border-radius: 0px; } .modalbox h2 { font-family: "Big Shoulders Stencil Text", sans-serif; font-weight: bold; font-size: 230%; margin-bottom: 0.4em; margin-top: 0.4em; color: black; } .modalbox hr { background-color: #000; background-image: none; } .modalbox hr::before { background-image: none; } .modalbox hr::after { background-image: none; background-color: #ece1c5; } /* TAGS */ .page-tags { border-top: solid 1px black; } .page-tags a { padding: 0.2rem 0.2rem; margin: 0 0.05rem; font-size: 113%; } .page-tags a:hover { background-color: #bc0302; color: #FFF; text-decoration: none; } /* SCROLLBAR */ ::-webkit-scrollbar { width: 10px; border-left: solid 1px #000; } ::-webkit-scrollbar-thumb { background-color: #bc0302; background-repeat: repeat; background-position: top right; border: solid 0px #000; } ::-webkit-scrollbar-track { background: #ece1c5; border-left: solid 0px #000; } /* CODE */ .code { background-color: #ece1c5; border: dashed 2px #000; } /* FOOTER */ #footer { background-color: #bc0302; color: #FFF; } [[/code]] [[/collapsible]] [[/iftags]]