You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
willaengine/resources/styles/scss/style.scss

242 lines
5.9 KiB

@import '_vars.scss';
@font-face {
font-family: 'iranyekan-extrabold';
font-style: normal;
font-weight: bold;
src: url('../assets/Fonts/IranYekan/Normal/eot/iranyekanwebextraboldfanum.eot');
src: url('../assets/Fonts/IranYekan/Normal/woff/iranyekanwebextraboldfanum.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('../assets/Fonts/IranYekan/Normal/ttf/iranyekanwebextraboldfanum.ttf') format('truetype');
}
@font-face {
font-family: 'iranyekan-bold';
font-style: normal;
font-weight: bold;
src: url('../assets/Fonts/IranYekan/Normal/eot/iranyekanwebboldfanum.eot');
src: url('../assets/Fonts/IranYekan/Normal/woff/iranyekanwebboldfanum.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('../assets/Fonts/IranYekan/Normal/ttf/iranyekanwebboldfanum.ttf') format('truetype');
}
@font-face {
font-family: 'iranyekan-light';
font-style: normal;
font-weight: 300;
src: url('../assets/Fonts/IranYekan/Normal/eot/iranyekanweblightfanum.eot');
src: url('../assets/Fonts/IranYekan/Normal/woff/iranyekanweblightfanum.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('../assets/Fonts/IranYekan/Normal/ttf/iranyekanweblightfanum.ttf') format('truetype');
}
@font-face {
font-family: 'iranyekan-regular';
font-style: normal;
font-weight: normal;
src: url('../assets/Fonts/IranYekan/Normal/eot/iranyekanwebregularfanum.eot');
src: url('../assets/Fonts/IranYekan/Normal/woff/iranyekanwebregularfanum.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('../assets/Fonts/IranYekan/Normal/ttf/iranyekanwebregularfanum.ttf') format('truetype');
}
@font-face {
font-family: 'iranyekan-regular-en-num';
font-style: normal;
font-weight: normal;
src: url('../assets/Fonts/IranYekan/Normal/eot/iranyekanwebregular.eot');
src: url('../assets/Fonts/IranYekan/Normal/woff/iranyekanwebregular.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('../assets/Fonts/IranYekan/Normal/ttf/iranyekanwebregular.ttf') format('truetype');
}
@font-face {
font-family: 'Montserrat-Thin';
font-style: normal;
font-weight: 200;
src: url('../assets/Fonts/Montserrat/Montserrat-Thin.ttf') format('truetype');
}
@font-face {
font-family: 'Montserrat-Regular';
src: url('../assets/Fonts/Montserrat/Montserrat-Regular.woff2') format('woff2'), url('../assets/Fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Montserrat-ExtraBold';
src: url('../assets/Fonts/Montserrat/Montserrat-Bold.ttf') format('truetype');
}
/* --------------------------------------------------------------------
Montserrat :: End
--------------------------------------------------------------------*/
body {
color: #5c6873;
font-family: "iranyekan-regular", 'Montserrat-Regular' !important;
padding: 0px !important;
margin: 0px !important;
font-weight: 100;
font-size: 17px;
}
a {
transition: 0.2s;
}
a:hover {
text-decoration: none !important;
}
/* --------------------------------------------------------
General :: Begin
-------------------------------------------------------- */
.En {
font-family: 'Montserrat-Regular', sans-serif;
}
.En.Thin {
font-family: 'Montserrat-Thin', sans-serif;
}
.En.Bold {
font-family: 'Montserrat-ExtraBold', sans-serif;
}
.title.En.Bold {
font-family: 'Montserrat-ExtraBold', sans-serif !important;
}
.Fa {
font-family: 'iranyekan-regular', sans-serif;
}
.Fa.Thin, Fa.Light {
font-family: 'iranyekan-light', sans-serif;
}
.Fa.Bold {
font-family: 'iranyekan-bold', sans-serif;
}
.Fa.ExtraBold {
font-family: 'iranyekan-extrabold', sans-serif;
}
.Fa.FaNum {
font-family: 'iranyekan-regular';
}
.Fa.EnNum {
font-family: 'iranyekan-regular-en-num';
}
.Context {
font-family: "BYekan-Edited", 'Montserrat-Regular' !important;
}
.RTL {
direction: rtl;
}
.LTR {
direction: ltr;
}
.RotateX {
transform: rotate(180deg);
webkit-transform: rotate(180deg);
}
.Material-Shoadow-SM {
box-shadow: 0 8px 10px rgba(0, 0, 0, 0.30), 0 4px 3px rgba(0, 0, 0, 0.22);
}
.CoverBG {
background-size: cover !important;
}
.CubeTransition {
transition-property: all;
transition-duration: .5s;
transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.WhiteTheme .WM-SubText {
background-color: #fff !important;
color: #000;
}
.WhiteTheme .Notification {
background-color: transparent !important;
}
[class^='WM-Hover'],
[class*='WM-Hover'] {
transition: 0.2s;
cursor: pointer;
}
.Tile {
margin: 0px 1%;
padding: 20px 50px;
// width: 100%;
}
.Tile.sm-pad {
padding: 20px 30px;
}
.Tile.Padd-XS {
padding: 5px 50px;
}
.Tile.Padd-0 {
padding: 0px 50px;
}
.Tile.Shadowed {
background-color: #fff;
box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .5);
border-radius: 5px;
}
.PreFormatted {
white-space: pre;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
// border: 1px solid green;
// -webkit-text-fill-color: green;
// -webkit-box-shadow: 0 0 0px 1000px #000 inset;
// transition: background-color 5000s ease-in-out 0s;
}
.v-text-field input:-internal-autofill-selected {
background-color: #fff !important;
}
input:-internal-autofill-selected {
background-color: #fff !important;
}
.red-orange .btn-gradient-bg {
background: linear-gradient(to right, var(--color-red) 0%, var(--color-orange) 100%);
}
@import 'Icons/css/fontello.css';
@import 'Misc.scss';
@import 'Inputs.scss';
@import 'SizeAndPositioning.scss';
@import 'Colors.scss';
@import 'Animations.scss';
@import 'Responsive.scss';
@import 'Modify.scss';
@import 'Tile.scss';