PHP Classes

File: public/themes/hero/css/variables.css

Recommend this page to a friend!
  Classes of milenmk   Simple PHP Password Manager   public/themes/hero/css/variables.css   Download  
File: public/themes/hero/css/variables.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Simple PHP Password Manager
Application to store and retrieve user password
Author: By
Last change: 2.4.0
v2.3.1
v2.3.0
style fixing
style fixing
v2.2.0
v2.1.1
Date: 1 year ago
Size: 9,030 bytes
 

Contents

Class file image Download
/* * * Simple password manager written in PHP with Bootstrap and PDO database connections * * File name: variables.css * Last Modified: 4.01.23 ?., 23:56 ?. * * @link https://blacktiehost.com * @since 1.0.0 * @version 2.4.0 * @author Milen Karaganski <milen@blacktiehost.com> * * @license GPL-3.0+ * @license http://www.gnu.org/licenses/gpl-3.0.txt * @copyright Copyright (c) 2020 - 2022 blacktiehost.com * */ /** * Template Name: HeroBiz * File: variables.css * Description: Easily customize colors, typography, and other repetitive properties used in the template main stylesheet file main.css * * Template URL: https://bootstrapmade.com/herobiz-bootstrap-business-template/ * Author: BootstrapMade.com * License: https://bootstrapmade.com/license/ * * Contents: * 1. HeroBiz template variables * 2. Override default Bootstrap variables * 3. Set color and background class names * * Learn more about CSS variables at https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties */ /*-------------------------------------------------------------- # 1. HeroBiz template variables --------------------------------------------------------------*/ :root { /* Fonts */ --font-default: 'Open Sans', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-primary: 'Source Sans Pro', sans-serif; --font-secondary: 'Poppins', sans-serif; /* Colors */ /* The *-rgb color names are simply the RGB converted value of the corresponding color for use in the rgba() function */ /* Default text color */ --color-default: rgb(26, 31, 36); --color-default-rgb: 26, 31, 36; /* Defult links color */ --color-links: rgb(14, 162, 189); --color-links-hover: rgb(30, 195, 224); /* Primay colors */ --color-primary: rgb(14, 162, 189); --color-primary-light: rgb(30, 195, 224); --color-primary-dark: rgb(1, 137, 161); --color-primary-rgb: 14, 162, 189; --color-primary-light-rgb: 30, 195, 224; --color-primary-dark-rgb: 1, 137, 161; /* Secondary colors */ --color-secondary: rgb(72, 86, 100); --color-secondary-light: rgb(143, 159, 174); --color-secondary-dark: rgb(58, 71, 83); --color-secondary-rgb: 72, 86, 100; --color-secondary-light-rgb: 143, 159, 174; --color-secondary-dark-rgb: 58, 71, 83; /* General colors */ --color-blue: rgb(13, 110, 253); --color-blue-rgb: 13, 110, 253; --color-indigo: rgb(102, 16, 242); --color-indigo-rgb: 102, 16, 242; --color-purple: rgb(111, 66, 193); --color-purple-rgb: 111, 66, 193; --color-pink: rgb(243, 38, 140); --color-pink-rgb: 243, 38, 140; --color-red: rgb(223, 21, 41); --color-red-rgb: 223, 21, 4; --color-orange: rgb(253, 126, 20); --color-orange-rgb: 253, 126, 20; --color-yellow: rgb(255, 193, 7); --color-yellow-rgb: 255, 193, 7; --color-green: rgb(5, 150, 82); --color-green-rgb: 5, 150, 82; --color-teal: rgb(32, 201, 151); --color-teal-rgb: 32, 201, 151; --color-cyan: rgb(13, 202, 240); --color-cyan-rgb: 13, 202, 240; --color-white: rgb(255, 255, 255); --color-white-rgb: 255, 255, 255; --color-gray: rgb(108, 117, 125); --color-gray-rgb: 108, 117, 125; --color-black: rgb(0, 0, 0); --color-black-rgb: 0, 0, 0; } /*-------------------------------------------------------------- # 2. Override default Bootstrap variables --------------------------------------------------------------*/ :root { --bs-blue: var(--color-blue); --bs-indigo: var(--color-indigo); --bs-purple: var(--color-purple); --bs-pink: var(--color-pink); --bs-red: var(--color-red); --bs-orange: var(--color-orange); --bs-yellow: var(--color-yellow); --bs-green: var(--color-green); --bs-teal: var(--color-teal); --bs-cyan: var(--color-cyan); --bs-white: var(--color-white); --bs-gray: var(--color-gray); --bs-gray-dark: rgb(52, 58, 64); --bs-gray-100: rgb(248, 249, 250); --bs-gray-200: rgb(233, 236, 239); --bs-gray-300: rgb(222, 226, 230); --bs-gray-400: rgb(206, 212, 218); --bs-gray-500: rgb(173, 181, 189); --bs-gray-600: rgb(108, 117, 125); --bs-gray-700: rgb(73, 80, 87); --bs-gray-800: rgb(52, 58, 64); --bs-gray-900: rgb(33, 37, 41); --bs-primary: var(--color-blue); --bs-secondary: var(--color-blue); --bs-success: rgb(25, 135, 84); --bs-info: rgb(13, 202, 240); --bs-warning: rgb(255, 193, 7); --bs-danger: rgb(220, 53, 69); --bs-light: rgb(248, 249, 250); --bs-dark: rgb(33, 37, 41); --bs-primary-rgb: var(--color-primary-rgb); --bs-secondary-rgb: var(--color-secondary-rgb); --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-white-rgb: var(--color-white-rgb); --bs-black-rgb: var(--color-black-rgb); --bs-body-color-rgb: var(--color-default-rgb); --bs-body-bg-rgb: 255, 255, 255; --bs-font-sans-serif: var(--font-default); --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--font-default); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: var(--color-default); --bs-body-bg: rgb(255, 255, 255); } /*-------------------------------------------------------------- # 3. Set color and background class names --------------------------------------------------------------*/ /* Fonts */ .font-default { font-family: var(--font-default) !important; } .font-primary { font-family: var(--font-primary) !important; } .font-secondary { font-family: var(--font-secondary) !important; } /* Text Colors */ .color-default { color: var(--color-default) !important; } .color-links { color: var(--color-links) !important; } .color-links:hover { color: var(--color-links-hover) !important; } .color-primary { color: var(--color-primary) !important; } .color-primary-light { color: var(--color-primary-light) !important; } .color-primary-dark { color: var(--color-primary-dark) !important; } .color-secondary { color: var(--color-secondary) !important; } .color-secondary-light { color: var(--color-secondary-light) !important; } .color-secondary-dark { color: var(--color-secondary-dark) !important; } .color-blue { color: var(--color-blue) !important; } .color-indigo { color: var(--color-indigo) !important; } .color-purple { color: var(--color-purple) !important; } .color-pink { color: var(--color-pink) !important; } .color-red { color: var(--color-red) !important; } .color-orange { color: var(--color-orange) !important; } .color-yellow { color: var(--color-yellow) !important; } .color-green { color: var(--color-green) !important; } .color-teal { color: var(--color-teal) !important; } .color-cyan { color: var(--color-cyan) !important; } .color-white { color: var(--color-white) !important; } .color-gray { color: var(--color-gray) !important; } .color-black { color: var(--color-black) !important; } /* Background Colors */ .bg-default { background-color: var(--color-default) !important; } .bg-primary { background-color: var(--color-primary) !important; } .bg-primary-light { background-color: var(--color-primary-light) !important; } .bg-primary-dark { background-color: var(--color-primary-dark) !important; } .bg-secondary { background-color: var(--color-secondary) !important; } .bg-secondary-light { background-color: var(--color-secondary-light) !important; } .bg-secondary-dark { background-color: var(--color-secondary-dark) !important; } .bg-blue { background-color: var(--color-blue) !important; } .bg-indigo { background-color: var(--color-indigo) !important; } .bg-purple { background-color: var(--color-purple) !important; } .bg-pink { background-color: var(--color-pink) !important; } .bg-red { background-color: var(--color-red) !important; } .bg-orange { background-color: var(--color-orange) !important; } .bg-yellow { background-color: var(--color-yellow) !important; } .bg-green { background-color: var(--color-green) !important; } .bg-teal { background-color: var(--color-teal) !important; } .bg-cyan { background-color: var(--color-cyan) !important; } .bg-white { background-color: var(--color-white) !important; } .bg-gray { background-color: var(--color-gray) !important; } .bg-black { background-color: var(--color-black) !important; }