MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* CSS placed here will be applied to all skins */
.cha-cont{
 width: 93%;
 background: #f4f4f4;
 padding: 15px;
 margin:unset;
 line-height: 1.5;
 box-shadow: 10px 10px 24px 4px rgba(0,0,0,0.20);
 -webkit-box-shadow: 10px 10px 24px 4px rgba(0,0,0,0.20);
 -moz-box-shadow: 10px 10px 24px 4px rgba(0,0,0,0.20);
}
.ch-1{
  padding: 0px 15px;
}
.ch-title{
  font-size: 32px;
  font-weight: bold;
  padding:15px;
  margin: 30px 0px;
}
.fakeimg{
 width: 100%;
}
.fakeimg img{
 width: 100%;
}
.ch-2{
  padding: 0px 15px;
}
.cha-cont h2 {
    min-height: 71px;
}
.btn{
 text-align: center;
 margin: 50px 0px;
}
.btn-grp{
 display: flex;
 justify-content: flex-start;
 margin-left: 6px;
}
.btn a{
 padding: 15px 20px;
 background: #98A44C;
 color: #fff !important;
 font-size: 14px;
 font-weight: 700;
 text-decoration: none;
 margin-left: 20px;
 background-image: unset !important;
}
.btn a:hover{
 border: 2px solid #98A44C;
 color:#98A44C !important;
 background: #fff;
 margin-left: 20px;
}
.btn-1 a{
 padding-right: 20px !important;
}
.btn-grp-2{
 display: flex;
 justify-content: center;
 margin-left: -40px;
}
.card-2{
 width: 400px;
 height: auto;
}
.ch-btn{
 margin: 30px 0px !important;
}
.cha-title-2{
 color: #3366bb;
}
.card-2 .cha-cont h2{
 font-weight: 700;
}
.footer {
 display: flex;
 background-color: #98A44C;
 justify-content: space-between;
 padding:50px 25px;
}

.fakeimg img{
 border-radius: 10px 10px 0px 0px;
}

.cha-cont{
 border-radius: 0px 0px 10px 10px;
}

/*=================================================  Chapter Page Css  =========================================*/

.left-side{
 background-color: #F6F6F6;
 background-size: cover;
 background-repeat: no-repeat;
 padding: 50px 30px;
}
.left-side ul li{
 margin-bottom: 10px;
}
/*.right-side{
 background-color: #F6F6F6;
 background-size: cover;
 background-repeat: no-repeat;
 padding: 50px 30px;
}*/
.right-side ul li{
 margin-bottom: 10px;
}
.chapter-titel{
 text-align: center;
 font-weight : bold;
 border: none;
}
.name{
 border-bottom: 1px solid #000;
}
.cha-title{
 font-size: 18px;
 backgroud: unset;
 font-family: sans-serif !important;
 color: #595825;
 font-weight: 600;
}
.mw-headline{
 font-family: sans-serif !important;
}
.cha-cont pre{
 background: unset !important;
 border: none !important;
 white-space: normal !important;
 padding: unset !important;
 overflow-x: unset !important;
}

.btn-grp-2{
 display: flex;
 justify-content: center;
 margin-left: -40px;
}
.ch-owner{
  font-size: 28px !important;
}
.title-bg{
  background: #CCCE84;
  padding: 15px;
  font-weight: 600;
  color: #000;
  font-size: 22px;
  margin:unset;
  text-align:center;
}
.cont-bg{
  background: #FBFCE3;
  padding: 15px;
  font-weight: 400;
  color: #212529;
  font-size: 16px;
  margin:unset;
  line-height: 1.5;
}
.fakeimg-use img {
    border-radius: 10px !important;
}
/*====================================================== New Media Quarey ================================*/

@media only screen and (min-width : 320px) and (max-width : 767px){
.mw-headline{
 font-size: 20px;
 line-height: 30px;
}
}