MediaWiki: Tweeki.css: Difference between revisions

Revision as of 12:13, 31 July 2023

/* CSS placed here will affect users of the Tweeki skin */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");

body {
	font-family: 'Georgia';
}

#toc {
	background-color:white;
}

.navbar {
	background-color:#071c2e;
}
.navbar-dark .navbar-nav .nav-link{
	color:white;
}
.navbar-dark .navbar-nav .nav-link:active{
	color:grey;
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: grey;
}

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active {
	color:grey;
}

.navbar-collapse{
	margin-right:30px;
}
.nav-item {
	padding-right:15px;
}
.bodySearchWrap {
	padding-top: 120px;
	padding-bottom:120px;
	text-align:center;
}
@media (max-width: 480px){
	.bodySearchWrap {
		padding:30px 10px 30px 10px;
	}
}
@media (max-width: 480px) {
	.mw-ui-button {
		margin-top:15px;
		width:100px;
	}
}
.mw-ui-button {
	height:50px;
}
#searchform{
	position:absolute;
}
@media (max-width:480px) {
	#searchform {
		position: relative;
	}
}

#footer {
	background-color:#0e365a;
}

p {
	text-align:left;	
	line-height:1.5;
}

.mw-content-ltr .thumbcaption {
	text-align:center;
}
.img-fluid {
	width:100%;
	border-radius: 10px;
}
img {
	width:100%;
	border-radius: 10px;
	height:auto;
	max-width:100%;
}

.card {
	border-radius: 10px;
}
.img-card {
	height:220px;
	width:100%;
	border-radius: 10px 10px 0 0;
}
#loginext{
	left:-120px;
}

@media (max-width: 480px){
.pad {
	padding:15px;
	}
}
@media (min-width: 768px){
.pad {
	padding:0px 40px 10px 40px;
	}
}
.thumb{
	display:flex;
}
.thumbinner{
	border-radius:10px;
}
.mw-searchInput {
	height:50px;
	border-radius:5px;
}




/*style Main_Page*/
.page-Main_Page #contentwrapper {
	padding-top: 40px;
    width: 100%;
}
.page-Main_Page a {
	color:#383838;
}
.page-Main_Page #content a .external{
  background-image: none !important;
}
.page-Main_Page .mw-parser-output .external {
	background-image: none !important;
}
.page-Main_Page #maincontentwrapper {
	padding-left:0;
	padding-right:0;
}
@media (min-width: 768px) {
.page-Main_Page #content {
		padding-left:0;
		padding-right:0;
	}
}
.page-Main_Page #contentSub {
	display:none;
}
.page-Main_Page .mw-category-generated {
	padding:60px;
}

/*Style Category_Tokoh*/
.page-Category_Tokoh #contentwrapper {
	padding-top: 40px;
    width: 100%;
}
.page-Category_Tokoh a {
	color:#383838;
}
.page-Category_Tokoh #content a .external{
  background-image: none !important;
}
.page-Category_Tokoh .mw-parser-output .external {
	background-image: none !important;
}
.page-Category_Tokoh #maincontentwrapper {
	padding-left:0;
	padding-right:0;
}
@media (min-width: 768px) {
.page-Category_Tokoh #content {
		padding-left:0;
		padding-right:0;
	}
}
.page-Category_Tokoh #contentSub {
	display:none;
}

.page-Category_Tokoh .mw-category-generated {
	padding:60px;
}

/*Style Category_Peristiwa*/
.page-Category_Peristiwa #contentwrapper {
	padding-top: 40px;
    width: 100%;
}
.page-Category_Peristiwa a {
	color:#383838;
}
.page-Category_Peristiwa #content a .external{
  background-image: none !important;
}
.page-Category_Peristiwa .mw-parser-output .external {
	background-image: none !important;
}
.page-Category_Peristiwa #maincontentwrapper {
	padding-left:0;
	padding-right:0;
}
@media (min-width: 768px) {
.page-Category_Peristiwa #content {
		padding-left:0;
		padding-right:0;
	}
}
.page-Category_Peristiwa #contentSub {
	display:none;
}
.page-Category_Peristiwa .mw-category-generated {
	padding:60px;
}

/*Style Category_Organisasi*/
.page-Category_Organisasi #contentwrapper {
	padding-top: 40px;
    width: 100%;
}
.page-Category_Organisasi a {
	color:#383838;
}
.page-Category_Organisasi #content a .external{
  background-image: none !important;
}
.page-Category_Organisasi .mw-parser-output .external {
	background-image: none !important;
}
.page-Category_Organisasi #maincontentwrapper {
	padding-left:0;
	padding-right:0;
}
@media (min-width: 768px) {
.page-Category_Organisasi #content {
		padding-left:0;
		padding-right:0;
	}
}
.page-Category_Organisasi #contentSub {
	display:none;
}
.page-Category_Organisasi .mw-category-generated {
	padding:60px;
}

/*Style Category_Istilah*/
.page-Category_Istilah #contentwrapper {
	padding-top: 40px;
    width: 100%;
}
.page-Category_Istilah a {
	color:#383838;
}
.page-Category_Istilah #content a .external{
  background-image: none !important;
}
.page-Category_Istilah .mw-parser-output .external {
	background-image: none !important;
}
.page-Category_Istilah #maincontentwrapper {
	padding-left:0;
	padding-right:0;
}
@media (min-width: 768px) {
.page-Category_Istilah #content {
		padding-left:0;
		padding-right:0;
	}
}
.page-Category_Istilah #contentSub {
	display:none;
}
.page-Category_Istilah .mw-category-generated {
	padding:60px;
}

/*Style Category_Tempat*/
.page-Category_Tempat #contentwrapper {
	padding-top: 40px;
    width: 100%;
}
.page-Category_Tempat a {
	color:#383838;
}
.page-Category_Tempat #content a .external{
  background-image: none !important;
}
.page-Category_Tempat .mw-parser-output .external {
	background-image: none !important;
}
.page-Category_Tempat #maincontentwrapper {
	padding-left:0;
	padding-right:0;
}
@media (min-width: 768px) {
.page-Category_Tempat #content {
		padding-left:0;
		padding-right:0;
	}
}
.page-Category_Tempat #contentSub {
	display:none;
}
.page-Category_Tempat .mw-category-generated {
	padding:60px;
}

/*Style Tentang kami*/
.page-Tentang_Kami #contentwrapper {
	padding-top: 40px;
    width: 100%;
}
.page-Tentang_Kami a {
	color:#383838;
}
.page-Tentang_Kami #content a .external{
  background-image: none !important;
}
.page-Tentang_Kami .mw-parser-output .external {
	background-image: none !important;
}
.page-Tentang_Kami #maincontentwrapper {
	padding-left:0;
	padding-right:0;
}
@media (min-width: 768px) {
.page-Tentang_Kami #content {
		padding-left:0;
		padding-right:0;
	}
}
.page-Tentang_Kami #contentSub {
	display:none;
}
.page-Tentang_Kami .mw-category-generated {
	padding:60px;
}

.hero {
	background-image:linear-gradient(to bottom,#071c2e,#0e365a);
}
.hero a{
	color:white;
}
.wikiEditor-ui {
	padding:1.5rem;
}
a.mw-selflink:hover {
	color:grey;
}

a.mw-selflink{
	color:grey;
}

.desc {
	padding-left:120px;
	padding-right:120px;
}
@media (max-width:480px){
	.desc {
		padding-left: 10px;
		padding-right:10px;
	}
}

.refs p {
	margin-bottom:0;
}
.refs .dd {
	margin-bottom:0;
}

/*a[title="Landreform"], a[title="De Express"]  {*/
/*  font-style: italic;*/
  /* Add other specific styles for the <a> tag here if needed */
/*}*/