You may also check out our sister site SoyPlace.

Template:Gegbull.css: Difference between revisions

From SNCApedia, the shit nobody cares about encyclopedia
Jump to navigationJump to search
Goo (talk | contribs)
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;

}