added animations and pageLoad and preLoader

assets/admin/css/reset-css.css

@@ -0,0 +1,261 @@
+a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video{
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline
+}
+
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
+	display: block
+}
+
+body{
+	line-height: 1;
+	margin: 0
+}
+
+ol, ul{
+	list-style: none
+}
+
+blockquote, q{
+	quotes: none
+}
+
+blockquote:after, blockquote:before, q:after, q:before{
+	content: '';
+	content: none
+}
+
+table{
+	border-collapse: collapse;
+	border-spacing: 0
+}
+
+html{
+	line-height: 1.15;
+	-webkit-text-size-adjust: 100%
+}
+
+h1{
+	font-size: 2em;
+	margin: .67em 0
+}
+
+hr{
+	box-sizing: content-box;
+	height: 0;
+	overflow: visible
+}
+
+pre{
+	font-family: monospace, monospace;
+	font-size: 1em
+}
+
+a{
+	background-color: transparent
+}
+
+abbr[title]{
+	border-bottom: none;
+	text-decoration: underline;
+	text-decoration: underline dotted
+}
+
+b, strong{
+	font-weight: bolder
+}
+
+code, kbd, samp{
+	font-family: monospace, monospace;
+	font-size: 1em
+}
+
+small{
+	font-size: 80%
+}
+
+sub, sup{
+	font-size: 75%;
+	line-height: 0;
+	position: relative;
+	vertical-align: baseline
+}
+
+sub{
+	bottom: -.25em
+}
+
+sup{
+	top: -.5em
+}
+
+img{
+	border-style: none
+}
+
+button, input, optgroup, select, textarea{
+	font-family: inherit;
+	font-size: 100%;
+	line-height: 1.15;
+	margin: 0
+}
+
+button, input{
+	overflow: visible
+}
+
+button, select{
+	text-transform: none
+}
+
+[type=button], [type=reset], [type=submit], button{
+	-webkit-appearance: button
+}
+
+[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner{
+	border-style: none;
+	padding: 0
+}
+
+[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring{
+	outline: 1px dotted ButtonText
+}
+
+fieldset{
+	padding: .35em .75em .625em
+}
+
+legend{
+	box-sizing: border-box;
+	color: inherit;
+	display: table;
+	max-width: 100%;
+	padding: 0;
+	white-space: normal
+}
+
+progress{
+	vertical-align: baseline
+}
+
+textarea{
+	overflow: auto
+}
+
+[type=checkbox], [type=radio]{
+	box-sizing: border-box;
+	padding: 0
+}
+
+[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button{
+	height: auto
+}
+
+[type=search]{
+	-webkit-appearance: textfield;
+	outline-offset: -2px
+}
+
+[type=search]::-webkit-search-decoration{
+	-webkit-appearance: none
+}
+
+::-webkit-file-upload-button{
+	-webkit-appearance: button;
+	font: inherit
+}
+
+details{
+	display: block
+}
+
+summary{
+	display: list-item
+}
+
+template{
+	display: none
+}
+
+[hidden]{
+	display: none
+}
+
+::selection{
+	background: #468fd2;
+	color: #fff
+}
+
+::-webkit-selection{
+	background: #468fd2;
+	color: #fff
+}
+
+::-moz-selection{
+	background: #468fd2;
+	color: #fff
+}
+
+a{
+	text-decoration: none
+}
+
+h1{
+	font-size: 32px;
+}
+
+h2{
+	font-size: 24px;
+}
+
+h3{
+	font-size: 18.72px;
+}
+
+h4{
+	font-size: 16px;
+}
+
+h5{
+	font-size: 13.28px;
+}
+
+h6{
+	font-size: 10.72px;
+}
+
+.clear{
+	clear: both;
+	display: block;
+	overflow: hidden;
+	visibility: hidden;
+	width: 0;
+	height: 0
+}
+
+.clearfix{
+	zoom: 1
+}
+
+.clearfix:after, .clearfix:before, .row:after, .row:before{
+	content: '\0020';
+	display: block;
+	overflow: hidden;
+	visibility: hidden;
+	width: 0;
+	height: 0
+}
+
+.clearfix:after, .row:after{
+	clear: both
+}
+
+.relativePos{
+	position: relative;
+	width: 100%;
+	height: 100%
+}

assets/admin/sass/admin.scss

@@ -371,7 +371,6 @@ html:lang(fa) {
     margin-right: 120px !important;
   }
 
-
   @media (max-width: 768px) {
     .el-form-item__content {
       margin-left: 0 !important;
@@ -379,7 +378,6 @@ html:lang(fa) {
     }
   }
 
-
   .secondTitle {
     margin-top: 50px;
   }
@@ -467,4 +465,9 @@ html:lang(fa) {
   .el-radio__label {
     padding-right: 10px !important;
   }
+
+  .el-scrollbar__wrap {
+    margin-right: 0 !important;
+    margin-left: -17px !important;
+  }
 }