YunoHost-Apps/lionwiki-t2t_ynh
1
0
Fork 0
mirror of https://github.com/YunoHost-Apps/lionwiki-t2t_ynh.git synced 2024-09-03 19:36:27 +02:00
Code Issues Activity Actions

upgrade less file

Browse source
This commit is contained in:
farvardin 2021-12-04 14:42:37 +01:00
parent 643e7dcb63
commit f04b18f0fd
No known key found for this signature in database
GPG key ID: F35CBC4DA8BA0327
1 changed files with 309 additions and 238 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

545
conf/minimaxing.less
View file

@ -1,22 +1,33 @@
/*-----------------------
--------------
- Minimaxing -
--------------
a template for Lionwiki-t2t
https://lionwiki-t2t.sourceforge.io/
based on
https://html5up.net/minimaxing
licence Creative Commons Attribution 3.0 Unported
http://creativecommons.org/licenses/by/3.0/
----------------------------*/
/* This CSS file was generated from the minimaxing.less template. /* This CSS file was generated from the minimaxing.less template.
See http://lesscss.org/ See http://lesscss.org/
*/ */
/*
@MainFontFamily: Ubuntu, Open Sans,sans-serif, MyFont;
@MainFontFamilyHeader: Fengardo Neue, Archivo Narrow, LoveYaLikeASister, Ubuntu Condensed, Open Sans Condensed, sans-serif, MyFont;
@MainFontCode: Monospace,Courier;
@MainFontFamilyEdit: Ubuntu, Open Sans,sans-serif, MyFont;
*/
@MainFontFamily: Ubuntu;
@MainFontFamilyHeader: Fengardo Neue;
@MainFontCode: Monospace; @MainFontCode: Monospace;
@MainFontFamilyEdit: Ubuntu; @fontEdit: @font;
/* /*
Use the part above to customise your fonts. Use the part above to customise your fonts.
@ -50,31 +61,30 @@ You can create your own manuscript / handwriting font on http://www.myscriptfont
*/ */
/* This line below will use a random main color: */ /* This line below will use a random main color: */
/* @MainColor: @background-color; */ /* @fg: @background-color; */
/* if you prefer to select a fixed background color, just uncomment one color from below */ /* if you prefer to select a fixed background color, just uncomment one color from below */
/* @MainColor: #549136; */
/*@MainColor: #7E2434;*/ // @fg: #549136; /* Green */
/*@MainColor: #7e3821;*/ // @fg: #7E2434; /* Bordeaux */
/*@MainColor: #549136;*/ // @fg: #7e3821; /* Brick Red (darker) */
/*@MainColor: #549136;*/ // @fg: #D17732; /* Orange */
/*@MainColor: #D17732;*/ // @fg: #328cc1; /* Light Blue */
/*@MainColor: #328cc1;*/ // @fg: #847457; /* Marron */
/* For YunoHost config */ /* For YunoHost config */
@MainColor: #__YNH_COLOR__; /* @fg: #__YNH_COLOR__; */
/* Header color */ /* Header color */
/* You can use a shade of MainColor: */ /* You can use a shade of MainColor: */
@HeaderColor: (@MainColor - #111); @HeaderColor: (@fg - #111);
/* or a complementary color: */ /* or a complementary color: */
/*@HeaderColor: (#ffffff - @MainColor - (#ffffff - @MainColor)/3); */ /*@HeaderColor: (#ffffff - @fg - (#ffffff - @fg)/3); */
@HeaderColor: spin(@MainColor, 180); @HeaderColor: spin(@fg, 180);
@MainFontColor: (#878e83 - #222); @MainFontColor: (#878e83 - #222);
@ -82,33 +92,57 @@ You can create your own manuscript / handwriting font on http://www.myscriptfont
@RedBrick: #7F4736; @RedBrick: #7F4736;
/* used in max-width (should be renamed) */
@BackgroundMain: (#999 + (@MainColor/6));
@Bg-dark: (@BackgroundMain - #121212);
@Bg-light: (@BackgroundMain + #121212);
@Bg-extra-light: (@BackgroundMain + #343434);
@MainColor-light: (@MainColor + #111);
@Main2Color: @MainColor;
@LinkColor: (@MainColor-light + #010101);
@BackgroundHead: @MainColor-light;
@Background2Head: @MainColor; @fg-light: (@fg + #111);
@Background3Head: @MainColor;
@Background4Head: @MainColor; @Main2Color: @fg;
@BackgroundNav: @MainColor;
@MainColor-light: @MainColor; @LinkColor: (@fg-light + #010101);
@shadow: @MainColor;
@BackgroundHead: @fg-light;
@Background2Head: @fg;
@Background3Head: @fg;
@Background4Head: @fg;
@BackgroundNav: @fg;
@fg-light: @fg;
@shadow: @fg;
@buttonboxshadow: 0.0; @buttonboxshadow: 0.0;
/* templates */
@fg: #7e3821; /* Brick Red (darker) Default color 2021 */
@bg: #fff;
@bg2: @fg;
@glow: none;
@link: @fg;
@link-hover: @bg;
@link-visited: @fg;
@heading: @fg;
@heading-weight: bold; /* normal or bold */
@font: Ubuntu;
@font-heading: Fengardo Neue;
@Bg-dark: (@fg - #121212);
@Bg-light: (@fg + #121212);
@Bg-extra-light: (#999 + (@fg/6) + #343434 + #121212);
/* overriding default values above */
@import "minimaxing_temp.less";
/*@import url(http://fonts.googleapis.com/css?family=Ubuntu+Condensed); /*@import url(http://fonts.googleapis.com/css?family=Ubuntu+Condensed);
@import url(http://fonts.googleapis.com/css?family=Ubuntu); @import url(http://fonts.googleapis.com/css?family=Ubuntu);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@ -116,156 +150,23 @@ You can create your own manuscript / handwriting font on http://www.myscriptfont
*/ */
@font-face {
font-family: MyFont;
font-style: normal;
font-weight: 400;
src: url(../fonts/MyFont.ttf) format('truetype');
}
@font-face {
font-family: MyManuscript;
font-style: normal;
font-weight: 400;
src: url(../fonts/MyManuscript.ttf) format('truetype');
}
@font-face {
font-family: LoveYaLikeASister;
font-style: normal;
font-weight: 400;
src: url(../fonts/LoveYaLikeASister-Regular.woff) format('woff');
}
@font-face {
font-family: 'Ubuntu Condensed';
font-style: normal;
font-weight: 400;
src: local('Ubuntu Condensed'),local('UbuntuCondensed-Regular'),url(../fonts/ubuntu-condensed-regular.woff) format('woff');
}
@font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: normal;
src: local('Ubuntu'),url(../fonts/ubuntu.woff) format('woff');
}
@font-face { @import "../css/font_ubuntu.less"; /* Ubuntu */
font-family: 'Ubuntu'; @import "../css/font_fengardo.less"; /* Fengardo Neue */
font-style: italic;
font-weight: normal;
src: local('Ubuntu Italic'),url(../fonts/ubuntu-italic.woff) format('woff');
}
@font-face {
font-family: 'Ubuntu';
font-style: bold;
font-weight: bold;
src: local('Ubuntu Bold'),url(../fonts/ubuntu-bold.woff) format('woff');
}
@font-face {
font-family: 'Ubuntu'; // @import "../css/font_opensans.less"; /* Open Sans */
font-weight: bold; // @import "../css/font_archivo.less"; /* Archivo Narrow */
font-style: italic; // @import "../css/font_loveya.less"; /* LoveYaLikeASister */
src: local('Ubuntu Italic Bold'),url(../fonts/ubuntu-bold-italic.woff) format('woff'); // @import "../css/font_myfont.less"; /* MyFont */ /* MyManuscript */
}
/*@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'),local('OpenSans-Light'),url(../fonts/OpenSans-Light.woff) format('woff');
}*/
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'),local('OpenSans'),url(../fonts/OpenSans.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local('Open Sans Semibold'),local('OpenSans-Semibold'),url(../fonts/OpenSans-Semibold.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: local('Open Sans Bold'),local('OpenSans-Bold'),url(../fonts/OpenSans-Bold.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
src: local('Open Sans Extrabold'),local('OpenSans-Extrabold'),url(../fonts/OpenSans-Extrabold.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 300;
src: local('Open Sans Light Italic'),local('OpenSansLight-Italic'),url(../fonts/OpenSansLight-Italic.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
src: local('Open Sans Italic'),local('OpenSans-Italic'),url(../fonts/OpenSans-Italic.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 600;
src: local('Open Sans Semibold Italic'),local('OpenSans-SemiboldItalic'),url(../fonts/OpenSans-SemiboldItalic.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 700;
src: local('Open Sans Bold Italic'),local('OpenSans-BoldItalic'),url(../fonts/OpenSans-BoldItalic.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 800;
src: local('Open Sans Extrabold Italic'),local('OpenSans-ExtraboldItalic'),url(../fonts/OpenSans-ExtraboldItalic.woff) format('woff');
}
@font-face {
font-family: 'Open Sans Condensed';
font-style: normal;
font-weight: 700;
src: local('Open Sans Condensed Bold'),local('OpenSans-CondensedBold'),url(../fonts/OpenSans-CondensedBold.woff) format('woff');
}
@font-face {
font-family: 'Open Sans Condensed';
font-style: normal;
font-weight: 300;
src: local('Open Sans Cond Light'),local('OpenSans-CondensedLight'),url(../fonts/OpenSans-CondensedLight.woff) format('woff');
}
@font-face {
font-family: 'Open Sans Condensed';
font-style: italic;
font-weight: 300;
src: local('Open Sans Cond Light Italic'),local('OpenSans-CondensedLightItalic'),url(../fonts/OpenSans-CondensedLightItalic.woff) format('woff');
}
@font-face {
font-family: 'Archivo Narrow';
font-style: bold;
font-weight: 300;
src: url(../fonts/ArchivoNarrow-Bold.woff) format('woff');
}
@font-face {
font-family: 'Fengardo Neue';
font-style: bold;
font-weight: 200;
src: url(../fonts/fengardoneue-black.woff) format('woff');
}
@ -281,6 +182,9 @@ You can create your own manuscript / handwriting font on http://www.myscriptfont
*/ */
/* LionWiki specific */ /* LionWiki specific */
a.pending { a.pending {
@ -326,14 +230,14 @@ h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
} }
.contentTextarea { .contentTextarea {
width: 90%; width: 90%;
font-family: @MainFontFamilyEdit; font-family: @fontEdit;
font-size: 105%; font-size: 105%;
} }
.markItUpEditor .markItUpEditor
{ {
width: 90%; width: 90%;
font-family: @MainFontFamilyEdit; font-family: @fontEdit;
color: #444; color: #444;
font-size: 140%; font-size: 140%;
} }
@ -455,12 +359,34 @@ th, thead, #previewPane th, #previewPane thead {
/******************************************************************/ /******************************************************************/
/* Mixin Macro */
.break {
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
/* This is the dangerous one in WebKit, as it breaks things wherever */
word-break: break-all;
/* Instead use this non-standard one: */
word-break: break-word;
/* Adds a hyphen where the word breaks, if supported (No Blink) */
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
body { body {
font-size: @MainFontSize; font-size: @MainFontSize;
font-family: sans-serif; /*font-family: sans-serif;*/
/*background-color: (@Bg-extra-light/1.1 + #111);*/ /*background-color: (@Bg-extra-light/1.1 + #111);*/
background: #fff; background-color: @bg;
font-family: @MainFontFamily; font-family: @font;
color: @MainFontColor; color: @MainFontColor;
} }
@ -471,7 +397,7 @@ body {
border: none; border: none;
} }
h1, h2, h3, h4 { h1, h2, h3, h4 {
font-family: @MainFontFamilyHeader; font-family: @font-heading;
text-transform: uppercase; text-transform: uppercase;
color: @HeaderColor; color: @HeaderColor;
font-weight: bold; font-weight: bold;
@ -480,47 +406,50 @@ h1, h2, h3, h4 {
padding-left: 2px; padding-left: 2px;
padding-right: 2px; padding-right: 2px;
} }
h1, h2 { h2 {
border-bottom: 1px solid grey; border-bottom: 1px solid grey;
} }
h1 { h1 {
font-size: 155%; /*font-size: 2.6em;*/
font-size: clamp(2em, 4vw, 6em);
text-align: center;
text-decoration: none;
} }
h1 a { h1 a {
color: @HeaderColor; color: @HeaderColor;
} }
#header-wrapper h1 { #header-wrapper h1 {
color: #fff; color: @bg;
line-height: 1.3em; line-height: 1.3em;
border-bottom: none; border-bottom: none;
} }
#header-wrapper { #header-wrapper {
color: (@MainColor-light + #111); color: (@fg-light + #111);
} }
#header-wrapper a { #header-wrapper a {
color: (@MainColor-light + #222); color: (@fg-light + #222);
} }
#header-wrapper a:hover, #header-wrapper a:hover{ #header-wrapper a:hover, #header-wrapper a:hover{
background-color: @MainColor-light; background-color: @fg-light;
color: (@MainColor - #444); color: (@fg - #444);
} }
#header nav { #header nav {
color: #111; color: @bg;
text-transform: lowercase; text-transform: lowercase;
} }
#header nav a, #header nav li a { #header nav a, #header nav li a {
display: inline-block; display: inline-block;
text-decoration: none; text-decoration: none;
color: #fff; color: @bg;
} }
#header nav li a:hover, #header nav li a:active { #header nav li a:hover, #header nav li a:active {
background-color: #fff; background-color: #fff;
border-radius: @button-radius; border-radius: @button-radius;
color: #111; color: @fg;
} }
h2 { h2 {
font-size: 1.6em; font-size: 1.6em;
letter-spacing: -1px; letter-spacing: 1px;
margin-bottom: 0.0em; margin-bottom: 0.0em;
margin-top: 1.8em; margin-top: 1.8em;
} }
@ -537,6 +466,7 @@ h4 {
} }
p, ul { p, ul {
margin-bottom: 1.0em; margin-bottom: 1.0em;
.break();
} }
p { p {
line-height: 1.7em; line-height: 1.7em;
@ -562,27 +492,32 @@ s {
} }
::selection { ::selection {
background: @MainColor; background: @fg;
color: #fff; color: @bg;
} }
::-moz-selection { ::-moz-selection {
background: @MainColor; background: @fg;
color: #fff; color: @bg;
} }
pre { pre {
background-color: (@Bg-extra-light + #121212); background-color: (@Bg-extra-light + #121212);
line-height: 1.5em; line-height: 1.5em;
font-family: @MainFontCode; font-family: @MainFontCode;
font-size: @MainFontSize - 1em;
margin: 1.0em; margin: 1.0em;
overflow:auto;
} }
code, blockquote, dt { code, blockquote, dt {
background-color: (@Bg-extra-light + #121212); background-color: (@Bg-extra-light + #121212);
line-height: 1.5em; //background-color: (@bg + #121212);
font-family: mono; //line-height: 1.5em;
font-family: @MainFontCode;
font-size: @MainFontSize - 1em;
/*margin: 1.0em;*/ /*margin: 1.0em;*/
overflow:auto;
} }
dd { dd {
@ -602,7 +537,7 @@ img {
max-width: 50%; max-width: 50%;
max-height: 500px; max-height: 500px;
padding:1px; padding:1px;
border: solid 1px (@MainColor + #222); border: solid 1px (@fg + #222);
/*display: block;*/ /*display: block;*/
/*margin: 0 auto;*/ /*margin: 0 auto;*/
} }
@ -622,6 +557,15 @@ img.noborder {
z-index: 10; z-index: 10;
} }
.img-circle {
border-radius: 50%;
border: solid 0px ;
min-width:100px;
max-width:200px;
background: @HeaderColor;
}
ol, ul { ol, ul {
} }
@ -632,10 +576,13 @@ li {
/* If you don't like color highlight when you're over a list, comment the next 2 entries */ /* If you don't like color highlight when you're over a list, comment the next 2 entries */
#main ul:hover { #main ul:hover {
background-color: (@Bg-extra-light + #343434); // background-color: (@Bg-extra-light + #343434);
background-color: @bg;
} }
#main ul li:hover, ul li:active { #main ul li:hover, ul li:active {
background-color: (@Bg-light + #343434); // background-color: (@Bg-light + #343434);
background-color: (@bg + #111);
background-color: @Bg-extra-light;
} }
a { a {
@ -645,7 +592,9 @@ a {
a:hover { a:hover {
text-decoration: none; text-decoration: none;
background-color: (@Bg-light + #232323); background-color: (@Bg-light + #232323);
border-radius: (@button-radius - 2); //background-color: @bg;
//border-radius: (@button-radius - 2);
color: @bg;
} }
* > p:last-child { * > p:last-child {
} }
@ -678,19 +627,19 @@ ul.link-list li:first-child {
border-radius: @button-radius; border-radius: @button-radius;
text-transform: lowercase; text-transform: lowercase;
text-decoration: none; text-decoration: none;
color: #fff; color: @bg;
font-size: 1.0em; font-size: 1.0em;
letter-spacing: -1px; letter-spacing: -1px;
border: solid 1px @MainColor; border: solid 1px @fg;
box-shadow: inset 0px 0px 0px 1px @MainColor-light; box-shadow: inset 0px 0px 0px 1px @fg-light;
} }
.button:hover, a.toolbarTextareaItem:hover { .button:hover, a.toolbarTextareaItem:hover {
background-color: (@MainColor + #111); background-color: (@fg + #111);
color: #fff; color: @bg;
} }
a.toolbarTextareaItem b { a.toolbarTextareaItem b {
color: #fff; color: @bg;
} }
#copyright { #copyright {
@ -718,11 +667,11 @@ a.toolbarTextareaItem b {
} }
.button_txt2tags_true, input.submit { .button_txt2tags_true, input.submit {
background-color: @MainColor; background-color: @fg;
color: #fff; color: #fff;
} }
.button_txt2tags_true:hover, input.submit:hover { .button_txt2tags_true:hover, input.submit:hover {
background-color: (@MainColor + #222); background-color: (@fg + #222);
} }
.button_txt2tags_false { .button_txt2tags_false {
@ -734,7 +683,7 @@ a.toolbarTextareaItem b {
} }
.valide { .valide {
color: @MainColor; color: @fg;
background-color: (@Bg-extra-light/1.1); background-color: (@Bg-extra-light/1.1);
} }
.refuse { .refuse {
@ -773,8 +722,8 @@ a.toolbarTextareaItem b {
margin-top: 40px; margin-top: 40px;
padding: 0 40px 0 40px; padding: 0 40px 0 40px;
border-radius: @button-radius; border-radius: @button-radius;
border: solid 1px @MainColor; //border: solid 1px @fg;
box-shadow: inset 0px 0px 0px 1px @MainColor-light,0px 1px 4px 0px rgba(0,0,0,@buttonboxshadow); box-shadow: inset 0px 0px 0px 1px @fg-light,0px 1px 4px 0px rgba(0,0,0,@buttonboxshadow);
height: 66px; height: 66px;
} }
#header h1 { #header h1 {
@ -782,7 +731,7 @@ a.toolbarTextareaItem b {
left: 10px; left: 10px;
top: -28px; top: -28px;
font-size: 2.4em; font-size: 2.4em;
letter-spacing: 2px; letter-spacing: 3px;
/*line-height: 6px;*/ /* pb in konqueror*/ /*line-height: 6px;*/ /* pb in konqueror*/
} }
#header h1 a { #header h1 a {
@ -824,7 +773,7 @@ a.toolbarTextareaItem b {
#banner-wrapper h1 { #banner-wrapper h1 {
text-align: center; text-align: center;
font-size: 2.2em; font-size: 2.2em;
letter-spacing: 0px; letter-spacing: 1px;
text-decoration: none; text-decoration: none;
border-top: 0px; border-top: 0px;
border-bottom: 15px; border-bottom: 15px;
@ -848,7 +797,7 @@ a.toolbarTextareaItem b {
font-size: 3.3em; font-size: 3.3em;
color: #fff; color: #fff;
text-align: center; text-align: center;
letter-spacing: -2px; letter-spacing: 1px;
} }
#banner span { #banner span {
display: block; display: block;
@ -865,7 +814,7 @@ a.toolbarTextareaItem b {
opacity: 0.8; opacity: 0.8;
} }
#main { #main {
background: #fff; background-color: @bg;
padding: 2% 0 2% 0; padding: 2% 0 2% 0;
padding-top: -20px; padding-top: -20px;
} }
@ -923,9 +872,9 @@ a.toolbarTextareaItem b {
margin-top: 40px; margin-top: 40px;
padding: 0 40px 0 40px; padding: 0 40px 0 40px;
border-radius: @button-radius; border-radius: @button-radius;
border: solid 1px @MainColor-light; // border: solid 1px @fg-light;
box-shadow: inset 0px 0px 0px 1px @MainColor-light,0px 1px 4px 0px rgba(0,0,0,@buttonboxshadow); box-shadow: inset 0px 0px 0px 1px @fg-light,0px 1px 4px 0px rgba(0,0,0,@buttonboxshadow);
background-color: @Background4Head; //background-color: @Background4Head;
height: 66px; height: 66px;
} }
#header h1 { #header h1 {
@ -986,7 +935,7 @@ a.toolbarTextareaItem b {
font-size: 3em; font-size: 3em;
color: #fff; color: #fff;
text-align: center; text-align: center;
letter-spacing: -2px; letter-spacing: 1px;
} }
#banner span { #banner span {
display: block; display: block;
@ -1003,7 +952,7 @@ a.toolbarTextareaItem b {
opacity: 0.8; opacity: 0.8;
} }
#main { #main {
background: #fff; background-color: @bg;
padding: 3% 0 3% 0; padding: 3% 0 3% 0;
margin-left: 8px; margin-left: 8px;
margin-right: 4px; margin-right: 4px;
@ -1108,7 +1057,7 @@ a.toolbarTextareaItem b {
padding: 10px 25px 10px 25px; padding: 10px 25px 10px 25px;
} }
#banner-wrapper { #banner-wrapper {
background: @MainColor url(images/bg1.png); background: @fg url(images/bg1.png);
display: none; display: none;
} }
#banner { #banner {
@ -1130,7 +1079,7 @@ a.toolbarTextareaItem b {
font-size: 2em; font-size: 2em;
color: #fff; color: #fff;
text-align: center; text-align: center;
letter-spacing: -2px; letter-spacing: 1px;
} }
#banner span { #banner span {
display: block; display: block;
@ -1154,15 +1103,15 @@ a.toolbarTextareaItem b {
.contentTextarea { .contentTextarea {
width: 96%; width: 96%;
font-family: @MainFontFamily; font-family: @font;
font-size: 105%; font-size: 105%;
padding: 0px; padding: 0px;
margin-left: -15px; margin-left: -0.25px;
} }
#main { #main {
/*overflow: auto;*/ /*overflow: auto;*/
background: #fff; background-color: @bg;
margin-left: 8px; margin-left: 8px;
margin-right: 4px; margin-right: 4px;
} }
@ -1179,7 +1128,7 @@ a.toolbarTextareaItem b {
/* Use main color for tables */ /* Use main color for tables */
@TableColor: @MainColor ; @TableColor: @fg ;
/* Use complementary color for tables */ /* Use complementary color for tables */
/*@TableColor: @HeaderColor;*/ /*@TableColor: @HeaderColor;*/
@ -1235,10 +1184,12 @@ font-weight: bold;
progress { progress {
color: @HeaderColor; color: @HeaderColor;
background-color: white; background-color: white;
border-radius: 4px; /*border-radius: 4px; */
/*border: solid 1px;*/ border-radius: 0px;
border: solid 1px;
width: 10em; width: 10em;
height: 1em; height: 1em;
-webkit-appearance: none;
} }
@ -1252,5 +1203,125 @@ progress::-webkit-progress-value {
} }
progress::-webkit-progress-bar { progress::-webkit-progress-bar {
background: @HeaderColor; background: white;
} }
/* Big buttons */
.block {
display: inline-block;
width: 65%;
border: 2px solid @HeaderColor;
background-color: @HeaderColor;
height: 50px;
margin-top: 8px;
margin-bottom: 8px;
font-family: @font;
padding-left: 2px;
padding-right: 2px;
font-size: 16px;
color: @Bg-extra-light;
/*cursor: pointer;*/
text-align: center;
vertical-align: middle;
/*transition: box-shadow 0.25s cubic-bezier(0.08, 0.59, 0.29, 0.99) 0s, color 0.25s cubic-bezier(0.08, 0.59, 0.29, 0.99) 0s, border-color 0.25s cubic-bezier(0.08, 0.59, 0.29, 0.99) 0s, transform 0.25s cubic-bezier(0.08, 0.59, 0.29, 0.99) 0s, background-color 0.25s cubic-bezier(0.08, 0.59, 0.29, 0.99) 0s;*/
border-radius: 0px;
}
.block a {
display: inline-block;
min-width: 100%;
padding: 0px;
padding-top : 0px;
height: 46px;
line-height:46px;
color: #fff;
text-decoration: none;
border-radius: 0px;
}
/*.block:hover, */
.block a:hover {
/*border: 2px solid @HeaderColor;*/
background-color: #fff;
color: @HeaderColor;
margin-left: -2px;
margin-right: -2px;
padding-left: 2px;
padding-right: 2px;
}
@media only screen and (max-width:999px) and (min-width:01px) {
.block { width: 90%;}
}
/* Todotxt support */
.todotxt_A { color: darken(@fg,5%);}
.todotxt_B { color: desaturate(lighten(spin(@fg, 30),5%),20%); }
.todotxt_C { color: desaturate(lighten(spin(@fg, 60),10%),30%); }
.todotxt_D { color: desaturate(lighten(spin(@fg, 90),15%),40%); }
.todotxt_E { color: desaturate(lighten(spin(@fg, 120),20%),45%); }
.todotxt_F { color: desaturate(lighten(@fg,25%),50%); }
.todotxt_context { color: spin(@fg, 180); }
.todotxt_tag { color: spin(@fg, 90); }
.todotxt_deleted {opacity: 0.4; }
.todotxt_date {background-color:darken(@bg,5%); }
@media (prefers-color-scheme: dark) {
/* Invert all elements on the body while attempting to not alter the hue substantially. */
body {
filter: invert(100%) hue-rotate(180deg);
}
/* Workarounds and optical adjustments. */
/* Firefox workaround: Set the background colour for the html
element separately because, unlike other browsers, Firefox
doesn’t apply the filter to the root element’s background. */
html {
background-color: #111;
}
/* Do not invert media (revert the invert). */
img, video, iframe {
filter: invert(100%) hue-rotate(180deg);
}
#header-wrapper {
filter: invert(100%) hue-rotate(180deg);
}
h1, h2, h3, h4 {
color: @fg;
}
/* Improve contrast on icons. */
.icon {
filter: invert(15%) hue-rotate(180deg);
}
/* Re-enable code block backgrounds. */
pre {
filter: invert(6%);
}
/* Improve contrast on list item markers. */
li::marker {
color: #555;
}
}