Theme Technoblast
ĐÂY LÀ TRANG theme DỊCH
Để truy cập hướng dẫn sử dụng các tính năng của theme, vui lòng truy cập tại
Để thêm theme Việt Hóa vào bài viết của bạn, thêm đoạn lệnh sau:
[[include :scp-vn:theme:technoblast]]
Source Code:
/* Technoblast Theme [2020 Wikidot Theme] By EstrellaYoshte Based on: Simple Yonder Theme by EstrellaYoshte Anderson Robotics Theme by Croquembouche Flopstyle CSS by Lt Flops Retouché pour la branche francophone par Dr Lekter */ @import url('https://fonts.googleapis.com/css2?family=Cairo&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@700&display=swap'); @import url(https://fonts.googleapis.com/css2?family=Fira+Code&display=swap); :root { /* 4 Rating-module */ --ct_col_rate-primary: #013736; --ct_col_rate-secondary: #00ffff; --ct_col_rate-cancel: var(--ct_col_rate-primary); --ct_col_rate-link-hover: var(--ct_col_rate-secondary); --ct_dim_rate-border-radius: 0; /* SVG Icons */ --ct_bg_topbar-home-hover: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20transform%3D%22matrix(3.7795%200%200%203.7795%20-1.4376e-8%20-1114)%22%3E%0A%3Cpath%20d%3D%22m0.39178%20296.54%201.328-1.2608%201.328%201.2608h-0.40197v1.1204h-0.52917v-0.79375h-0.79375v0.79375h-0.52917v-1.1204z%22%20fill%3D%22%2300ffff%22%20fill-opacity%3D%22.8%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); --ct_bg_topbar-home: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22m1.4807%206.7654%205.0192-4.7652%205.0192%204.7652h-1.5192v4.2346h-2v-3h-3v3h-2v-4.2346z%22%20fill%3D%22%23fff%22%20fill-opacity%3D%22.8%22%20stroke-width%3D%223.7795%22%2F%3E%0A%3C%2Fsvg%3E"); --ct_bg_sidebar-item-default: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%225%22%20y%3D%225%22%20width%3D%223%22%20height%3D%223%22%20fill%3D%22%2300ffff%22%20fill-opacity%3D%22.8%22%20stroke-width%3D%223.8%22%20style%3D%22paint-order%3Astroke%20markers%20fill%22%2F%3E%0A%3C%2Fsvg%3E%0A"); --ct_bg_sidebar-item-forum: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22m4%203c-1.108%200-2%200.892-2%202v1c0%201.108%200.892%202%202%202h2.0156l-0.015625%202.5%202.5-2.5h0.5c1.108%200%202-0.892%202-2v-1c0-1.108-0.892-2-2-2h-5z%22%20fill%3D%22%2300ffff%22%20fill-opacity%3D%22.8%22%20stroke-linecap%3D%22square%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%221.5%22%20style%3D%22paint-order%3Astroke%20markers%20fill%22%2F%3E%0A%3C%2Fsvg%3E"); --ct_bg_sidebar-item-help: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20transform%3D%22matrix(3.7795%200%200%203.7795%201.1728e-8%20-1114)%22%3E%0A%3Cpath%20transform%3D%22matrix(.26458%200%200%20.26458%200%20294.75)%22%20d%3D%22m6.5%202-4.5%204.5%204.5%204.5%204.5-4.5zm1.4766%202.4257c0.36739%200.3237%200.55078%200.70117%200.55078%201.1328%200%200.23887-0.068912%200.46444-0.20508%200.67773-0.1336%200.21317-0.42138%200.50362-0.86328%200.87109-0.22866%200.19024-0.37121%200.34348-0.42773%200.45898-0.053954%200.11565-0.077406%200.32309-0.072266%200.62109h-0.98242c-0.00257-0.14135-0.00391-0.22707-0.00391-0.25781%200-0.31859%200.052865-0.58158%200.1582-0.78711%200.10534-0.20561%200.31485-0.4365%200.63086-0.69336%200.31601-0.25691%200.50475-0.42621%200.56641-0.50586%200.09506-0.12598%200.14258-0.26453%200.14258-0.41602%200-0.21065-0.084339-0.39002-0.25391-0.53906-0.167-0.15168-0.39255-0.22656-0.67773-0.22656-0.2749%200-0.50447%200.07765-0.68945%200.23438-0.18498%200.15672-0.31345%200.39566-0.38281%200.7168l-0.99414-0.12305c0.028261-0.45987%200.22368-0.85072%200.58594-1.1719%200.36483-0.32116%200.84268-0.48242%201.449-0.4824s1.1016%200.16396%201.469%200.49026zm-2.0391%204.1348h1.082v1.084h-1.082z%22%20fill%3D%22%2300ffff%22%20fill-opacity%3D%22.8%22%20style%3D%22paint-order%3Astroke%20markers%20fill%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); --ct_bg_sidebar-item-home: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20transform%3D%22matrix(3.7795%200%200%203.7795%20-1.4376e-8%20-1114)%22%3E%0A%3Cpath%20d%3D%22m0.39178%20296.54%201.328-1.2608%201.328%201.2608h-0.40197v1.1204h-0.52917v-0.79375h-0.79375v0.79375h-0.52917v-1.1204z%22%20fill%3D%22%2300ffff%22%20fill-opacity%3D%22.8%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); --ct_bg_sidebar-item-main: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20transform%3D%22matrix(3.7795%200%200%203.7795%201.8677e-8%20-1114)%22%3E%0A%3Crect%20transform%3D%22matrix(.70712%20-.7071%20.70712%20.7071%200%200)%22%20x%3D%22-209.08%22%20y%3D%22210.2%22%20width%3D%221.3096%22%20height%3D%221.3096%22%20fill%3D%22%2300ffff%22%20fill-opacity%3D%22.8%22%20style%3D%22paint-order%3Astroke%20markers%20fill%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"); --ct_bg_sidebar-item-series: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22m4.9999%203.9999v7h4.9999v-4.9999l-2-2zm2.0001%200.49999%202.4998%202.5001h-2.4998z%22%20fill%3D%22%2300ffff%22%20fill-opacity%3D%22.8%22%20stroke-width%3D%22.99998%22%20style%3D%22paint-order%3Astroke%20markers%20fill%22%2F%3E%0A%3Cpath%20d%3D%22m2.997%201.9931v7.0053h1.004v-6.0015h2.0005v-1.0039h-3.0044z%22%20color%3D%22%23000000%22%20color-rendering%3D%22auto%22%20dominant-baseline%3D%22auto%22%20fill%3D%22%2300ffff%22%20fill-opacity%3D%22.8%22%20image-rendering%3D%22auto%22%20shape-rendering%3D%22auto%22%20solid-color%3D%22%23000000%22%20stop-color%3D%22%23000000%22%20stroke-width%3D%223.7795%22%2F%3E%0A%3C%2Fsvg%3E%0A"); --ct_bg_sidebar-collapse: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22m3%205v3h7v-3zm1.0032%201h4.9938v1h-4.9938z%22%20color%3D%22%23000000%22%20color-rendering%3D%22auto%22%20dominant-baseline%3D%22auto%22%20fill%3D%22%2300ffff%22%20fill-opacity%3D%22.8%22%20image-rendering%3D%22auto%22%20shape-rendering%3D%22auto%22%20solid-color%3D%22%23000000%22%20stop-color%3D%22%23000000%22%20stroke-width%3D%223.8%22%2F%3E%0A%3Crect%20x%3D%224%22%20y%3D%226%22%20width%3D%225%22%20height%3D%221%22%20ry%3D%220%22%20fill%3D%22%23a5000f%22%20fill-opacity%3D%22.30545%22%20style%3D%22paint-order%3Astroke%20markers%20fill%22%2F%3E%0A%3C%2Fsvg%3E%0A"); --ct_bg_sidebar-expand: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20transform%3D%22matrix(3.7795%200%200%203.7795%206.7592e-8%20-1114)%22%3E%0A%3Cpath%20transform%3D%22matrix(.26458%200%200%20.26458%200%20294.75)%22%20d%3D%22m5%202.9924v2h-2v3.0001h2v2h3v-2h2v-3.0001h-2v-2zm1%201h1v2h2v1h-2v2h-1v-2h-2v-1h2z%22%20color%3D%22%23000000%22%20color-rendering%3D%22auto%22%20dominant-baseline%3D%22auto%22%20fill%3D%22%2300ffff%22%20fill-opacity%3D%22.8%22%20image-rendering%3D%22auto%22%20shape-rendering%3D%22auto%22%20solid-color%3D%22%23000000%22%20stop-color%3D%22%23000000%22%2F%3E%0A%3C%2Fg%3E%0A%3Crect%20x%3D%226%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22%23a5000f%22%20fill-opacity%3D%22.36078%22%20style%3D%22paint-order%3Astroke%20markers%20fill%22%2F%3E%0A%3Crect%20x%3D%224%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22%23a5000f%22%20fill-opacity%3D%22.36078%22%20style%3D%22paint-order%3Astroke%20markers%20fill%22%2F%3E%0A%3Crect%20x%3D%228%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22%23a5000f%22%20fill-opacity%3D%22.36078%22%20style%3D%22paint-order%3Astroke%20markers%20fill%22%2F%3E%0A%3Crect%20x%3D%226%22%20y%3D%228%22%20width%3D%221%22%20height%3D%221%22%20rx%3D%220%22%20ry%3D%220%22%20fill%3D%22%23a5000f%22%20fill-opacity%3D%22.36078%22%20style%3D%22paint-order%3Astroke%20markers%20fill%22%2F%3E%0A%3C%2Fsvg%3E"); } #page-content { font-size: 0.91rem; } body { color: #000000; font-family: 'Cairo', sans-serif; word-break: unset; } .page-source, .code pre, .code p, .code, tt{ /* ---- Code by Croquembouche ---- */ font-family: "Fira Code", monospace; } a { color: #00AAB3; } a:visited { color: #013737; } h1, h2, h3, h4, h5, h6 { color: #013737; font-family: 'Orbitron', sans-serif; font-weight: bold; } /* ---- HEADER ---- */ div#container-wrap{ background-image: url('http://fondationscp.wdfiles.com/local--files/theme%3Atechnoblast/bg.png'); } div#header { background-image: url('http://fondationscp.wdfiles.com/local--files/theme%3Atechnoblast/logoaiad.png'); background-size: 7.3rem; background-position: 3px 29px; } @media (max-width: 767px) and (min-width: 480px) { div#header { background-size: 6rem; background-position: -4px 44px; } } @media (max-width: 479px) { div#header { background-size: 4.6rem; background-position: -3px 58px; } } #account-topbutton{ border: 0px; } #login-status, #login-status a { color: white; font-weight: bold; } #search-top-box-input, #search-top-box-input:hover, #search-top-box-input:focus { border: none; background: #013737; box-shadow: none; border-radius: 0px; color: #f4f4f4; } #search-top-box-form input[type=submit], #search-top-box-form input[type=submit]:hover, #search-top-box-form input[type=submit]:focus { border: solid 1px #00ffff; background: #013737; box-shadow: none; border-radius: 0px; color: #00ffff; } #search-top-box input.empty { color: #bbbbbb; } input { -webkit-appearance: none; } div#header h1 a span { font-family: 'Orbitron', sans-serif; font-weight: bold; font-size: 0.9em; color: #00ffff; text-shadow: 0px 0px 0px #000; } div#header h2 span { font-family: 'Cairo', sans-serif; font-weight: bold; font-size: 1.2em; color: #ff9944; padding: 17px 0; text-shadow: 0px 0px 0px #000; white-space: pre; } /* ---- TOP MENU ---- */ #top-bar a { color: #00ffff; font-weight: normal; } #top-bar ul li.sfhover a, #top-bar ul li:hover a, #login-status ul a, #login-status ul a:hover { color: #00AAB3; } /* ---- SIDE BAR ---- */ #side-bar .side-block{ border: none; border-radius: 3px; box-shadow: none; background: linear-gradient(rgba(1,55,55,0), rgba(1,55,55,0)), url('http://fondationscp.wdfiles.com/local--files/theme%3Atechnoblast/darkbg.png') !important; color: #00ffff; } /* Inutile sur FR #side-bar .side-block.media > * { display: flex; justify-content: space-evenly; } */ #side-bar .heading{ color: #ff9944; border-bottom: solid 2px #ff9944; } #side-bar .menu-item > img { display: none; } #side-bar .menu-item > a:hover { background-color: #00ffff; color: #013737; text-decoration: none; } #top-bar div.open-menu a { border-radius: 3px; box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.2), 0px 3px 10px 0 rgba(0, 0, 0, 0.19); color: #00ffff; background-color: #013737; border: none; } #side-bar a, #side-bar a:visited { color: #00ffff; } #side-bar .collapsible-block-folded{ background: none; } #side-bar .collapsible-block-unfolded-link{ border-bottom: solid 2px #ff9944; } #side-bar .collapsible-block-unfolded-link .collapsible-block-link{ color: #ff9944; } @media (max-width: 767px) { #main-content { padding: 0; margin: 0 5%; border-left: none; } #page-title { margin-top: 0.7em; } #side-bar { background-color: #013737; left: -19em; } #side-bar:target { border: none; box-shadow: 3px 0 1px -2px rgba(0,0,0,0.04), 1px 0 5px 0 rgba(0,0,0,0.2); } #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: 19em 50%; z-index: -1; opacity: 0; pointer-events: none; } #side-bar:target .close-menu { width: calc(100% - 19em); right: 0; left: auto; opacity: 1; pointer-events: auto; } #page-content > hr, #page-content > .list-pages-box > .list-pages-item > hr { margin: 3em -5.5%; } #side-bar { top: 0; } #side-bar .heading { padding-left: 1em; margin-left: -1em; } #search-top-box { top: 107px; } } /* ---- 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: #013737; box-shadow: none; } .yui-navset .yui-nav a, /* ---- Link Modifier ---- */ .yui-navset .yui-navset-top .yui-nav a{ color: #013737; /* ---- Tab Background Colour | [UNSELECTED] ---- */ background-color: #f4f4f4; border: unset; } .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus{ color: #f4f4f4; /* ---- Tab Background Colour | [HOVER] ---- */ background-color: #00AAB3; } .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: #00ffff; background-color: #f4f4f4; 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: linear-gradient(rgba(1,55,55,0), rgba(1,55,55,0)), url('http://fondationscp.wdfiles.com/local--files/theme%3Atechnoblast/darkbg.png'); } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em{ border: none; } .yui-navset .yui-nav .selected a{ width: 100%; color: #00ffff; } .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:active{ color: #00ffff; background-color: #013737; } .yui-navset-left .yui-content{ /* ---- Content Background ---- */ background: linear-gradient(rgba(1,55,55,0), rgba(1,55,55,0)), url('http://fondationscp.wdfiles.com/local--files/theme%3Atechnoblast/darkbg.png'); } .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content{ padding: .5em; border: none; } /* ---- INFO BAR ---- */ body{ --barColour: #013737; } .info-container .collapsible-block-content .wiki-content-table{ width: 100%; } /* ---- INFO PANE ---- */ #page-content .creditRate{ margin: unset; } #page-content .rate-box-with-credit-button { background-color: #013737; border: solid 1px #013737; box-shadow: none; border-radius: 0; } #page-content .rate-box-with-credit-button .fa-info { border: none; color: #ff9944; } #page-content .rate-box-with-credit-button .fa-info:hover { background: #ff9944; color: #013737; } .rate-box-with-credit-button .cancel { border: solid 1px #013737; } /* ---- PAGE RATING ---- */ .page-rate-widget-box { box-shadow: none; margin: unset; } .page-rate-widget-box .cancel a:hover { background: #00ffff; color: #013737; } /* ---- PAGE ELEMENTS ---- */ #page-title { font-family: 'Orbitron', sans-serif; font-size: 2.2em; font-weight: bold; color: #013737; border-color: #013737; } #page-content .wiki-content-table tr th { border: solid 1px #013737; color: #f4f4f4; background: linear-gradient(rgba(1,55,55,0), rgba(1,55,55,0)), url('http://fondationscp.wdfiles.com/local--files/theme%3Atechnoblast/darkbg.png'); /* set border for table title */ } #page-content .wiki-content-table tr td { border: solid 1px #013737; /* set border for table content */ } blockquote, div.blockquote, #toc, .code { background-color: #f5f5f5; border: solid 1px #013737; } .scp-image-block { border: solid 1px #013737; box-shadow: none; } .scp-image-block .scp-image-caption { background: linear-gradient(rgba(1,55,55,0), rgba(1,55,55,0)), url('http://fondationscp.wdfiles.com/local--files/theme%3Atechnoblast/darkbg.png'); border-top: solid 1px #013737; color: #f4f4f4; } /* ---- Horizontal Rules ---- */ hr { background-color: rgba(1,55,55,1); } /* ---- Footer ---- */ #footer { background: transparent; } #footer a { color: #00AAB3; }
sửa đổi trang: 7, chỉnh sửa lần cuối: 18 Mar 2023 18:02