CSS Puns

CSS Puns Gallery 1/2

#titanic { 
        float: none; 
        }

#bermuda-triangle {
        display: none;
        }

.invisibility-cloak + 
        #harry-potter { 
        visibility: hidden;
        }

.invisibility-cloak +
        #mad-eye-moody {
        visibility: visible !important;
        }
        

#usa + #mexico { 
        border: 1px dashed;
        }

#europe .country { 
        border: none;
        }

#china { 
        border-top-style: solid;
        }

.sniper-mode-engaged { 
        cursor: crosshair;
        }

.bambis-mom { 
        cursor: crosshair; 
        orphans: 1; 
        }

.kkk { 
        color: white !important;
        }

#periodic { 
        display: table;
        }

#big-bang::before { 
        content: "";
        }

#chucknorris { 
        color: #BADA55;
        }

#nsa { 
        opacity: 1; 
        }

#tower-of-pisa { 
        font-style: italic;
        }

#australia { 
        transform: rotateY(180deg);
        }

.bruce-banner { 
        color: pink;
        transition: color 10s;
        }

.bruce-banner .the-hulk {
        color: green;
        }
        

.oliver-queen { 
        cursor: arrow;
        }
        

.ninja { 
        visibility: hidden;
        color: black;
        animation-duration: 0.00001s;
        }

.ghost { 
        color: white;
        opacity: 0.1;
        }

.mario { 
        transform: scale (200%);
        }

.monarch { 
        position: inherit;
        }

.berlin-wall-1989 { 
        height: 0;
        border-collapse: collapse;
        }

.leprechaun { 
        height: 20%; 
        color: green; 
        display: none; 
        }

.infinity-edge-pools { 
        overflow: hidden;
        }

.obese { 
        width: 200%;
        overflow: visible;
        }

CSS Puns Gallery 2/2

#muscles { 
        display: flex;
        }

.religious-upbringing { 
        perspective: inherit; 
        }

.yomama { 
        width: 99999999px;
        }

.wife { 
        right: 100%;
        margin: 0%;
        }

#lego { 
        display: block;
        }

.hobbit { 
        height: 50%;
        }
        
        .hobbit #foot {
        width: 200%;
        }
        

.delorean { 
        z-index: -1955;
        }
        

.fear { 
        display: none;
        }
        

.usa > .marijuana-laws {
        .federal {
        cursor: not-allowed !important;
        .state {
        cursor: wait;
        &.AK, &.CO, &.DC, &.OR, &.WA {
        cursor: progress;
        }
        }
        }
        }

.single-lane-road { 
        width: auto;
        }

.samsung { 
        @extend apple; 
        }
        

#rip { 
        bottom: -6912px;
        /* 6912px = 6 feet */
        }

.defibrillator { 
        clear: both;
        }

.illuminati { 
        position: absolute;
        visibility: hidden;
        }
        

.government { 
        transition: all 4yr ease-out;
        }

.congress-person { 
        align-self: inherit;
        color: inherit;
        position: sticky;
        visibility: hidden;
        will-change: transform;
        }

#autobots { 
        transform: translate3d();
        }

#ikea { 
        display: table;
        }

#moses > .sea { 
        column-count: 2;
        }

gangsta-rap { 
        word-spacing: 0;
        }

.rich-people { 
        top: 1%;
        }

.working-class {
        bottom: 99%;
        }

.roi-dagobert {
        /* BDO: rtl;*/
        clip: rect(100px 0 0 0);
        }

@media (!small) and (damn-small) .omfg }}
@media (max-device-width:42mm) and
(min-device-width:38mm).omfg }}

// How to fall asleep in C++
while (!asleep) { sheep++}