MediaWiki:Common.css: Difference between revisions

From MNDb
Jump to navigation Jump to search
No edit summary
No edit summary
Line 133: Line 133:
color: #99aacc;
color: #99aacc;
}
}
 
#body {
background-color: #14181f;
}
/*********************/
/*********************/
/* THE WAR HAS ENDED */
/* THE WAR HAS ENDED */
/*********************/
/*********************/

Revision as of 08:31, 26 March 2024

/* Mã CSS đặt ở đây sẽ áp dụng cho mọi giao diện */

/************************************************
Phần này chứa mã CSS cho phông chữ trên wiki này.
************************************************/

/* Cài đặt phông header */
@import url('https://fonts.googleapis.com/css2?family=Signika+Negative:wght@600&display=swap');

/************************************
* PHẦN TRÌNH DIỄN ẢO THUẬT BIẾN MẤT *
************************************/

.page-MNDb:Trang_chính .firstHeading,
.page-MNDb:Trang_chính .mw-side,
.page-MNDb:Trang_chính .mw-body-header,
.page-MNDb:Trang_chính #siteSub,
span#ca-new-page,
span#ca-new-subpage {
	display: none !important;
}

/***********************************
* TIẾP ĐÂY, THAY ĐỔI PHÔNG CHỮ LỚP *
***********************************/

#p-navigation-label,
#firstHeading,
.wb-section-heading,
.vector-menu-portal,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Signika Negative', sans-serif !important;
}

/***********************************
* KẾT THÚC MÀN TRÌNH DIỄN ẢO THUẬT *
***********************************/

.wikibase-entityview .wikibase-entityview-main {
	opacity: 0.95
}

/* Bảng đáp ứng cho trang chính, mã được lấy từ NBDb (Non-Binary Database)*/
.main-page-grid {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: auto auto;
}
.main-page-sections {
  display: flex;
  flex-wrap: wrap;
}
.main-page-section {
  flex: 1 0 40%;
  min-width: 200px;
}

/* Thử cho logo làm background */
.action-view.ns-120 #bodyContent,
.action-view.ns-122 #bodyContent {
	background-image: url(//upload.wikimedia.org/wikipedia/commons/6/64/MNDb_Logo.svg);
	background-repeat: no-repeat;
	/* @noflip */
	background-position: center;
	background-size: contain;
}

/* Make ranks more visible */
.wb-deprecated .wikibase-statementview-mainsnak { /* deprecated claims with red-ish background */
    background-color: #FFF0F0;
}
.wb-preferred .wikibase-statementview-mainsnak { /* preferred claims with green-ish background */
    background-color: #F0FFF0;
}

/********************/
/*ĐỊNH MỆNH WIKIBASE*/
/********************/

.wikibase-entitytermsview .wikibase-toolbar-container,
.wikibase-entitytermsview .wikibase-toolbar-container .wikibase-toolbar-container {
	background: none !important;
}

.wikibase-statementgrouplistview .wikibase-statementgroupview-property,
.wikibase-statementgrouplistview .wikibase-statementlistview,
.wikibase-statementview div.thumb img,
.wikibase-statementview div.thumb audio,
.wikibase-statementview div.thumb video,
.mw-kartographer-map,
.wb-propertypage .wikibase-propertyview-datatype,
.ui-widget.ui-suggester-list {
	border: 1.5px solid rgba(255,255,255,0.05) !important;
}

.wikibase-statementview {
	border-bottom: 1.5px solid rgba(255,255,255,0.05) !important;
}

.wikibase-statementgrouplistview .wikibase-statementgroupview-property,
.wikibase-statementgrouplistview .wikibase-statementgroupview-property.wb-edit,
.valueview-ineditmode .valueview-input,
.wikibase-statementgroupview-property.wb-edit,
.wikibase-entitysearch-list .wb-entitysearch-suggestions {
	background-color: #292e39 !important;
	border-radius: solid 8px 0px 0px solid 8px;
}

.wikibase-statementgrouplistview .wikibase-statementlistview,
.ui-suggester-list {
	background-color: #161b25 !important;
	border-radius: 0px solid 8px solid 8px 0px !important;
}

.wikibase-statementlistview .wikibase-toolbar-wrapper,
.wb-propertypage .wikibase-propertyview-datatype {
	background-color: #14181f !important;
}

.wb-propertypage .wikibase-propertyview-datatype,
.wikibase-entitysearch-list .wb-entitysearch-suggestions {
	border-radius: solid 8px !important;
}
.ui-suggester-list a,
.ui-widget.ui-suggester-list,
.suggestions-special .special-query,
.suggestions-special .special-label {
	color: #99aacc;
}
#body {
	background-color: #14181f;
}
/*********************/
/* THE WAR HAS ENDED */
/*********************/