O Tema Newspaper foi criado por MalyceGraves, com assistência técnica adicional de
EstrellaYoshte para uso nas Notícias do Site.
No caso de MalyceGraves deixar de ser um membro ativo da equipe ou do site em geral, a propriedade deste tema será revertida para o responsável pelas Notícias do Site.
Atribuição:
O tema do jornal é uma variante estética do Tema Penumbra por EstrellaYoshte.
Fundo
Logo SCPN
Source: Abrir Clipart
Licensa: CC BY-SA 3.0 (originalmente PD)
Titulo: SCPN_logo.png
Autor: rygle com edições deMalyceGraves &
DrKens
Ano de Lançamento: 2016 / 2021
Cabeçalho do Feed de Notícias
Source: Flickr
Licensa: PD
Titulo: SCPN_header.png
Autor: National Transportation Safety Board
Ano de Lançamento: 2019
O logotipo da SCP em si é um produto da SCP Foundation Wiki e está licenciado sob CC BY-SA 3.0
Elementos de exibição:
Primeiro Título
Segundo Título
Terceiro Título
Quarto Título
Quinto Título
Sexto Título
- Tab 1
- Tab 2
- Tab Longa
- Tab Vazia
- Tab Vazia
- Tab Vazia
- Tab Vazia
- Tab Vazia
- Tab Vazia
- Tab Vazia
- Tab Vazia
Tab 1, pode colocar texto aqui.
Tab 2, pode colocar mais texto aqui.
Isso é uma Tab Longa, um monte de texto está aqui.
Isso é uma Tab Longa, um monte de texto está aqui.
Isso é uma Tab Longa, um monte de texto está aqui.
Isso é uma Tab Longa, um monte de texto está aqui.
Isso é uma Tab Longa, um monte de texto está aqui.
Isso é uma Tab Longa, um monte de texto está aqui.
Isso é uma Tab Longa, um monte de texto está aqui.
Isso é uma Tab Longa, um monte de texto está aqui.
Isso é uma Tab Longa, um monte de texto está aqui.
Isso é uma Tab Longa, um monte de texto está aqui.
Tá vazia, sério.
Isto é uma blockquote, você pode criar um colocando ">" antes do texto.
Uma Régua Orizontal também pode ser colocada em blockquotes.
Blockquote aninhada.
Outra.1
Estamos de volta.
Isto é | uma mesa |
---|---|
Você deve saber | como criar isso |
eu acho |
A fonte do header é Courier Prime.
A fonte do corpo é Kalim Park.
O Mono-espaço é Courier Prime.
Código Fonte
/* source: http://ah-sandbox.wikidot.com/component:collapsible-sidebar-x1 */ #top-bar .open-menu a { position: fixed; top: 0.5em; left: 0.5em; z-index: 5; font-family: 'Nanum Gothic', san-serif; font-size: 35px; font-weight: 700; width: 30px; height: 30px; line-height: 0.9em; text-align: center; border: 0.2em solid #888; background-color: #fff; border-radius: 3em; color: #888; } @media (min-width: 768px) { .mobile-top-bar, #top-bar .open-menu { display: block; } .mobile-top-bar li { display: none; } #main-content { max-width: 708px; margin: 0 auto; padding: 0; transition: max-width 0.2s ease-in-out; } #side-bar { display: block!important; position: fixed; top: 0; left: -20em; width: 17.75em; height: 100%; margin: 0; overflow-y: auto; z-index: 10; padding: 1em 1em 0 1em; background-color: rgba(0,0,0,0.1); transition: left 0.4s ease-in-out; scrollbar-width: thin; } #side-bar:target { display: block; left: 0; width: 17em; margin: 0; z-index: 10; } #side-bar:target .close-menu { display: block; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; } #top-bar .open-menu a:hover { text-decoration: none; } .close-menu { margin-left: 19.75em; opacity: 0; } }
/* Tema Newspaper [2021 Wikidot Theme] Por MalyceGraves Baseado em: Tema Penumbra por EstrellaYoshte Tema Paperstack por EstrellaYoshte Tema Ad Astra da NatVoltaic e stormbreath Tema Inkblot por Croquembouche Tema Anderson Robotics por Croquembouche BHL Style collapsible por Monkatraz */ @import url('https://fonts.googleapis.com/css2?family=Kulim+Park&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap'); #page-content { font-size: 1rem; } body { font-family: 'Kulim Park', sans-serif; color: #1e1e1e; background-color: #d6d6d6; background-image: linear-gradient( to bottom, rgb(214, 214, 214), rgb(230, 230, 230) 150px, rgb(230, 230, 230) 150px, rgb(230, 230, 230) 100%); background-repeat: no-repeat; } #main-content { top: -1.2rem; } /* ---- SCROLLBAR ---- */ ::-webkit-scrollbar { width: 9px; background: #transparent; } ::-webkit-scrollbar-track { background: #6e6e6e; } ::-webkit-scrollbar-thumb { background: var(--accentColor); border: none; } /* ---- HEADER ---- */ div#container-wrap { background-image: none; } div#header { background-image: none; } div#header-extra-div-1 { height: 164px; width: 100%; top: 0; position: absolute; background: var(--lgurl); background-size: contain; background-repeat: no-repeat; background-position: 0; opacity: 1; z-index: -1; } div#extra-div-1 { height: 164px; width: 100%; top: 0; position: absolute; background: url(https://scp-wiki.wdfiles.com/local--files/theme%3Anewspaper/SCPN_header_back.jpg); background-size: cover; background-repeat: no-repeat; background-position: 0; z-index: -2; -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 20%, rgba(0,0,0,0.3) 70%, rgba(0,0,0,0) 100%); mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 20%, rgba(0,0,0,0.3) 70%, rgba(0,0,0,0) 100%); } #header h1, #header h2 { margin-left: 0; float: none; text-align: center; } /* Move the subtitle down a smidge */ #header h2 { margin-top: 0.45rem; } /* Hide the existing text */ #header h1 span, #header h2 span { font-size: 0; display: none; } /* Style the new text */ #header h1 a::before, #header h2::before { color: var(--headerColor); font-family: 'Courier Prime', monospace; text-shadow: none; } /* Set the new text's content from variable */ #header h1 a::before { content: var(--header-title, "Notícias da Fundação SCP"); font-weight: 300; font-size: 1.0em; } #header h2::before { content: var(--header-subtitle, "As Notícias Oficiais Mensais da SCP"); font-weight: 600; font-size: 1.22em; } #login-status { color: #525252; } #login-status a { color: var(--accentColor); } #login-status ul a { color: #f5f5f5; background: #6e6e6e; } #login-status ul a:hover { color: var(--accentColor); } #account-topbutton{ border: solid 1px var(--accentColor); } #footer, #footer a { background: transparent; color: #1f1f1f; } #license-area { color: #1f1f1f; } #search-top-box { top: 2.2rem!important; right: 8px; } #search-top-box-form > input[type=submit] { border: solid 1px #d6d6d6; background: #6e6e6e!important; box-shadow: none; border-radius: 0; color: #f5f5f5; transition: color 0.15s linear; } #search-top-box-form input[type=submit]:hover { border: solid 1px var(--accentColor); box-shadow: none; color: var(--accentColor); } #search-top-box-form > input[type=text] { display: none; } /* ---- TOP BAR ---- */ #top-bar { top: 8.4rem; display: flex; justify-content: center; right: 0; } #top-bar, #top-bar a { color: #525252; transition: color 0s; } #top-bar ul li ul { border-color: var(--accentColor); overflow: hidden; } #top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a { border-top-color: #c4c4c4; } #top-bar ul li.sfhover a, #top-bar ul li:hover a { background: #6e6e6e; color: #f5f5f5; } #top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover { background: #6e6e6e; /* top bar hover background color */ color: var(--accentColor); transition: color 0.1s linear; } /* ---- SIDE BAR ---- */ div#side-bar{ background: #D6D6D6; clear: both; padding: .8em; border-radius: 0; box-shadow: none; overflow-x: hidden; } #side-bar .heading{ color: #242424; font-family: 'Courier Prime', monospace; font-size: 0.94rem; border-bottom: solid 1px #222222; padding-left: 0; text-align: center; } #side-bar .side-block { border: transparent; border-radius: 0; box-shadow: none; background-color: #d6d6d6; } #side-bar .side-block.media { background-color:#d6d6d6; } #side-bar .side-block.media > * { display: flex; justify-content: space-evenly; } #side-bar .side-block.resources { background-color:#d6d6d6; } .side-block .menu-item > .image { display: none; } #top-bar div.open-menu a { border-radius: 0; box-shadow: none; color: var(--accentColor); background-color: #d6d6d6; border: solid 1px #6e6e6e; } @media (max-width: 767px) { #main-content { padding: 0; margin: 0 5%; border-left: none; } #top-bar .open-menu a { background-image: url() !important; } #page-title { margin-top: 0.7em; } #side-bar { background-color: #d6d6d6; left: -18.6em; } #side-bar:target { border: none; box-shadow: none; } #side-bar .close-menu { transition: width 0.5s ease-in-out 0.1s, opacity 1s ease-in-out 0s; display: block; position: fixed; width: 100%; height: 100%; top: 0; right: 0; background: rgba(0,0,0,0.3); background-position: 18.6em 50%; z-index: -1; opacity: 0; pointer-events: none; } #side-bar:target .close-menu { width: calc(100% - 18.6em); right: 0; left: auto; opacity: 1; pointer-events: auto; } #side-bar:target .close-menu:hover { background: unset; } #page-content > hr, #page-content > .list-pages-box > .list-pages-item > hr { margin: 3em -5.5%; } #side-bar .side-bar-container { top: 0; background-color: #D6D6D6; } #search-top-box { top: 107px; } div#header-extra-div-1 { background-position: 50% 50%; opacity: 0.75; } #header h1 a::before { content: "SCPF News"; } } /* ---- TABS ---- */ /* ---- YUI TAB BASE ---- */ .yui-navset .yui-nav a,.yui-navset .yui-navset-top .yui-nav a{background-color:inherit;background-image:inherit}.yui-navset .yui-nav a:hover,.yui-navset .yui-nav a:focus{background:inherit;text-decoration:inherit}.yui-navset .yui-nav .selected a,.yui-navset .yui-nav .selected a:focus,.yui-navset .yui-nav .selected a:hover{color:inherit;background:inherit}.yui-navset .yui-nav,.yui-navset .yui-navset-top .yui-nav{border-color:inherit}.yui-navset li{line-height:inherit} /* ---- YUI TAB CUSTOMIZATION ----*/ .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav{ display: flex; flex-wrap: wrap; width: calc(100% - .125rem); margin: 0 auto; border-color: var(--accentColor); box-shadow: none; } .yui-navset .yui-nav a, /* ---- Link Modifier ---- */ .yui-navset .yui-navset-top .yui-nav a{ color: #404040; font-weight: bold; /* ---- Tab Background Colour | [UNSELECTED] ---- */ background-color: #d6d6d6; border: unset; box-shadow: none; box-shadow: none; transition: background-color 0.15s linear; } .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus{ color: #d6d6d6; /* ---- Tab Background Colour | [HOVER] ---- */ background-color: var(--accentColor); } .yui-navset .yui-nav li, /* ---- Listitem Modifier ---- */ .yui-navset .yui-navset-top .yui-nav li{ position: relative; display: flex; flex-grow: 2; max-width: 100%; margin: 0; padding: 0; color: #d6d6d6; background-color: #d6d6d6; border-color: transparent; box-shadow: none; } .yui-navset .yui-nav li a, .yui-navset-top .yui-nav li a, .yui-navset-bottom .yui-nav li a{ display: flex; align-items: center; justify-content: center; width: 100%; } .yui-navset .yui-nav li em{ border: unset; } .yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em{ padding: .35em .75em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .yui-navset .yui-nav .selected, /* ---- Selection Modifier ---- */ .yui-navset .yui-navset-top .yui-nav .selected{ flex-grow: 2; margin: 0; padding: 0; /* ---- Tab Background Colour | [SELECTED] ---- */ background-color: var(--accentColor); color: #ffffff; } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em{ border: none; } .yui-navset .yui-nav .selected a{ width: 100%; color: #ffffff; font-weight: bold; } .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:active{ color: #ffffff; background-color: var(--accentColor); } .yui-navset .yui-content { background-color: #d6d6d6; box-shadow: none; } .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content{ padding: .5em; border: none; } /*---- TAB ANIMATION by Croquembouche ---- */ .yui-navset .yui-content > div { display: block; top: 0; overflow: hidden; transform-origin: 0 0; } #page-content .yui-navset .yui-content > div[style*="none"] { display: block !important; flex: 0; max-height: 0; padding: 0 0.5em; border-width: 0; /* The following transition affects the one that DISAPPEARS */ transition: padding 0s linear 0.5s, border-width 0s linear 0.5s, flex 0.5s cubic-bezier(.18,.51,.54,.9) 0s; animation: tab-disappear 0.5s ease-in-out 0s 1 both; } #page-content .yui-navset .yui-content > div[style*="block"] { display: block !important; flex: 1; max-height: 9999rem; /* The following transition affects the one that APPEARS */ transition: padding 0s linear 0.5s, border-width 0s linear 0.5s, flex 0.5s cubic-bezier(.18,.51,.54,.9) 0.5s; animation: tab-appear 0.5s ease-in-out 0.5s 1 both; } @keyframes tab-disappear { 0% { max-height: 9999rem; } 1% { max-height: 100vh; } 100% { max-height: 0; } } @keyframes tab-appear { 0% { max-height: 0; } 99% { max-height: 100vh; } 100% { max-height: 9999rem; } } /* ---- INFO BAR ---- */ body{ --barColour: #5C5C5C; --linkColour: #E6E6E6; } .info-container .collapsible-block-content{ padding: 0 .5em 30px; } .info-container .collapsible-block-content .wiki-content-table{ width: 100%; } /* Ayer's info-bar patch by Monkatraz */ #page-content .info-container .collapsible-block-folded, #page-content .info-container .collapsible-block-unfolded-link { width: 100%; max-width: 100%; margin: 0 auto; padding: 0; box-shadow: none; } #page-content .info-container .collapsible-block-link::before, #page-content .info-container .collapsible-block-unfolded-link::before { content: " "; display: none; } #page-content .info-container .collapsible-block-content::after { display: none; } /* ---- INFO PANE ---- */ #page-content .creditRate{ margin: unset; margin-top: 4px; margin-bottom: 4px; margin-right: 3px; } #page-content .rate-box-with-credit-button { background-color: #6e6e6e; border: solid 2px #6e6e6e; border-radius: 0; box-shadow: 3px 0px 0px 0px var(--accentColor); } #page-content .rate-box-with-credit-button .creditButton p a { border-left-color: transparent; } #page-content .rate-box-with-credit-button .page-rate-widget-box .cancel { border-radius: 0; } #page-content .rate-box-with-credit-button .page-rate-widget-box .rate-points { border-left: 0; } .rate-box-with-credit-button .page-rate-widget-box .cancel a:hover { border-radius: 0; } #page-content .rate-box-with-credit-button .fa-info { color: #F5F5F5; } #page-content .rate-box-with-credit-button .fa-info:hover { color: var(--accentColor); } #page-content .creditButtonStandalone p a { background-color: #6e6e6e; border: solid 2px #6e6e6e; border-radius: 0; box-shadow: 3px 0px 0px 0px var(--accentColor); color: #F5F5F5; } #page-content .creditButtonStandalone p a:hover { color: var(--accentColor); } #page-content .modalbox { background: #6E6E6E !important; color: #F5F5F5; box-shadow: none; } .close-credits, .credit-back { filter: grayscale(100%) invert(100%) contrast(275%); } /* ---- PAGE RATING ---- */ .page-rate-widget-box { margin: unset; border-radius: 0; border: solid 2px #6e6e6e; box-shadow: 3px 0px 0px 0px var(--accentColor); background-color: #6e6e6e; margin-top: 4px; margin-bottom:4px; margin-right: 3px; } .page-rate-widget-box .rate-points { background-color: #6e6e6e!important; border: none; color: #F5F5F5 !important; text-transform: capitalize; } .page-rate-widget-box .rateup, .page-rate-widget-box .ratedown { background-color: #6e6e6e; border-top: none; border-bottom: none; } .page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a { background: transparent; color: #F5F5F5; } .page-rate-widget-box .rateup a:hover, .page-rate-widget-box .ratedown a:hover { background: #6e6e6e; color: var(--accentColor); } .page-rate-widget-box .cancel { background: transparent; background-color: #6e6e6e; border: none; } .page-rate-widget-box .cancel a { color: #F5F5F5; } .page-rate-widget-box .cancel a:hover { background: #6e6e6e; color: var(--accentColor); } /* ---- PAGE ELEMENTS ---- */ .page-source, tt{ font-family: "Courier Prime", monospace; font-size: 0.87rem; } .code pre, .code p, .code { font-family: "Courier Prime", monospace; font-size: 0.87rem; color: #6e6e6e; } h1 { color: var(--accentColor); font-family: 'Courier Prime', monospace; font-weight: bold; } h2, h3, h4, h5, h6 { color: var(--accentColor); font-family: 'Courier Prime', monospace; font-weight: bold; } #page-title { color: #1F1F1F; font-family: 'Courier Prime', monospace; font-size: 1.65rem; text-align: center; border: none; padding-bottom: 0; } /* Clicky links */ a, a.newpage, a:visited, #side-bar a:visited { color: #782121; transition: color 0.15s linear; } a:hover, a.newpage:hover, a:visited:hover, #side-bar a:visited:hover { color: #ffffff; text-decoration: none; background-color: var(--accentColor); } a.newpage { filter: hue-rotate(180deg); } /* patch for sidebar media, collapsibles, ACS, info button and ayers module so link doesn't override */ #page-content .collapsible-block-folded a:hover, #page-content .collapsible-block-unfolded-link a:hover, #page-content .rate-box-with-credit-button .fa-info:hover, #side-bar .side-block.media a:hover, .danger-diamond a:hover { background: transparent; } .info-container .collapsible-block-folded .collapsible-block-link, .info-container .collapsible-block-link { background: var(--linkColour) !important; } hr{ background-color: var(--accentColor); } blockquote, div.blockquote, #toc { background-color: #d6d6d6; border: solid 2px #6e6e6e; box-shadow: -3px 0px 0px -0.1px var(--accentColor); color: #000000; } .code { background-color: #F8F8F8; border: solid 3px #6E6E6E; box-shadow: none; } .scp-image-block { border: solid 8px #838383; border-bottom: solid 0px #6e6e6e; box-shadow: 0px 0.26rem 0px 0px var(--accentColor); box-sizing: border-box; } .scp-image-block .scp-image-caption { background-color: #919191; border: solid 4px #6e6e6e; color: #000000; font-size: 0.84rem; } .scp-image-block.block-left { margin-left: 0; } .scp-image-block.block-right { margin-right: 0; } @media (max-width: 540px) { .scp-image-block.block-left, .scp-image-block.block-right { float: none; clear: both; margin-left: auto; margin-right: auto; } } #page-content .wiki-content-table tr th { border: solid 1px var(--accentColor); color: var(--accentColor); background-color: #D6D6D6; /* set border for table title */ } #page-content .wiki-content-table tr td { border: solid 1px var(--accentColor); /* set border for table content */ } /* fancy collapsible */ #page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link { background: #6e6e6e; transition: background 0.25s linear; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; width: min-content; white-space: nowrap; overflow: hidden; margin: auto; } #page-content .collapsible-block-link { text-decoration: none; color: #f5f5f5; font-weight: bold; } #page-content .collapsible-block-folded:hover, #page-content .collapsible-block-unfolded-link:hover { background: var(--accentColor); } #page-content .collapsible-block-unfolded-link { box-shadow: 0px -0.26rem 0px 0px var(--accentColor); } #page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded-link { margin-top: 10px; margin-bottom: 10px; } /* Selection */ ::selection { background: var(--accentColor); color: #ffffff; } /* Footnotes */ .hovertip { font-size: .9rem; background-color: #D6D6D6 !important; border: solid 1px var(--accentColor) !important; color: #1f1f1f !important; } .footnotes-footer { background-color: #D6D6D6; padding-left: 1.4rem; padding-right: 1.4rem; padding-bottom: 1.5rem; box-shadow: -0.24rem 0px 0px 0px var(--accentColor); color: #1F1F1F; } .footnotes-footer .title { color: #1F1F1F; } .footnote .f-footer, .equation .e-footer, .reference .r-footer { display: none; } /* Tags */ #main-content .page-tags a { margin-top: .15rem; } .page-tags span { border-top: 1px solid var(--accentColor); } /* Pop-Up Windows */ .owindow { background-color: #D6D6D6; border-color: var(--accentColor); } .owindow .modal-header { background-color: #D6D6D6; } .owindow .modal-body img { background-color: transparent !important; } .owindow .title { background-color: #D6D6D6; color: var(--accentColor); border-bottom: 1px solid #6E6E6E; } .owindow .button-bar a { background-color: #6e6e6e; border-color: var(--accentColor); color: #F5F5F5; } .owindow .button-bar a:hover { background-color: var(--accentColor); } /* Edit Buttons */ .buttons .btn { background-color: #d6d6d6; border-color: var(--accentColor); color: var(--accentColor); padding: 3px 5px; } .buttons .btn:hover { background-color: var(--accentColor); color: #d6d6d6; } /* Edit Lock Info*/ #lock-info { background-color: #6e6e6e; border-color: #d6d6d6; color: #f5f5f5; } /* Close Button for Page Source, Rating, Etc */ a.action-area-close:hover { background-color: #6e6e6e; color: #f5f5f5; } /* Page-History Current */ .pager .current { background-color: var(--accentColor); border-color: #d6d6d6; } /* ---- INTERWIKI ---- */ .scpnet-interwiki-frame{ filter: invert(100%) grayscale(100%) contrast(75%); } /* ---- CUSTOM SYNTAX ---- */ :root { --accentColor: #542429; --headerColor: #222222; --lgurl: url("https://scp-wiki.wikidot.com/local--files/theme:newspaper/SCPN_logo_mobile.png"); }