Ajout du thème Chapril
BIN
themes/chapril/chapril-banner-logo.png
Normal file
After Width: | Height: | Size: 3.9 KiB |
162
themes/chapril/chapril-banner.css
Normal file
@ -0,0 +1,162 @@
|
||||
/*
|
||||
____ _ _ _ _ ____ ____ ____
|
||||
/ ___| |__ __ _ _ __ _ __(_) | | |__ __ _ _ __ _ __ ___ _ __ / ___/ ___/ ___|
|
||||
| | | '_ \ / _` | '_ \| '__| | | | '_ \ / _` | '_ \| '_ \ / _ \ '__| | | \___ \___ \
|
||||
| |___| | | | (_| | |_) | | | | | | |_) | (_| | | | | | | | __/ | | |___ ___) |__) |
|
||||
\____|_| |_|\__,_| .__/|_| |_|_| |_.__/ \__,_|_| |_|_| |_|\___|_| \____|____/____/
|
||||
|_|
|
||||
*/
|
||||
|
||||
|
||||
/********************************
|
||||
* Ajustement global
|
||||
*******************************/
|
||||
|
||||
body {
|
||||
margin-top: 0;
|
||||
padding-top: 42px !important;
|
||||
}
|
||||
|
||||
|
||||
/********************************
|
||||
* Classes .chapril-banniere-
|
||||
*******************************/
|
||||
|
||||
.chapril-banniere-Entree {
|
||||
font-family: sans-serif;
|
||||
text-transform: uppercase;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
.chapril-banniere-Logo {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.chapril-banniere-Logo a {
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
|
||||
.chapril-banniere-Logo img {
|
||||
display: block;
|
||||
width: auto;
|
||||
height: 28px;
|
||||
}
|
||||
|
||||
.chapril-banniere-Menu {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.chapril-banniere-Nav {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
min-height: 42px;
|
||||
background-color: #005184;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
z-index: 1001;
|
||||
}
|
||||
|
||||
.chapril-banniere-Nav a, .chapril-banniere-Nav a:visited {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.chapril-banniere-Nav a:hover {
|
||||
color: #ff9759;
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
|
||||
.chapril-banniere-Entree {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.chapril-banniere-Logo {
|
||||
padding-left: 12px;
|
||||
}
|
||||
|
||||
.chapril-banniere-Logo a {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.chapril-banniere-Menu {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.chapril-banniere-Menu summary {
|
||||
height: 26px;
|
||||
width: 30px;
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
right: 12px;
|
||||
border-radius: 2px;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
box-sizing: border-box;
|
||||
border-color: #fff;
|
||||
padding-left: 4px;
|
||||
padding-top: 1px;
|
||||
}
|
||||
|
||||
.chapril-banniere-Menu summary {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.chapril-banniere-Menu summary::-webkit-details-marker {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.chapril-banniere-Menu summary span {
|
||||
display: block;
|
||||
margin-top: 4px;
|
||||
width: 20px;
|
||||
height: 2px;
|
||||
border-radius: 2px;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.chapril-banniere-Menu summary:hover {
|
||||
border-color: #ff9759;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.chapril-banniere-Menu summary:hover span {
|
||||
background-color: #ff9759;
|
||||
}
|
||||
|
||||
.chapril-banniere-Menu div {
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
text-align: center;
|
||||
background-color: #153a6a;
|
||||
border-top: 1px solid #005184;
|
||||
font-family: sans-serif;
|
||||
text-transform: uppercase;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
.chapril-banniere-Nav {
|
||||
display: block;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/************************************
|
||||
* Adaptation pour certains services
|
||||
************************************
|
||||
|
||||
/* Dokuwiki. */
|
||||
#dokuwiki__usertools {
|
||||
top: 43px !important;
|
||||
}
|
||||
|
||||
/* PAD. */
|
||||
#editorcontainerbox {
|
||||
top: 43px !important;
|
||||
}
|
BIN
themes/chapril/icons/128.png
Normal file
After Width: | Height: | Size: 7.5 KiB |
BIN
themes/chapril/icons/16.png
Normal file
After Width: | Height: | Size: 1005 B |
BIN
themes/chapril/icons/192.png
Normal file
After Width: | Height: | Size: 11 KiB |
BIN
themes/chapril/icons/256.png
Normal file
After Width: | Height: | Size: 15 KiB |
BIN
themes/chapril/icons/32.png
Normal file
After Width: | Height: | Size: 1.6 KiB |
BIN
themes/chapril/icons/384.png
Normal file
After Width: | Height: | Size: 22 KiB |
BIN
themes/chapril/icons/48.png
Normal file
After Width: | Height: | Size: 2.8 KiB |
BIN
themes/chapril/icons/512.png
Normal file
After Width: | Height: | Size: 8.9 KiB |
BIN
themes/chapril/icons/64.png
Normal file
After Width: | Height: | Size: 3.8 KiB |
BIN
themes/chapril/icons/96.png
Normal file
After Width: | Height: | Size: 5.8 KiB |
BIN
themes/chapril/icons/source.png
Normal file
After Width: | Height: | Size: 78 KiB |
BIN
themes/chapril/logo-dark.png
Normal file
After Width: | Height: | Size: 62 KiB |
1
themes/chapril/logo-light.png
Symbolic link
@ -0,0 +1 @@
|
||||
logo-dark.png
|
6
themes/chapril/logo.less
Normal file
@ -0,0 +1,6 @@
|
||||
:root{
|
||||
#logo{
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
}
|
||||
}
|
36
themes/chapril/theme.php
Executable file
@ -0,0 +1,36 @@
|
||||
<?php // This file is part of LibreQR, which is distributed under the GNU AGPLv3+ license
|
||||
|
||||
// List icons dimensions
|
||||
$themeDimensionsIcons = array(16, 32, 48, 64, 96, 128, 192, 256, 384, 512);
|
||||
|
||||
$colorScheme = array(
|
||||
// Light theme
|
||||
"text-light" => "white",
|
||||
"bg-light" => "#67a3f2", // Must be a long hexadecimal color
|
||||
"bgField-light" => "#2e5281",
|
||||
"bgHelp-light" => "#2e5281",
|
||||
"bgTextarea-light" => "#FFFFFF",
|
||||
"textareaText-light" => "black",
|
||||
"textareaPlaceholder-light" => "grey",
|
||||
"border-light" => "#67a3f2",
|
||||
"borderHover-light" => "white",
|
||||
"borderFocus-light" => "white",
|
||||
"borderHelp-light" => "white",
|
||||
"borderQr-light" => "white",
|
||||
// Dark theme
|
||||
"text-dark" => "white",
|
||||
"bg-dark" => "#67a3f2", // Must be a long hexadecimal color
|
||||
"bgField-dark" => "#2e5281",
|
||||
"bgHelp-dark" => "#2e5281",
|
||||
"bgTextarea-dark" => "#FFFFFF",
|
||||
"textareaText-dark" => "black",
|
||||
"textareaPlaceholder-dark" => "grey",
|
||||
"border-dark" => "#67a3f2",
|
||||
"borderWidth-dark" => "2px",
|
||||
"borderHover-dark" => "white",
|
||||
"borderHoverWidth-dark" => "3px",
|
||||
"borderFocus-dark" => "white",
|
||||
"borderFocusWidth-dark" => "4px",
|
||||
"borderHelp-dark" => "white",
|
||||
"borderQr-dark" => "white",
|
||||
);
|