Higiene e segurança: sanitização de theme, permissões, BMP e temas duplicados
- $_GET['theme'] sanitizado no display_login com a mesma regex do picture.send.php; getThemeInfo() ganhou defesa em profundidade (rejeita qualquer valor que não seja nome simples de diretório). - mkdir 0755 (era 0777) no storage de imagens. - IMAGETYPE_BMP usava imagecreatefromwbmp (WBMP != BMP); agora imagecreatefrombmp. - public/themes/ removido: era cópia divergente e corrompida (CSS mutilado por find/replace) da fonte real themes/ — o código só lê themes/ da raiz e serve via picture.send.php. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
12
hook.php
|
|
@ -2,9 +2,15 @@
|
|||
|
||||
function plugin_butterfly_display_login() {
|
||||
|
||||
$themeInfo = null;
|
||||
// Mesma sanitização do picture.send.php — tema é sempre um nome simples de diretório
|
||||
$requestedTheme = null;
|
||||
if (isset($_GET['theme'])) {
|
||||
$themeInfo = PluginButterflyTheme::getThemeInfo($_GET['theme']);
|
||||
$requestedTheme = preg_replace('/[^a-zA-Z0-9_\-]/', '', (string)$_GET['theme']);
|
||||
}
|
||||
|
||||
$themeInfo = null;
|
||||
if ($requestedTheme) {
|
||||
$themeInfo = PluginButterflyTheme::getThemeInfo($requestedTheme);
|
||||
}
|
||||
if (!$themeInfo) {
|
||||
$theme = PluginButterflyConfig::getConfig("login_theme", '');
|
||||
|
|
@ -23,7 +29,7 @@ function plugin_butterfly_display_login() {
|
|||
]);
|
||||
}
|
||||
|
||||
$loginCss = PluginButterflyScss::getLoginCSS($_GET['theme'] ?? null);
|
||||
$loginCss = PluginButterflyScss::getLoginCSS($requestedTheme);
|
||||
if (!empty($loginCss)) {
|
||||
echo "<style id='plugin-butterfly-login-css'>\n" . $loginCss . "\n</style>";
|
||||
}
|
||||
|
|
|
|||
|
|
@ -20,6 +20,11 @@ class PluginButterflyTheme {
|
|||
}
|
||||
|
||||
public static function getThemeInfo($dir) {
|
||||
// Defesa em profundidade: tema é sempre um nome simples de diretório
|
||||
if (!is_string($dir) || $dir === '' || $dir !== basename($dir)) {
|
||||
return false;
|
||||
}
|
||||
|
||||
$dirPath = static::getThemeFolder() . '/' . $dir;
|
||||
$path = $dirPath . '/theme.json';
|
||||
if (!file_exists($path)) {
|
||||
|
|
|
|||
|
|
@ -106,7 +106,7 @@ class PluginButterflyToolbox {
|
|||
$i++;
|
||||
} while (file_exists($dest));
|
||||
|
||||
if (!is_dir($basePath . '/' . $subdirectory) && !mkdir($basePath . '/' . $subdirectory, 0777, true)) {
|
||||
if (!is_dir($basePath . '/' . $subdirectory) && !mkdir($basePath . '/' . $subdirectory, 0755, true)) {
|
||||
return false;
|
||||
}
|
||||
|
||||
|
|
@ -198,7 +198,7 @@ class PluginButterflyToolbox {
|
|||
|
||||
switch ($img_type) {
|
||||
case IMAGETYPE_BMP:
|
||||
$source_res = imagecreatefromwbmp($source_path);
|
||||
$source_res = imagecreatefrombmp($source_path);
|
||||
break;
|
||||
|
||||
case IMAGETYPE_GIF:
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 301 KiB |
|
|
@ -1,108 +0,0 @@
|
|||
@charset "UTF-8";
|
||||
/*Tema 7 - Aurora Boreal*/
|
||||
body .card {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
}
|
||||
.flex-fill.d-flex.flex-column.justify-content-center.py-4.mt-4 {
|
||||
width: 525px;
|
||||
background: transparent;
|
||||
margin: 0px auto !important;
|
||||
}
|
||||
.col-md-5 {
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
}
|
||||
h2.card-header.text-center.mb-4, div.card-header:has(.mx-auto) {
|
||||
display: none;
|
||||
}
|
||||
.flex-fill.d-flex.flex-column.justify-content-center.py-4.mt-4 {
|
||||
min-height: 711px;
|
||||
width: 525px;
|
||||
background: transparent;
|
||||
border-radius: 0;
|
||||
box-shadow: 0 4px 30pxrgba 0, 0, 0, 0.1;
|
||||
-webkit-backdrop-filter: blur(5px);
|
||||
border: 1pxsolidrgba 255, 255, 255, 0.3;
|
||||
margin: 0px auto !important;
|
||||
height: 100% !important;
|
||||
}
|
||||
span.glpi-logo.mb-4 {
|
||||
margin: 0 !important;
|
||||
}
|
||||
.btn-primary, .btn-outline-primary, .btn-ghost-primary {
|
||||
--tblr-btn-color: #71090e;
|
||||
--tblr-btn-color-interactive: #8d0a10;
|
||||
--tblr-btn-color-text: #1e293b;
|
||||
}
|
||||
body .form-control:focus {
|
||||
color: inherit;
|
||||
background-color: #fdfdfd;
|
||||
border-color: #1b5ca3c2;
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 0.25rem #1b5ca3c2;
|
||||
}
|
||||
.mb-3, .mb-4 {
|
||||
position: relative;
|
||||
}
|
||||
.mb-3:after {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #6a696982;
|
||||
top: 12px;
|
||||
}
|
||||
.mb-4:before {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #6a696982;
|
||||
top: 12px;
|
||||
}
|
||||
.col-md-5 {
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
max-width: 289px;
|
||||
}
|
||||
body .form-control {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 0.7375rem 0.75rem;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.4285714286;
|
||||
color: inherit;
|
||||
background-color: #fdfdfd;
|
||||
background-clip: padding-box;
|
||||
border: 1px solid #d9dbde;
|
||||
appearance: none;
|
||||
border-radius: 34px;
|
||||
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
}
|
||||
button.btn.btn-primary.w-100 {
|
||||
background: transparent;
|
||||
color: #ffffff;
|
||||
padding: 11px;
|
||||
border-radius: 30px;
|
||||
border: 1px solid #fff;
|
||||
}
|
||||
label.form-label {
|
||||
color: #fff;
|
||||
}
|
||||
a {
|
||||
color: #73fff9 !important;
|
||||
text-decoration: none;
|
||||
}
|
||||
label.form-label {
|
||||
display: none;
|
||||
color: #fff;
|
||||
}
|
||||
.card-body {
|
||||
margin: 0 auto;
|
||||
width: 350px;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
Before Width: | Height: | Size: 3.5 KiB |
|
Before Width: | Height: | Size: 190 KiB |
|
|
@ -1,129 +0,0 @@
|
|||
/*Tema 7 - Aurora Boreal*/
|
||||
|
||||
$btn-foreground-color: #ffffff !default;
|
||||
|
||||
body .card {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.flex-fill.d-flex.flex-column.justify-content-center.py-4.mt-4 {
|
||||
width: 525px;
|
||||
background: transparent;
|
||||
margin: 0px auto !important;
|
||||
}
|
||||
|
||||
.col-md-5 {
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
h2.card-header.text-center.mb-4,
|
||||
div.card-header:has(.mx-auto) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.flex-fill.d-flex.flex-column.justify-content-center.py-4.mt-4 {
|
||||
min-height: 711px;
|
||||
width: 525px;
|
||||
background: transparent;
|
||||
border-radius: 0;
|
||||
box-shadow: 0 4px 30pxrgba (0, 0, 0, 0.1);
|
||||
-webkit-backdrop-filter: blur(5px);
|
||||
border: 1pxsolidrgba (255, 255, 255, 0.3);
|
||||
margin: 0px auto !important;
|
||||
height: 100% !important;
|
||||
}
|
||||
|
||||
span.glpi-logo.mb-4 {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.btn-primary,
|
||||
.btn-outline-primary,
|
||||
.btn-ghost-primary {
|
||||
--tblr-btn-color: #71090e;
|
||||
--tblr-btn-color-interactive: #8d0a10;
|
||||
--tblr-btn-color-text: #1e293b;
|
||||
}
|
||||
|
||||
body .form-control:focus {
|
||||
color: inherit;
|
||||
background-color: #fdfdfd;
|
||||
border-color: #1b5ca3c2;
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 0.25rem #1b5ca3c2;
|
||||
}
|
||||
|
||||
.mb-3,
|
||||
.mb-4 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.mb-3:after {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "\f007";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #6a696982;
|
||||
top: 12px;
|
||||
}
|
||||
|
||||
.mb-4:before {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "\f023";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #6a696982;
|
||||
top: 12px;
|
||||
}
|
||||
|
||||
.col-md-5 {
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
max-width: 289px;
|
||||
}
|
||||
|
||||
body .form-control {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 0.7375rem 0.75rem;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.4285714286;
|
||||
color: inherit;
|
||||
background-color: #fdfdfd;
|
||||
background-clip: padding-box;
|
||||
border: 1px solid #d9dbde;
|
||||
appearance: none;
|
||||
border-radius: 34px;
|
||||
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
}
|
||||
|
||||
button.btn.btn-primary.w-100 {
|
||||
background: transparent;
|
||||
color: $btn-foreground-color;
|
||||
padding: 11px;
|
||||
border-radius: 30px;
|
||||
border: 1px solid #fff;
|
||||
}
|
||||
|
||||
label.form-label {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #73fff9 !important;
|
||||
text-decoration: none;
|
||||
}
|
||||
label.form-label {
|
||||
display: none;
|
||||
color: #fff;
|
||||
}
|
||||
.card-body {
|
||||
margin: 0 auto;
|
||||
width: 350px;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
|
@ -1,14 +0,0 @@
|
|||
{
|
||||
"name": "Aurora Boreal",
|
||||
"description": "Aurora Boreal Theme",
|
||||
"variables": {
|
||||
"btn-foreground-color": {
|
||||
"name": "Cor do texto dos Botões",
|
||||
"default": "#ffffff"
|
||||
},
|
||||
"card-background-color": {
|
||||
"name": "Cor do cartão",
|
||||
"default": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 141 KiB |
|
|
@ -1,114 +0,0 @@
|
|||
@charset "UTF-8";
|
||||
/*Tema 9 - Baloons*/
|
||||
body .card {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
}
|
||||
.col-md-5 {
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
}
|
||||
h2.card-header.text-center.mb-4, div.card-header:has(.mx-auto) {
|
||||
display: none;
|
||||
}
|
||||
span.glpi-logo.mb-4 {
|
||||
margin: 0 !important;
|
||||
}
|
||||
.btn-primary, .btn-outline-primary, .btn-ghost-primary {
|
||||
--tblr-btn-color: #71090e;
|
||||
--tblr-btn-color-interactive: #8d0a10;
|
||||
--tblr-btn-color-text: #1e293b;
|
||||
}
|
||||
.mb-3, .mb-4 {
|
||||
position: relative;
|
||||
}
|
||||
.mb-3:after {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #6a696982;
|
||||
top: 12px;
|
||||
}
|
||||
.mb-4:before {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #6a696982;
|
||||
top: 12px;
|
||||
}
|
||||
.col-md-5 {
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
max-width: 289px;
|
||||
}
|
||||
label.form-label {
|
||||
color: #a6abb1;
|
||||
}
|
||||
.flex-fill.d-flex.flex-column.justify-content-center.py-4.mt-4 {
|
||||
width: 383px;
|
||||
background: #e6eef8;
|
||||
border-radius: 0;
|
||||
margin: 114px auto !important;
|
||||
outline: 28px solid #ffffff30;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0px 6px 13px 1px #00000047;
|
||||
height: 100% !important;
|
||||
}
|
||||
button.btn.btn-primary.w-100 {
|
||||
background: transparent;
|
||||
color: #ffffff;
|
||||
padding: 11px;
|
||||
border-radius: 30px;
|
||||
border: 1px solid #fff;
|
||||
background: #593a90;
|
||||
background: linear-gradient(0deg, #593a90 0%, #7551b5 48%, 1 100%);
|
||||
}
|
||||
a {
|
||||
color: #7551b5 !important;
|
||||
text-decoration: none;
|
||||
}
|
||||
body .form-control {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 0.7375rem 0.75rem;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.4285714286;
|
||||
color: inherit;
|
||||
background-color: #fdfdfd;
|
||||
background-clip: padding-box;
|
||||
border: 0;
|
||||
appearance: none;
|
||||
border-radius: 34px;
|
||||
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
background: linear-gradient(0deg, #e6eef8, #e6eef8), #cfd8dc;
|
||||
box-shadow: inset -4px -4px 12px rgba(253, 255, 255, 0.8), inset 4px 4px 12px rgba(187, 195, 206, 0.6);
|
||||
border-radius: 16px;
|
||||
}
|
||||
label.form-label {
|
||||
display: none;
|
||||
color: #fff;
|
||||
}
|
||||
span.form-label-description {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
.card-body {
|
||||
margin: 0 auto;
|
||||
width: 350px;
|
||||
max-width: 100%;
|
||||
}
|
||||
.form-control:focus {
|
||||
color: inherit;
|
||||
background-color: #fdfdfd;
|
||||
border-color: #673ab7;
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 0.25rem rgba(103, 58, 183, 0.26);
|
||||
}
|
||||
|
Before Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 118 KiB |
|
|
@ -1,137 +0,0 @@
|
|||
/*Tema 9 - Baloons*/
|
||||
|
||||
$btn-background-color1: #593a90 !default;
|
||||
$btn-background-color2: #7551b5 !default;
|
||||
$btn-foreground-color: #ffffff !default;
|
||||
|
||||
body .card {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.col-md-5 {
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
h2.card-header.text-center.mb-4,
|
||||
div.card-header:has(.mx-auto) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
span.glpi-logo.mb-4 {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.btn-primary,
|
||||
.btn-outline-primary,
|
||||
.btn-ghost-primary {
|
||||
--tblr-btn-color: #71090e;
|
||||
--tblr-btn-color-interactive: #8d0a10;
|
||||
--tblr-btn-color-text: #1e293b;
|
||||
}
|
||||
|
||||
.mb-3,
|
||||
.mb-4 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.mb-3:after {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "\f007";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #6a696982;
|
||||
top: 12px;
|
||||
}
|
||||
|
||||
.mb-4:before {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "\f023";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #6a696982;
|
||||
top: 12px;
|
||||
}
|
||||
|
||||
.col-md-5 {
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
max-width: 289px;
|
||||
}
|
||||
|
||||
label.form-label {
|
||||
color: #a6abb1;
|
||||
}
|
||||
|
||||
.flex-fill.d-flex.flex-column.justify-content-center.py-4.mt-4 {
|
||||
width: 383px;
|
||||
background: rgb(230 238 248);
|
||||
border-radius: 0;
|
||||
margin: 114px auto !important;
|
||||
outline: 28px solid #ffffff30;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0px 6px 13px 1px #00000047;
|
||||
height: 100% !important;
|
||||
}
|
||||
|
||||
button.btn.btn-primary.w-100 {
|
||||
background: transparent;
|
||||
color: $btn-foreground-color;
|
||||
padding: 11px;
|
||||
border-radius: 30px;
|
||||
border: 1px solid #fff;
|
||||
background: $btn-background-color1;
|
||||
background: linear-gradient(0deg, $btn-background-color1 0%, $btn-background-color2 48%, 1 100%);
|
||||
}
|
||||
|
||||
a {
|
||||
color: #7551b5 !important;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
body .form-control {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 0.7375rem 0.75rem;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.4285714286;
|
||||
color: inherit;
|
||||
background-color: #fdfdfd;
|
||||
background-clip: padding-box;
|
||||
border: 0;
|
||||
appearance: none;
|
||||
border-radius: 34px;
|
||||
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
background: linear-gradient(0deg, #e6eef8, #e6eef8), #cfd8dc;
|
||||
box-shadow: inset -4px -4px 12px rgb(253 255 255 / 80%),
|
||||
inset 4px 4px 12px rgb(187 195 206 / 60%);
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
label.form-label {
|
||||
display: none;
|
||||
color: #fff;
|
||||
}
|
||||
span.form-label-description {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
.card-body {
|
||||
margin: 0 auto;
|
||||
width: 350px;
|
||||
max-width: 100%;
|
||||
}
|
||||
.form-control:focus {
|
||||
color: inherit;
|
||||
background-color: #fdfdfd;
|
||||
border-color: #673ab7;
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 0.25rem rgb(103 58 183 / 26%);
|
||||
}
|
||||
|
|
@ -1,22 +0,0 @@
|
|||
{
|
||||
"name": "Ballons",
|
||||
"description": "Ballons Theme",
|
||||
"variables": {
|
||||
"btn-background-color1": {
|
||||
"name": "Cor de fundo 1 dos Botões",
|
||||
"default": "#593a90"
|
||||
},
|
||||
"btn-background-color2": {
|
||||
"name": "Cor de fundo 2 dos Botões",
|
||||
"default": "#7551b5"
|
||||
},
|
||||
"btn-foreground-color": {
|
||||
"name": "Cor do texto dos Botões",
|
||||
"default": "#ffffff"
|
||||
},
|
||||
"card-background-color": {
|
||||
"name": "Cor do cartão",
|
||||
"default": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 183 KiB |
|
|
@ -1,119 +0,0 @@
|
|||
@charset "UTF-8";
|
||||
/*Tema 3 - Cloud*/
|
||||
body .card {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
}
|
||||
.col-md-5 {
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
}
|
||||
h2.card-header.text-center.mb-4, div.card-header:has(.mx-auto) {
|
||||
display: none;
|
||||
}
|
||||
span.glpi-logo.mb-4 {
|
||||
margin: 0 !important;
|
||||
}
|
||||
.btn-primary, .btn-outline-primary, .btn-ghost-primary {
|
||||
--tblr-btn-color: #71090e;
|
||||
--tblr-btn-color-interactive: #8d0a10;
|
||||
--tblr-btn-color-text: #1e293b;
|
||||
}
|
||||
.mb-3, .mb-4 {
|
||||
position: relative;
|
||||
}
|
||||
.mb-3:after {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #6a696982;
|
||||
top: 12px;
|
||||
}
|
||||
.mb-4:before {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #6a696982;
|
||||
top: 12px;
|
||||
}
|
||||
.col-md-5 {
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
max-width: 289px;
|
||||
}
|
||||
label.form-label {
|
||||
color: #a6abb1;
|
||||
}
|
||||
.card-body {
|
||||
padding: 0px !important;
|
||||
margin: auto;
|
||||
}
|
||||
.flex-fill.d-flex.flex-column.justify-content-center.py-4.mt-4 {
|
||||
width: 383px;
|
||||
background: #ffffff;
|
||||
border-radius: 30px;
|
||||
margin: 114px auto !important;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0px 6px 13px 1px #00000047;
|
||||
height: 100% !important;
|
||||
}
|
||||
button.btn.btn-primary.w-100 {
|
||||
color: #ffffff;
|
||||
padding: 11px;
|
||||
border-radius: 30px;
|
||||
border: 1px solid #fff;
|
||||
background: #000000;
|
||||
}
|
||||
a {
|
||||
color: #000000 !important;
|
||||
text-decoration: underline;
|
||||
}
|
||||
body .form-control {
|
||||
display: block;
|
||||
width: 100%;
|
||||
min-width: 250px;
|
||||
padding: 0.7375rem 0.75rem;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.4285714286;
|
||||
color: inherit;
|
||||
background-color: #fdfdfd;
|
||||
background-clip: padding-box;
|
||||
border: 0;
|
||||
appearance: none;
|
||||
border-radius: 34px;
|
||||
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
background: #fff;
|
||||
border-radius: 0;
|
||||
border-bottom: 1px solid;
|
||||
}
|
||||
label.form-label {
|
||||
display: none;
|
||||
color: #fff;
|
||||
}
|
||||
span.form-label-description {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
.card-body {
|
||||
margin: 0 auto;
|
||||
width: 350px;
|
||||
max-width: 100%;
|
||||
}
|
||||
.col-auto.offset-md-1.p-2.text-center {
|
||||
display: none;
|
||||
}
|
||||
.form-control:focus {
|
||||
color: inherit;
|
||||
background-color: #fdfdfd;
|
||||
border-color: #013453;
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 0.25rem #5e5e5e3b;
|
||||
}
|
||||
|
Before Width: | Height: | Size: 2.9 KiB |
|
Before Width: | Height: | Size: 126 KiB |
|
|
@ -1,140 +0,0 @@
|
|||
/*Tema 3 - Cloud*/
|
||||
|
||||
$btn-background-color: #000000 !default;
|
||||
$btn-foreground-color: #ffffff !default;
|
||||
|
||||
body .card {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.col-md-5 {
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
h2.card-header.text-center.mb-4,
|
||||
div.card-header:has(.mx-auto) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
span.glpi-logo.mb-4 {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.btn-primary,
|
||||
.btn-outline-primary,
|
||||
.btn-ghost-primary {
|
||||
--tblr-btn-color: #71090e;
|
||||
--tblr-btn-color-interactive: #8d0a10;
|
||||
--tblr-btn-color-text: #1e293b;
|
||||
}
|
||||
|
||||
.mb-3,
|
||||
.mb-4 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.mb-3:after {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "\f007";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #6a696982;
|
||||
top: 12px;
|
||||
}
|
||||
|
||||
.mb-4:before {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "\f023";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #6a696982;
|
||||
top: 12px;
|
||||
}
|
||||
|
||||
.col-md-5 {
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
max-width: 289px;
|
||||
}
|
||||
|
||||
label.form-label {
|
||||
color: #a6abb1;
|
||||
}
|
||||
|
||||
.card-body {
|
||||
padding: 0px !important;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.flex-fill.d-flex.flex-column.justify-content-center.py-4.mt-4 {
|
||||
width: 383px;
|
||||
background: #ffffff;
|
||||
border-radius: 30px;
|
||||
margin: 114px auto !important;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0px 6px 13px 1px #00000047;
|
||||
height: 100% !important;
|
||||
}
|
||||
|
||||
button.btn.btn-primary.w-100 {
|
||||
color: $btn-foreground-color;
|
||||
padding: 11px;
|
||||
border-radius: 30px;
|
||||
border: 1px solid #fff;
|
||||
background: $btn-background-color;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #000000 !important;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
body .form-control {
|
||||
display: block;
|
||||
width: 100%;
|
||||
min-width: 250px;
|
||||
padding: 0.7375rem 0.75rem;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.4285714286;
|
||||
color: inherit;
|
||||
background-color: #fdfdfd;
|
||||
background-clip: padding-box;
|
||||
border: 0;
|
||||
appearance: none;
|
||||
border-radius: 34px;
|
||||
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
background: #fff;
|
||||
border-radius: 0;
|
||||
border-bottom: 1px solid;
|
||||
}
|
||||
label.form-label {
|
||||
display: none;
|
||||
color: #fff;
|
||||
}
|
||||
span.form-label-description {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
.card-body {
|
||||
margin: 0 auto;
|
||||
width: 350px;
|
||||
max-width: 100%;
|
||||
}
|
||||
.col-auto.offset-md-1.p-2.text-center {
|
||||
display: none;
|
||||
}
|
||||
.form-control:focus {
|
||||
color: inherit;
|
||||
background-color: #fdfdfd;
|
||||
border-color: #013453;
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 0.25rem #5e5e5e3b;
|
||||
}
|
||||
|
|
@ -1,18 +0,0 @@
|
|||
{
|
||||
"name": "Cloud",
|
||||
"description": "Cloud Theme",
|
||||
"variables": {
|
||||
"btn-background-color": {
|
||||
"name": "Cor de fundo dos Botões",
|
||||
"default": "#000000"
|
||||
},
|
||||
"btn-foreground-color": {
|
||||
"name": "Cor do texto dos Botões",
|
||||
"default": "#ffffff"
|
||||
},
|
||||
"card-background-color": {
|
||||
"name": "Cor do cartão",
|
||||
"default": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 145 KiB |
|
|
@ -1,125 +0,0 @@
|
|||
@charset "UTF-8";
|
||||
/*Tema 1 - Desktop*/
|
||||
body .card {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
}
|
||||
.col-md-5 {
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
}
|
||||
h2.card-header.text-center.mb-4, div.card-header:has(.mx-auto) {
|
||||
display: none;
|
||||
}
|
||||
span.glpi-logo.mb-4 {
|
||||
margin: 0 !important;
|
||||
}
|
||||
.btn-primary, .btn-outline-primary, .btn-ghost-primary {
|
||||
--tblr-btn-color: #71090e;
|
||||
--tblr-btn-color-interactive: #8d0a10;
|
||||
--tblr-btn-color-text: #1e293b;
|
||||
}
|
||||
.mb-3, .mb-4 {
|
||||
position: relative;
|
||||
}
|
||||
.mb-3:after {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #6a696982;
|
||||
top: 12px;
|
||||
}
|
||||
.mb-4:before {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #6a696982;
|
||||
top: 12px;
|
||||
}
|
||||
.col-md-5 {
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
max-width: 289px;
|
||||
}
|
||||
label.form-label {
|
||||
color: #a6abb1;
|
||||
}
|
||||
.card-body {
|
||||
padding: 0px !important;
|
||||
margin: auto;
|
||||
}
|
||||
.flex-fill.d-flex.flex-column.justify-content-center.py-4.mt-4 {
|
||||
width: 50%;
|
||||
background: #ffffffc9;
|
||||
border-radius: 30px;
|
||||
margin: 0;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0px 6px 13px 1px #00000047;
|
||||
left: 0;
|
||||
height: 100% !important;
|
||||
top: -32px;
|
||||
border-radius: 0;
|
||||
position: absolute;
|
||||
padding-top: 130px !important;
|
||||
padding-bottom: 110px !important;
|
||||
}
|
||||
button.btn.btn-primary.w-100 {
|
||||
color: #ffffff;
|
||||
padding: 11px;
|
||||
border-radius: 30px;
|
||||
border: 1px solid #fff;
|
||||
background: #000000;
|
||||
}
|
||||
a {
|
||||
color: #000000 !important;
|
||||
text-decoration: underline;
|
||||
}
|
||||
body .form-control {
|
||||
display: block;
|
||||
width: 100%;
|
||||
min-width: 250px;
|
||||
padding: 0.7375rem 0.75rem;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.4285714286;
|
||||
color: inherit;
|
||||
background-color: #fdfdfd;
|
||||
background-clip: padding-box;
|
||||
border: 0;
|
||||
appearance: none;
|
||||
border-radius: 34px;
|
||||
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
background: #fff;
|
||||
border-radius: 0;
|
||||
border-bottom: 1px solid;
|
||||
}
|
||||
label.form-label {
|
||||
display: none;
|
||||
color: #fff;
|
||||
}
|
||||
span.form-label-description {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
.card-body {
|
||||
margin: 0 auto;
|
||||
width: 350px;
|
||||
max-width: 100%;
|
||||
}
|
||||
.col-auto.offset-md-1.p-2.text-center {
|
||||
display: none;
|
||||
}
|
||||
.form-control:focus {
|
||||
color: inherit;
|
||||
background-color: #fdfdfd;
|
||||
border-color: #013453;
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 0.25rem #5e5e5e3b;
|
||||
}
|
||||
|
Before Width: | Height: | Size: 2.9 KiB |
|
Before Width: | Height: | Size: 105 KiB |
|
|
@ -1,147 +0,0 @@
|
|||
/*Tema 1 - Desktop*/
|
||||
|
||||
$btn-background-color: #000000 !default;
|
||||
$btn-foreground-color: #ffffff !default;
|
||||
|
||||
body .card {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.col-md-5 {
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
h2.card-header.text-center.mb-4,
|
||||
div.card-header:has(.mx-auto) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
span.glpi-logo.mb-4 {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.btn-primary,
|
||||
.btn-outline-primary,
|
||||
.btn-ghost-primary {
|
||||
--tblr-btn-color: #71090e;
|
||||
--tblr-btn-color-interactive: #8d0a10;
|
||||
--tblr-btn-color-text: #1e293b;
|
||||
}
|
||||
|
||||
.mb-3,
|
||||
.mb-4 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.mb-3:after {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "\f007";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #6a696982;
|
||||
top: 12px;
|
||||
}
|
||||
|
||||
.mb-4:before {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "\f023";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #6a696982;
|
||||
top: 12px;
|
||||
}
|
||||
|
||||
.col-md-5 {
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
max-width: 289px;
|
||||
}
|
||||
|
||||
label.form-label {
|
||||
color: #a6abb1;
|
||||
}
|
||||
|
||||
.card-body {
|
||||
padding: 0px !important;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.flex-fill.d-flex.flex-column.justify-content-center.py-4.mt-4 {
|
||||
width: 50%;
|
||||
background: #ffffffc9;
|
||||
border-radius: 30px;
|
||||
margin: 0;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0px 6px 13px 1px #00000047;
|
||||
left: 0;
|
||||
height: 100% !important;
|
||||
top: -32px;
|
||||
border-radius: 0;
|
||||
position: absolute;
|
||||
padding-top: 130px !important;
|
||||
padding-bottom: 110px !important;
|
||||
}
|
||||
|
||||
button.btn.btn-primary.w-100 {
|
||||
color: $btn-foreground-color;
|
||||
padding: 11px;
|
||||
border-radius: 30px;
|
||||
border: 1px solid #fff;
|
||||
background: $btn-background-color;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #000000 !important;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
body .form-control {
|
||||
display: block;
|
||||
width: 100%;
|
||||
min-width: 250px;
|
||||
padding: 0.7375rem 0.75rem;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.4285714286;
|
||||
color: inherit;
|
||||
background-color: #fdfdfd;
|
||||
background-clip: padding-box;
|
||||
border: 0;
|
||||
appearance: none;
|
||||
border-radius: 34px;
|
||||
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
background: #fff;
|
||||
border-radius: 0;
|
||||
border-bottom: 1px solid;
|
||||
}
|
||||
|
||||
label.form-label {
|
||||
display: none;
|
||||
color: #fff;
|
||||
}
|
||||
span.form-label-description {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
.card-body {
|
||||
margin: 0 auto;
|
||||
width: 350px;
|
||||
max-width: 100%;
|
||||
}
|
||||
.col-auto.offset-md-1.p-2.text-center {
|
||||
display: none;
|
||||
}
|
||||
.form-control:focus {
|
||||
color: inherit;
|
||||
background-color: #fdfdfd;
|
||||
border-color: #013453;
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 0.25rem #5e5e5e3b;
|
||||
}
|
||||
|
|
@ -1,18 +0,0 @@
|
|||
{
|
||||
"name": "Desktop",
|
||||
"description": "Desktop Theme",
|
||||
"variables": {
|
||||
"btn-background-color": {
|
||||
"name": "Cor de fundo dos Botões",
|
||||
"default": "#000000"
|
||||
},
|
||||
"btn-foreground-color": {
|
||||
"name": "Cor do texto dos Botões",
|
||||
"default": "#ffffff"
|
||||
},
|
||||
"card-background-color": {
|
||||
"name": "Cor do cartão",
|
||||
"default": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 113 KiB |
|
|
@ -1,117 +0,0 @@
|
|||
@charset "UTF-8";
|
||||
/*Tema 8 - Light*/
|
||||
body .card {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
}
|
||||
.col-md-5 {
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
}
|
||||
h2.card-header.text-center.mb-4, div.card-header:has(.mx-auto) {
|
||||
display: none;
|
||||
}
|
||||
span.glpi-logo.mb-4 {
|
||||
margin: 0 !important;
|
||||
}
|
||||
.btn-primary, .btn-outline-primary, .btn-ghost-primary {
|
||||
--tblr-btn-color: #71090e;
|
||||
--tblr-btn-color-interactive: #8d0a10;
|
||||
--tblr-btn-color-text: #1e293b;
|
||||
}
|
||||
.mb-3, .mb-4 {
|
||||
position: relative;
|
||||
}
|
||||
.mb-3:after {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #013453;
|
||||
top: 12px;
|
||||
}
|
||||
.mb-4:before {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #013453;
|
||||
top: 12px;
|
||||
}
|
||||
.col-md-5 {
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
max-width: 289px;
|
||||
}
|
||||
button.btn.btn-primary.w-100 {
|
||||
color: #ffffff;
|
||||
padding: 11px;
|
||||
border-radius: 30px;
|
||||
background: #013453;
|
||||
}
|
||||
label.form-label {
|
||||
color: #023454;
|
||||
}
|
||||
.card-body {
|
||||
padding: 0px !important;
|
||||
margin: auto;
|
||||
}
|
||||
.flex-fill.d-flex.flex-column.justify-content-center.py-4.mt-4 {
|
||||
background: transparent;
|
||||
border-radius: 30px;
|
||||
margin: 0;
|
||||
outline-offset: 0;
|
||||
height: 100% !important;
|
||||
border-radius: 0;
|
||||
padding-bottom: 10px !important;
|
||||
width: 320px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
a {
|
||||
color: #000000 !important;
|
||||
text-decoration: underline;
|
||||
}
|
||||
body .form-control {
|
||||
display: block;
|
||||
width: 100%;
|
||||
min-width: 250px;
|
||||
padding: 0.7375rem 0.75rem;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.4285714286;
|
||||
color: inherit;
|
||||
background-color: #fdfdfd;
|
||||
background-clip: padding-box;
|
||||
border: 0;
|
||||
appearance: none;
|
||||
border-radius: 34px;
|
||||
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
background: #fff;
|
||||
border-radius: 0;
|
||||
border-bottom: 1px solid;
|
||||
}
|
||||
label.form-label {
|
||||
display: none;
|
||||
color: #fff;
|
||||
}
|
||||
span.form-label-description {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
.card-body {
|
||||
margin: 0 auto;
|
||||
width: 350px;
|
||||
max-width: 100%;
|
||||
}
|
||||
.form-control:focus {
|
||||
color: inherit;
|
||||
background-color: #fdfdfd;
|
||||
border-color: #013453;
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 0.25rem #0133533b;
|
||||
}
|
||||
|
Before Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 93 KiB |
|
|
@ -1,138 +0,0 @@
|
|||
/*Tema 8 - Light*/
|
||||
|
||||
$btn-background-color: #013453 !default;
|
||||
$btn-foreground-color: #ffffff !default;
|
||||
|
||||
body .card {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.col-md-5 {
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
h2.card-header.text-center.mb-4,
|
||||
div.card-header:has(.mx-auto) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
span.glpi-logo.mb-4 {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.btn-primary,
|
||||
.btn-outline-primary,
|
||||
.btn-ghost-primary {
|
||||
--tblr-btn-color: #71090e;
|
||||
--tblr-btn-color-interactive: #8d0a10;
|
||||
--tblr-btn-color-text: #1e293b;
|
||||
}
|
||||
|
||||
.mb-3,
|
||||
.mb-4 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.mb-3:after {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "\f007";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #013453;
|
||||
top: 12px;
|
||||
}
|
||||
|
||||
.mb-4:before {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "\f023";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #013453;
|
||||
top: 12px;
|
||||
}
|
||||
|
||||
.col-md-5 {
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
max-width: 289px;
|
||||
}
|
||||
|
||||
button.btn.btn-primary.w-100 {
|
||||
color: $btn-foreground-color;
|
||||
padding: 11px;
|
||||
border-radius: 30px;
|
||||
background: $btn-background-color;
|
||||
}
|
||||
|
||||
label.form-label {
|
||||
color: #023454;
|
||||
}
|
||||
|
||||
.card-body {
|
||||
padding: 0px !important;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.flex-fill.d-flex.flex-column.justify-content-center.py-4.mt-4 {
|
||||
background: transparent;
|
||||
border-radius: 30px;
|
||||
margin: 0;
|
||||
outline-offset: 0;
|
||||
height: 100% !important;
|
||||
border-radius: 0;
|
||||
padding-bottom: 10px !important;
|
||||
width: 320px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #000000 !important;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
body .form-control {
|
||||
display: block;
|
||||
width: 100%;
|
||||
min-width: 250px;
|
||||
padding: 0.7375rem 0.75rem;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.4285714286;
|
||||
color: inherit;
|
||||
background-color: #fdfdfd;
|
||||
background-clip: padding-box;
|
||||
border: 0;
|
||||
appearance: none;
|
||||
border-radius: 34px;
|
||||
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
background: #fff;
|
||||
border-radius: 0;
|
||||
border-bottom: 1px solid;
|
||||
}
|
||||
label.form-label {
|
||||
display: none;
|
||||
color: #fff;
|
||||
}
|
||||
span.form-label-description {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
.card-body {
|
||||
margin: 0 auto;
|
||||
width: 350px;
|
||||
max-width: 100%;
|
||||
}
|
||||
.form-control:focus {
|
||||
color: inherit;
|
||||
background-color: #fdfdfd;
|
||||
border-color: #013453;
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 0.25rem #0133533b;
|
||||
}
|
||||
|
|
@ -1,18 +0,0 @@
|
|||
{
|
||||
"name": "Light",
|
||||
"description": "Light Theme",
|
||||
"variables": {
|
||||
"btn-background-color": {
|
||||
"name": "Cor de fundo dos Botões",
|
||||
"default": "#013453"
|
||||
},
|
||||
"btn-foreground-color": {
|
||||
"name": "Cor do texto dos Botões",
|
||||
"default": "#ffffff"
|
||||
},
|
||||
"card-background-color": {
|
||||
"name": "Cor do cartão",
|
||||
"default": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 303 KiB |
|
|
@ -1,122 +0,0 @@
|
|||
@charset "UTF-8";
|
||||
/*Tema 5 - Neon*/
|
||||
body .card {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
}
|
||||
.col-md-5 {
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
}
|
||||
h2.card-header.text-center.mb-4, div.card-header:has(.mx-auto) {
|
||||
display: none;
|
||||
}
|
||||
span.glpi-logo.mb-4 {
|
||||
margin: 0 !important;
|
||||
}
|
||||
.btn-primary, .btn-outline-primary, .btn-ghost-primary {
|
||||
--tblr-btn-color: #71090e;
|
||||
--tblr-btn-color-interactive: #8d0a10;
|
||||
--tblr-btn-color-text: #1e293b;
|
||||
}
|
||||
.mb-3, .mb-4 {
|
||||
position: relative;
|
||||
}
|
||||
.mb-3:after {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #fff;
|
||||
top: 12px;
|
||||
}
|
||||
.mb-4:before {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #fff;
|
||||
top: 12px;
|
||||
}
|
||||
.col-md-5 {
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
max-width: 289px;
|
||||
}
|
||||
label.form-label {
|
||||
color: #fff;
|
||||
}
|
||||
.card-body {
|
||||
padding: 0px !important;
|
||||
margin: auto;
|
||||
}
|
||||
.flex-fill.d-flex.flex-column.justify-content-center.py-4.mt-4 {
|
||||
width: 50%;
|
||||
background: transparent;
|
||||
border-radius: 30px;
|
||||
margin: 0;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0px 6px 13px 1px #00000047;
|
||||
left: 0;
|
||||
height: 100% !important;
|
||||
top: -32px;
|
||||
border-radius: 0;
|
||||
position: absolute;
|
||||
padding-top: 130px !important;
|
||||
padding-bottom: 110px !important;
|
||||
}
|
||||
button.btn.btn-primary.w-100 {
|
||||
color: #ffffff;
|
||||
padding: 11px;
|
||||
border-radius: 30px;
|
||||
border: 1px solid #fff;
|
||||
background: #000000;
|
||||
}
|
||||
a {
|
||||
color: #ffffff !important;
|
||||
text-decoration: underline;
|
||||
}
|
||||
body .form-control {
|
||||
display: block;
|
||||
width: 100%;
|
||||
min-width: 250px;
|
||||
padding: 0.7375rem 0.75rem;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.4285714286;
|
||||
color: inherit;
|
||||
border: 0;
|
||||
appearance: none;
|
||||
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
background: #ffffff05;
|
||||
border-radius: 0;
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
label.form-label {
|
||||
display: none;
|
||||
color: #fff;
|
||||
}
|
||||
span.form-label-description {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
.card-body {
|
||||
margin: 0 auto;
|
||||
width: 350px;
|
||||
max-width: 100%;
|
||||
}
|
||||
.col-auto.offset-md-1.p-2.text-center {
|
||||
display: none;
|
||||
}
|
||||
.form-control:focus {
|
||||
color: inherit;
|
||||
background-color: #fdfdfd;
|
||||
border-color: #013453;
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 0.25rem #5e5e5e3b;
|
||||
}
|
||||
|
Before Width: | Height: | Size: 3.5 KiB |
|
Before Width: | Height: | Size: 159 KiB |
|
|
@ -1,143 +0,0 @@
|
|||
/*Tema 5 - Neon*/
|
||||
|
||||
$btn-background-color: #000000 !default;
|
||||
$btn-foreground-color: #ffffff !default;
|
||||
|
||||
body .card {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.col-md-5 {
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
h2.card-header.text-center.mb-4,
|
||||
div.card-header:has(.mx-auto) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
span.glpi-logo.mb-4 {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.btn-primary,
|
||||
.btn-outline-primary,
|
||||
.btn-ghost-primary {
|
||||
--tblr-btn-color: #71090e;
|
||||
--tblr-btn-color-interactive: #8d0a10;
|
||||
--tblr-btn-color-text: #1e293b;
|
||||
}
|
||||
|
||||
.mb-3,
|
||||
.mb-4 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.mb-3:after {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "\f007";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #fff;
|
||||
top: 12px;
|
||||
}
|
||||
|
||||
.mb-4:before {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "\f023";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #fff;
|
||||
top: 12px;
|
||||
}
|
||||
|
||||
.col-md-5 {
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
max-width: 289px;
|
||||
}
|
||||
|
||||
label.form-label {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.card-body {
|
||||
padding: 0px !important;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.flex-fill.d-flex.flex-column.justify-content-center.py-4.mt-4 {
|
||||
width: 50%;
|
||||
background: transparent;
|
||||
border-radius: 30px;
|
||||
margin: 0;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0px 6px 13px 1px #00000047;
|
||||
left: 0;
|
||||
height: 100% !important;
|
||||
top: -32px;
|
||||
border-radius: 0;
|
||||
position: absolute;
|
||||
padding-top: 130px !important;
|
||||
padding-bottom: 110px !important;
|
||||
}
|
||||
|
||||
button.btn.btn-primary.w-100 {
|
||||
color: $btn-foreground-color;
|
||||
padding: 11px;
|
||||
border-radius: 30px;
|
||||
border: 1px solid #fff;
|
||||
background: $btn-background-color;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #ffffff !important;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
body .form-control {
|
||||
display: block;
|
||||
width: 100%;
|
||||
min-width: 250px;
|
||||
padding: 0.7375rem 0.75rem;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.4285714286;
|
||||
color: inherit;
|
||||
border: 0;
|
||||
appearance: none;
|
||||
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
background: #ffffff05;
|
||||
border-radius: 0;
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
label.form-label {
|
||||
display: none;
|
||||
color: #fff;
|
||||
}
|
||||
span.form-label-description {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
.card-body {
|
||||
margin: 0 auto;
|
||||
width: 350px;
|
||||
max-width: 100%;
|
||||
}
|
||||
.col-auto.offset-md-1.p-2.text-center {
|
||||
display: none;
|
||||
}
|
||||
.form-control:focus {
|
||||
color: inherit;
|
||||
background-color: #fdfdfd;
|
||||
border-color: #013453;
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 0.25rem #5e5e5e3b;
|
||||
}
|
||||
|
|
@ -1,18 +0,0 @@
|
|||
{
|
||||
"name": "Neon",
|
||||
"description": "Neon Theme",
|
||||
"variables": {
|
||||
"btn-background-color": {
|
||||
"name": "Cor de fundo dos Botões",
|
||||
"default": "#000000"
|
||||
},
|
||||
"btn-foreground-color": {
|
||||
"name": "Cor do texto dos Botões",
|
||||
"default": "#ffffff"
|
||||
},
|
||||
"card-background-color": {
|
||||
"name": "Cor do cartão",
|
||||
"default": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 147 KiB |
|
|
@ -1,127 +0,0 @@
|
|||
@charset "UTF-8";
|
||||
/*Tema 4 - Night*/
|
||||
body .card {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
}
|
||||
.col-md-5 {
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
}
|
||||
h2.card-header.text-center.mb-4, div.card-header:has(.mx-auto) {
|
||||
display: none;
|
||||
}
|
||||
span.glpi-logo.mb-4 {
|
||||
margin: 0 !important;
|
||||
}
|
||||
.btn-primary, .btn-outline-primary, .btn-ghost-primary {
|
||||
--tblr-btn-color: #71090e;
|
||||
--tblr-btn-color-interactive: #8d0a10;
|
||||
--tblr-btn-color-text: #1e293b;
|
||||
}
|
||||
.mb-3, .mb-4 {
|
||||
position: relative;
|
||||
}
|
||||
.mb-3:after {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #fff;
|
||||
top: 12px;
|
||||
}
|
||||
.mb-4:before {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #fff;
|
||||
top: 12px;
|
||||
}
|
||||
.col-md-5 {
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
max-width: 289px;
|
||||
}
|
||||
label.form-label {
|
||||
color: #fff;
|
||||
}
|
||||
.card-body {
|
||||
padding: 0px !important;
|
||||
margin: auto;
|
||||
}
|
||||
.flex-fill.d-flex.flex-column.justify-content-center.py-4.mt-4 {
|
||||
width: 50%;
|
||||
background: transparent;
|
||||
border-radius: 30px;
|
||||
margin: 0;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0px 6px 13px 1px #00000047;
|
||||
left: 0;
|
||||
height: 100% !important;
|
||||
top: -32px;
|
||||
border-radius: 0;
|
||||
position: absolute;
|
||||
padding-top: 130px !important;
|
||||
padding-bottom: 110px !important;
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
|
||||
backdrop-filter: blur(5px);
|
||||
-webkit-backdrop-filter: blur(5px);
|
||||
border: 1px solid rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
button.btn.btn-primary.w-100 {
|
||||
color: #000000;
|
||||
padding: 11px;
|
||||
border-radius: 30px;
|
||||
border: 1px solid #fff;
|
||||
background: #ffffff;
|
||||
}
|
||||
a {
|
||||
color: #ffffff !important;
|
||||
text-decoration: underline;
|
||||
}
|
||||
body .form-control {
|
||||
display: block;
|
||||
width: 100%;
|
||||
min-width: 250px;
|
||||
padding: 0.7375rem 0.75rem;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.4285714286;
|
||||
color: inherit;
|
||||
border: 0;
|
||||
appearance: none;
|
||||
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
background: #ffffff05;
|
||||
border-radius: 0;
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
label.form-label {
|
||||
display: none;
|
||||
color: #fff;
|
||||
}
|
||||
span.form-label-description {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
.card-body {
|
||||
margin: 0 auto;
|
||||
width: 350px;
|
||||
max-width: 100%;
|
||||
}
|
||||
.col-auto.offset-md-1.p-2.text-center {
|
||||
display: none;
|
||||
}
|
||||
.form-control:focus {
|
||||
color: inherit;
|
||||
background-color: #fdfdfd;
|
||||
border-color: #013453;
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 0.25rem #5e5e5e3b;
|
||||
}
|
||||
|
Before Width: | Height: | Size: 3.5 KiB |
|
Before Width: | Height: | Size: 122 KiB |
|
|
@ -1,151 +0,0 @@
|
|||
/*Tema 4 - Night*/
|
||||
|
||||
$btn-background-color: #ffffff !default;
|
||||
$btn-foreground-color: #000000 !default;
|
||||
|
||||
body .card {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.col-md-5 {
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
h2.card-header.text-center.mb-4,
|
||||
div.card-header:has(.mx-auto) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
span.glpi-logo.mb-4 {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.btn-primary,
|
||||
.btn-outline-primary,
|
||||
.btn-ghost-primary {
|
||||
--tblr-btn-color: #71090e;
|
||||
--tblr-btn-color-interactive: #8d0a10;
|
||||
--tblr-btn-color-text: #1e293b;
|
||||
}
|
||||
|
||||
.mb-3,
|
||||
.mb-4 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.mb-3:after {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "\f007";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #fff;
|
||||
top: 12px;
|
||||
}
|
||||
|
||||
.mb-4:before {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "\f023";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #fff;
|
||||
top: 12px;
|
||||
}
|
||||
|
||||
.col-md-5 {
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
max-width: 289px;
|
||||
}
|
||||
|
||||
label.form-label {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.card-body {
|
||||
padding: 0px !important;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.flex-fill.d-flex.flex-column.justify-content-center.py-4.mt-4 {
|
||||
width: 50%;
|
||||
background: transparent;
|
||||
border-radius: 30px;
|
||||
margin: 0;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0px 6px 13px 1px #00000047;
|
||||
left: 0;
|
||||
height: 100% !important;
|
||||
top: -32px;
|
||||
border-radius: 0;
|
||||
position: absolute;
|
||||
padding-top: 130px !important;
|
||||
padding-bottom: 110px !important;
|
||||
background: rgb(255 255 255 / 4%);
|
||||
box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
|
||||
backdrop-filter: blur(5px);
|
||||
-webkit-backdrop-filter: blur(5px);
|
||||
border: 1px solid rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
|
||||
button.btn.btn-primary.w-100 {
|
||||
color: $btn-foreground-color;
|
||||
padding: 11px;
|
||||
border-radius: 30px;
|
||||
border: 1px solid #fff;
|
||||
background: $btn-background-color;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #ffffff !important;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
body .form-control {
|
||||
display: block;
|
||||
width: 100%;
|
||||
min-width: 250px;
|
||||
padding: 0.7375rem 0.75rem;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.4285714286;
|
||||
color: inherit;
|
||||
border: 0;
|
||||
appearance: none;
|
||||
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
background: #ffffff05;
|
||||
border-radius: 0;
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
|
||||
label.form-label {
|
||||
display: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
span.form-label-description {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.card-body {
|
||||
margin: 0 auto;
|
||||
width: 350px;
|
||||
max-width: 100%;
|
||||
}
|
||||
.col-auto.offset-md-1.p-2.text-center {
|
||||
display: none;
|
||||
}
|
||||
.form-control:focus {
|
||||
color: inherit;
|
||||
background-color: #fdfdfd;
|
||||
border-color: #013453;
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 0.25rem #5e5e5e3b;
|
||||
}
|
||||
|
|
@ -1,18 +0,0 @@
|
|||
{
|
||||
"name": "Night",
|
||||
"description": "Night Theme",
|
||||
"variables": {
|
||||
"btn-background-color": {
|
||||
"name": "Cor de fundo dos Botões",
|
||||
"default": "#ffffff"
|
||||
},
|
||||
"btn-foreground-color": {
|
||||
"name": "Cor do texto dos Botões",
|
||||
"default": "#000000"
|
||||
},
|
||||
"card-background-color": {
|
||||
"name": "Cor do cartão",
|
||||
"default": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,112 +0,0 @@
|
|||
@charset "UTF-8";
|
||||
/*Tema 10 - Original*/
|
||||
body .card {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
}
|
||||
.flex-fill.d-flex.flex-column.justify-content-center.py-4.mt-4 {
|
||||
width: 525px;
|
||||
background: transparent;
|
||||
margin: 0px auto !important;
|
||||
}
|
||||
.col-md-5 {
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
}
|
||||
h2.card-header.text-center.mb-4, div.card-header:has(.mx-auto) {
|
||||
display: none;
|
||||
}
|
||||
.flex-fill.d-flex.flex-column.justify-content-center.py-4.mt-4 {
|
||||
min-height: 711px;
|
||||
width: 525px;
|
||||
background: transparent;
|
||||
border-radius: 0;
|
||||
box-shadow: 0 4px 30pxrgba 0, 0, 0, 0.1;
|
||||
-webkit-backdrop-filter: blur(5px);
|
||||
border: 1pxsolidrgba 255, 255, 255, 0.3;
|
||||
margin: 0px auto !important;
|
||||
height: 100% !important;
|
||||
}
|
||||
span.glpi-logo.mb-4 {
|
||||
margin: 0 !important;
|
||||
}
|
||||
.btn-primary, .btn-outline-primary, .btn-ghost-primary {
|
||||
--tblr-btn-color: #71090e;
|
||||
--tblr-btn-color-interactive: #8d0a10;
|
||||
--tblr-btn-color-text: #1e293b;
|
||||
}
|
||||
.mb-3, .mb-4 {
|
||||
position: relative;
|
||||
}
|
||||
.mb-3:after {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #6a696982;
|
||||
top: 12px;
|
||||
}
|
||||
.mb-4:before {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #6a696982;
|
||||
top: 12px;
|
||||
}
|
||||
.col-md-5 {
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
max-width: 289px;
|
||||
}
|
||||
body .form-control {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 0.7375rem 0.75rem;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.4285714286;
|
||||
color: inherit;
|
||||
background-color: #fdfdfd;
|
||||
background-clip: padding-box;
|
||||
border: 1px solid #d9dbde;
|
||||
appearance: none;
|
||||
border-radius: 34px;
|
||||
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
}
|
||||
label.form-label {
|
||||
color: #fff;
|
||||
}
|
||||
a {
|
||||
color: #73fff9 !important;
|
||||
text-decoration: none;
|
||||
}
|
||||
body {
|
||||
background: #1c2e63;
|
||||
background: linear-gradient(360deg, #1c2e63 65%, #3a5693 65%);
|
||||
}
|
||||
button.btn.btn-primary.w-100 {
|
||||
background: #fdc95c;
|
||||
color: #1c2e63;
|
||||
padding: 11px;
|
||||
border-radius: 30px;
|
||||
border: 1px solid #fff;
|
||||
}
|
||||
label.form-label {
|
||||
display: none;
|
||||
color: #fff;
|
||||
}
|
||||
span.form-label-description {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
.card-body {
|
||||
margin: 0 auto;
|
||||
width: 350px;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
Before Width: | Height: | Size: 3.5 KiB |
|
Before Width: | Height: | Size: 29 KiB |
|
|
@ -1,136 +0,0 @@
|
|||
/*Tema 10 - Original*/
|
||||
|
||||
$btn-background-color: #fdc95c !default;
|
||||
$btn-foreground-color: #1c2e63 !default;
|
||||
|
||||
body .card {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.flex-fill.d-flex.flex-column.justify-content-center.py-4.mt-4 {
|
||||
width: 525px;
|
||||
background: transparent;
|
||||
margin: 0px auto !important;
|
||||
}
|
||||
|
||||
.col-md-5 {
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
h2.card-header.text-center.mb-4,
|
||||
div.card-header:has(.mx-auto) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.flex-fill.d-flex.flex-column.justify-content-center.py-4.mt-4 {
|
||||
min-height: 711px;
|
||||
width: 525px;
|
||||
background: transparent;
|
||||
border-radius: 0;
|
||||
box-shadow: 0 4px 30pxrgba (0, 0, 0, 0.1);
|
||||
-webkit-backdrop-filter: blur(5px);
|
||||
border: 1pxsolidrgba (255, 255, 255, 0.3);
|
||||
margin: 0px auto !important;
|
||||
height: 100% !important;
|
||||
}
|
||||
|
||||
span.glpi-logo.mb-4 {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.btn-primary,
|
||||
.btn-outline-primary,
|
||||
.btn-ghost-primary {
|
||||
--tblr-btn-color: #71090e;
|
||||
--tblr-btn-color-interactive: #8d0a10;
|
||||
--tblr-btn-color-text: #1e293b;
|
||||
}
|
||||
|
||||
.mb-3,
|
||||
.mb-4 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.mb-3:after {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "\f007";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #6a696982;
|
||||
top: 12px;
|
||||
}
|
||||
|
||||
.mb-4:before {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "\f023";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #6a696982;
|
||||
top: 12px;
|
||||
}
|
||||
|
||||
.col-md-5 {
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
max-width: 289px;
|
||||
}
|
||||
|
||||
body .form-control {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 0.7375rem 0.75rem;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.4285714286;
|
||||
color: inherit;
|
||||
background-color: #fdfdfd;
|
||||
background-clip: padding-box;
|
||||
border: 1px solid #d9dbde;
|
||||
appearance: none;
|
||||
border-radius: 34px;
|
||||
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
}
|
||||
|
||||
label.form-label {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #73fff9 !important;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
body {
|
||||
background: #1c2e63;
|
||||
background: linear-gradient(360deg, #1c2e63 65%, #3a5693 65%);
|
||||
}
|
||||
|
||||
button.btn.btn-primary.w-100 {
|
||||
background: $btn-background-color;
|
||||
color: $btn-foreground-color;
|
||||
padding: 11px;
|
||||
border-radius: 30px;
|
||||
border: 1px solid #fff;
|
||||
}
|
||||
label.form-label {
|
||||
display: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
span.form-label-description {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.card-body {
|
||||
margin: 0 auto;
|
||||
width: 350px;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
|
@ -1,18 +0,0 @@
|
|||
{
|
||||
"name": "GLPI Original",
|
||||
"description": "GLPI Original Theme",
|
||||
"variables": {
|
||||
"btn-background-color": {
|
||||
"name": "Cor de fundo dos Botões",
|
||||
"default": "#fdc95c"
|
||||
},
|
||||
"btn-foreground-color": {
|
||||
"name": "Cor do texto dos Botões",
|
||||
"default": "#1c2e63"
|
||||
},
|
||||
"card-background-color": {
|
||||
"name": "Cor do cartão",
|
||||
"default": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 293 KiB |
|
|
@ -1,94 +0,0 @@
|
|||
@charset "UTF-8";
|
||||
/*Tema 2 - PowerRed*/
|
||||
body .card {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
}
|
||||
.flex-fill.d-flex.flex-column.justify-content-center.py-4.mt-4 {
|
||||
width: 525px;
|
||||
background: #ffffffde;
|
||||
margin: 0px auto !important;
|
||||
}
|
||||
.col-md-5 {
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
}
|
||||
h2.card-header.text-center.mb-4, div.card-header:has(.mx-auto) {
|
||||
display: none;
|
||||
}
|
||||
.flex-fill.d-flex.flex-column.justify-content-center.py-4.mt-4 {
|
||||
min-height: 711px;
|
||||
width: 525px;
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
border-radius: 0;
|
||||
box-shadow: 0 4px 30pxrgba 0, 0, 0, 0.1;
|
||||
backdrop-filter: blur(5px);
|
||||
-webkit-backdrop-filter: blur(5px);
|
||||
border: 1pxsolidrgba 255, 255, 255, 0.3;
|
||||
margin: 0px auto !important;
|
||||
height: 100% !important;
|
||||
top: 0 !important;
|
||||
}
|
||||
span.glpi-logo.mb-4 {
|
||||
margin: 0 !important;
|
||||
}
|
||||
button.btn.btn-primary.w-100 {
|
||||
color: #ffffff;
|
||||
padding: 11px;
|
||||
border-radius: 30px;
|
||||
background: #013453;
|
||||
border: 0;
|
||||
}
|
||||
.btn-primary, .btn-outline-primary, .btn-ghost-primary {
|
||||
--tblr-btn-color: #71090e;
|
||||
--tblr-btn-color-interactive: #8d0a10;
|
||||
--tblr-btn-color-text: #1e293b;
|
||||
}
|
||||
body .form-control:focus {
|
||||
color: inherit;
|
||||
background-color: #fdfdfd;
|
||||
border-color: #b90e16;
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 0.25rem rgba(185, 14, 22, 0.27);
|
||||
}
|
||||
.mb-3, .mb-4 {
|
||||
position: relative;
|
||||
}
|
||||
.mb-3:after {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #6a6969;
|
||||
top: 8px;
|
||||
}
|
||||
.mb-4:before {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #6a6969;
|
||||
top: 8px;
|
||||
}
|
||||
body .card {
|
||||
border: 0 none;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
label.form-label {
|
||||
display: none;
|
||||
color: #fff;
|
||||
}
|
||||
span.form-label-description {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
.card-body {
|
||||
margin: 0 auto;
|
||||
width: 350px;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
Before Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 180 KiB |
|
|
@ -1,113 +0,0 @@
|
|||
/*Tema 2 - PowerRed*/
|
||||
|
||||
$btn-background-color: #013453 !default;
|
||||
$btn-foreground-color: #ffffff !default;
|
||||
|
||||
body .card {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.flex-fill.d-flex.flex-column.justify-content-center.py-4.mt-4 {
|
||||
width: 525px;
|
||||
background: #ffffffde;
|
||||
margin: 0px auto !important;
|
||||
}
|
||||
|
||||
.col-md-5 {
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
h2.card-header.text-center.mb-4,
|
||||
div.card-header:has(.mx-auto) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.flex-fill.d-flex.flex-column.justify-content-center.py-4.mt-4 {
|
||||
min-height: 711px;
|
||||
width: 525px;
|
||||
background: rgb(255 255 255 / 90%);
|
||||
border-radius: 0;
|
||||
box-shadow: 0 4px 30pxrgba (0, 0, 0, 0.1);
|
||||
backdrop-filter: blur(5px);
|
||||
-webkit-backdrop-filter: blur(5px);
|
||||
border: 1pxsolidrgba (255, 255, 255, 0.3);
|
||||
margin: 0px auto !important;
|
||||
height: 100% !important;
|
||||
top: 0 !important;
|
||||
}
|
||||
|
||||
span.glpi-logo.mb-4 {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
button.btn.btn-primary.w-100 {
|
||||
color: $btn-foreground-color;
|
||||
padding: 11px;
|
||||
border-radius: 30px;
|
||||
background: $btn-background-color;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.btn-primary,
|
||||
.btn-outline-primary,
|
||||
.btn-ghost-primary {
|
||||
--tblr-btn-color: #71090e;
|
||||
--tblr-btn-color-interactive: #8d0a10;
|
||||
--tblr-btn-color-text: #1e293b;
|
||||
}
|
||||
|
||||
body .form-control:focus {
|
||||
color: inherit;
|
||||
background-color: #fdfdfd;
|
||||
border-color: #b90e16;
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 0.25rem rgb(185 14 22 / 27%);
|
||||
}
|
||||
|
||||
.mb-3,
|
||||
.mb-4 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.mb-3:after {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "\f007";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #6a6969;
|
||||
top: 8px;
|
||||
}
|
||||
|
||||
.mb-4:before {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "\f023";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #6a6969;
|
||||
top: 8px;
|
||||
}
|
||||
|
||||
body .card {
|
||||
border: 0 none;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
label.form-label {
|
||||
display: none;
|
||||
color: #fff;
|
||||
}
|
||||
span.form-label-description {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
.card-body {
|
||||
margin: 0 auto;
|
||||
width: 350px;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
|
@ -1,18 +0,0 @@
|
|||
{
|
||||
"name": "Power Red",
|
||||
"description": "Power Red Theme",
|
||||
"variables": {
|
||||
"btn-background-color": {
|
||||
"name": "Cor de fundo dos Botões",
|
||||
"default": "#013453"
|
||||
},
|
||||
"btn-foreground-color": {
|
||||
"name": "Cor do texto dos Botões",
|
||||
"default": "#ffffff"
|
||||
},
|
||||
"card-background-color": {
|
||||
"name": "Cor do cartão",
|
||||
"default": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Before Width: | Height: | Size: 221 KiB |
|
|
@ -1,127 +0,0 @@
|
|||
@charset "UTF-8";
|
||||
/*Tema 6 - Prompt Developer*/
|
||||
body .card {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
}
|
||||
.col-md-5 {
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
}
|
||||
h2.card-header.text-center.mb-4, div.card-header:has(.mx-auto) {
|
||||
display: none;
|
||||
}
|
||||
span.glpi-logo.mb-4 {
|
||||
margin: 0 !important;
|
||||
}
|
||||
.btn-primary, .btn-outline-primary, .btn-ghost-primary {
|
||||
--tblr-btn-color: #71090e;
|
||||
--tblr-btn-color-interactive: #8d0a10;
|
||||
--tblr-btn-color-text: #1e293b;
|
||||
}
|
||||
.mb-3, .mb-4 {
|
||||
position: relative;
|
||||
}
|
||||
.mb-3:after {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #fff;
|
||||
top: 12px;
|
||||
}
|
||||
.mb-4:before {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #fff;
|
||||
top: 12px;
|
||||
}
|
||||
.col-md-5 {
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
max-width: 289px;
|
||||
}
|
||||
label.form-label {
|
||||
color: #fff;
|
||||
}
|
||||
.card-body {
|
||||
padding: 0px !important;
|
||||
margin: auto;
|
||||
}
|
||||
.flex-fill.d-flex.flex-column.justify-content-center.py-4.mt-4 {
|
||||
width: 50%;
|
||||
background: transparent;
|
||||
border-radius: 30px;
|
||||
margin: 0;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0px 6px 13px 1px #00000047;
|
||||
height: 100% !important;
|
||||
top: -32px;
|
||||
border-radius: 0;
|
||||
right: 1px !important;
|
||||
position: absolute;
|
||||
padding-top: 130px !important;
|
||||
padding-bottom: 110px !important;
|
||||
background: rgba(0, 0, 0, 0.38);
|
||||
box-shadow: 0 4px 30pxrgba 0, 0, 0, 0.1;
|
||||
backdrop-filter: blur(5px);
|
||||
-webkit-backdrop-filter: blur(5px);
|
||||
border: 1pxsolidrgba 255, 255, 255, 0.3;
|
||||
}
|
||||
button.btn.btn-primary.w-100 {
|
||||
color: #000000;
|
||||
padding: 11px;
|
||||
border-radius: 30px;
|
||||
border: 1px solid #fff;
|
||||
background: #ffffff;
|
||||
}
|
||||
a {
|
||||
color: #ffffff !important;
|
||||
text-decoration: underline;
|
||||
}
|
||||
body .form-control {
|
||||
display: block;
|
||||
width: 100%;
|
||||
min-width: 250px;
|
||||
padding: 0.7375rem 0.75rem;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.4285714286;
|
||||
color: inherit;
|
||||
border: 0;
|
||||
appearance: none;
|
||||
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
background: #ffffff05;
|
||||
border-radius: 0;
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
label.form-label {
|
||||
display: none;
|
||||
color: #fff;
|
||||
}
|
||||
span.form-label-description {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
.card-body {
|
||||
margin: 0 auto;
|
||||
width: 350px;
|
||||
max-width: 100%;
|
||||
}
|
||||
.col-auto.offset-md-1.p-2.text-center {
|
||||
display: none;
|
||||
}
|
||||
.form-control:focus {
|
||||
color: inherit;
|
||||
background-color: #fdfdfd;
|
||||
border-color: #013453;
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 0.25rem #5e5e5e3b;
|
||||
}
|
||||
|
Before Width: | Height: | Size: 3.5 KiB |
|
Before Width: | Height: | Size: 146 KiB |
|
|
@ -1,148 +0,0 @@
|
|||
/*Tema 6 - Prompt Developer*/
|
||||
|
||||
$btn-background-color: #ffffff !default;
|
||||
$btn-foreground-color: #000000 !default;
|
||||
|
||||
body .card {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.col-md-5 {
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
h2.card-header.text-center.mb-4,
|
||||
div.card-header:has(.mx-auto) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
span.glpi-logo.mb-4 {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.btn-primary,
|
||||
.btn-outline-primary,
|
||||
.btn-ghost-primary {
|
||||
--tblr-btn-color: #71090e;
|
||||
--tblr-btn-color-interactive: #8d0a10;
|
||||
--tblr-btn-color-text: #1e293b;
|
||||
}
|
||||
|
||||
.mb-3,
|
||||
.mb-4 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.mb-3:after {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "\f007";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #fff;
|
||||
top: 12px;
|
||||
}
|
||||
|
||||
.mb-4:before {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 900;
|
||||
content: "\f023";
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
color: #fff;
|
||||
top: 12px;
|
||||
}
|
||||
|
||||
.col-md-5 {
|
||||
margin: 0 !important;
|
||||
width: 100%;
|
||||
max-width: 289px;
|
||||
}
|
||||
|
||||
label.form-label {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.card-body {
|
||||
padding: 0px !important;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.flex-fill.d-flex.flex-column.justify-content-center.py-4.mt-4 {
|
||||
width: 50%;
|
||||
background: transparent;
|
||||
border-radius: 30px;
|
||||
margin: 0;
|
||||
outline-offset: 0;
|
||||
box-shadow: 0px 6px 13px 1px #00000047;
|
||||
height: 100% !important;
|
||||
top: -32px;
|
||||
border-radius: 0;
|
||||
right: 1px !important;
|
||||
position: absolute;
|
||||
padding-top: 130px !important;
|
||||
padding-bottom: 110px !important;
|
||||
background: rgb(0 0 0 / 38%);
|
||||
box-shadow: 0 4px 30pxrgba (0, 0, 0, 0.1);
|
||||
backdrop-filter: blur(5px);
|
||||
-webkit-backdrop-filter: blur(5px);
|
||||
border: 1pxsolidrgba (255, 255, 255, 0.3);
|
||||
}
|
||||
|
||||
button.btn.btn-primary.w-100 {
|
||||
color: $btn-foreground-color;
|
||||
padding: 11px;
|
||||
border-radius: 30px;
|
||||
border: 1px solid #fff;
|
||||
background: $btn-background-color;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #ffffff !important;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
body .form-control {
|
||||
display: block;
|
||||
width: 100%;
|
||||
min-width: 250px;
|
||||
padding: 0.7375rem 0.75rem;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.4285714286;
|
||||
color: inherit;
|
||||
border: 0;
|
||||
appearance: none;
|
||||
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
background: #ffffff05;
|
||||
border-radius: 0;
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
label.form-label {
|
||||
display: none;
|
||||
color: #fff;
|
||||
}
|
||||
span.form-label-description {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
.card-body {
|
||||
margin: 0 auto;
|
||||
width: 350px;
|
||||
max-width: 100%;
|
||||
}
|
||||
.col-auto.offset-md-1.p-2.text-center {
|
||||
display: none;
|
||||
}
|
||||
.form-control:focus {
|
||||
color: inherit;
|
||||
background-color: #fdfdfd;
|
||||
border-color: #013453;
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 0.25rem #5e5e5e3b;
|
||||
}
|
||||
|
|
@ -1,18 +0,0 @@
|
|||
{
|
||||
"name": "Prompt Developer",
|
||||
"description": "Prompt Developer Theme",
|
||||
"variables": {
|
||||
"btn-background-color": {
|
||||
"name": "Cor de fundo dos Botões",
|
||||
"default": "#0000003b"
|
||||
},
|
||||
"btn-foreground-color": {
|
||||
"name": "Cor do texto dos Botões",
|
||||
"default": "#ffffff"
|
||||
},
|
||||
"card-background-color": {
|
||||
"name": "Cor do cartão",
|
||||
"default": ""
|
||||
}
|
||||
}
|
||||
}
|
||||