oss/Radicale
oss/Radicale
1
0
Fork 0
mirror of https://github.com/Kozea/Radicale.git synced 2025-06-26 16:45:52 +00:00
Code Wiki Activity

Update CSS

Browse source 
* Print: Remove link color and show link target
* Set correct value for `display` not `initial`
* Don't reset font-family for select optionn
* Remove default stylesheet
* Cosmetic changes
This commit is contained in:
Unrud 2022-08-08 07:13:03 +02:00
parent 7d0ab1efc5
commit b2da63511e
6 changed files with 58 additions and 139 deletions
Download patch file Download diff file Expand all files Collapse all files

107
assets/default.css
View file

@ -1,112 +1,23 @@
/* https://www.w3.org/TR/CSS22/ */ /* Additional header level used by pandoc */
html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre { display: block; unicode-bidi: embed }
li { display: list-item }
head { display: none }
table { display: table }
tr { display: table-row }
thead { display: table-header-group }
tbody { display: table-row-group }
tfoot { display: table-footer-group }
col { display: table-column }
colgroup { display: table-column-group }
td, th { display: table-cell }
caption { display: table-caption }
th { font-weight: bolder; text-align: center }
caption { text-align: center }
body { margin: 8px }
h1 { font-size: 2em; margin: .67em 0 }
h2 { font-size: 1.5em; margin: .75em 0 }
h3 { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu { margin: 1.12em 0 }
h5 { font-size: .83em; margin: 1.5em 0 }
h6 { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong { font-weight: bolder }
blockquote { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address { font-style: italic }
pre, tt, code,
kbd, samp { font-family: monospace }
pre { white-space: pre }
button, textarea,
input, select { display: inline-block }
big { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub { vertical-align: sub }
sup { vertical-align: super }
table { border-spacing: 2px; }
thead, tbody,
tfoot { vertical-align: middle }
td, th, tr { vertical-align: inherit }
s, strike, del { text-decoration: line-through }
hr { border: 1px inset }
ol, ul, dir,
menu, dd { margin-left: 40px }
ol { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol { margin-top: 0; margin-bottom: 0 }
u, ins { text-decoration: underline }
br:before { content: "\A"; white-space: pre-line }
center { text-align: center }
:link, :visited { text-decoration: underline }
:focus { outline: thin dotted invert }
/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"] { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"] { direction: rtl; unicode-bidi: bidi-override }
*[DIR="ltr"] { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"] { direction: rtl; unicode-bidi: embed }
@media print {
h1 { page-break-before: always }
h1, h2, h3,
h4, h5, h6 { page-break-after: avoid }
ul, ol, dl { page-break-before: avoid }
}
/* END: https://www.w3.org/TR/CSS22/ */
@media not screen {
nav, .headerlink {
display: none;
}
p.heading { p.heading {
font-size: .67em; font-size: .67em;
margin: 2em 0; margin: 2em 0;
font-weight: bolder; font-weight: bolder;
} }
@media print {
nav { p.heading {
/* Override changes made by JS to HTMLElement */ page-break-after: avoid;
max-height: none !important; }
} }
table, tr, td, th, thead { table, tr, td, th, thead {
border: 1px solid black; border: 1px solid black;
border-collapse: collapse; border-collapse: collapse;
} }
}
@media print { @media not screen {
h1 { nav {
page-break-before: auto; /* Override changes made by JS to HTMLElement */
} max-height: none !important;
p.heading {
page-break-after: avoid;
} }
} }

12
assets/print.css Normal file
View file

@ -0,0 +1,12 @@
nav, .headerlink {
display: none;
}
a {
color: inherit;
text-decoration: underline;
}
a:not([href^="#"])::after {
content: " (" attr(href) ")";
}

8
assets/screen-narrow.css
View file

@ -14,7 +14,7 @@ header .logoContainer, header .documentBranch select {
} }
header .logoContainer, header ul, main { header .logoContainer, header ul, main {
max-width: initial; max-width: none;
} }
nav { nav {
@ -23,9 +23,9 @@ nav {
height: 100vh; height: 100vh;
top: 0; top: 0;
left: 0; left: 0;
background-color: #E4E9F6; background: #e4e9f6;
z-index: 1; z-index: 1;
max-height: initial !important; max-height: none !important;
margin: 0; margin: 0;
transform: translate(-100vw); transform: translate(-100vw);
transition: transform ease .2s; transition: transform ease .2s;
@ -36,7 +36,7 @@ html.nav-opened {
} }
.nav-opened nav { .nav-opened nav {
transform: translate(0); transform: none;
} }
main, .navContainer { main, .navContainer {

8
assets/screen-noscript.css
View file

@ -3,11 +3,11 @@ header .documentBranch::after, header .documentBranch select, .navButtonContaine
} }
header .documentBranch span { header .documentBranch span {
display: initial; display: inline;
} }
nav { nav {
position: relative; position: static;
height: auto; height: auto;
/* Override changes made by JS to HTMLElement */ /* Override changes made by JS to HTMLElement */
max-height: none !important; max-height: none !important;
@ -18,8 +18,8 @@ nav .level2.active > a, nav .level3.active > a {
border-left-color: transparent; border-left-color: transparent;
} }
nav .level4 { nav li.level4 {
display: initial; display: list-item;
} }
nav .level4 > a::after { nav .level4 > a::after {

45
assets/screen.css
View file

@ -1,7 +1,7 @@
html { html {
font-family: sans-serif; font-family: sans-serif;
line-height: 1.4; line-height: 1.4;
background-color: #E4E9F6; background: #e4e9f6;
color: #424247; color: #424247;
} }
@ -18,9 +18,6 @@ body > * {
a { a {
color: #a40000; color: #a40000;
}
a:link {
text-decoration: none; text-decoration: none;
} }
@ -31,7 +28,7 @@ a:hover {
header { header {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background-color: #050a02; background: #050a02;
color: #efdddd; color: #efdddd;
align-items: center; align-items: center;
} }
@ -92,7 +89,7 @@ header .documentBranch::after {
} }
header .documentBranch select { header .documentBranch select {
display: initial !important; display: inline-block !important;
background: none; background: none;
color: #efdddd; color: #efdddd;
border: none; border: none;
@ -116,13 +113,12 @@ header .documentBranch option {
color: initial; color: initial;
font-size: initial; font-size: initial;
font-weight: initial; font-weight: initial;
font-family: initial;
cursor: initial; cursor: initial;
} }
header .linkContainer { header .linkContainer {
order: -1; order: -1;
background-color: #a40000; background: #a40000;
flex-direction: column; flex-direction: column;
display: flex; display: flex;
align-items: center; align-items: center;
@ -193,7 +189,6 @@ h6 {
p.heading { p.heading {
font-size: .75em; font-size: .75em;
margin: 1.67em 0; margin: 1.67em 0;
font-weight: bolder;
} }
img, .tableContainer { img, .tableContainer {
@ -206,9 +201,9 @@ img, .tableContainer {
blockquote { blockquote {
border-radius: 3px; border-radius: 3px;
background-color: #ECE7D5; background: #ece7d5;
padding: 10px; padding: 10px;
border-left: 3px solid #F6E39A; border-left: 3px solid #f6e39a;
margin-left: 0; margin-left: 0;
margin-right: 0; margin-right: 0;
} }
@ -223,7 +218,7 @@ blockquote > *:last-child {
div.sourceCode, :not(div) > pre { div.sourceCode, :not(div) > pre {
border-radius: 3px; border-radius: 3px;
background-color: #D2D7E3; background: #d2d7e3;
padding: 10px; padding: 10px;
border-left: 3px solid #a40000; border-left: 3px solid #a40000;
overflow: auto; overflow: auto;
@ -235,7 +230,7 @@ pre > code {
:not(pre) > code { :not(pre) > code {
border-radius: 2px; border-radius: 2px;
background-color: #D2D7E3; background: #d2d7e3;
padding: 0 2px; padding: 0 2px;
} }
@ -275,6 +270,7 @@ nav {
nav { nav {
scrollbar-width: none; scrollbar-width: none;
scrollbar-color: #424247 #d2d7e3;
} }
nav:hover, nav:focus-within { nav:hover, nav:focus-within {
@ -282,16 +278,16 @@ nav {
} }
nav::-webkit-scrollbar { nav::-webkit-scrollbar {
display: none; width: 0;
background-color: #D2D7E3; background: #d2d7e3;
} }
nav::-webkit-scrollbar-thumb { nav::-webkit-scrollbar-thumb {
background-color: #424247; background: #424247;
} }
nav:hover::-webkit-scrollbar, nav:focus-within::-webkit-scrollbar { nav:hover::-webkit-scrollbar, nav:focus-within::-webkit-scrollbar {
display: initial; width: initial;
} }
} }
@ -332,7 +328,7 @@ nav .level4 > a {
} }
nav .level2.active > a, nav .level3.active > a { nav .level2.active > a, nav .level3.active > a {
background: #D2D7E3; background: #d2d7e3;
border-left-color: #a40000; border-left-color: #a40000;
} }
@ -340,8 +336,8 @@ nav .level4 {
display: none; display: none;
} }
nav .active > ul > .level4 { nav .active > ul > li.level4 {
display: initial; display: list-item;
} }
.documentContainer p, .documentContainer ul, .documentContainer ol { .documentContainer p, .documentContainer ul, .documentContainer ol {
@ -357,12 +353,11 @@ nav .active > ul > .level4 {
} }
table, tr, td, th, thead { table, tr, td, th, thead {
border: 1px solid #424247; border-color: #424247;
border-collapse: collapse;
} }
thead { thead {
background-color: #D2D7E3; background: #d2d7e3;
} }
td, th { td, th {
@ -373,6 +368,6 @@ td, th {
display: none; display: none;
} }
section > *:first-child:hover .headerlink { section > *:first-child:hover a.headerlink {
display: initial; display: inline;
} }

1
documentation-generator/template.html
View file

@ -12,6 +12,7 @@ $endif$
<link href="assets/default.css" media="all" rel="stylesheet"> <link href="assets/default.css" media="all" rel="stylesheet">
<link href="assets/screen.css" media="screen" rel="stylesheet"> <link href="assets/screen.css" media="screen" rel="stylesheet">
<link href="assets/screen-narrow.css" media="screen and (max-width: 50em)" rel="stylesheet"> <link href="assets/screen-narrow.css" media="screen and (max-width: 50em)" rel="stylesheet">
<link href="assets/print.css" media="print" rel="stylesheet">
<noscript><link href="assets/screen-noscript.css" media="screen" rel="stylesheet"></noscript> <noscript><link href="assets/screen-noscript.css" media="screen" rel="stylesheet"></noscript>
<link href="https://github.com/Kozea/Radicale/releases.atom" type="application/atom+xml" rel="alternate" title="Radicale Releases"> <link href="https://github.com/Kozea/Radicale/releases.atom" type="application/atom+xml" rel="alternate" title="Radicale Releases">
<link href="assets/icon.png" type="image/png" rel="icon"> <link href="assets/icon.png" type="image/png" rel="icon">