Citakan:Mukak/style.css

/* Turunan dari //jv.wikipedia.org/Cithakan:Pendhapa_Wikipédia/gagrag.css 2024-07-12 */
/* Bagian atas */
.mp-header {
  background: url('//upload.wikimedia.org/wikipedia/commons/1/10/Wikipedia-logo-v2-200px-transparent.png');
  background-repeat: no-repeat;
  background-position: -40px -15px;
  vertical-align: top;
}
.mp-header__main {
  display: flex;
  font-size: 95%;
  margin-top: 2px;
  margin-bottom: 2px;
}
.mp-header__welcome {
  flex: 1;
  margin-top: 2px;
  margin-bottom: 2px;
}
.mp-header__selamat-kge {
  font-size: 170%;
  text-align: center;
  color: #333333;
  font-family: 'Suarnadipa Lampung','AB Landeyan','RL Wayak','NA Lampongsche';
}
.mp-header__ensiklopedia-kge {
  font-size: 90%;
  text-align: center;
  color: #333333;
  font-family: 'Suarnadipa Lampung','RL Wayak','AB Landeyan','NA Lampongsche';
}
.mp-header__selamat-latn {
  font-size: 200%;
  font-variant: small-caps;
  text-align: center;
  color: #333333;
}
.mp-header__ensiklopedia {
  font-size: 120%;
  text-align: center;
  color: #333333;
}
.mp-header__jumlah-artikel {
  font-size: 110%;
  text-align: center;
  color: #333333;
}
.mp-header__portal-kategori {
  font-variant: small-caps;
  font-size: 95%;
  text-align: center;
  color: #333333;
}

/* Bagian isi */
.mp-main-content,
.mp-main-content__focus,
.mp-main-content__other {
  display: block;
  width: 100%;
  padding: 0;
}
@media all and (min-width:800px) {
  body:not(.skin-minerva) .mp-main-content {
    margin-top: 10px;
    display: flex;
  }
  body:not(.skin-minerva) .mp-main-content__focus {
    flex: 1 1 55%;
    vertical-align: top;
    color: #000;
    padding: 0;
  }
  body:not(.skin-minerva) .mp-main-content__other {
    flex: 1 1 45%;
    vertical-align: top;
    padding: 0;
    margin-left: 10px;
  }
}
body.skin-minerva .mp-main-content__focus,
body.skin-minerva .mp-main-content__other {
  border: none;
}
.card_row {
  display: flex;
  margin: 8px auto;
  flex-direction: row;
  flex-flow: row wrap;
  justify-content: space-between;
  padding: 0;
}
.card {
  width: 100%;
  margin: 8px auto;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
}
.header_red_background {
  background-color: #993333;
}
.header_red {
  background-repeat: repeat;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  border-color: #993333;
  text-align: left;
  font-size: 130%;
  font-variant: small-caps;
  padding: 5px 5px 5px 20px;
  font-weight: bold;
  color: #f9f0f0;
}
.container_red {
  display: flow-root;
  box-sizing: border-box;
  padding: 18px;
  text-align: left;
  line-height: 1.5em;
  background-color: #f9f0f0;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #f9f0f0;
}
.header_green_background {
  background-color: #669933;
}
.header_green {
  background-repeat: repeat;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  border-color: #669933;
  text-align: left;
  font-size: 130%;
  font-variant: small-caps;
  padding: 5px 5px 5px 20px;
  font-weight: bold;
  color: #f4f9f0;
}
.container_green {
  display: flow-root;
  box-sizing: border-box;
  padding: 18px;
  text-align: left;
  line-height: 1.5em;
  background-color: #f4f9f0;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #f4f9f0;
}
.header_gray_background {
  background-color: #848482;
}
.header_gray {
  background-repeat: repeat;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  border-color: #848482;
  text-align: left;
  font-size: 130%;
  font-variant: small-caps;
  padding: 5px 5px 5px 20px;
  font-weight: bold;
  color: #F5F5F5;
}
.container_gray {
  display: flow-root;
  box-sizing: border-box;
  padding: 18px;
  text-align: left;
  line-height: 1.5em;
  background-color: #F5F5F5;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #F5F5F5;
}
.header_blue_background {
  background-color: #336699;
}
.header_blue {
  background-repeat: repeat;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  border-color: #336699;
  text-align: left;
  font-size: 130%;
  font-variant: small-caps;
  padding: 5px 5px 5px 20px;
  font-weight: bold;
  color: #f0f4f9;
}
.container_blue {
  display: flow-root;
  box-sizing: border-box;
  padding: 18px;
  text-align: left;
  line-height: 1.5em;
  background-color: #f0f4f9;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #f0f4f9;
}
.container_white {
  padding: 8px;
  background-color: #fff;
  text-align: left;
}
.no_shadow {
  box-shadow: none;
}
.pcs-widen-image-ancestor {
  margin-left: 0 !important;
}