MediaWiki:Common.css

/* CSS yang ada di sini akan diterapkan untuk semua kulit. */

/* == LIST-TIMELINE ==

/**
 Source: https://dev.to/peterc/how-to-create-joined-bulletpoint-lists-with-css-bbc-news-style-1eem
**/
.list-timeline ul {
  list-style-type: none;
}

.list-timeline li {
  position: relative;
  margin: 0;
  padding-bottom: 1em;
  padding-left: 20px;
}

.list-timeline li:before {
  content: '';
  background-color: #c00;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 6px;
  width: 3px;
}

.list-timeline li:after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' viewBox='0 0 32 32' focusable='false'%3E%3Ccircle stroke='none' fill='%23c00' cx='16' cy='16' r='10'%3E%3C/circle%3E%3C/svg%3E");
  position: absolute;
  left: 0;
  height: 15px;
  width: 15px;
}
/* == END OF LIST-TIMELINE == */

/* == IMAGE ZOOM == */
.container-image-zoom {
  overflow: hidden;
}

.zoom {
  cursor: pointer;
  transition: all .5s ease !important;
}

.zoom11 {
  cursor: pointer;
  transition: all  0.5s ease !important;
}

.zoom:hover {
  transform: scale(1.2, 1.2);
}

.zoom11:hover {
  transform: scale(1.1, 1.1);
}

/* END OF IMAGE ZOOM */

/* == CAROUSEL == */

.top-content .carousel-control-prev-icon {
    width: 40px;
    height: 40px;
}
 
.top-content .carousel-control-next-icon {
    width: 40px;
    height: 40px;
}

/* ==END OF  CAROUSEL == */

body main {
    margin-bottom: 0;
    margin-top: 0;
}

.page-header {
	margin-top: 0;
}

.cbtn.btn.collapsed:before {
  content: '▼';
  display: block;
}

.cbtn.btn:before {
  content: '▲';
  display: block;
}


/* LIST */
ul li:last-child, ol li:last-child {
    margin-bottom: 1em;
}

/* == LONGLISTING =============================== */
.longlisting ul { margin: .3em 0 0 1.5em; list-style-image: url("/w/skins/gumaxdd15/arrow.gif"); }
.longlisting ul li { margin-bottom: .5em; padding: 0; /* margin between bullet and content */ }
.longlisting ol li { margin-bottom: .5em; padding: 0; /* margin between bullet and content */ }
.longlisting li { margin-bottom: 0em; padding: 0em; /* margin between bullet and content */ }

.longlisting ul p {margin: 0 0 .5em 2em; font-size:95%;}
.longlisting ol p {margin: 0 0 .5em 2em; font-size:95%;}

.longlisting ul li ul li {margin-left: 1.5em;}

/* ============================================ */

.slideshow div {
  _position: absolute;
}

.slideshow div div {
  _position: static;
}

.tocnumber { display: none !important; }

.licontent { margin: 0 0 0 .5em; }

.agendatoggler { padding: .5em 0 .5em 0; border-bottom: 1px #ddd dotted; background:transparent; line-height:100%; }

.agendatoggler:hover { background: #f7f7f7; }

.listkhotbah2 a:link { color:black; }

.tabxoff {
    padding:.75em;
    background:#e9e9e9;
    border-top:1px #f2f2f2 solid;
}

.tabxoff:hover { background-color: #FCFCFC; }

.tabxon {
    padding:.75em;
    background:white;
    border-top:1px #f2f2f2 solid;
    border-bottom:1px #e9e9e9 solid;
}

/* div.thumbinner {background-color:transparent;} */

.thumb {border-color: transparent;}

/* Tautan lebih lanjut dan catatan disambiguasi */
.rellink,
.dablink {
    font-style: italic;
    padding-left: 2em;
    margin-bottom: 0.5em;
}
.rellink i,
.dablink i {
    font-style: normal;
}

/* FORMATTING MANUAL */
.h4like {
  font-size:110%;
  margin:1em 0 .25em 0;
  border-bottom: 1px #eee solid;
  padding-bottom: .25em;
}

.redden { color: darkred; }

.quotehanging {margin-left: 3em; text-indent: -1.5em; }
.quotehanging p { padding-bottom: 0em;margin-bottom: 0em; }
.quotehanging p:last-child { margin-bottom: 1em; }
.quotehanging p-nospaceafter:last-child { margin-bottom: 0em; }

.beforelist { margin-bottom: 0em; }

p + ul {margin-bottom: 0em;}

div.quotehanging45 {margin-left: 4.5em; text-indent: -1.5em; }
div.quotehanging45 p { padding-bottom: 0em;margin-bottom: 0em; }
div.quotehanging45 p:last-child { margin-bottom: 1em; }
div.quotehanging45 p-nospaceafter:last-child { margin-bottom: 0em; }



.quoteregular {margin-left: 3em; text-indent: 0; }

.quotehanging td {
   padding: 0 0 0 2.5em;
   text-indent: -1em;
}

div.paragraphindented { text-indent: 1.5em; }
div.paragraphindented h1, h2, h3, h4, h5 { margin-left: 0; text-indent: 0; }

div.paragraphhanging { margin-left: 1.5em; text-indent: -1.5em; }
div.paragraphhanging { margin-left: 0; text-indent: 0; }
div.paragraphhanging p { padding-bottom: 0em;margin-bottom: 0em; }
div.paragraphhanging p:last-child { margin-bottom: 1em; }

div.p-nospaceafter p { padding-bottom: 0em;margin-bottom: 0em; }
div.p-nospaceafter p:last-child { padding-bottom: 0em;margin-bottom: 1em; }

dl p-nospaceafter { margin-bottom: 0em; }
.dl p-nospaceafter { margin-bottom: 0em; }

table.quotehanging p { padding-bottom: 0em;margin-bottom: 0em; }

/* wikitable/prettytable class for skinning normal tables */

table.infoboxtable {border-collapse: collapse; border-radius: .5em;}
.infoboxtable th    {padding: .25em .5em .25em .5em; }
.infoboxtable td    {padding: .25em .5em .25em .5em; }

table.wikitable,
table.prettytable {
    margin: 1em 1em 1em 0;
    background: #f9f9f9;
    border: 1px #aaa solid;
    border-collapse: collapse;
}
table.listtable {
    margin: 0em 0 1em 0;
    background: #f9f9f9;
    border: 1px #aaa solid;
    border-collapse: collapse; font-size:90%;
}
.listtable th, .listtable td {
    padding: 2px 6px 2px 4px;
    border: 1px #aaa solid;
}
.wikitable th, .wikitable td,
.prettytable th, .prettytable td {
    border: 1px #aaa solid;
    padding: 0.2em;
}
.listtable th,
.wikitable th,
.prettytable th {
    background: #f2f2f2;
    text-align: center;
}
.listtable caption,
.wikitable caption,
.prettytable caption {
    font-weight: bold;
}

table.wikitable2 {
    margin: 1em 1em 1em 0;
    background: #f9f9f9;
    border: 1px #aaa solid;
    border-collapse: collapse;
}
.wikitable2 th, .wikitable2 td {
    border: 1px #aaa solid;
    padding: .3em;
}
.wikitable2 th {
    background: #f2f2f2;
    text-align: center; padding: .3em;
}
.wikitable2 caption {
    font-weight: bold;
}


/* Berbagai ''style'' "infobox" */

 .infobox {
     border: 1px solid #aaaaaa;
     background-color: #f9f9f9;
     color: black;
     margin-bottom: 0.5em;
     margin-left: 1em;
     padding: .2em;
     float: right;
     clear: right;
 }
 .infobox tr {
     vertical-align: top;
 }
 .infobox caption {
     margin-left: inherit;
 }
 .infobox.bordered {
     border-collapse: collapse;
 }
 .infobox.bordered td, .infobox.bordered th {
     border: 1px solid #aaaaaa;
 }
 .infobox.sisterproject {
     width: 20em;
     font-size: 90%;
 }

/* Make the list of references in [[Template:Reflist]] smaller */
.references-small { 
    font-size: 90%;
}
 
/* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */
/* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */
/* column-count is from the CSS3 module "CSS Multi-column Layout" */
/* Please ignore any validator errors caused by these two lines */
.references-2column {
    font-size: 90%;
    -moz-column-count: 2;
    column-count: 2;
}
 
/* Ensure refs in table headers and the like aren't bold or italic */
sup.reference {
    font-weight: normal;
    font-style: normal;
}
 
/* Highlight clicked reference in blue to help navigation */
ol.references > li:target,
sup.reference:target,
span.citation:target, cite:target { 
    background-color: #DEF;
}

/* ************************************************** 
 * Tab support based on http://www.alistapart.com/articles/slidingdoors/
 * ************************************************** 
 * SOURCE: http://openwetware.org/index.php?title=MediaWiki:Monobook.css
*/

.tabs,.tabs-blue {
  float:left;
  width:100%;
  background:#DAE0D2 url("/w/images/3/3a/Tab-bg.gif") repeat-x bottom;
  font-size:93%;
  line-height:normal;
  margin: 0;
  padding: 0;
}
.tabs-blue {
  background:#CCCCFF url("/w/images/b/bb/SDbg.gif") repeat-x bottom;
}

.tabs ul,.tabs-blue ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
}
.tabs li,.tabs-blue li {
  float:left;
  background:url("/w/images/1/11/Tab-left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
}
.tabs-blue li {
  background:url("/w/images/b/b7/SDleft.gif") no-repeat left top;
}

/* MediaWiki automatically removes links for the current page and surrounds it with <strong> tags instead */
.tabs a,.tabs-blue a,.tabs strong,.tabs-blue strong {
  float:left;
  display:block;
  background:url("/w/images/0/07/Tab-right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
}
.tabs-blue a,.tabs-blue strong {
  background:url("/w/images/f/f8/SDright.gif") no-repeat right top;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.tabs a, .tabs-blue a {float:none;}
/* End IE5-Mac hack */
.tabs a:hover, .tabs-blue a:hover {
  color:#333;
}

.tabs #current {
  background-image:url("/w/images/0/05/Tab-left_on.gif");
}
.tabs-blue #current {
  background-image:url("/w/images/a/a5/SDleft_on.gif");
}

.tabs #current a,.tabs #current strong,.tabs-blue #current a, .tabs-blue #current strong {
  background-image:url("/w/images/6/61/Tab-right_on.gif");
  color:#333;
  padding-bottom:5px;
}
.tabs-blue #current a,.tabs-blue #current strong {
  background-image:url("/w/images/5/59/SDright_on.gif");
}


.tabcontent {
  border: 1px dashed #aa9988;
  padding: 0em 1em 1em 1em;
  border-top: none;
  background-color:#ffffff;
  color:#000;
  clear: both;
}

.tabcontent #prevtab {
  float: left;
  margin-top: -1.5em; 
  background-color: #DAE0D2; 
  color: #000; 
  padding: .2em .6em; 
  font-size: 130%; 
  border: 1px solid #765;
}

.tabcontent #nexttab {
  float: right; 
  margin-top: -1.5em; 
  background-color: #DAE0D2; 
  color: #000; 
  padding: .2em .6em; 
  font-size: 130%; 
  border: 1px solid #765;
}

/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
th.mbox-text, td.mbox-text {     /* The message body cell(s) */
    border: none; 
    padding: 0.25em 0.9em;       /* 0.9em left/right */
    width: 100%;    /* Make all mboxes the same width regardless of text length */
}
td.mbox-image {                  /* The left image cell */
    border: none; 
    padding: 2px 0 2px 0.9em;    /* 0.9em left, 0px right */
    text-align: center; 
}
td.mbox-imageright {             /* The right image cell */
    border: none;
    padding: 2px 0.9em 2px 0;    /* 0px left, 0.9em right */
    text-align: center; 
}
td.mbox-empty-cell {         /* An empty narrow cell */
    border: none;
    padding: 0px;
    width: 1px;
}
 
/* Article message box styles */
table.ambox {
    margin: 0px 10%;   /* 10% = Will not overlap with other elements */
    border: 1px solid #aaa; 
    border-left: 10px solid #1e90ff;    /* Default "notice" blue */
    background: #fbfbfb; 
}
table.ambox + table.ambox {   /* Single border between stacked boxes. */
    margin-top: -1px;
}
.ambox th.mbox-text, 
.ambox td.mbox-text {            /* The message body cell(s) */
    padding: 0.25em 0.5em;       /* 0.5em left/right */
}
.ambox td.mbox-image {           /* The left image cell */
    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
}
.ambox td.mbox-imageright {      /* The right image cell */
    padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
}
 
table.ambox-notice {
    border-left: 10px solid #1e90ff;    /* Blue */
}
table.ambox-speedy {
    border-left: 10px solid #b22222;    /* Red */
    background: #fee;                   /* Pink */
}
table.ambox-delete {
    border-left: 10px solid #b22222;    /* Red */
}
table.ambox-content {
    border-left: 10px solid #f28500;    /* Orange */
}
table.ambox-style {
    border-left: 10px solid #f4c430;    /* Yellow */
}
table.ambox-move {
    border-left: 10px solid #9932cc;    /* Purple */
}
table.ambox-protection {
    border-left: 10px solid #bba;       /* Gray-gold */
}
 
/* Image message box styles */
table.imbox {
    margin: 4px 10%; 
    border-collapse: collapse; 
    border: 3px solid #1e90ff;    /* Default "notice" blue */
    background: #fbfbfb;
}
.imbox .mbox-text .imbox {    /* For imboxes inside imbox-text cells. */
    margin: 0 -0.5em;    /* 0.9 - 0.5 = 0.4em left/right. */
}
.mbox-inside .imbox {    /* For imboxes inside other templates. */
    margin: 4px;
}
 
table.imbox-notice {
    border: 3px solid #1e90ff;    /* Blue */
}
table.imbox-speedy {
    border: 3px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.imbox-delete {
    border: 3px solid #b22222;    /* Red */
}
table.imbox-content {
    border: 3px solid #f28500;    /* Orange */
}
table.imbox-style {
    border: 3px solid #f4c430;    /* Yellow */
}
table.imbox-move {
    border: 3px solid #9932cc;    /* Purple */
}
table.imbox-protection {
    border: 3px solid #bba;       /* Gray-gold */
}
table.imbox-license {
    border: 3px solid #88a;       /* Dark gray */
    background: #f7f8ff;          /* Light gray */
}
table.imbox-featured {
    border: 3px solid #cba135;    /* Brown-gold */
}
 
/* Category message box styles */
table.cmbox {
    margin: 3px 10%;
    border-collapse: collapse;
    border: 1px solid #aaa; 
    background: #DFE8FF;    /* Default "notice" blue */
}
 
table.cmbox-notice {
    background: #D8E8FF;    /* Blue */
}
table.cmbox-speedy {
    margin-top: 4px;
    margin-bottom: 4px;
    border: 4px solid #b22222;    /* Red */
    background: #FFDBDB;          /* Pink */
}
table.cmbox-delete {
    background: #FFDBDB;    /* Red */
}
table.cmbox-content {
    background: #FFE7CE;    /* Orange */
}
table.cmbox-style {
    background: #FFF9DB;    /* Yellow */
}
table.cmbox-move {
    background: #E4D8FF;    /* Purple */
}
table.cmbox-protection {
    background: #EFEFE1;    /* Gray-gold */
}
 
/* Other pages message box styles */
table.ombox {
    margin: 4px 10%; 
    border-collapse: collapse; 
    border: 1px solid #aaa;       /* Default "notice" gray */
    background: #f9f9f9;
}
 
table.ombox-notice {
    border: 1px solid #aaa;       /* Gray */
}
table.ombox-speedy {
    border: 2px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.ombox-delete {
    border: 2px solid #b22222;    /* Red */
}
table.ombox-content {
    border: 1px solid #f28500;    /* Orange */
}
table.ombox-style {
    border: 1px solid #f4c430;    /* Yellow */
}
table.ombox-move {
    border: 1px solid #9932cc;    /* Purple */
}
table.ombox-protection {
    border: 2px solid #bba;       /* Gray-gold */
}
 
/* Talk page message box styles */
table.tmbox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #c0c090;    /* Default "notice" gray-brown */
    background: #f8eaba;
}
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" */
    margin: 2px 0;               /* class ensures that this declaration overrides other */
    width: 100%;  /* For Safari and Opera */     /* styles (including mbox-small above) */
}
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
    line-height: 1.5em;          /* also "nested", so reset styles that are   */   
    font-size: 100%;             /* set in "mbox-small" above.                */
}
 
table.tmbox-speedy {
    border: 2px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.tmbox-delete {
    border: 2px solid #b22222;    /* Red */
}
table.tmbox-content {
    border: 2px solid #f28500;    /* Orange */
}
table.tmbox-style {
    border: 2px solid #f4c430;    /* Yellow */
}
table.tmbox-move {
    border: 2px solid #9932cc;    /* Purple */
}
table.tmbox-protection,
table.tmbox-notice {
    border: 1px solid #c0c090;    /* Gray-brown */
}
 
/* Disambig and set index box styles */
table.dmbox {
    clear: both; 
    margin: 0.9em 1em; 
    border-top: 1px solid #ccc; 
    border-bottom: 1px solid #ccc; 
    background: transparent;
}
 
/* Footer and header message box styles */
table.fmbox {
    clear: both;
    margin: 0.2em 0;
    width: 100%;
    border: 1px solid #aaa;
    background: #f9f9f9;     /* Default "system" gray */
}
table.fmbox-system {
    background: #f9f9f9;
}
table.fmbox-warning {
    border: 1px solid #bb7070;  /* Dark pink */
    background: #ffdbdb;        /* Pink */
}
table.fmbox-editnotice {
    background: transparent;
}

/* Div based "warning" style fmbox messages. */
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
    clear: both;
    margin: 0.2em 0;
    border: 1px solid #bb7070;
    background: #ffdbdb;
    padding: 0.25em 0.9em;
}
/* Div based "system" style fmbox messages. Used in 
   [[MediaWiki:Noarticletext]] and [[MediaWiki:Readonly lag]]. */
div.mw-lag-warn-normal,
div.noarticletext,
div.fmbox-system {
    clear: both;
    margin: 0.2em 0;
    border: 1px solid #aaa;
    background: #f9f9f9;
    padding: 0.25em 0.9em;
}
 
/* These mbox-small classes must be placed after all other 
   ambox/tmbox/ombox etc classes. "body.mediawiki" is so 
   they override "table.ambox + table.ambox" above. */
body.mediawiki table.mbox-small {   /* For the "small=yes" option. */
    clear: right;
    float: right;
    margin: 4px 0 4px 1em;
    width: 238px;
    font-size: 88%;
    line-height: 1.25em;
}
body.mediawiki table.mbox-small-left {   /* For the "small=left" option. */
    margin: 4px 1em 4px 0;
    width: 238px;
    border-collapse: collapse;
    font-size: 88%;
    line-height: 1.25em;
}


/* Navigation links untuk ringkasan Khotbah
   Sumber: [[wmf:MediaWiki:Common.css]]       -------- */
 
.divlang {
    background: transparent; /* #F9F9F9; */
    border: none; /* 1px solid #E9E9E9; */
    font-size: 0.9em;
    margin: .25em 0 1em 0; /* .1em 0 1em 0; */
    padding: .25em;
    text-align: left;
}
 
.divlang ul {
    display: inline;
    margin-left: 0;
    padding-left: 0;
}
 
.divlang ul li {
    border-left: 1px solid #E4E4E4;
    display: inline;
    list-style: none;
    margin-left: 0;
    padding: 0 0.25em 0 .5em;
}
 
.divlang ul li.firstlang {
    border-left: none;
    display: inline;
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

/* STYLING LIST UNTUK DOA KELILING */

ol.doa li {
	margin-bottom: 1em;
}

/* TRANSKRIPSI DOA SEBELUM KHOTBAH */

table.doa {
    margin: .5em 1em .5em 0em;
    font-size: 92%;
    background: transparent;
    border: 1px #aaa solid;
    padding: .5em;
border-collapse: collapse;
border-radius: .25em;
}

table.doa th, table.doa td { padding: 1em; }

table.doa td:last-child { margin-bottom: 0; }

table.doa p:last-child { margin-bottom: 0; }

/* SERBA-SERBI */

.serbaserbi h2 { margin-top:0em;
}

 table.profil {
     margin: 1em 1em 1em 0;
     background: LightCyan;
     border: 1px Turquoise solid;
     border-collapse: collapse;
 }
 table.profil th, table.profil td {
     border: 1px Turquoise solid;
     padding: 0.2em;
     padding: .5em .5em .5em .5em;
 }
 table.profil th {
     background: #e8e8e8;
     text-align: center;
 }
 table.profil caption {
     margin-left: inherit;
     margin-right: inherit;
 }
 tbody tr.evencyan td {
     background: PaleTurquoise
 }
 tbody tr.oddcyan td {
     background: LightCyan;
 }

 table.profil tr { vertical-align: center; }

/* QUOTE */

.quotels {
 float: right;
 background: LightSalmon;
 padding: .5em 1em .5em 1em;
 border: 1px #eee solid;
 text-align: center;
 margin: .5em 1em .5em 1em;
 max-width: 30%;
 font-size: 120%;
}

/* UNTUK MENU 9 WEEKS OF BREAKTHROUGHS */
.nwobmenuON {
    background:LightSteelBlue;
    font-weight:bold;
    padding:.5em;
    border-bottom: 1px #ddd solid;
}

.nwobmenuOFF {
    background:transparent;
    font-weight:normal;
    padding:.5em;
    border-bottom: 1px #ddd solid;
}

.nwobmenuOFF:hover { background-color: #CEE0F2; }

/* == UMUM ===================================== */

/*
ul { margin-bottom: .3em; margin-top: .1em; list-style-image: url("/w/skins/gumaxdd15/arrow.gif"); }
ol { margin-bottom: .3em; margin-top: .1em; }
ul li { margin: 0em 0em 0em .5em; padding: 0 0 0 0; margin between bullet and content  }
ol li { margin: 0em 0em 0em .5em; padding: 0 0 0 0; margin between bullet and content  }
ul p {margin: 0 0 .3em .5em;}
ol p {margin: 0 0 .3em .5em;}
*/

/* RETRO TABS */
#headertabs.retro.ui-widget {
  font-family:inherit;
  font-size: 1em;
  background: #fff;
  border: 0px;
}

#headertabs.retro .ui-tabs-panel {
  border-color: rgb(36,51,86); /* rgb(128,128,128) rgb (128,128,128)*/
  border-style: solid;
  border-width: 1px;
}

#headertabs.retro .ui-widget-header {
  border-bottom: 5px solid #2647A0;
}

#headertabs.retro .ui-state-default,
#headertabs.retro .ui-state-default a {
  background: #CCC;
  border-color: #666;
  color: #000;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
}

#headertabs.retro .ui-state-hover, 
#headertabs.retro .ui-state-hover a {
  background: rgb(191,218,255);
  color: #000;
}

#headertabs.retro .ui-state-active, 
#headertabs.retro .ui-state-active a {
  background: #2647A0;
  border-color: #000;
  border-width: 1px 1px 0px 1px;
  color: #fff;
}

#headertabs.retro .ui-widget input,
.ui-widget select, 
.ui-widget textarea,
.ui-widget button {
  font-family: inherit;
  font-size: 1em;
}

#headertabs.retro .ui-widget-content a {
  color: #0645ad;
}

#headertabs.retro .ui-widget a:visited {
  color: #0b0080;
}

#headertabs.retro .ui-widget-content a.new {
  color: #CC2200;
}

#headertabs.retro .ui-widget-content a.new:visited {
  color: #A55858;
}

#headertabs.retro .ui-widget-content exitw {
  color: #3366BB;
}

#headertabs.retro .ui-widget-content a.redirect {
  color: #308050
}

#headertabs.retro .ui-widget-content a.redirect:visited {
  color: #3070A0;
}


.jTest-red { background-color: red; }

.firstHeading {text-align: left}

body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; }

/* #catlinks { display:block }
.page-Utama #catlinks {display:none }

/* .page-Main_Page #contentSub { display: none } */

.span#mw-redirectedfrom {display: none }
#mw-redirectedfrom {display: none }

/* div#contentSub {display: none } */

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}

.table-nonfluid {
   width: auto !important;
}

ol.list-kom { 
   padding-inline-start: 1.5em !important;
   margin-left: 0em !important;
   }

ul.list-kom {
   margin: 0 0 1rem 1.3rem !important;
   padding-left: 0em;
   }

ol.list-kom li {
   margin-left: 0em;
   }

ul.list-kom li {
   margin-left: 0em;
   padding-left: 0em;
   }

ol.list-kom-lower-alpha {
   list-style-type: lower-alpha;
   }

.clear-right li {
	clear: right;
	}
	
.list-no-indent ul {
   margin-left: 0em;
   padding-left: 0em;
   }


/* === UNTUK TWEEKI ==================== */

ul, ol { margin-top: 0; padding-top: 0; margin-bottom: 1em; }

ul li, ol li { margin-left: 0; padding-left: 0; margin-bottom: 0; padding-top: 0;}

ol p, ul p, ol p+p, ul p+p { margin-top: 0em; margin-left: 0; padding-left: 0; margin-bottom: .5em; padding-bottom: .5em; }

ul li:last-child, ol li:last-child { margin-bottom: 0em; }

ul li:first-child, ol li:first-child { margin-top: 0; padding-top: 0;}

ul > :first-child {
    margin-top: 0; padding-top: 0;
}

ol > :first-child {
    margin-top: 0; padding-top: 0;
}

.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol, .mw-content-ltr ul {
    margin: 0em 0 1rem 2.6em;
    padding: 0;
}

p {margin-bottom: 1em;}

p +p {margin-bottom: 1em;}

dl {
    margin-top: 0;
    margin-bottom: 1em;
}

ul dl, ol dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

body.page-Utama.action-view .firstHeading, body.page-Main_Page.action-submit .firstHeading { display: none; }


.selflink
{
font-weight: bold;
}


ul dd { margin-bottom: 1rem; }