ميدياويكي:Common.css

/* CSS placed here will be applied to all skins */
@import url(https://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
* {
	font-family: 'Droid Arabic Naskh', Tahoma !important;
}
th {
	text-align:right;
}
ul#filetoc, .toc, .mw-warning {
    background: #f8f9fa;
    border: solid #eaecf0;
    min-width: 15em;
    border-width: 1px 1px 0.2em;
    box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02);
    padding: 1.25em 1.75em !important;
}
.toctitle {
    border-bottom: solid 1px #c8ccd1;
}
.toctogglespan {
    float: left;
}
.toc .toctitle {
    text-align: right;
}

#p-navigation, #p-tb {

background: #fcfdff;
    border: solid #eaecf0;
    border-width: 1px 1px 0.2em;
    box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02);
    padding: 1.5em 1.5em !important;
    margin: 1em 0 !important;
    line-height: 1.125;
}
.babeti2, .derbare {
	width:40%;
	float:left;
}
.babeti2, .derbare {
	width:40%;
	float:left;
}
.manu-halbjarde {
    width: 100%;
    margin: 0;
    padding: 0;
    margin-top: 30px;
	display: inline-block;
	}
.manu-halbjarde1{
	border: 1px solid #add8e6;
    float: right;
    width: 48%;
    text-align: justify;
    padding: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
}
.manu-halbjarde2{
	text-align: center;
    width: 46%;
    float: left;
}
.manu-halbjarde3{
	text-align: right;
    padding: 5px;
    margin-bottom: 20px;
    border: 1px solid #add8e6;
  display:inline-block;
	
}
.manu-newstpage{
	width:100%;border:1px solid lightblue;margin-top:10px;
}
.manu-gallery{
	width:100%;border:1px solid lightblue;
}
.mw-body-content h1{
	margin-top:0;
}

#ca-talk { display:none! important; }

div#mp-topbanner {
    clear: both;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    margin-top: 1.2em;
    min-width: 47em;
    border-color: #ddd;
    background-color: #f9f9f9;
    white-space: nowrap;
    direction: rtl;
    text-align: right;
    display: inline-flex;
    border: 1px solid #add8e6;
}

div#mp-welcomecount {
    margin: 0.4em;
    width: 100%;
    text-align: center;
    direction: rtl;
}


div#mp-welcome {
    font-size: 92%;
    padding: 0.1em;
    width: 49%;
    float: right;
}
.manu-welpol {
	float:left;
	width:49%;
}

div#mp-free {
    font-size: 95%;
}

div#articlecount {
    font-size: 85%;
}

.mw-parser-output #mp-portals li {
    position: absolute;
    left: 0;
    top: 0;
}

li.portal-vmid {
    top: 1.6em;
}

@media only screen and (max-width: 767px){
.babeti2, .derbare {
	width:100%;
}
.manu-halbjarde1, .manu-halbjarde2 {
	width:100%;
}
div#mp-welcome {
    font-size: 92%;
    padding: 0.1em;
    width: 100%;
    float: right;
}
.manu-welpol {
	width:100%;
}
div#mp-topbanner {
	min-width: unset;
}
}


.card {
 padding: 1rem;
border: 1px solid #add8e6;
}

.cards {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}