MediaWiki:Theme.css

/* Sonako Special Pages*/ /* Works with MediaWiki:SpecialPages.js */ nav.special-pages-preview { counter-reset: special-pages-preview-counter; } nav.special-pages-preview .special-pages-preview-item { display: inline-block; width: 32%; height: 128px; position: relative; overflow: hidden; background: #fafafa; border: 1px solid #333; border-radius: 4px; counter-increment: special-pages-preview-counter; } nav.special-pages-preview .special-pages-preview-link { display: inline-block; width: 128px; color: #333; text-decoration: none; } nav.special-pages-preview .special-pages-preview-title { width: 100%; height: 17px; position: absolute; top: 4px; left: 132px; overflow: hidden; word-break: break-all; font-size: 14px; line-height: 1.2em; font-weight: bold; } nav.special-pages-preview .special-pages-preview-title::before { content: "[" counter(special-pages-preview-counter) "] "; font-size: 100%; color: red; vertical-align: top; } nav.special-pages-preview .special-pages-preview-description { padding-right: 4px; position: absolute; top: 22px; left: 132px; font-size: 13px; line-height: 1.2em; } nav.special-pages-preview .special-pages-preview-item:not([data-row="1"]) { margin-left: 8px; } /* For normal pages*/ .newpages { margin-left: -25px; } /* for normal pages*/ nav.normal-pages-preview { counter-reset: normal-pages-preview-counter; } nav.normal-pages-preview .normal-pages-preview-item { display: inline-block; width: 48%; height: 128px; position: relative; overflow: hidden; background: #fafafa; border: 1px solid #333; border-radius: 4px; counter-increment: normal-pages-preview-counter; } nav.normal-pages-preview .normal-pages-preview-link { display: inline-block; width: 128px; color: #333; text-decoration: none; } nav.normal-pages-preview .normal-pages-preview-title { width: 100%; height: 17px; position: absolute; top: 4px; left: 132px; overflow: hidden; word-break: break-all; font-size: 14px; line-height: 1.2em; font-weight: bold; } nav.normal-pages-preview .normal-pages-preview-title::before { content: "[" counter(normal-pages-preview-counter) "] "; font-size: 100%; color: red; vertical-align: top; } nav.normal-pages-preview .normal-pages-preview-description { padding-right: 4px; position: absolute; top: 22px; left: 132px; font-size: 13px; line-height: 1.2em; } nav.normal-pages-preview .normal-pages-preview-item:not([data-row="1"]) { margin-left: 8px; } /* For Imageless pages */ .normal-pages-preview-item[data-row="1"] img[src*="data"], .special-pages-preview-item[data-row="1"] img[src*="data"] { box-sizing: border-box; background: url("https://vignette.wikia.nocookie.net/sonako/images/6/6b/Sonako_Newpage_01.jpg/revision/latest?cb=20170603151432"); background-size: 128px 128px; } .normal-pages-preview-item[data-row="2"] img[src*="data"], .special-pages-preview-item[data-row="2"] img[src*="data"] { box-sizing: border-box; background: url("https://vignette.wikia.nocookie.net/sonako/images/d/d9/Sonako_Newpage_02.jpg/revision/latest?cb=20170603151432"); background-size: 128px 128px; } .special-pages-preview-item[data-row="3"] img[src*="data"] { box-sizing: border-box; background: url("https://vignette.wikia.nocookie.net/sonako/images/d/d7/Sonako_Newpage_03.jpg/revision/latest?cb=20170603151433"); background-size: 128px 128px; } /* Sonako Rail */ /* On-going development */ .activity-module .activity-item svg { display: none; }	background: #dfdbc3; } @media only screen and (max-width: 1023px) { .rail-module:not(.forum-activity-module) { box-sizing: border-box; margin: 12px 8px; } .WikiaRail #railwam-log-alert { width: 322px; } } .rail-module:not(.forum-activity-module) { border: 1px solid #b2af9c; margin: 0 0px 30px; padding: 20px 15px 15px; position: relative; word-wrap: break-word; zoom: 1; } .rail-module:not(.forum-activity-module) .community-page-rail-module { margin-top: 35px; } .activity-module:not(.forum-activity-module) li { background-image: url(https://vignette.wikia.nocookie.net/sonako/images/7/74/Icon_forum_06.png); background-size: 30px 32px; background-position-y: 7px; background-repeat: no-repeat; padding-left:35px !important; padding-top: 6px !important; padding-right:0; } .activity-module.replaced li:hover { background-image: url(https://vignette.wikia.nocookie.net/sonako/images/c/ce/Icon_forum_10.png); } .activity-module.replaced li>a { height: 35px; width: 35px; position:absolute; left:0; } .WikiaPageContentWrapper .module>*, .WikiaPageContentWrapper .rail-module>* { position: relative; z-index: 0; } /* Sonako Default Background Settings */ body.skin-oasis { background-size: cover !important; } body.mediawiki { padding-bottom: 0px; } /* Fix lỗi khi bấm vào link đỏ tạo trang thì background choán toàn bộ màn hình xảy ra ở 1 số trình duyệt */ html { height: 100%; } body { min-height: 100%; } /* Ẩn tên người up ảnh */ .picture-attribution { display: none !important; } /* Ẩn thành phần thừa, trùng lặp */ {	display: none; } /* For Adding Image/Video/Gallery/Slider Functions */ /* Support Mobile */ @media only screen and (max-width:1083px) { section#EditPageDialog.modalWrapper.preview, section#WikiaPhotoGalleryEditor, section#VideoEmbedBackWrapper, section#WMU_divWrapper.modalWrapper { left: 5% !important; margin-left: 0 !important; width: 90% !important; } .ArticlePreviewInner, .ArticlePreviewInner .mobile-preview, div#WMU_div, div#WMU_div #ImageUpload { width: 100% !important; } div#WMU_div #ImageUploadBody { overflow: auto; width: 90% !important; } } /* --      Diff recolours -- */ table.diff td { padding: 0.4em 0.8em !important; } td.diff-addedline, td.diff-deletedline, td.diff-context { line-height: 1.9em !important; } td.diff-addedline { border-color: #438ab5 !important; } td.diff-deletedline { border-color: #2a6a31 !important; } td.diff-context { background: #f6f6f6 !important; border-color: #f6f6f6 !important; } td.diff-addedline .diffchange { background: #afdaf1 !important; } td.diff-deletedline .diffchange { background: #b8e8b5 !important; } td.diff-marker { opacity: 0; } .EditPageEditor #diff { background: white !important; } /* Wikia Notifications */ .WikiaNotifications li div { background-color: #ffc33e; background-image: -moz-linear-gradient(center top, #ffd371 35%, #ffc33e 65%); background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(35%, #ffd371), color-stop(65%, #ffc33e)); border-radius: 4px; box-shadow: 0 0 5px #161616; color: black; margin: 0; max-width: 175px; overflow: hidden; padding: 10px 20px; position: relative; } .WikiaNotifications li div a { color: black; text-decoration: underline; } /* Tạm thời vô hiệu hóa trên Mobile*/ /* Do có vấn đề về cookie */ display: none !important; } /* =====================    Speialised colour changer button ===================== */ input.color-changer:hover, input.color-changer { background-image: url("https://vignette.wikia.nocookie.net/sonako/images/6/64/ColourPicker.png") !important; background-position: center !important; background-size: 73% 100%; background-color: transparent !important; background-repeat: no-repeat; cursor: pointer; color:transparent !important; border:transparent !important; margin-top: -10px !important; } /* =====================    Gõ Tiếng Việt Mudim (Sẽ xóa bỏ dần) ===================== */ @media only screen and (min-width:1083px) { -moz-box-shadow: 5px 5px 5px black; -moz-opacity: 0.9; -moz-transition: all 2s ease; -webkit-box-shadow: 5px 5px 5px black; -webkit-transition: all 2s ease; background: white; bottom: 28px!important; box-shadow: 5px 5px 5px black; filter: alpha(opacity=90); font-size: 12px!important; font-weight: bold; height: 40px!important; left: -430px!important; opacity: 0.9; padding: 4px 26px 4px 4px!important; vertical-align: middle; width: 430px!important; }	-moz-opacity: 1; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; filter: alpha(opacity=100); left: 0!important; opacity: 1; } } @media only screen and (max-width:1083px) { display: none !important; } } /* =====================    Gõ Tiếng Việt Avim (Thay thế) ===================== */ @media only screen and (min-width:1083px) { -moz-box-shadow: 5px 5px 5px black; -moz-opacity: 0.9; -moz-transition: all 2s ease; -webkit-box-shadow: 5px 5px 5px black; -webkit-transition: all 2s ease; background: white; bottom: 30px; box-shadow: 5px 5px 5px black; color: #137e70; filter: alpha(opacity=90); font-family: Verdana, Tahoma; font-size: 14px; font-weight: bold; height: 60px; left: -480px; opacity: 0.9; padding: 4px 0 4px 4px; position: fixed; vertical-align: middle; width: 500px; z-index: 3; }	-moz-opacity: 1; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; filter: alpha(opacity=100); left: 0; opacity: 1; }	float: left; }	color: #b62727; cursor: pointer; text-decoration: none; }	vertical-align: middle; } } @media only screen and (max-width:1083px) { display: none!important; } } /* wordmark/logo's effect */ .WikiHeader .wordmark { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 3s ease; -ms-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -ms-transition: All 3s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 3s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 3s ease; transform: rotate(0deg) scale(1) skew(180deg) translate(0px); transition: All 3s ease; color: #708090; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .WikiHeader .wordmark:hover { -webkit-transform: rotate(3deg) scale(1.191) skew(180deg) translate(0px); -moz-transform: rotate(3deg) scale(1.191) skew(180deg) translate(0px); -ms-transform: rotate(3deg) scale(1.191) skew(180deg) translate(0px); -o-transform: rotate(3deg) scale(1.191) skew(180deg) translate(0px); transform: rotate(3deg) scale(1.191) skew(180deg) translate(0px); -webkit-filter: brightness(1.5); filter: brightness(1.5); } /* Add a margin between the preload textbox and insert button */ margin-left: 5px; } .masthead-avatar img { -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; } .masthead-avatar:hover img { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); border-radius: 100%; box-shadow: 0 0 20px black; transform: rotate(360deg); } .masthead-avatar .sprite.edit-pencil { display: none; } /* Nít thu phóng cỡ chữ */ .bigtext { position: absolute; right: 40px; top: -10px; } .smalltext { position: absolute; right: 0; top: -10px; } /* Sửa đôi chút cho cái Auto Refresh */ .page-Special_WikiActivity #ajaxRefresh { bottom: 60px; position: absolute; right: -10px; width: 100px; } section.WikiaActivityModule.module, section.FollowedPagesModule.module { background: url("https://vignette.wikia.nocookie.net/sonako/images/b/b4/Activity_69_Background.jpg/revision/latest/scale-to-width-down/300?cb=20160423085857") 52% 50%; background-size: cover; } section.ThongBaoModule.module .topeditors li { font-size: 15px; line-height: 25px; margin: 3px 0; } section.ThongBaoModule.module .topeditors li:before { color: blue; content: "•"; padding-right: 30px; } .FBBox { margin-left: -16px; }
 * 1) railwam-rail-mod {
 * 1) my-tools-menu a.creates,
 * 2) my-tools-menu a[data-name="history"],
 * 3) my-tools-menu a[data-name="whatlinkshere"]
 * 1) WikiaNotifications li div[data-type="2"] {
 * 1) mudimPanel {
 * 1) mudimPanel:hover {
 * 1) mudimPanel {
 * 1) p-avim {
 * 1) p-avim:hover {
 * 1) p-avim li {
 * 1) p-avim a {
 * 1) p-avim input {
 * 1) p-avim {
 * 1) cust-preload-button {
 * -webkit-input-placeholder {

color: black; font-style: italic; }
 * -moz-placeholder {

/* Mozilla Firefox 4 to 18 */ color: black; font-style: italic; opacity: 1; }
 * -moz-placeholder {

/* Mozilla Firefox 19+*/ color: black; font-style: italic; opacity: 1; }
 * -ms-input-placeholder {

/* Internet Explorer 10-11 */ color: black; font-style: italic; } .WikiaPageHeader h1 { font-family: "Black Chancery"; font-size: 30px; } .WikiaRail .module h1, .WikiaRail #RIGHT_SKYSCRAPER h1, .WikiaRail .module h2, .WikiaRail #RIGHT_SKYSCRAPER h2 { font-family: 'Black Chancery'; font-size: 22px; } @media only screen and (min-width:940px) { height: 26px; position: absolute; right: 35px; top: 35px; width: 133px !important; } } @media only screen and (max-width:939px) { height: 26px; position: absolute; right: 0px; top: 60px; width: 133px !important; } } .wds-dropdown__content { border:1px solid #00eeff; }	color: #3a3a3a; } /* Sửa lỗi cho các giao diện đêm */ color: #3a3a3a; } body.MiniEditor .WikiaMainContent a#switchskin { color: white; } /* Sửa lỗi Visual Editor*/ body.ve .color-changer, body.ve .increaseFont, body.ve #lastEdited, body.ve #switchskin, body.ve .Sonako { display: none; } body.ve .ve-ui-wikia-license { color: red; } /* VE cho các giao diện đêm */ body.ve .ve-ui-toolbar-cancelButton .oo-ui-labelElement-label, body.ve .oo-ui-window-frame, body.ve .oo-ui-toolbar-bar { color: #3a3a3a; } body.ve .ve-ui-toolbar-saveButton .oo-ui-labelElement-label { color: white; } /* Chỉnh sửa cho tính năng Quick History ở giao diện đêm */ color: #2d2d2d; } /* Chỉnh sửa thanh Nav và footer cho di động */ @media only screen and (max-width:1083px) { .wds-global-footer { display: none; } } /* Sửa khung email thông báo */ .skin-oasis .banner-notifications-wrapper.float { position: absolute; } /* Mosbox. Khung ảnh ở Wikia Rail */ .mosbox { font-family: 'Oswald', sans-serif; font-size: 18px; line-height: 120%; text-align: center; text-shadow: 0 0 20px #0ff, 0 0 50px #0ff; word-break: normal; } .mosbox:hover { color: red; text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #f20808, 0 0 20px #f20808, 0 0 35px #f20808, 0 0 40px #f20808, 0 0 50px #f20808, 0 0 75px #f20808; } /* Sakura Animation*/ -webkit-filter: blur(1px); -moz-filter: blur(1px); -filter: blur(1px); } .WikiaSiteWrapper > .boke { -webkit-filter: blur(2px); -moz-filter: blur(2px); -filter: blur(2px); } @-webkit-keyframes sakuraRotate { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes sakuraRotate { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); } } @keyframes sakuraRotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* 3D-Leaf Animaion*/ @media only screen and (min-width:1083px) { .october-leaf { -moz-transform: translateZ(0); -webkit-transform: translateZ(0); background-color: transparent; background-image: url("https://vignette.wikia.nocookie.net/sonako/images/f/f1/Leaves.png/revision/latest?cb=20151205095709"); position: absolute; transform: translateZ(0); z-index: 1000; } } /* Snow Pure CSS Animation*/ @media only screen and (min-width:1083px) { background: none; background-image: url('https://i.imgur.com/X6mU7on.png'), url('https://i.imgur.com/CFKKQ1K.png'), url('https://i.imgur.com/4NYnE0d.png'); left: 0; top: 0; position: fixed; width: 9999px !important; height: 9999px !important; pointer-events: none; z-index: 1000; -webkit-animation: snow3 10s linear infinite; -moz-animation: snow3 10s linear infinite; -ms-animation: snow3 10s linear infinite; animation: snow3 10s linear infinite; } @keyframes snow3 { 0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 50% {background-position: 500px 500px, 100px 200px, -100px 150px;} 100% {background-position: 500px 1000px, 200px 400px, -100px 300px;} } @-moz-keyframes snow3 { 0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 50% {background-position: 500px 500px, 100px 200px, -100px 150px;} 100% {background-position: 400px 1000px, 200px 400px, 100px 300px;} } @-webkit-keyframes snow3 { 0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 50% {background-position: 500px 500px, 100px 200px, -100px 150px;} 100% {background-position: 500px 1000px, 200px 400px, -100px 300px;} } @-ms-keyframes snow3 { 0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 50% {background-position: 500px 500px, 100px 200px, -100px 150px;} 100% {background-position: 500px 1000px, 200px 400px, -100px 300px;} } } /* Particle Pure CSS Animation*/ @media only screen and (min-width:1083px) { background: none; background-image: url('https://i.imgur.com/9OHENBk.png'), url('https://i.imgur.com/QsVxuvB.png'), url('https://i.imgur.com/HRvX4dn.png'); left: 0; top: 0; position: fixed; width: 9999px !important; height: 9999px !important; pointer-events: none; z-index: 1000; -webkit-animation: particlefloat 20s linear infinite; -moz-animation: particlefloat 20s linear infinite; -ms-animation: particlefloat 20s linear infinite; animation: particlefloat 20s linear infinite; } @keyframes particlefloat { 0% { background-position: 500px 1000px, 120px 400px, -100px 300px; } 10% { background-position: 500px 900px, 120px 360px, -100px 270px; } 20% { background-position: 500px 800px, 120px 320px, -100px 240px; } 30% { background-position: 500px 700px, 120px 280px, -100px 210px; } 40% { background-position: 500px 600px, 120px 240px, -100px 180px; } 50% { background-position: 500px 500px, 120px 200px, -100px 150px; } 60% { background-position: 500px 400px, 120px 160px, -100px 120px; } 70% { background-position: 500px 300px, 120px 120px, -100px 90px; } 80% { background-position: 500px 200px, 120px 80px, -100px 60px; } 90% { background-position: 500px 100px, 120px 40px, -100px 30px; } 100% { background-position: 500px 0px, 120px 0px, -100px 0px; } } @-moz-keyframes particlefloat { 0% { background-position: 500px 1000px, 120px 400px, -100px 300px; } 10% { background-position: 500px 900px, 120px 360px, -100px 270px; } 20% { background-position: 500px 800px, 120px 320px, -100px 240px; } 30% { background-position: 500px 700px, 120px 280px, -100px 210px; } 40% { background-position: 500px 600px, 120px 240px, -100px 180px; } 50% { background-position: 500px 500px, 120px 200px, -100px 150px; } 60% { background-position: 500px 400px, 120px 160px, -100px 120px; } 70% { background-position: 500px 300px, 120px 120px, -100px 90px; } 80% { background-position: 500px 200px, 120px 80px, -100px 60px; } 90% { background-position: 500px 100px, 120px 40px, -100px 30px; } 100% { background-position: 500px 0px, 120px 0px, -100px 0px; } } @-webkit-keyframes particlefloat { 0% { background-position: 500px 1000px, 120px 400px, -100px 300px; } 10% { background-position: 500px 900px, 120px 360px, -100px 270px; } 20% { background-position: 500px 800px, 120px 320px, -100px 240px; } 30% { background-position: 500px 700px, 120px 280px, -100px 210px; } 40% { background-position: 500px 600px, 120px 240px, -100px 180px; } 50% { background-position: 500px 500px, 120px 200px, -100px 150px; } 60% { background-position: 500px 400px, 120px 160px, -100px 120px; } 70% { background-position: 500px 300px, 120px 120px, -100px 90px; } 80% { background-position: 500px 200px, 120px 80px, -100px 60px; } 90% { background-position: 500px 100px, 120px 40px, -100px 30px; } 100% { background-position: 500px 0px, 120px 0px, -100px 0px; } } @-ms-keyframes particlefloat { 0% { background-position: 500px 1000px, 120px 400px, -100px 300px; } 10% { background-position: 500px 900px, 120px 360px, -100px 270px; } 20% { background-position: 500px 800px, 120px 320px, -100px 240px; } 30% { background-position: 500px 700px, 120px 280px, -100px 210px; } 40% { background-position: 500px 600px, 120px 240px, -100px 180px; } 50% { background-position: 500px 500px, 120px 200px, -100px 150px; } 60% { background-position: 500px 400px, 120px 160px, -100px 120px; } 70% { background-position: 500px 300px, 120px 120px, -100px 90px; } 80% { background-position: 500px 200px, 120px 80px, -100px 60px; } 90% { background-position: 500px 100px, 120px 40px, -100px 30px; } 100% { background-position: 500px 0px, 120px 0px, -100px 0px; } } } /* Fireflies Animation*/ @media only screen and (min-width:1083px) { top: 0; position: fixed; z-index: 1000; width: 100%; height: 100%; pointer-events: none; } } /* Another Thing for Animation */ /* Không cho xuất hiện trên mobile */ @media only screen and (max-width:1083px) { .flake, .hoatet, .snowfall-flakes, .bug { display: none; } } /* Marquee */ /* @media only screen and (min-width:1083px) { width: 100%; margin: 0 auto; overflow: hidden; white-space: nowrap; box-sizing: border-box; animation: marquee 20s linear 3; }   animation-play-state: paused } @keyframes marquee { 0%  { text-indent: 100% } 100% { text-indent: -300% } } }/* /* Thank features for Sonako wiki */ /* Tạm tắt content: ""; padding: 15px; background: url('https://vignette.wikia.nocookie.net/sonako/images/e/e5/Thank_you.png/revision/latest/scale-to-width-down/30?cb=20160918165252'); position: absolute; background-size: 30px; background-repeat: no-repeat; margin-left: 3px; margin-top: -10px; }	-moz-border-radius: 6px; -moz-box-shadow: 0 1px 0 0 #fff6af; -webkit-border-radius: 6px; -webkit-box-shadow: 0 1px 0 0 #fff6af; background-color: #ffec64; background: linear-gradient(to bottom, #ffec64 5%, #ffab23 100%); border-radius: 6px; border: 1px solid #fa2; box-shadow: 0 1px 0 0 #fff6af; color: #333; cursor: pointer; display: inline-block; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=' #ffec64', endColorstr=' #ffab23', GradientType=0); font-weight: bold; padding: 4px 8px; text-decoration: none; text-shadow: 0 1px #fe6; }	background-color: #ffab23; background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=' #ffab23', endColorstr=' #ffec64', GradientType=0); }	position: relative; top: 1px; }	display: none; } /* --  For Older browsers and OS   Not support for flex option, therefore GlobalNav & Header all crashed heavily Hide GlobalNav from those and display Header better By Dai ca superman -- */ .wds-global-navigation-wrapper { display: none; } .wds-community-header__local-navigation { display: block; } .wds-tabs__tab, .wds-community-header__top-container .wds-button-group { display: inline-block; } _:-ms-fullscreen,
 * 1) stdTemplates {
 * 1) stdTemplates {
 * 1) WikiaRail #railwam-log-alert,
 * 2) WikiaRail #railwam-log-alert a {
 * 1) CreatePageModalDialog, .MyToolsConfiguration .options-list, .global-shortcuts-help, .navpopup {
 * 1) quickdiff-modal > section.WikiaArticle tr {
 * 1) WikiaPageBackground > .snowfall-flakes {
 * 1) snow3 {
 * 1) particle {
 * 1) particles-js {
 * 1) WikiaArticle .marquee {
 * 1) WikiaArticle .marquee:hover {
 * 1) thank:after {
 * 1) thank {
 * 1) thank:hover {
 * 1) thank:active {
 * 1) thank {
 * 1) thank {
 * root .wds-global-navigation-wrapper {

display: block; }
 * -o-prefocus,

.wds-global-navigation-wrapper { display: block; } @supports (display:flex) { .wds-global-navigation-wrapper, .wds-community-header__local-navigation, .wds-tabs__tab { display: flex; }	.wds-community-header__top-container .wds-button-group { display: inline-flex; } } /* UCBrowsers fix for Sonako wiki */ /* Testing */ @media only screen and (max-width:1083px) { /* Fix Header */ html[data-useragent*='UCBrowser'] .wds-community-header__top-container .wds-button-group { display: none; } /* Fix globalNav */ html[data-useragent*='UCBrowser'] #globalNavigation { position: absolute; } html[data-useragent*='UCBrowser'] .wiki-sonako .wds-global-navigation-wrapper { display: block; } html[data-useragent*='UCBrowser'] .wds-global-navigation__links-and-search, html[data-useragent*='UCBrowser'] .wds-global-navigation__user-menu, html[data-useragent*='UCBrowser'] .wds-global-navigation__notifications-menu, html[data-useragent*='UCBrowser'] .wds-global-navigation__search { display: inline !important; float: left !important; } html[data-useragent*='UCBrowser'] .wds-global-navigation__links-and-search, html[data-useragent*='UCBrowser'] .wds-global-navigation__search { width: 200px !important; } html[data-useragent*='UCBrowser'] .wds-is-games, html[data-useragent*='UCBrowser'] .wds-is-movies, html[data-useragent*='UCBrowser'] .wds-is-tv, html[data-useragent*='UCBrowser'] .wds-global-navigation__logo, html[data-useragent*='UCBrowser'] .wds-global-navigation__wikis-menu, html[data-useragent*='UCBrowser'] .wds-global-navigation__start-a-wiki { display: none; } html[data-useragent*='UCBrowser'] #railwam-rail-mod svg, html[data-useragent*='UCBrowser'] .page-BakaTsuki_Recent_Changes svg#Layer_1 { display: none; } } /* Trang trí cho dịp lễ, Tết */ /* Chỉ sử dụng vào những dịp này */ /* Dải đèn cho Noel và Tết */ .page-header__separator:after { content: ""; padding-top: 7px; padding-left: 100%; background: url("https://vignette.wikia.nocookie.net/sonako/images/f/fb/Christmas_Light_Border.png/revision/latest?cb=20151204074356") no-repeat 50% 50%; } /* Trang trí Noel*/ /* Mũ và Sừng Noel*/ .wds-community-header__wordmark:after { content: ""; padding: 50px; background: url('https://vignette.wikia.nocookie.net/sonako/images/e/e6/Santa_Hat.png/revision/latest/scale-to-width-down/100?cb=20170101171522'); position: absolute; background-size: 50px; background-repeat: no-repeat; left: 210px; top: -17px; } .wds-community-header__wordmark:before { content: ""; padding: 50px; background: url('https://vignette.wikia.nocookie.net/sonako/images/f/f8/Horn_Deer.png/revision/latest/scale-to-width-down/100?cb=20161130095812'); position: absolute; background-size: 80px; background-repeat: no-repeat; left: 40px; top: -17px; z-index: -1; } @media only screen and (max-width:1083px) { .wds-community-header__wordmark:after { left: 145px; top: -22px; } .wds-community-header__wordmark:before { left: 30px; top: -15px; } } /* Nền và Gái Noel*/ @media only screen and (min-width:1083px) { .wds-community-header::before { background: url("https://vignette.wikia.nocookie.net/sonako/images/0/08/Noel_Char_02.png/revision/latest/scale-to-width-down/200?cb=20161130093215") no-repeat 96% 0px, url("https://vignette.wikia.nocookie.net/sonako/images/3/3b/Noel_Char_03.png/revision/latest/scale-to-width-down/200?cb=20161130084839") no-repeat 190px -5px, url("https://vignette.wikia.nocookie.net/sonako/images/2/23/Noel_Background_01.jpg/revision/latest/scale-to-width-down/600?cb=20161130085905") repeat-x; background-size: auto 350px, auto 250px, auto 300px; } .wds-community-header .wds-community-header__local-navigation { margin-left: 345px; } .wds-community-header .wds-community-header__local-navigation .wds-tabs__tab-label { color: #fff !important; text-shadow: 0 0 4px red, 0 0 4px red, 0 0 4px red, 0 0 4px red; } .wds-community-header .wds-community-header__sitename a { margin-left: 70px; color: #fff !important; text-shadow: 0 0 6px #00777f, 0 0 6px #00777f, 0 0 6px #00777f, 0 0 6px #00777f; } body .wds-community-header .wds-community-header__counter { color: #fff; text-shadow: 0 0 6px #00777f, 0 0 6px #00777f, 0 0 6px #00777f, 0 0 6px #00777f; } } /* Trang trí Tết*/ /* Nền và Chim Tết @media only screen and (min-width:1083px) { .wds-community-header::before { background: url("https://vignette.wikia.nocookie.net/sonako/images/7/7a/Tet_Chim_Choc.png/revision/latest/scale-to-width-down/400?cb=20160128092922") no-repeat 96% 0px, url("https://vignette.wikia.nocookie.net/sonako/images/a/a8/Tet_Holiday_Background.jpg/revision/latest?cb=20180214101306") repeat-x; background-size: auto 200px, auto 300px; } .wds-community-header .wds-community-header__local-navigation .wds-tabs__tab-label { color: #fff !important; text-shadow: 0 0 4px #00777f, 0 0 4px #00777f, 0 0 4px #00777f, 0 0 4px #00777f; } .wds-community-header .wds-community-header__sitename a { color: #fff !important; text-shadow: 0 0 6px #00777f, 0 0 6px #00777f, 0 0 6px #00777f, 0 0 6px #00777f; } body .wds-community-header .wds-community-header__counter { color: #fff; text-shadow: 0 0 6px #00777f, 0 0 6px #00777f, 0 0 6px #00777f, 0 0 6px #00777f; } } */ /* Cành đào và chim chóc content: ""; padding: 55px 150px; background: url('https://vignette.wikia.nocookie.net/sonako/images/6/63/Tet_Canh_Dao.png/revision/latest/scale-to-width-down/300?cb=20160128092921'); position: absolute; background-size: 280px 110px; background-repeat: no-repeat; right: -45px; top: -20px; z-index: -1; }   background: url("https://vignette.wikia.nocookie.net/sonako/images/7/7a/Tet_Chim_Choc.png/revision/latest/scale-to-width-down/400?cb=20160128092922") no-repeat top right; height: 110px; background-size: 400px auto; } */
 * 1) WikiHeader h2.wordmark:after {
 * 1) WikiHeader {