PHP Classes

File: public/backend/assets/css/default-css.css

Recommend this page to a friend!
  Classes of Maniruzzaman Akash   Laravel Roles and Permissions   public/backend/assets/css/default-css.css   Download  
File: public/backend/assets/css/default-css.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Laravel Roles and Permissions
Manage application users' roles and permissions
Author: By
Last change:
Date: 1 year ago
Size: 5,364 bytes
 

Contents

Class file image Download
/* -------------------------- - 1.1 Default CSS -------------------------- */ /*google font*/ @import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900|Poppins:100,300,400,500,600,700,800,900'); /* Your default CSS. */ * { margin: 0; padding: 0; box-sizing: border-box; } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } *:focus { outline: 0; } html { -webkit-font-smoothing: antialiased; } body { background: #fff; font-weight: normal; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; } img { max-width: 100%; height: auto; } /*custome css*/ /*-------------------------- Padding top ---------------------------*/ .pt--0 { padding-top: 0 } .pt--10 { padding-top: 10px } .pt--15 { padding-top: 15px } .pt--20 { padding-top: 20px } .pt--30 { padding-top: 30px } .pt--40 { padding-top: 40px } .pt--50 { padding-top: 50px } .pt--60 { padding-top: 60px } .pt--70 { padding-top: 70px } .pt--80 { padding-top: 80px } .pt--90 { padding-top: 90px } .pt--100 { padding-top: 100px } .pt--110 { padding-top: 110px } .pt--120 { padding-top: 120px } .pt--130 { padding-top: 130px } .pt--140 { padding-top: 140px } .pt--150 { padding-top: 150px } .pt--160 { padding-top: 160px } .pt--170 { padding-top: 170px } .pt--180 { padding-top: 180px } .pt--190 { padding-top: 190px } /*------------------------ Padding bottom ---------------------------*/ .pb--0 { padding-bottom: 0 } .pb--10 { padding-bottom: 10px } .pb--15 { padding-bottom: 15px } .pb--20 { padding-bottom: 20px } .pb--30 { padding-bottom: 30px } .pb--40 { padding-bottom: 40px } .pb--50 { padding-bottom: 50px } .pb--60 { padding-bottom: 60px } .pb--70 { padding-bottom: 70px } .pb--80 { padding-bottom: 80px } .pb--90 { padding-bottom: 90px } .pb--100 { padding-bottom: 100px } .pb--110 { padding-bottom: 110px } .pb--120 { padding-bottom: 120px } .pb--130 { padding-bottom: 130px } .pb--140 { padding-bottom: 140px } .pb--150 { padding-bottom: 150px } .pb--160 { padding-bottom: 160px } .pb--170 { padding-bottom: 170px } .pb--180 { padding-bottom: 180px } .pb--190 { padding-bottom: 190px } /*------------------------------ Page section padding -------------------------------*/ .ptb--0 { padding: 0 } .ptb--10 { padding: 10px 0 } .ptb--20 { padding: 20px 0 } .ptb--30 { padding: 30px 0 } .ptb--40 { padding: 40px 0 } .ptb--50 { padding: 50px 0 } .ptb--60 { padding: 60px 0 } .ptb--70 { padding: 70px 0 } .ptb--80 { padding: 80px 0 } .ptb--90 { padding: 90px 0 } .ptb--100 { padding: 100px 0 } .ptb--110 { padding: 110px 0 } .ptb--120 { padding: 120px 0 } .ptb--130 { padding: 130px 0 } .ptb--140 { padding: 140px 0 } .ptb--150 { padding: 150px 0 } .ptb--160 { padding: 160px 0 } .ptb--170 { padding: 170px 0 } .ptb--180 { padding: 180px 0 } /*------------------------------ Page section padding left -------------------------------*/ .pl--0 { padding-left: 0px; } .pl--10 { padding-left: 10px; } .pl--20 { padding-left: 20px; } .pl--30 { padding-left: 30px; } .pl--40 { padding-left: 40px; } .pl--50 { padding-left: 50px; } .pl--60 { padding-left: 60px; } .pl--70 { padding-left: 70px; } .pl--80 { padding-left: 80px; } .pl--90 { padding-left: 90px; } .pl--100 { padding-left: 100px; } .pl--110 { padding-left: 110px; } /*------------------------------ Page section padding right -------------------------------*/ .pr--0 { padding-right: 0px; } .pr--10 { padding-right: 10px; } .pr--20 { padding-right: 20px; } .pr--30 { padding-right: 30px; } .pr--40 { padding-right: 40px; } .pr--50 { padding-right: 50px; } .pr--60 { padding-right: 60px; } .pr--70 { padding-right: 70px; } .pr--80 { padding-right: 80px; } .pr--90 { padding-right: 90px; } .pr--100 { padding-right: 100px; } .pr--110 { padding-right: 110px; } /* Colors */ :root { --primary-color: #4336FB; } #preloader { position: fixed; left: 0; top: 0; z-index: 99999; height: 100%; width: 100%; background: #fff; display: flex; } .loader{ margin: auto; height: 50px; width: 50px; border-radius: 50%; position: relative; } .loader:before{ content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #000; border-radius: 50%; opacity: 0; animation: popin 1.5s linear infinite 0s; } .loader:after{ content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #000; border-radius: 50%; opacity: 0; animation: popin 1.5s linear infinite 0.5s; } @keyframes popin{ 0%{ opacity: 0; transform: scale(0); } 1%{ opacity: 0.1; transform: scale(0); } 99%{ opacity: 0; transform: scale(2); } 100%{ opacity: 0; transform: scale(0); } }