MediaWiki: Tweeki.css: Difference between revisions

Latest revision as of 17:56, 25 August 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:992px) {
	#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;
	height: 315px;
}

@media (min-width: 992px) and (max-width:1200px){
	.card {
			border-radius: 10px;
			height: 325px;
		}
}


/*.img-card {
	height:220px;
	width:100%;
	border-radius: 10px 10px 0 0;
	object-fit:cover;
}*/

.img-card-main {
	height:180px;
	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 30px 10px 30px;
	}
}

.thumb{
	display:flex;
}

.thumbinner{
	border-radius:10px;
}

.mw-searchInput {
	height:50px;
	border-radius:5px;
}

.page-Main_Page img, .page-Category_Tokoh img, .page-Category_Peristiwa img, .page-Category_Organisasi img, .page-Category_Istilah img, .page-Category_Tempat img{
    height:220px;
	width:100%;
	border-radius: 10px 10px 0 0;
	object-fit:cover;
}

.page-Tentang_Kami img {
    height:380px;
	width:100%;
	border-radius: 10px 10px 0 0;
	object-fit:cover;
}

.mw-content-ltr figure[typeof~='mw:File/Thumb'] > figcaption, .mw-content-ltr figure[typeof~='mw:File/Frame'] > figcaption {
   text-align:center;
}

.page-Tentang_Kami .col, .page-Main_Page .col {
	padding: 0 5px 0 5px;
}

/*style Main_Page*/
.page-Main_Page .card {
	border-radius: 10px;
	height: 310px;
}

.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 img {
	height:380px;
	width:100%;
	border-radius: 10px 10px 0 0;
	object-fit:cover;
}

.page-Tentang_Kami .card {
	border-radius: 10px;
	height: 470px;
}

.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;
}

.dropdown-divider{
	display:none;
}

#pt-userpage,
#pt-mytalk {
    display: none;
}

#t-permalink,
#t-print,
#t-whatlinkshere,
#t-recentchangeslinked,
#t-recentchanges,
#t-upload {
    display: none;
}

.writer {
	line-height:1.5;
	font-size:14px;
	margin-bottom:0;
}
/*a[title="Landreform"], a[title="De Express"]  {*/
/*  font-style: italic;*/
  /* Add other specific styles for the <a> tag here if needed */
/*}*/