add nsfw warning dialog
This commit is contained in:
parent
d671a4c01e
commit
c807895244
12 changed files with 346 additions and 102 deletions
|
@ -17,6 +17,13 @@
|
|||
--focus-box: 0 0 20px hsl(55deg, 60%, 90%, 80%);
|
||||
--focus-text: hsl(334deg, 87%, 90%);
|
||||
|
||||
--shadow-col: hsl(42deg, 82%, 90%, 75%);
|
||||
--border-col: var(--text-col);
|
||||
--border: 3px solid var(--border-col);
|
||||
--border-radius: 1.5em;
|
||||
--shadow: 0 0 3em var(--shadow-col);
|
||||
--background: hsla(0, 0%, 0%, 60%);
|
||||
|
||||
font-family: Muller;
|
||||
font-size: x-large;
|
||||
font-weight: 600;
|
||||
|
@ -35,18 +42,15 @@ h1 { font-size: 300%; }
|
|||
h2 { font-size: 125%; }
|
||||
h3 { font-size: 110%; }
|
||||
|
||||
body {
|
||||
--shadow: hsl(42deg, 82%, 90%, 75%);
|
||||
--border-col: var(--text-col);
|
||||
|
||||
background: hsla(0, 0%, 0%, 60%);
|
||||
border: 3px solid var(--border-col);
|
||||
box-shadow: 0 0 3em var(--shadow);
|
||||
.page {
|
||||
background: var(--background);
|
||||
border: var(--border);
|
||||
box-shadow: var(--shadow);
|
||||
position: relative;
|
||||
|
||||
padding: 2em 4em;
|
||||
margin: 3em auto 3.5em;
|
||||
border-radius: 1.5em;
|
||||
border-radius: var(--border-radius);
|
||||
|
||||
color: var(--text-col);
|
||||
--text-shadow: 2px 2px 3px hsl(0, 0%, 0%, 75%);
|
||||
|
@ -207,7 +211,7 @@ dd + dt {
|
|||
}
|
||||
|
||||
body {
|
||||
--shadow: hsl(42deg, 82%, 90%, 20%);
|
||||
--shadow-col: hsl(42deg, 82%, 90%, 20%);
|
||||
--border-col: black;
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue