میدیاویکی:Common.css

@import url(//fonts.googleapis.com/earlyaccess/notonaskharabic.css); 
@import url(//fonts.googleapis.com/earlyaccess/notonaskharabicui.css); 
@import url(//fonts.googleapis.com/earlyaccess/notosanskufiarabic.css); 

html, body, input, textarea {
	font-family: "Noto Naskh Arabic UI", Tahoma, "DejaVu Sans", Verdana, sans-serif;
	unicode-bidi: embed;
}  
  
h1, h2, h3 {
        font-family: "Noto Sans Kufi Arabic", Tahoma, "DejaVu Sans", Verdana, sans-serif !important;
} 
pre, code {
                direction: ltr;
		text-align: left;
} 
div.thumb {
border-style: none;
}

 
 
tt {  /*bo Dugmei tt nwe */
		background-color: #F7F7F7;
		padding-top: 2px;
		padding-right: 4px;
		padding-bottom: 2px;
		padding-left: 4px;
		font-size: 14px;
		direction: ltr;
		text-align: left;
        display: inline-block;
}

/* ##### TEXTAREA ######
.mw-editfont-monospace {
        font-family: "Noto Naskh Arabic UI", Tahoma, "DejaVu Sans", Verdana, sans-serif !important;
	unicode-bidi: embed;
}
/* Bo Agadari Şablon:Note */
.block-note {
	background-color: #FFDDDD;
	background-image: url(https://www.chawg.org/w/images/6/60/Bulbgraph.png);
	background-position: top right;
	background-repeat: no-repeat;
	
}
.block-contents {
	display: block;
	padding: 3px 20px 3px 3px;
	border: 2px solid #FFBBBB;
}
/* Bo Fell u Frt */
.TipsAndTricks {
	background-color: #FFF;
	padding: 21px 5px 2px 5px;
	border: 1px solid #ccc;
	margin: 5px 2px;
border-radius: 7px;
}
/************************** NwaneBox ******************************/



.nwaneBox {
background-color: #f0f0f0;
padding: 5px 9xp 5px 9px;
margin: 2px 15px 2px 3px;
border: 1px solid #3c78b5;
border-radius: 7px;
}
.nwaneBox li {
list-style-type: square; 
padding-right: 4px;
font-size: 15px;
}


#Gwtarekan {

	float: right;
	background-color: #F0F0F0;
	padding: 21px 5px 2px 5px;
	border: 1px solid #ccc;
	margin: 5px 2px;
	border-radius: 7px;
        position: relative;

}



/*** bo box chep ***/
#Gwtarcep {

	float: left;
	background-color: #fcfcfc;
	padding: 21px 5px 2px 5px;
	border: 1px solid #ccc;
	margin: 5px 2px;
        border-radius: 7px;
}
/* ###################################### BOXI CSS3 ######################################### */
.Diva {

	float: right;
	background-color: #F0F0F0;
	padding: 21px 5px 2px 5px;
	border: 1px solid #ccc;
	margin: 5px 2px;
	border-radius: 7px;
        position: relative;

}

.Diva:before, .Diva:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.Diva:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}