No edit summary |
No edit summary |
||
ھێڵی ٨٧: | ھێڵی ٨٧: | ||
margin: 5px 2px; | margin: 5px 2px; | ||
border-radius: 7px; | border-radius: 7px; | ||
position: relative; | |||
} | } | ||
#Gwtarekan:before, #Gwtarekan: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); | |||
} | |||
#Gwtarekan:after | |||
{ | |||
-webkit-transform: rotate(3deg); | |||
-moz-transform: rotate(3deg); | |||
-o-transform: rotate(3deg); | |||
-ms-transform: rotate(3deg); | |||
transform: rotate(3deg); | |||
right: 10px; | |||
left: auto; | |||
} | |||
/*** bo box chep ***/ | /*** bo box chep ***/ |
وەک پێداچوونەوەی ١٢:٥١، ٥ی ئابی ٢٠١٨
/* Her CSS lere penase krabet le hemu rukarekan chalak w upgrade u update naifwtenet */
/* Bo Google Early Fonts */
@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
@import url(http://fonts.googleapis.com/earlyaccess/amiri.css);
@import url(http://fonts.googleapis.com/earlyaccess/lateef.css);
@import url(http://fonts.googleapis.com/earlyaccess/scheherazade.css);
html, body, input, textarea {
font-family: "Droid Arabic Naskh", Tahoma, "DejaVu Sans", Verdana, sans-serif;
unicode-bidi: embed;
}
/*
h1, h2, h3 {
font-family: "Droid Arabic Kufi", 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;
}
/* Bo Agadari Şablon:Note */
.block-note {
background-color: #FFDDDD;
background-image: url(http://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;
}
#Gwtarekan:before, #Gwtarekan: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);
}
#Gwtarekan:after
{
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
right: 10px;
left: auto;
}
/*** bo box chep ***/
#Gwtarcep {
float: left;
background-color: #fcfcfc;
padding: 21px 5px 2px 5px;
border: 1px solid #ccc;
margin: 5px 2px;
border-radius: 7px;
}
/*==================================================
* Effect 2
* ===============================================*/
.effect2
{
position: relative;
}
.effect2:before, .effect2: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);
}
.effect2:after
{
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
right: 10px;
left: auto;
}