Theme Vườn Hoa
Đánh giá với Trang Info:
Đây là theme dành cho canon Flower Heaven. Để sử dụng theme này vào bài viết, chèn code dưới đây vào trang của bạn:
[[include :scp-vn:theme:flower-garden]]
Màu Theme
màu nền--bgColor(233, 245, 254) |
trắng tĩnh--whiteColor(255, 255, 255) |
||
xanh da trời--blueColor(70, 130, 180) |
xanh dương nhạt--lightColor(173, 216, 230) |
đen--darkColor(0, 0, 0) |
đỏ--redColor(209, 0, 0) |
Hế lu, đây là theme mới

Ảnh
heading level 1
heading level 2
heading level 3
heading level 4
heading level 5
heading level 6
bold | italic | underline | strikethrough | teletype text superscriptsubscript
header | header | header | header | header | header |
---|---|---|---|---|---|
cell-content | cell-content | cell-content | cell-content | cell-content | cell-content |
Block
Quote
public class Program
{
public static void Main(string[] args)
{
Console.WriteLine("Hello SCP!");
}
}
.pestilence { display: none; }
A link (A link you probably visited)
/* [2023 Wikidot Theme] By RedEyeMikeyy, thd-glasses and KirQ Background and title icon image by buvuitto. Based on: Legend of Blue Theme by salamander724 and thd-glasses Penumbra Theme by EstrellaYoshte BHL Style Collapsible by Monkatraz */ @import url('https://fonts.googleapis.com/css2?family=Noto+Serif&display=swap'); @import url('https://fonts.googleapis.com/css?family=Basic|IBM+Plex+Mono:400,700'); @import url('https://scpko.wdfiles.com/local--files/unfont/UnYetgul.css'); @import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inconsolata&display=swap'); :root { --bgColor: #e9f5fe; --blueColor: SteelBlue; --whiteColor: white; --lightColor: LightBlue; --darkColor: Black; --redColor: #d10000; /* Typefaces */ --body-font: 'Noto Serif', sans-serif; --header-font: '완도희망체', 'UnYetgul', sans-serif; --title-font: 'Dancing Script', 'UnYetgul', sans-serif; --mono-font: 'Inconsolata', monospace; } body { font-size: 15.2px; font-family: var(--body-font); color: var(--darkColor); background: #e4f2fd url('https://scp-vn.wdfiles.com/local--files/theme%3Aflower-garden/background.png') center top no-repeat; background-size: 1920px; } @media (min-width: 1921px) { body { background-size: 100%; } } .modalcontainer, .modalcontainer h1, .modalcontainer h2, .modalcontainer h3, .modalcontainer h4, .modalcontainer h5, .modalcontainer h6, .owindow, .owindow h1, .owindow h2, .owindow h3, .owindow h4, .owindow h5, .owindow h6 { color: var(--darkColor); } a, a:visited, #side-bar a, #side-bar a:visited { color: var(--blueColor); } a.newpage, #side-bar a.newpage { color: var(--blueColor); opacity: 0.8; } div#container-wrap { background-image: none !important; } #main-content { margin-top: 280px; } table.wiki-content-table th { background: var(--whiteColor); color: var(--blueColor); } #lock-info { color: var(--darkColor); } /* TOP-BAR SETTINGS */ #top-bar { width: 100%; top: 380px; display: flex; justify-content: center; } .top-bar { position: relative; margin: 0 auto; } #top-bar a { color: #ff0000; } #top-bar ul li ul { border: none; overflow: hidden; } #top-bar ul li.sfhover a, #top-bar ul li:hover a { border-top: none !important; background: var(--bgColor); color: var(--redColor); } #top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover { background: var(--whiteColor); color: var(--redColor); } /* SIDE MENU */ #side-bar .side-block { background: var(--whiteColor); } #side-bar .side-block .menu-item img { filter: hue-rotate(-208deg); } #side-bar div.side-block:nth-child(4) > div:nth-child(1) > div:nth-child(1) img { filter: none; -webkit-filter: none; } #side-bar .heading { color: var(--blueColor); border-bottom: solid 1px var(--lightColor); } #side-bar div.menu-item.inactive a { color: var(--lightColor); } #side-bar div.menu-item .sub-text { color: var(--lightColor); } #side-bar .collapsible-block-unfolded-link { border-bottom: solid 1px var(--lightColor); } #side-bar .collapsible-block-unfolded-link .collapsible-block-link { color: var(--lightColor); } #side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover { color: var(--lightColor); } /* ---- HEADER ---- */ div#extra-div-1 { position: absolute; top: -70px; left: 50%; transform: translateX( -50% ); max-width: 400px; width: 100vw; height: 700px; background: url(https://scp-vn.wdfiles.com/local--files/theme%3Aflower-garden/title_icon.png) center no-repeat; background-size: 75%; z-index: -10; } #header { background-image: none; } h1, h2, h3, h4, h5, h6 { font-family: var(--title-font); color: black!important; } h1, #page-title { color: #000!important; padding: 0 0 0.25em; margin: 0 0 0.6em; font-weight: normal; } #header h1 a { header-title: " "; display: inline-block; position: absolute; color: transparent; text-shadow: none; left: 50%; transform: translateX( -50% ); top: 100px; min-height: 170px; } #header h2 span { display: none; } #side-bar .heading{ font-family: 'UnYetgul', sans-serif; } #login-status { color: var(--darkColor); } #login-status a { color: var(--darkColor); } #login-status ul a { color: #444; text-shadow: none; } #search-top-box-input { border: transparent; background-color: var(--whiteColor); } #search-top-box-input:hover, #search-top-box-input:focus { border: solid 0.5px #888; background-color: var(--whiteColor); } #search-top-box-form input[type=submit] { border: solid 1px var(--whiteColor); color: var(--whiteColor); text-shadow: 0 0 3px var(--darkColor); background: none !important; background-color: var(--blueColor); } #search-top-box-form input[type=submit]:hover, #search-top-box-form input[type=submit]:focus { border: solid 1px var(--whiteColor); color: var(--whiteColor); background: none !important; background-color: var(--blueColor); } /* ---- PAGE ELEMENTS ---- */ .page-source, tt{ font-family: var(--mono-font); } .code pre, .code p { font-family: var(--mono-font); } .code { background-color: var(--whiteColor); font-family: var(--mono-font); border: 2px solid var(--lightColor); border-radius: 1.5em; box-shadow: 0 0 6px 1px var(--lightColor); color: var(--darkColor); } h1,h2,h3,h4,h5,h6 { font-family: var(--title-font); color: var(--whiteColor); } blockquote, div.blockquote { border: 2px solid var(--lightColor); box-shadow: 0 0 6px 1px var(--lightColor);; background: var(--whiteColor); color: var(--darkColor); } #page-title, .meta-title { font-family: var(--title-font); color: #000; font-size:300%; text-align: center; z-index: 10; } textarea { font-family: var(--mono-font); font-size: 13px!important; } input#edit-page-title.text { font-family: var(--title-font); } /* https://scp-sandbox-3.wikidot.com/component:image-zoom-base */ .enlarge{ transition: .25s; } .enlarge:hover{ transform: scale(1.6); transition: .25s; transition-delay: .4s; z-index: 1000; } /* mobile side-bar open button */ #top-bar .open-menu a { border-radius: 0px !important; border-color: var(--blackColor) !important; border-width: 3px !important; padding: 0.1em; color: var(--blackColor) !important; background: var(--bgColor) !important; } #top-bar .open-menu a { pointer-events: auto !important; } /* ---- Image Block---- */ #page-content .scp-image-block { border-color: var(--whiteColor); box-shadow: none; } #page-content .scp-image-block .scp-image-caption { border-color: var(--whiteColor); background-color: var(--darkColor); color: var(--whiteColor); } /* footnote by 7happy7 */ span:not([class]):not([style]) > sup.footnoteref:first-child > a.footnoteref:before, sup.footnoteref > a.footnoteref:before { content: "("; } span:not([class]):not([style]) > sup.footnoteref > a.footnoteref:before { content: ","; } /* Hovertip*/ .hovertip { width: 20em; padding: 0.5em; border: 1px solid var(--lightColor) !important; border-radius: 0.5em; background-color: var(--bgColor) !important; box-shadow: 0 0 6px 1px var(--lightColor); z-index: 100; } .hovertip .f-heading { color: var(--whiteColor); } /* Module Rate */ #container .page-rate-widget-box .rate-points { background-color: var(--blueColor) !important; border: none !important; } #container .page-rate-widget-box .cancel { background-color: #FFF5EE; border: none; } #container .page-rate-widget-box .rateup, #container .page-rate-widget-box .ratedown, #container .page-rate-widget-box .cancel { background: #FFF5EE; border: none; } #container .page-rate-widget-box .rateup a:hover, #container .page-rate-widget-box .ratedown a:hover, #container .page-rate-widget-box .cancel a:hover { background: #FFF5EE; color: var(--lightColor); } /* Credit Box */ #page-content .rate-box-with-credit-button .creditButton { background-color: var(--blueColor); border: none; } #page-content .rate-box-with-credit-button .creditButton:hover { background-color: #191970; border: none; color: #000080; } #page-content .creditButton a { color: var(--whiteColor); } #page-content .creditButton a:hover { color: var(--lightColor); } #page-content div.creditRate a, #page-content div.page-rate-widget-box a, #u-credit-view a { text-decoration: none; } /* Info Box */ #page-content .rate-box-with-credit-button { background-color: var(--blueColor); border: none; } #page-content .rate-box-with-credit-button > .page-rate-widget-box { border-radius: 0px; border: 0px; } #page-content .rate-box-with-credit-button > .page-rate-widget-box .rate-points { border: none; } #page-content .rate-box-with-credit-button > .page-rate-widget-box .rateup, #page-content .rate-box-with-credit-button > .page-rate-widget-box .ratedown { border-top: none; border-bottom: none; } #page-content .rate-box-with-credit-button > .page-rate-widget-box .cancel { border: none; } #page-content .rate-box-with-credit-button .creditButton { background-color: transparent !important; border: none !important; } #page-content .rate-box-with-credit-button .creditButton:hover { background-color: transparent !important; border: none !important; color: var(--lightColor); } #page-content .creditButton p a { border-left: solid 1px transparent; } .rate-box-with-credit-button .page-rate-widget-box .cancel { border-radius: 0; } /* Tab Design */ .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { zoom: unset; display: flex; flex-wrap: wrap; box-sizing: border-box; border: solid 2px var(--darkColor); font-size: 120%; } /* Navigation Tab */ .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { zoom: unset; border: unset; background-image: none; transition: color 0.25s, background-color 0.25s; color: var(--darkColor); background-color: var(--whiteColor); } /* hover time tab */ .yui-navset .yui-nav a:focus, .yui-navset .yui-nav a:hover { zoom: unset; background: none; background-color: var(--lightColor); color: var(--whiteColor); } .yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li { zoom: unset; display: flex; position: relative; flex-grow: 2; margin: 0; box-shadow: 0 0 0 .0625rem var(--lightColor); border-color: rgba(0, 0, 0, 0); background-color: var(--whiteColor); background: none; padding: 0; max-width: 100% } .yui-navset-bottom .yui-nav li a, .yui-navset-top .yui-nav li a, .yui-navset .yui-nav li a { zoom: unset; display: flex; align-items: center; justify-content: center; vertical-align: bottom; width: 100% } .yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em { -o-text-overflow: ellipsis; padding: .35em .85em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .yui-navset .yui-nav li em { border: unset !important } .yui-navset .yui-nav .selected, .yui-navset .yui-navset-top .yui-nav .selected { flex-grow: 2; margin: 0; box-shadow: 0 0 6px 1px var(--lightColor); background-color: var(--blueColor); color: var(--whiteColor); padding: 0 } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em { border: rgba(0, 0, 0, 0) } .yui-navset .yui-nav .selected a { background: none; background-image: none; width: 100%; color: var(--whiteColor) !important; } .yui-navset .yui-nav .selected a:active, .yui-navset .yui-nav .selected a:focus { background-color: gray; color: gainsboro; } .yui-navset .yui-nav .selected a:hover, .yui-navset .yui-nav .selected a:focus { cursor: default; background: none; background-image: var(--blueColor): } .yui-navset .yui-content { background-color: var(--whiteColor); color: var(--darkColor); padding: 15px 25px 15px; } .yui-navset .yui-content h1, .yui-navset .yui-content h2, .yui-navset .yui-content h3, .yui-navset .yui-content h4, .yui-navset .yui-content h5, .yui-navset .yui-content h6 { color: var(--darkColor); } .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content { border: solid 2px; border-top: none; border-color: var(--darkColor); } .yui-navset-left .yui-content { border-left-color: var(--whiteColor); } @media (max-width: 480px) { .yui-navset .yui-content { padding: 15px 17px 15px; } } /* New paper class from Unusual Cargo theme by CityToast */ div.paper { background: linear-gradient(rgba(220, 240, 240, 0.1), rgba(240, 240, 220, 0.1)), url("https://scpko.wdfiles.com/local--files/theme:legend-of-blue/PAPER.jpeg"); color: var(--darkColor); box-shadow: 4px 6px 8px #a98; padding: 1em .5em 1em .5em; display: block; margin: 10px auto; width: 456px; # height: 675px; } .paper h1, .paper h2, .paper h3, .paper h4, .paper h5, .paper h6 { color: var(--darkColor); } @media (max-width: 478px) { div.paper { width: 95% } } .authors .collapsible-block-link { margin-left:.25em; padding: .25em; font-weight: bold; opacity: .5; color: inherit; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .authors .collapsible-block-link:hover { opacity:1; } .authors .collapsible-block-link:active { opacity:1; } div.buttons.alignleft { text-align: left; font-size:13px!important; } #page-content .scp-image-block .scp-image-caption { border-color: var(--whiteColor); background-color: #453f5c; color: var(--whiteColor); }
sửa đổi trang: 31, chỉnh sửa lần cuối: 11 May 2023 10:44
Chỉnh sửa Thành phần
Nối
Chỉnh sửa Meta
Người theo dõi
Backlink
Mã nguồn
Trang mẹ
Khóa bài
Đổi tên
Xóa