MediaWiki:Common.css: Difference between revisions

Revision as of 10:18, 20 May 2022

/* 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: 30px 15px;
  background-color: #f4fbfd;
}
.ch-title{
  font-size: 32px;
  font-weight: bold;
  padding:15px;
  margin: 30px 0px;
}
.fakeimg{
 width: 100%;
}
.fakeimg img{
 width: 100%;
}
.ch-2{
  padding: 30px 15px;
}
.cha-cont h2 {
    min-height: 71px;
}
.btn{
 text-align: center;
 margin: 50px 0px;
}
.btn-grp{
 display: flex;
 justify-content: center;
}
.btn a{
 padding: 15px 20px;
 background: #5492cd;
 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 #5492cd;
 color:#5492cd !important;
 background: #fff;
 margin-left: 20px;
}
.footer {
 display: flex;
 background-color: #5492cd;
 justify-content: space-between;
 padding:50px 25px;
}



/*=================================================  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;
}
.cha-cont pre{
 background: unset !important;
 border: none !important;
 white-space: normal !important;
 padding: unset !important;
 overflow-x: unset !important;
}


/*====================================================== New Media Quarey ================================*/

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