Differences

This shows you the differences between two versions of the page.

--- stylesheet:style_toilet_door [2025/01/25 15:37] – doriane
+++ stylesheet:style_toilet_door [2025/01/25 16:12] (current) – doriane
@@ Line 1: / Line 1: @@
 %%
 body {
-    background: burlywood;
+    background: sienna;
+    border: 1em inset brown;
 }
 article#content{
+    overflow: hidden;
+    background: burlywood;
     padding: 2em;
     display: flex;
@@ Line 48: / Line 51: @@
 p:nth-child(4n) {
-    -webkit-text-stroke: #00ed3c 1em;
+    color: #00ed3c;
+    font-size: 40px;
+    -webkit-text-stroke: #00ed3c 0.18em;
     paint-order:  stroke;
-    line-height: 1.5;
+    line-height: 1.35;
-    font-family: fantasy;
+    font-family: cursive;
     transform: rotate(-2deg);
+}
+p:nth-child(8n) {
+    color: deeppink;
+    -webkit-text-stroke: deeppink 0.18em;
+    font-size: 32px;
+    transform: rotate(-12deg);
 }
 p:nth-child(4n+1) {
-    background: #e100ff;
+    background: linear-gradient(yellow, darkorange);
-    font-family: sans;
+    font-family: sans-serif;
+    text-transform: uppercase;
     font-weight: bold;
-    paddinh: 0.5em;
+    padding: 1em;
-    border-radius: 25%;
+    border-radius: 40%;
-    box-shadow: 0 0 0.5em 0 grey;
+    box-shadow: 0 0 1em 0 rgba(0,0,0,0.1);
     transform: rotate(18deg);
+}
+p:nth-child(8n+1) {
+    background: radial-gradient(black, midnightblue);
+    color: white;
+    text-decoration: underline;
+    text-decoration-thickness: 0.2em;
+    border-radius: 0;
+    transform: rotate(-1deg);
 }
 p:nth-child(4n+2) {
-    background: #e100ff;
+    -webkit-text-stroke: wheat 0.5em;
-    font-family: cursive;
+   color: burlywood;
-    transform: rotate(18deg);
+   font-weight: bold;
+   paint-order:  stroke;
+   transform: rotate(-6deg);
+   line-height: 1.35;
+   font-size: 20px;
+   font-family: serif;
+}
+p:nth-child(8n+2) {
+    -webkit-text-stroke: #daa35d 0.5em;
+   color: burlywood;
+   font-weight: normal;
+   font-size: 30px;
+   transform: rotate(12deg);
+   letter-spacing: 0.25em;
 }
 p:nth-child(4n+3) {
-    background: #e100ff;
+   transform: scale(1, 7);
-    font-family: cursive;
+   letter-spacing: 6px;
-    transform: rotate(18deg);
+   line-height: 0.5;
+   font-weight: bold;
+   filter: blur(1px);
+   color: mediumblue;
+}
+p:nth-child(8n+3) {
+   transform: scale(2, 1);
+   color: white;
+}
+p:nth-child(5n)::after{
+   content: '⟶'
+}
+p:nth-child(5n + 1)::after{
+   content: '★★★'
+}
+p:nth-child(5n + 2)::before{
+   content: '✗'
+}
+p:nth-child(5n + 3)::before{
+   content: '✿'
+}
+p:nth-child(5n + 4)::after{
+   content: '❤'
+}
+p:has(a):has(img){
+    all: revert !important;
 }