gurayyarar#3

copaste · Nov 14, 2016 · 0c3a4ab · 0c3a4ab
1 parent 4db5c32
commit 0c3a4ab
Show file tree

Hide file tree

Showing 67 changed files with 1,425 additions and 656 deletions.
diff --git a/README.md b/README.md
@@ -21,7 +21,7 @@ You can choose one from multiple ways for installation.
 - Fork the repository ([here is the guide](https://help.github.com/articles/fork-a-repo/)).
 - Clone to your machine
 ```
-git clone https://github.com/gurayyarar/AdminBSBMaterialDesign.git
+git clone https://github.com/YOUR_USERNAME/AdminBSBMaterialDesign.git
 ```
 
 **npm**

diff --git a/bower.json b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "adminbsb-materialdesign",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "AdminBSB - Free admin panel that is based on Bootstrap 3.x with Material Design",
   "main": "js/admin.js",
   "authors": [

diff --git a/css/style.css b/css/style.css
@@ -2209,8 +2209,8 @@
   .demo-icon-container .demo-google-material-icon .material-icons {
     width: 24px; }
 
-.demo-preloader .md-preloader {
-  margin-right: 5px; }
+.demo-preloader .preloader {
+  margin-right: 10px; }
 
 .irs-demo {
   margin-bottom: 40px; }
@@ -6314,20 +6314,306 @@ fieldset[disabled] .form-control {
 .md-preloader .pl-white {
   stroke: #ffffff; }
 
-.md-preloader.pl-size-xl {
-  width: 75px; }
+.preloader {
+  display: inline-block;
+  position: relative;
+  width: 50px;
+  height: 50px;
+  -webkit-animation: container-rotate 1568ms linear infinite;
+  -moz-animation: container-rotate 1568ms linear infinite;
+  -o-animation: container-rotate 1568ms linear infinite;
+  animation: container-rotate 1568ms linear infinite; }
+  .preloader.pl-size-xl {
+    width: 75px;
+    height: 75px; }
+  .preloader.pl-size-l {
+    width: 60px;
+    height: 60px; }
+  .preloader.pl-size-md {
+    width: 50px;
+    height: 50px; }
+  .preloader.pl-size-sm {
+    width: 40px;
+    height: 40px; }
+  .preloader.pl-size-xs {
+    width: 25px;
+    height: 25px; }
+
+.spinner-layer {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  border-color: #F44336;
+  -ms-opacity: 1;
+  opacity: 1;
+  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
+  -moz-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
+  -o-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
+  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
+  .spinner-layer.pl-red {
+    border-color: #F44336; }
+  .spinner-layer.pl-pink {
+    border-color: #E91E63; }
+  .spinner-layer.pl-purple {
+    border-color: #9C27B0; }
+  .spinner-layer.pl-deep-purple {
+    border-color: #673AB7; }
+  .spinner-layer.pl-indigo {
+    border-color: #3F51B5; }
+  .spinner-layer.pl-blue {
+    border-color: #2196F3; }
+  .spinner-layer.pl-light-blue {
+    border-color: #03A9F4; }
+  .spinner-layer.pl-cyan {
+    border-color: #00BCD4; }
+  .spinner-layer.pl-teal {
+    border-color: #009688; }
+  .spinner-layer.pl-green {
+    border-color: #4CAF50; }
+  .spinner-layer.pl-light-green {
+    border-color: #8BC34A; }
+  .spinner-layer.pl-lime {
+    border-color: #CDDC39; }
+  .spinner-layer.pl-yellow {
+    border-color: #ffe821; }
+  .spinner-layer.pl-amber {
+    border-color: #FFC107; }
+  .spinner-layer.pl-orange {
+    border-color: #FF9800; }
+  .spinner-layer.pl-deep-orange {
+    border-color: #FF5722; }
+  .spinner-layer.pl-brown {
+    border-color: #795548; }
+  .spinner-layer.pl-grey {
+    border-color: #9E9E9E; }
+  .spinner-layer.pl-blue-grey {
+    border-color: #607D8B; }
+  .spinner-layer.pl-black {
+    border-color: #000000; }
+  .spinner-layer.pl-white {
+    border-color: #ffffff; }
+
+.right {
+  float: right !important; }
+
+.gap-patch {
+  position: absolute;
+  top: 0;
+  left: 45%;
+  width: 10%;
+  height: 100%;
+  overflow: hidden;
+  border-color: inherit; }
+  .gap-patch.circle {
+    width: 1000%;
+    left: -450%; }
 
-.md-preloader.pl-size-l {
-  width: 60px; }
+.circle-clipper {
+  display: inline-block;
+  position: relative;
+  width: 50%;
+  height: 100%;
+  overflow: hidden;
+  border-color: inherit; }
+  .circle-clipper .circle {
+    width: 200%;
+    height: 100%;
+    border-width: 3px;
+    border-style: solid;
+    border-color: inherit;
+    border-bottom-color: transparent !important;
+    -ms-border-radius: 50%;
+    border-radius: 50%;
+    -webkit-animation: none;
+    animation: none;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0; }
+  .circle-clipper.left .circle {
+    left: 0;
+    border-right-color: transparent !important;
+    -webkit-transform: rotate(129deg);
+    -moz-transform: rotate(129deg);
+    -ms-transform: rotate(129deg);
+    -o-transform: rotate(129deg);
+    transform: rotate(129deg);
+    -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
+    -moz-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
+    -o-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
+    animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
+  .circle-clipper.right .circle {
+    left: -100%;
+    border-left-color: transparent !important;
+    -webkit-transform: rotate(-129deg);
+    -moz-transform: rotate(-129deg);
+    -ms-transform: rotate(-129deg);
+    -o-transform: rotate(-129deg);
+    transform: rotate(-129deg);
+    -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
+    -moz-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
+    -o-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
+    animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
+
+@-webkit-keyframes container-rotate {
+  to {
+    -webkit-transform: rotate(360deg);
+    -moz-transform: rotate(360deg);
+    -ms-transform: rotate(360deg);
+    -o-transform: rotate(360deg);
+    transform: rotate(360deg); } }
 
-.md-preloader.pl-size-md {
-  width: 50px; }
+@keyframes container-rotate {
+  to {
+    -moz-transform: rotate(360deg);
+    -ms-transform: rotate(360deg);
+    -o-transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg); } }
 
-.md-preloader.pl-size-sm {
-  width: 40px; }
+@-webkit-keyframes fill-unfill-rotate {
+  12.5% {
+    -webkit-transform: rotate(135deg);
+    transform: rotate(135deg); }
+  25% {
+    -webkit-transform: rotate(270deg);
+    transform: rotate(270deg); }
+  37.5% {
+    -webkit-transform: rotate(405deg);
+    transform: rotate(405deg); }
+  50% {
+    -webkit-transform: rotate(540deg);
+    transform: rotate(540deg); }
+  62.5% {
+    -webkit-transform: rotate(675deg);
+    transform: rotate(675deg); }
+  75% {
+    -webkit-transform: rotate(810deg);
+    transform: rotate(810deg); }
+  87.5% {
+    -webkit-transform: rotate(945deg);
+    transform: rotate(945deg); }
+  to {
+    -webkit-transform: rotate(1080deg);
+    transform: rotate(1080deg); } }
+
+@keyframes fill-unfill-rotate {
+  12.5% {
+    transform: rotate(135deg); }
+  25% {
+    transform: rotate(270deg); }
+  37.5% {
+    transform: rotate(405deg); }
+  50% {
+    transform: rotate(540deg); }
+  62.5% {
+    transform: rotate(675deg); }
+  75% {
+    transform: rotate(810deg); }
+  87.5% {
+    transform: rotate(945deg); }
+  to {
+    transform: rotate(1080deg); } }
 
-.md-preloader.pl-size-xs {
-  width: 25px; }
+@-webkit-keyframes left-spin {
+  from {
+    -webkit-transform: rotate(130deg);
+    -moz-transform: rotate(130deg);
+    -ms-transform: rotate(130deg);
+    -o-transform: rotate(130deg);
+    transform: rotate(130deg); }
+  50% {
+    -webkit-transform: rotate(-5deg);
+    -moz-transform: rotate(-5deg);
+    -ms-transform: rotate(-5deg);
+    -o-transform: rotate(-5deg);
+    transform: rotate(-5deg); }
+  to {
+    -webkit-transform: rotate(130deg);
+    -moz-transform: rotate(130deg);
+    -ms-transform: rotate(130deg);
+    -o-transform: rotate(130deg);
+    transform: rotate(130deg); } }
+
+@keyframes left-spin {
+  from {
+    -moz-transform: rotate(130deg);
+    -ms-transform: rotate(130deg);
+    -o-transform: rotate(130deg);
+    -webkit-transform: rotate(130deg);
+    transform: rotate(130deg); }
+  50% {
+    -moz-transform: rotate(-5deg);
+    -ms-transform: rotate(-5deg);
+    -o-transform: rotate(-5deg);
+    -webkit-transform: rotate(-5deg);
+    transform: rotate(-5deg); }
+  to {
+    -moz-transform: rotate(130deg);
+    -ms-transform: rotate(130deg);
+    -o-transform: rotate(130deg);
+    -webkit-transform: rotate(130deg);
+    transform: rotate(130deg); } }
+
+@-webkit-keyframes right-spin {
+  from {
+    -webkit-transform: rotate(-130deg);
+    -moz-transform: rotate(-130deg);
+    -ms-transform: rotate(-130deg);
+    -o-transform: rotate(-130deg);
+    transform: rotate(-130deg); }
+  50% {
+    -webkit-transform: rotate(5deg);
+    -moz-transform: rotate(5deg);
+    -ms-transform: rotate(5deg);
+    -o-transform: rotate(5deg);
+    transform: rotate(5deg); }
+  to {
+    -webkit-transform: rotate(-130deg);
+    -moz-transform: rotate(-130deg);
+    -ms-transform: rotate(-130deg);
+    -o-transform: rotate(-130deg);
+    transform: rotate(-130deg); } }
+
+@-moz-keyframes right-spin {
+  from {
+    -moz-transform: rotate(-130deg);
+    -ms-transform: rotate(-130deg);
+    -o-transform: rotate(-130deg);
+    -webkit-transform: rotate(-130deg);
+    transform: rotate(-130deg); }
+  50% {
+    -moz-transform: rotate(5deg);
+    -ms-transform: rotate(5deg);
+    -o-transform: rotate(5deg);
+    -webkit-transform: rotate(5deg);
+    transform: rotate(5deg); }
+  to {
+    -moz-transform: rotate(-130deg);
+    -ms-transform: rotate(-130deg);
+    -o-transform: rotate(-130deg);
+    -webkit-transform: rotate(-130deg);
+    transform: rotate(-130deg); } }
+
+@keyframes right-spin {
+  from {
+    -moz-transform: rotate(-130deg);
+    -ms-transform: rotate(-130deg);
+    -o-transform: rotate(-130deg);
+    -webkit-transform: rotate(-130deg);
+    transform: rotate(-130deg); }
+  50% {
+    -moz-transform: rotate(5deg);
+    -ms-transform: rotate(5deg);
+    -o-transform: rotate(5deg);
+    -webkit-transform: rotate(5deg);
+    transform: rotate(5deg); }
+  to {
+    -moz-transform: rotate(-130deg);
+    -ms-transform: rotate(-130deg);
+    -o-transform: rotate(-130deg);
+    -webkit-transform: rotate(-130deg);
+    transform: rotate(-130deg); } }
 
 /* Navbars ===================================== */
 .navbar {

diff --git a/css/style.min.css b/css/style.min.css
diff --git a/documentation/index.html b/documentation/index.html
@@ -136,7 +136,7 @@
                     &copy; 2016 <a href="javascript:void(0);">AdminBSB - Material Design</a>.
                 </div>
                 <div class="version">
-                    <b>Current Version: </b> 1.0.2
+                    <b>Current Version: </b> 1.0.4
                 </div>
             </div>
             <!-- #Footer -->

diff --git a/documentation/templates/download.html b/documentation/templates/download.html
@@ -15,7 +15,7 @@ <h2 class="m-t-0">GitHub</h2>
         <p class="m-t-25">
             <b>- Clone Your Machine</b>
         </p>
-        <pre>git clone https://github.com/gurayyarar/AdminBSBMaterialDesign.git </pre>
+        <pre>git clone https://github.com/YOUR_USERNAME/AdminBSBMaterialDesign.git </pre>
 
         <h2 class="m-t-40">npm</h2>
         <pre>npm install adminbsb-materialdesign</pre>

diff --git a/documentation/templates/plugins.html b/documentation/templates/plugins.html
@@ -25,7 +25,6 @@ <h2>
                     <li><a href="https://github.com/t4t5/sweetalert" target="_blank">SweetAlert</a></li>
                     <li><a href="https://design.google.com/icons/" target="_blank">Material Icons</a></li>
                     <li><a href="https://github.com/mouse0270/bootstrap-notify" target="_blank">Bootstrap Notify</a></li>
-                    <li><a href="https://github.com/rtheunissen/md-preloader" target="_blank">Material Design Preloader</a></li>
                     <li><a href="http://ionden.com/a/plugins/ion.rangeSlider/en.html" target="_blank">ionRangeSlider</a></li>
                     <li><a href="https://github.com/dbushell/Nestable" target="_blank">Nestable</a></li>
                     <li><a href="http://fian.my.id/Waves/" target="_blank">Waves</a></li>