updated CSS regarding details tag

main
Frank Homburg 3 years ago
parent 6aa78252da
commit bc881be272

@ -21,7 +21,7 @@ If you need further details, do not hesitate to create a [ticket](https://todo.s
{{< detail-tag "What do you mean by SFW?" >}}
SFW stands for **S**ave **F**or **W**ork and if your site fits into this category, you can easily measure as follows:
Imagine, maybe it even is, you have a three year old daughter and her perfect world consists of elves, princesses, princes and rainbows farting unicorns. The worst thing that could happen in this world would be if the princess broke one of her nails.
Imagine, maybe it even is, you have a three year old daughter and her perfect world consists of elves, princesses, princes and rainbow farting unicorns. The worst thing that could happen in this world would be if the princess broke one of her nails.
Would you want to put her through the content of the website? If so, it's definitely SFW 😉
{{< /detail-tag >}}

@ -4,7 +4,7 @@
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<style>body{margin:20px auto;max-width:600px;line-height:1.5em;font-size:1.1em;background-color:#252525;color:#d9d9d9;padding:0 10px;font-family:monospace;hyphens:auto}header{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;font-variant:small-caps}a{color: #00ffff;text-decoration:none}a:hover{color:#c6ba93}h1{color:#9A61AB;font-size:2em;font-weight:650}h2,h3,h4,h5{line-height:1.2;color:#9A61AB;font-size:1.1em}h2:before{content:"## ";content:"## " / ""}h3:before{content:"### ";content:"### " / ""}h4:before{content:"#### ";content:"#### " / ""}h5:before{content:"##### ";content:"##### " / ""}code{color:#252525;background:#e4d4e8}pre{tab-size:4}details{padding:.6rem 1rem;background:#393939;border:3px inset;border-radius:5px;margin-bottom:1rem}summary{cursor:pointer;font-weight:700}details[open]{padding-bottom:.75rem}details[open] summary{margin-bottom:.5rem}details[open]>*:last-child{margin-bottom:0}img{max-width:100%;display:block;margin:0 auto}nav{display:inline-block}nav li{display:inline-block no;margin-right:20px}</style>
<style>body{margin:20px auto;max-width:600px;line-height:1.5em;font-size:1.1em;background-color:#252525;color:#d9d9d9;padding:0 10px;font-family:monospace;hyphens:auto}header{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;font-variant:small-caps}a{color: #00ffff;text-decoration:none}a:hover{color:#c6ba93}h1{color:#9A61AB;font-size:2em;font-weight:650}h2,h3,h4,h5{line-height:1.2;color:#9A61AB;font-size:1.1em}h2:before{content:"## ";content:"## " / ""}h3:before{content:"### ";content:"### " / ""}h4:before{content:"#### ";content:"#### " / ""}h5:before{content:"##### ";content:"##### " / ""}code{color:#252525;background:#e4d4e8}pre{tab-size:4}details{padding:.6rem 1rem;background:#393939;border:3px inset #7d7d7d;border-radius:5px;margin-bottom:1rem}summary{cursor:pointer;font-weight:900}details[open]{padding-bottom:.75rem}details[open] summary{margin-bottom:.5rem}details[open]>*:last-child{margin-bottom:0}img{max-width:100%;display:block;margin:0 auto}nav{display:inline-block}nav li{display:inline-block no;margin-right:20px}</style>
<title>{{- .Title | default .Site.Title -}}</title>
</head>

@ -4,7 +4,7 @@
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<style>body{margin:20px auto;max-width:600px;line-height:1.5em;font-size:1.1em;background-color:#252525;color:#d9d9d9;padding:0 10px;font-family:monospace;hyphens:auto}header{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;font-variant:small-caps}a{color: #00ffff;text-decoration:none}a:hover{color:#c6ba93}h1{color:#9A61AB;font-size:2em;font-weight:650}h2,h3,h4,h5{line-height:1.2;color:#9A61AB;font-size:1.1em}h2:before{content:"## ";content:"## " / ""}h3:before{content:"### ";content:"### " / ""}h4:before{content:"#### ";content:"#### " / ""}h5:before{content:"##### ";content:"##### " / ""}code{color:#252525;background:#e4d4e8}pre{tab-size:4}details{padding:.6rem 1rem;background:#393939;border:3px inset;border-radius:5px;margin-bottom:1rem}summary{cursor:pointer;font-weight:700}details[open]{padding-bottom:.75rem}details[open] summary{margin-bottom:.5rem}details[open]>*:last-child{margin-bottom:0}img{max-width:100%;display:block;margin:0 auto}nav{display:inline-block}nav li{display:inline-block no;margin-right:20px}</style>
<style>body{margin:20px auto;max-width:600px;line-height:1.5em;font-size:1.1em;background-color:#252525;color:#d9d9d9;padding:0 10px;font-family:monospace;hyphens:auto}header{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;font-variant:small-caps}a{color: #00ffff;text-decoration:none}a:hover{color:#c6ba93}h1{color:#9A61AB;font-size:2em;font-weight:650}h2,h3,h4,h5{line-height:1.2;color:#9A61AB;font-size:1.1em}h2:before{content:"## ";content:"## " / ""}h3:before{content:"### ";content:"### " / ""}h4:before{content:"#### ";content:"#### " / ""}h5:before{content:"##### ";content:"##### " / ""}code{color:#252525;background:#e4d4e8}pre{tab-size:4}details{padding:.6rem 1rem;background:#393939;border:3px inset #7d7d7d;border-radius:5px;margin-bottom:1rem}summary{cursor:pointer;font-weight:900}details[open]{padding-bottom:.75rem}details[open] summary{margin-bottom:.5rem}details[open]>*:last-child{margin-bottom:0}img{max-width:100%;display:block;margin:0 auto}nav{display:inline-block}nav li{display:inline-block no;margin-right:20px}</style>
<title>404 Page not found</title>
</head>

@ -4,7 +4,7 @@
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<style>body{margin:20px auto;max-width:600px;line-height:1.5em;font-size:1.1em;background-color:#252525;color:#d9d9d9;padding:0 10px;font-family:monospace;hyphens:auto}header{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;font-variant:small-caps}a{color: #00ffff;text-decoration:none}a:hover{color:#c6ba93}h1{color:#9A61AB;font-size:2em;font-weight:650}h2,h3,h4,h5{line-height:1.2;color:#9A61AB;font-size:1.1em}h2:before{content:"## ";content:"## " / ""}h3:before{content:"### ";content:"### " / ""}h4:before{content:"#### ";content:"#### " / ""}h5:before{content:"##### ";content:"##### " / ""}code{color:#252525;background:#e4d4e8}pre{tab-size:4}details{padding:.6rem 1rem;background:#393939;border:3px inset;border-radius:5px;margin-bottom:1rem}summary{cursor:pointer;font-weight:700}details[open]{padding-bottom:.75rem}details[open] summary{margin-bottom:.5rem}details[open]>*:last-child{margin-bottom:0}img{max-width:100%;display:block;margin:0 auto}nav{display:inline-block}nav li{display:inline-block no;margin-right:20px}</style>
<style>body{margin:20px auto;max-width:600px;line-height:1.5em;font-size:1.1em;background-color:#252525;color:#d9d9d9;padding:0 10px;font-family:monospace;hyphens:auto}header{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;font-variant:small-caps}a{color: #00ffff;text-decoration:none}a:hover{color:#c6ba93}h1{color:#9A61AB;font-size:2em;font-weight:650}h2,h3,h4,h5{line-height:1.2;color:#9A61AB;font-size:1.1em}h2:before{content:"## ";content:"## " / ""}h3:before{content:"### ";content:"### " / ""}h4:before{content:"#### ";content:"#### " / ""}h5:before{content:"##### ";content:"##### " / ""}code{color:#252525;background:#e4d4e8}pre{tab-size:4}details{padding:.6rem 1rem;background:#393939;border:3px inset #7d7d7d;border-radius:5px;margin-bottom:1rem}summary{cursor:pointer;font-weight:900}details[open]{padding-bottom:.75rem}details[open] summary{margin-bottom:.5rem}details[open]>*:last-child{margin-bottom:0}img{max-width:100%;display:block;margin:0 auto}nav{display:inline-block}nav li{display:inline-block no;margin-right:20px}</style>
<title>Categories</title>
</head>

@ -4,7 +4,7 @@
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<style>body{margin:20px auto;max-width:600px;line-height:1.5em;font-size:1.1em;background-color:#252525;color:#d9d9d9;padding:0 10px;font-family:monospace;hyphens:auto}header{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;font-variant:small-caps}a{color: #00ffff;text-decoration:none}a:hover{color:#c6ba93}h1{color:#9A61AB;font-size:2em;font-weight:650}h2,h3,h4,h5{line-height:1.2;color:#9A61AB;font-size:1.1em}h2:before{content:"## ";content:"## " / ""}h3:before{content:"### ";content:"### " / ""}h4:before{content:"#### ";content:"#### " / ""}h5:before{content:"##### ";content:"##### " / ""}code{color:#252525;background:#e4d4e8}pre{tab-size:4}details{padding:.6rem 1rem;background:#393939;border:3px inset;border-radius:5px;margin-bottom:1rem}summary{cursor:pointer;font-weight:700}details[open]{padding-bottom:.75rem}details[open] summary{margin-bottom:.5rem}details[open]>*:last-child{margin-bottom:0}img{max-width:100%;display:block;margin:0 auto}nav{display:inline-block}nav li{display:inline-block no;margin-right:20px}</style>
<style>body{margin:20px auto;max-width:600px;line-height:1.5em;font-size:1.1em;background-color:#252525;color:#d9d9d9;padding:0 10px;font-family:monospace;hyphens:auto}header{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;font-variant:small-caps}a{color: #00ffff;text-decoration:none}a:hover{color:#c6ba93}h1{color:#9A61AB;font-size:2em;font-weight:650}h2,h3,h4,h5{line-height:1.2;color:#9A61AB;font-size:1.1em}h2:before{content:"## ";content:"## " / ""}h3:before{content:"### ";content:"### " / ""}h4:before{content:"#### ";content:"#### " / ""}h5:before{content:"##### ";content:"##### " / ""}code{color:#252525;background:#e4d4e8}pre{tab-size:4}details{padding:.6rem 1rem;background:#393939;border:3px inset #7d7d7d;border-radius:5px;margin-bottom:1rem}summary{cursor:pointer;font-weight:900}details[open]{padding-bottom:.75rem}details[open] summary{margin-bottom:.5rem}details[open]>*:last-child{margin-bottom:0}img{max-width:100%;display:block;margin:0 auto}nav{display:inline-block}nav li{display:inline-block no;margin-right:20px}</style>
<title>FAQ | The no-JS Club</title>
</head>
@ -45,7 +45,7 @@
<details>
<summary>What do you mean by SFW?</summary>
<p>SFW stands for <strong>S</strong>ave <strong>F</strong>or <strong>W</strong>ork and if your site fits into this category, you can easily measure as follows:</p>
<p>Imagine, maybe it even is, you have a three year old daughter and her perfect world consists of elves, princesses, princes and rainbows farting unicorns. The worst thing that could happen in this world would be if the princess broke one of her nails.</p>
<p>Imagine, maybe it even is, you have a three year old daughter and her perfect world consists of elves, princesses, princes and rainbow farting unicorns. The worst thing that could happen in this world would be if the princess broke one of her nails.</p>
<p>Would you want to put her through the content of the website? If so, it&rsquo;s definitely SFW 😉</p>
</details>

@ -5,7 +5,7 @@
<meta name="generator" content="Hugo 0.98.0" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<style>body{margin:20px auto;max-width:600px;line-height:1.5em;font-size:1.1em;background-color:#252525;color:#d9d9d9;padding:0 10px;font-family:monospace;hyphens:auto}header{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;font-variant:small-caps}a{color: #00ffff;text-decoration:none}a:hover{color:#c6ba93}h1{color:#9A61AB;font-size:2em;font-weight:650}h2,h3,h4,h5{line-height:1.2;color:#9A61AB;font-size:1.1em}h2:before{content:"## ";content:"## " / ""}h3:before{content:"### ";content:"### " / ""}h4:before{content:"#### ";content:"#### " / ""}h5:before{content:"##### ";content:"##### " / ""}code{color:#252525;background:#e4d4e8}pre{tab-size:4}details{padding:.6rem 1rem;background:#393939;border:3px inset;border-radius:5px;margin-bottom:1rem}summary{cursor:pointer;font-weight:700}details[open]{padding-bottom:.75rem}details[open] summary{margin-bottom:.5rem}details[open]>*:last-child{margin-bottom:0}img{max-width:100%;display:block;margin:0 auto}nav{display:inline-block}nav li{display:inline-block no;margin-right:20px}</style>
<style>body{margin:20px auto;max-width:600px;line-height:1.5em;font-size:1.1em;background-color:#252525;color:#d9d9d9;padding:0 10px;font-family:monospace;hyphens:auto}header{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;font-variant:small-caps}a{color: #00ffff;text-decoration:none}a:hover{color:#c6ba93}h1{color:#9A61AB;font-size:2em;font-weight:650}h2,h3,h4,h5{line-height:1.2;color:#9A61AB;font-size:1.1em}h2:before{content:"## ";content:"## " / ""}h3:before{content:"### ";content:"### " / ""}h4:before{content:"#### ";content:"#### " / ""}h5:before{content:"##### ";content:"##### " / ""}code{color:#252525;background:#e4d4e8}pre{tab-size:4}details{padding:.6rem 1rem;background:#393939;border:3px inset #7d7d7d;border-radius:5px;margin-bottom:1rem}summary{cursor:pointer;font-weight:900}details[open]{padding-bottom:.75rem}details[open] summary{margin-bottom:.5rem}details[open]>*:last-child{margin-bottom:0}img{max-width:100%;display:block;margin:0 auto}nav{display:inline-block}nav li{display:inline-block no;margin-right:20px}</style>
<title>The no-JS.club | Promenade for JavaScript freed websites</title>
</head>

@ -4,7 +4,7 @@
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<style>body{margin:20px auto;max-width:600px;line-height:1.5em;font-size:1.1em;background-color:#252525;color:#d9d9d9;padding:0 10px;font-family:monospace;hyphens:auto}header{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;font-variant:small-caps}a{color: #00ffff;text-decoration:none}a:hover{color:#c6ba93}h1{color:#9A61AB;font-size:2em;font-weight:650}h2,h3,h4,h5{line-height:1.2;color:#9A61AB;font-size:1.1em}h2:before{content:"## ";content:"## " / ""}h3:before{content:"### ";content:"### " / ""}h4:before{content:"#### ";content:"#### " / ""}h5:before{content:"##### ";content:"##### " / ""}code{color:#252525;background:#e4d4e8}pre{tab-size:4}details{padding:.6rem 1rem;background:#393939;border:3px inset;border-radius:5px;margin-bottom:1rem}summary{cursor:pointer;font-weight:700}details[open]{padding-bottom:.75rem}details[open] summary{margin-bottom:.5rem}details[open]>*:last-child{margin-bottom:0}img{max-width:100%;display:block;margin:0 auto}nav{display:inline-block}nav li{display:inline-block no;margin-right:20px}</style>
<style>body{margin:20px auto;max-width:600px;line-height:1.5em;font-size:1.1em;background-color:#252525;color:#d9d9d9;padding:0 10px;font-family:monospace;hyphens:auto}header{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;font-variant:small-caps}a{color: #00ffff;text-decoration:none}a:hover{color:#c6ba93}h1{color:#9A61AB;font-size:2em;font-weight:650}h2,h3,h4,h5{line-height:1.2;color:#9A61AB;font-size:1.1em}h2:before{content:"## ";content:"## " / ""}h3:before{content:"### ";content:"### " / ""}h4:before{content:"#### ";content:"#### " / ""}h5:before{content:"##### ";content:"##### " / ""}code{color:#252525;background:#e4d4e8}pre{tab-size:4}details{padding:.6rem 1rem;background:#393939;border:3px inset #7d7d7d;border-radius:5px;margin-bottom:1rem}summary{cursor:pointer;font-weight:900}details[open]{padding-bottom:.75rem}details[open] summary{margin-bottom:.5rem}details[open]>*:last-child{margin-bottom:0}img{max-width:100%;display:block;margin:0 auto}nav{display:inline-block}nav li{display:inline-block no;margin-right:20px}</style>
<title>Hall of glory | The no-JS.club</title>
</head>

@ -4,7 +4,7 @@
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<style>body{margin:20px auto;max-width:600px;line-height:1.5em;font-size:1.1em;background-color:#252525;color:#d9d9d9;padding:0 10px;font-family:monospace;hyphens:auto}header{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;font-variant:small-caps}a{color: #00ffff;text-decoration:none}a:hover{color:#c6ba93}h1{color:#9A61AB;font-size:2em;font-weight:650}h2,h3,h4,h5{line-height:1.2;color:#9A61AB;font-size:1.1em}h2:before{content:"## ";content:"## " / ""}h3:before{content:"### ";content:"### " / ""}h4:before{content:"#### ";content:"#### " / ""}h5:before{content:"##### ";content:"##### " / ""}code{color:#252525;background:#e4d4e8}pre{tab-size:4}details{padding:.6rem 1rem;background:#393939;border:3px inset;border-radius:5px;margin-bottom:1rem}summary{cursor:pointer;font-weight:700}details[open]{padding-bottom:.75rem}details[open] summary{margin-bottom:.5rem}details[open]>*:last-child{margin-bottom:0}img{max-width:100%;display:block;margin:0 auto}nav{display:inline-block}nav li{display:inline-block no;margin-right:20px}</style>
<style>body{margin:20px auto;max-width:600px;line-height:1.5em;font-size:1.1em;background-color:#252525;color:#d9d9d9;padding:0 10px;font-family:monospace;hyphens:auto}header{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;font-variant:small-caps}a{color: #00ffff;text-decoration:none}a:hover{color:#c6ba93}h1{color:#9A61AB;font-size:2em;font-weight:650}h2,h3,h4,h5{line-height:1.2;color:#9A61AB;font-size:1.1em}h2:before{content:"## ";content:"## " / ""}h3:before{content:"### ";content:"### " / ""}h4:before{content:"#### ";content:"#### " / ""}h5:before{content:"##### ";content:"##### " / ""}code{color:#252525;background:#e4d4e8}pre{tab-size:4}details{padding:.6rem 1rem;background:#393939;border:3px inset #7d7d7d;border-radius:5px;margin-bottom:1rem}summary{cursor:pointer;font-weight:900}details[open]{padding-bottom:.75rem}details[open] summary{margin-bottom:.5rem}details[open]>*:last-child{margin-bottom:0}img{max-width:100%;display:block;margin:0 auto}nav{display:inline-block}nav li{display:inline-block no;margin-right:20px}</style>
<title>Tags</title>
</head>

Loading…
Cancel
Save