284 lines
6.2 KiB
CSS
284 lines
6.2 KiB
CSS
/**
|
||
*
|
||
* Name: IRANYekan Font
|
||
* Version: 1.3
|
||
* Author: Moslem Ebrahimi (moslemebrahimi.com)
|
||
* Created on: Dec 20, 2016
|
||
* Updated on: Dec 28, 2016
|
||
* Website: http://fontiran.com
|
||
* Copyright: Commercial/Proprietary Software
|
||
--------------------------------------------------------------------------------------
|
||
فونت ایران یکان یک نرم افزار مالکیتی محسوب می شود. جهت آگاهی از قوانین استفاده از این فونت ها لطفا به وب سایت (فونت ایران دات کام) مراجعه نمایید
|
||
--------------------------------------------------------------------------------------
|
||
IRANYekan fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com
|
||
--------------------------------------------------------------------------------------
|
||
This set of fonts are used in this project under the license: (.....)
|
||
--------------------------------------------------------------------------------------
|
||
*
|
||
**/
|
||
@font-face {
|
||
font-family: iranyekanBold;
|
||
font-style: normal;
|
||
font-weight: bold;
|
||
src: url("../fonts/eot/iranyekanwebbold(fanum).eot");
|
||
src: url("../fonts/eot/iranyekanwebbold(fanum).eot?#iefix")
|
||
format("embedded-opentype"),
|
||
/* IE6-8 */ url("../fonts/woff2/iranyekanwebbold(fanum).woff2")
|
||
format("woff2"),
|
||
/* FF39+,Chrome36+, Opera24+*/
|
||
url("../fonts/woff/iranyekanwebbold(fanum).woff") format("woff"),
|
||
/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
|
||
url("../fonts/ttf/iranyekanwebbold(fanum).ttf") format("truetype");
|
||
}
|
||
|
||
@font-face {
|
||
font-family: iranyekan;
|
||
font-style: normal;
|
||
font-weight: 300;
|
||
src: url("../fonts/eot/iranyekanweblight(fanum).eot");
|
||
src: url("../fonts/eot/iranyekanweblight(fanum).eot?#iefix")
|
||
format("embedded-opentype"),
|
||
/* IE6-8 */ url("../fonts/woff2/iranyekanweblight(fanum).woff2")
|
||
format("woff2"),
|
||
/* FF39+,Chrome36+, Opera24+*/
|
||
url("../fonts/woff/iranyekanweblight(fanum).woff") format("woff"),
|
||
/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
|
||
url("../fonts/ttf/iranyekanweblight(fanum).ttf") format("truetype");
|
||
}
|
||
|
||
@font-face {
|
||
font-family: iranyekan;
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
src: url("../fonts/eot/iranyekanwebregular(fanum).eot");
|
||
src: url("../fonts/eot/iranyekanwebregular(fanum).eot?#iefix")
|
||
format("embedded-opentype"),
|
||
/* IE6-8 */ url("../fonts/woff2/iranyekanwebregular(fanum).woff2")
|
||
format("woff2"),
|
||
/* FF39+,Chrome36+, Opera24+*/
|
||
url("../fonts/woff/iranyekanwebregular(fanum).woff") format("woff"),
|
||
/* FF3.6+, IE9, Chrome6+, Saf5.1+*/
|
||
url("../fonts/ttf/iranyekanwebregular(fanum).ttf") format("truetype");
|
||
}
|
||
|
||
html,
|
||
body,
|
||
#root {
|
||
height: 100%;
|
||
font-size: 16px;
|
||
}
|
||
|
||
body {
|
||
font-family: "iranyekan";
|
||
position: relative;
|
||
}
|
||
|
||
a {
|
||
text-decoration: none;
|
||
color: inherit;
|
||
}
|
||
|
||
/* *, *::before, *::after{
|
||
transition: 0.1s;
|
||
} */
|
||
|
||
body .vertical-centered-box {
|
||
position: fixed;
|
||
left: 0;
|
||
right: 0;
|
||
text-align: center;
|
||
direction: ltr;
|
||
backdrop-filter: blur(2px);
|
||
margin: auto;
|
||
background: rgba(0,0,0,0.2);
|
||
top: 0;
|
||
bottom: 0;
|
||
z-index: 9999;
|
||
}
|
||
}
|
||
body .vertical-centered-box:after {
|
||
content: "";
|
||
display: inline-block;
|
||
height: 100%;
|
||
vertical-align: middle;
|
||
margin-right: -0.25em;
|
||
}
|
||
body .vertical-centered-box .content {
|
||
-webkit-box-sizing: border-box;
|
||
-moz-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
text-align: left;
|
||
font-size: 0;
|
||
}
|
||
.vertical-centered-box * {
|
||
-webkit-transition: all 0.3s;
|
||
-moz-transition: all 0.3s;
|
||
-o-transition: all 0.3s;
|
||
transition: all 0.3s;
|
||
}
|
||
.loader-circle {
|
||
position: absolute;
|
||
left: 50%;
|
||
top: 50%;
|
||
width: 120px;
|
||
height: 120px;
|
||
border-radius: 50%;
|
||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
|
||
margin-left: -60px;
|
||
margin-top: -60px;
|
||
}
|
||
.loader-line-mask {
|
||
position: absolute;
|
||
left: 50%;
|
||
top: 50%;
|
||
width: 60px;
|
||
height: 120px;
|
||
margin-left: -60px;
|
||
margin-top: -60px;
|
||
overflow: hidden;
|
||
-webkit-transform-origin: 60px 60px;
|
||
-moz-transform-origin: 60px 60px;
|
||
-ms-transform-origin: 60px 60px;
|
||
-o-transform-origin: 60px 60px;
|
||
transform-origin: 60px 60px;
|
||
-webkit-mask-image: -webkit-linear-gradient(top, #000000, rgba(0, 0, 0, 0));
|
||
-webkit-animation: rotate 1.2s infinite linear;
|
||
-moz-animation: rotate 1.2s infinite linear;
|
||
-o-animation: rotate 1.2s infinite linear;
|
||
animation: rotate 1.2s infinite linear;
|
||
}
|
||
.loader-line-mask .loader-line {
|
||
width: 120px;
|
||
height: 120px;
|
||
border-radius: 50%;
|
||
box-shadow: inset 0 0 0 1px #09133e;
|
||
}
|
||
.loader-line-mask .loader-line-dark {
|
||
width: 120px;
|
||
height: 120px;
|
||
border-radius: 50%;
|
||
box-shadow: inset 0 0 0 1px #ffffff;
|
||
}
|
||
lesshat-selector {
|
||
-lh-property: 0;
|
||
}
|
||
@-webkit-keyframes rotate {
|
||
0% {
|
||
-webkit-transform: rotate(0deg);
|
||
}
|
||
100% {
|
||
-webkit-transform: rotate(360deg);
|
||
}
|
||
}
|
||
@-moz-keyframes rotate {
|
||
0% {
|
||
-moz-transform: rotate(0deg);
|
||
}
|
||
100% {
|
||
-moz-transform: rotate(360deg);
|
||
}
|
||
}
|
||
@-o-keyframes rotate {
|
||
0% {
|
||
-o-transform: rotate(0deg);
|
||
}
|
||
100% {
|
||
-o-transform: rotate(360deg);
|
||
}
|
||
}
|
||
@keyframes rotate {
|
||
0% {
|
||
-webkit-transform: rotate(0deg);
|
||
-moz-transform: rotate(0deg);
|
||
-ms-transform: rotate(0deg);
|
||
transform: rotate(0deg);
|
||
}
|
||
100% {
|
||
-webkit-transform: rotate(360deg);
|
||
-moz-transform: rotate(360deg);
|
||
-ms-transform: rotate(360deg);
|
||
transform: rotate(360deg);
|
||
}
|
||
}
|
||
[not-existing] {
|
||
zoom: 1;
|
||
}
|
||
lesshat-selector {
|
||
-lh-property: 0;
|
||
}
|
||
@-webkit-keyframes fade {
|
||
0% {
|
||
opacity: 1;
|
||
}
|
||
50% {
|
||
opacity: 0.25;
|
||
}
|
||
}
|
||
@-moz-keyframes fade {
|
||
0% {
|
||
opacity: 1;
|
||
}
|
||
50% {
|
||
opacity: 0.25;
|
||
}
|
||
}
|
||
@-o-keyframes fade {
|
||
0% {
|
||
opacity: 1;
|
||
}
|
||
50% {
|
||
opacity: 0.25;
|
||
}
|
||
}
|
||
@keyframes fade {
|
||
0% {
|
||
opacity: 1;
|
||
}
|
||
50% {
|
||
opacity: 0.25;
|
||
}
|
||
}
|
||
[not-existing] {
|
||
zoom: 1;
|
||
}
|
||
lesshat-selector {
|
||
-lh-property: 0;
|
||
}
|
||
@-webkit-keyframes fade-in {
|
||
0% {
|
||
opacity: 0;
|
||
}
|
||
100% {
|
||
opacity: 1;
|
||
}
|
||
}
|
||
@-moz-keyframes fade-in {
|
||
0% {
|
||
opacity: 0;
|
||
}
|
||
100% {
|
||
opacity: 1;
|
||
}
|
||
}
|
||
@-o-keyframes fade-in {
|
||
0% {
|
||
opacity: 0;
|
||
}
|
||
100% {
|
||
opacity: 1;
|
||
}
|
||
}
|
||
@keyframes fade-in {
|
||
0% {
|
||
opacity: 0;
|
||
}
|
||
100% {
|
||
opacity: 1;
|
||
}
|
||
}
|
||
[not-existing] {
|
||
zoom: 1;
|
||
}
|