You may also check out our sister site SoyPlace.
Template:Gegbull.css: Difference between revisions
Created page with ".cow-pattern { position: relative; overflow: hidden; } →Base style for all cow spots: .cow-pattern .spot { position: absolute; background: black; border-radius: 15px; →Rounded rectangles: opacity: 0.95; z-index: 0; →Behind content: } →spots: .cow-pattern .spot1 { width: 60px; height: 40px; top: 10px; left: 20px; transform: rotate(10deg); } .cow-pattern .spot2 { width: 50px; height: 35px; top: 5px; left: 120px; transform: rotate(-20deg); }..." |
(No difference)
|
Revision as of 11:27, 21 October 2025
.cow-pattern {
position: relative; overflow: hidden;
}
/* Base style for all cow spots */ .cow-pattern .spot {
position: absolute; background: black; border-radius: 15px; /* Rounded rectangles */ opacity: 0.95; z-index: 0; /* Behind content */
}
/* spots */ .cow-pattern .spot1 { width: 60px; height: 40px; top: 10px; left: 20px; transform: rotate(10deg); } .cow-pattern .spot2 { width: 50px; height: 35px; top: 5px; left: 120px; transform: rotate(-20deg); } .cow-pattern .spot3 { width: 70px; height: 45px; top: 8px; left: 220px; transform: rotate(15deg); } .cow-pattern .spot4 { width: 55px; height: 35px; top: 15px; left: 330px; transform: rotate(-10deg); } .cow-pattern .spot5 { width: 65px; height: 40px; top: 7px; left: 430px; transform: rotate(5deg); } .cow-pattern .spot6 { width: 60px; height: 38px; top: 12px; left: 530px; transform: rotate(-15deg); } .cow-pattern .spot7 { width: 50px; height: 30px; top: 18px; left: 610px; transform: rotate(12deg); }
.cow-pattern .spot8 { width: 30px; height: 20px; top: 35px; left: 70px; transform: rotate(25deg); }
.cow-pattern .spot9 { width: 35px; height: 22px; top: 20px; left: 170px; transform: rotate(-30deg); }
.cow-pattern .spot10 { width: 40px; height: 30px; top: 35px; left: 250px; transform: rotate(20deg); }
.cow-pattern .spot11 { width: 25px; height: 18px; top: 5px; left: 370px; transform: rotate(-10deg); }
.cow-pattern .spot12 { width: 30px; height: 25px; top: 30px; left: 450px; transform: rotate(10deg); }
.cow-pattern .spot13 { width: 32px; height: 28px; top: 40px; left: 540px; transform: rotate(-5deg); }
.cow-pattern .spot14 { width: 28px; height: 18px; top: 8px; left: 640px; transform: rotate(15deg); }
.outline {
position: relative; z-index: 1; /* Above spots */ text-shadow: -1px -1px white, 1px -1px white,-1px 1px white, 1px 1px white, 0 -1px white, 0 1px white,-1px 0 white, 1px 0 white,-2px -2px white, 2px -2px white,-2px 2px white, 2px 2px white,0 -2px white, 0 2px white,-2px 0 white, 2px 0 white;
}