Browse Source

Add material-color.css

master
Skylar Ittner 2 years ago
parent
commit
3ab33d19f6
3 changed files with 773 additions and 0 deletions
  1. 1
    0
      app.php
  2. 770
    0
      static/css/material-color.css
  3. 2
    0
      static/css/material-color.min.css

+ 1
- 0
app.php View File

@@ -30,6 +30,7 @@ if (!is_empty($_GET['page'])) {

<link href="static/css/bootstrap.min.css" rel="stylesheet">
<link href="static/css/font-awesome.min.css" rel="stylesheet">
<link href="static/css/material-color.min.css" rel="stylesheet">
<link href="static/css/app.css" rel="stylesheet">
<?php
// custom page styles

+ 770
- 0
static/css/material-color.css View File

@@ -0,0 +1,770 @@
/* Material-Color.css Copyright (c) 2017 Netsyms Technologies MIT License */

/*****************************************************\
PANELS
\*****************************************************/

.panel-red .panel-heading {
background-color: #f44336;
color: white;
}

.panel-pink .panel-heading {
background-color: #e91e63;
color: white;
}

.panel-purple .panel-heading {
background-color: #9c27b0;
color: white;
}

.panel-deep-purple .panel-heading {
background-color: #673ab7;
color: white;
}

.panel-indigo .panel-heading {
background-color: #3f51b5;
color: white;
}

.panel-blue .panel-heading {
background-color: #2196f3;
color: white;
}

.panel-light-blue .panel-heading {
background-color: #03a9f4;
color: black;
}

.panel-cyan .panel-heading {
background-color: #00bcd4;
color: black;
}

.panel-teal .panel-heading {
background-color: #009688;
color: white;
}

.panel-green .panel-heading {
background-color: #4caf50;
color: black;
}

.panel-light-green .panel-heading {
background-color: #8bc34a;
color: black;
}

.panel-lime .panel-heading {
background-color: #cddc39;
color: black;
}

.panel-yellow .panel-heading {
background-color: #ffeb3b;
color: black;
}

.panel-amber .panel-heading {
background-color: #ffc107;
color: black;
}

.panel-orange .panel-heading {
background-color: #ff9800;
color: black;
}

.panel-deep-orange .panel-heading {
background-color: #ff5722;
color: white;
}

.panel-brown .panel-heading {
background-color: #795548;
color: white;
}

.panel-grey .panel-heading {
background-color: #9e9e9e;
color: black;
}

.panel-blue-grey .panel-heading {
background-color: #607d8b;
color: white;
}

.panel-red .panel-footer {
background-color: #ef9a9a;
color: black;
}

.panel-pink .panel-footer {
background-color: #f48fb1;
color: black;
}

.panel-purple .panel-footer {
background-color: #ce93d8;
color: black;
}

.panel-deep-purple .panel-footer {
background-color: #b39ddb;
color: black;
}

.panel-indigo .panel-footer {
background-color: #9fa8da;
color: black;
}

.panel-blue .panel-footer {
background-color: #90caf9;
color: black;
}

.panel-light-blue .panel-footer {
background-color: #81d4fa;
color: black;
}

.panel-cyan .panel-footer {
background-color: #80deea;
color: black;
}

.panel-teal .panel-footer {
background-color: #80cbc4;
color: black;
}

.panel-green .panel-footer {
background-color: #a5d6a7;
color: black;
}

.panel-light-green .panel-footer {
background-color: #c5e1a5;
color: black;
}

.panel-lime .panel-footer {
background-color: #e6ee9c;
color: black;
}

.panel-yellow .panel-footer {
background-color: #fff59d;
color: black;
}

.panel-amber .panel-footer {
background-color: #ffe082;
color: black;
}

.panel-orange .panel-footer {
background-color: #ffcc80;
color: black;
}

.panel-deep-orange .panel-footer {
background-color: #ffab91;
color: black;
}

.panel-brown .panel-footer {
background-color: #bcaaa4;
color: black;
}

.panel-grey .panel-footer {
background-color: #eeeeee;
color: black;
}

.panel-blue-grey .panel-footer {
background-color: #b0bec5;
color: black;
}

/*****************************************************\
ALERTS
\*****************************************************/

.alert-red {
background-color: #f44336;
color: white;
}

.alert-pink {
background-color: #e91e63;
color: white;
}

.alert-purple {
background-color: #9c27b0;
color: white;
}

.alert-deep-purple {
background-color: #673ab7;
color: white;
}

.alert-indigo {
background-color: #3f51b5;
color: white;
}

.alert-blue {
background-color: #2196f3;
color: white;
}

.alert-light-blue {
background-color: #03a9f4;
color: black;
}

.alert-cyan {
background-color: #00bcd4;
color: black;
}

.alert-teal {
background-color: #009688;
color: white;
}

.alert-green {
background-color: #4caf50;
color: black;
}

.alert-light-green {
background-color: #8bc34a;
color: black;
}

.alert-lime {
background-color: #cddc39;
color: black;
}

.alert-yellow {
background-color: #ffeb3b;
color: black;
}

.alert-amber {
background-color: #ffc107;
color: black;
}

.alert-orange {
background-color: #ff9800;
color: black;
}

.alert-deep-orange {
background-color: #ff5722;
color: white;
}

.alert-brown {
background-color: #795548;
color: white;
}

.alert-grey {
background-color: #9e9e9e;
color: black;
}

.alert-blue-grey {
background-color: #607d8b;
color: white;
}

/*****************************************************\
NAVBAR
\*****************************************************/

.navbar-red {
background-color: #f44336;
color: white;
}

.navbar-pink {
background-color: #e91e63;
color: white;
}

.navbar-purple {
background-color: #9c27b0;
color: white;
}

.navbar-deep-purple {
background-color: #673ab7;
color: white;
}

.navbar-indigo {
background-color: #3f51b5;
color: white;
}

.navbar-blue {
background-color: #2196f3;
color: white;
}

.navbar-light-blue {
background-color: #03a9f4;
color: black;
}

.navbar-cyan {
background-color: #00bcd4;
color: black;
}

.navbar-teal {
background-color: #009688;
color: white;
}

.navbar-green {
background-color: #4caf50;
color: black;
}

.navbar-light-green {
background-color: #8bc34a;
color: black;
}

.navbar-lime {
background-color: #cddc39;
color: black;
}

.navbar-yellow {
background-color: #ffeb3b;
color: black;
}

.navbar-amber {
background-color: #ffc107;
color: black;
}

.navbar-orange {
background-color: #ff9800;
color: black;
}

.navbar-deep-orange {
background-color: #ff5722;
color: white;
}

.navbar-brown {
background-color: #795548;
color: white;
}

.navbar-grey {
background-color: #9e9e9e;
color: black;
}

.navbar-blue-grey {
background-color: #607d8b;
color: white;
}

/*****************************************************\
BUTTONS
\*****************************************************/

.btn-red {
background-color: #f44336;
color: white;
}

.btn-pink {
background-color: #e91e63;
color: white;
}

.btn-purple {
background-color: #9c27b0;
color: white;
}

.btn-deep-purple {
background-color: #673ab7;
color: white;
}

.btn-indigo {
background-color: #3f51b5;
color: white;
}

.btn-blue {
background-color: #2196f3;
color: white;
}

.btn-light-blue {
background-color: #03a9f4;
color: black;
}

.btn-cyan {
background-color: #00bcd4;
color: black;
}

.btn-teal {
background-color: #009688;
color: white;
}

.btn-green {
background-color: #4caf50;
color: black;
}

.btn-light-green {
background-color: #8bc34a;
color: black;
}

.btn-lime {
background-color: #cddc39;
color: black;
}

.btn-yellow {
background-color: #ffeb3b;
color: black;
}

.btn-amber {
background-color: #ffc107;
color: black;
}

.btn-orange {
background-color: #ff9800;
color: black;
}

.btn-deep-orange {
background-color: #ff5722;
color: white;
}

.btn-brown {
background-color: #795548;
color: white;
}

.btn-grey {
background-color: #9e9e9e;
color: black;
}

.btn-blue-grey {
background-color: #607d8b;
color: white;
}

/*****************************************************\
TEXT
\*****************************************************/

.text-red {
color: #f44336;
}

.text-pink {
color: #e91e63;
}

.text-purple {
color: #9c27b0;
}

.text-deep-purple {
color: #673ab7;
}

.text-indigo {
color: #3f51b5;
}

.text-blue {
color: #2196f3;
}

.text-light-blue {
color: #03a9f4;
}

.text-cyan {
color: #00bcd4;
}

.text-teal {
color: #009688;
}

.text-green {
color: #4caf50;
}

.text-light-green {
color: #8bc34a;
}

.text-lime {
color: #cddc39;
}

.text-yellow {
color: #ffeb3b;
}

.text-amber {
color: #ffc107;
}

.text-orange {
color: #ff9800;
}

.text-deep-orange {
color: #ff5722;
}

.text-brown {
color: #795548;
}

.text-grey {
color: #9e9e9e;
}

.text-blue-grey {
color: #607d8b;
}

/*****************************************************\
LABELS
\*****************************************************/

.label-red {
background-color: #f44336;
color: white;
}

.label-pink {
background-color: #e91e63;
color: white;
}

.label-purple {
background-color: #9c27b0;
color: white;
}

.label-deep-purple {
background-color: #673ab7;
color: white;
}

.label-indigo {
background-color: #3f51b5;
color: white;
}

.label-blue {
background-color: #2196f3;
color: white;
}

.label-light-blue {
background-color: #03a9f4;
color: black;
}

.label-cyan {
background-color: #00bcd4;
color: black;
}

.label-teal {
background-color: #009688;
color: white;
}

.label-green {
background-color: #4caf50;
color: black;
}

.label-light-green {
background-color: #8bc34a;
color: black;
}

.label-lime {
background-color: #cddc39;
color: black;
}

.label-yellow {
background-color: #ffeb3b;
color: black;
}

.label-amber {
background-color: #ffc107;
color: black;
}

.label-orange {
background-color: #ff9800;
color: black;
}

.label-deep-orange {
background-color: #ff5722;
color: white;
}

.label-brown {
background-color: #795548;
color: white;
}

.label-grey {
background-color: #9e9e9e;
color: black;
}

.label-blue-grey {
background-color: #607d8b;
color: white;
}

/*****************************************************\
PROGRESS BARS
\*****************************************************/

.progress-bar-red {
background-color: #f44336;
color: white;
}

.progress-bar-pink {
background-color: #e91e63;
color: white;
}

.progress-bar-purple {
background-color: #9c27b0;
color: white;
}

.progress-bar-deep-purple {
background-color: #673ab7;
color: white;
}

.progress-bar-indigo {
background-color: #3f51b5;
color: white;
}

.progress-bar-blue {
background-color: #2196f3;
color: white;
}

.progress-bar-light-blue {
background-color: #03a9f4;
color: black;
}

.progress-bar-cyan {
background-color: #00bcd4;
color: black;
}

.progress-bar-teal {
background-color: #009688;
color: white;
}

.progress-bar-green {
background-color: #4caf50;
color: black;
}

.progress-bar-light-green {
background-color: #8bc34a;
color: black;
}

.progress-bar-lime {
background-color: #cddc39;
color: black;
}

.progress-bar-yellow {
background-color: #ffeb3b;
color: black;
}

.progress-bar-amber {
background-color: #ffc107;
color: black;
}

.progress-bar-orange {
background-color: #ff9800;
color: black;
}

.progress-bar-deep-orange {
background-color: #ff5722;
color: white;
}

.progress-bar-brown {
background-color: #795548;
color: white;
}

.progress-bar-grey {
background-color: #9e9e9e;
color: black;
}

.progress-bar-blue-grey {
background-color: #607d8b;
color: white;
}

+ 2
- 0
static/css/material-color.min.css
File diff suppressed because it is too large
View File


Loading…
Cancel
Save