Difference between revisions of "User:CAKO/TEST"
Jump to navigation
Jump to search
m (CAKO moved page CAKOTEST to User:CAKO/TEST) |
|||
(38 intermediate revisions by 6 users not shown) | |||
Line 1: | Line 1: | ||
− | <templatestyles src=" | + | <templatestyles src="ZEITGEIST.css"/> |
+ | {{IRC box}} | ||
+ | <div class=box><table class=table> | ||
+ | {{IRC message|color=#CC2726|15:37:43|pendugolum|testing}} | ||
+ | {{IRC message|15:37:50|pendugolum|this is what i imagine it would look like in a cool world|color=#CC2726}} | ||
+ | {{IRC message|16:00:01|dudefromdaftpunk|around the world a round the world around the world a round the world|color=#FEF06B}} | ||
+ | {{IRC message|16:46:46|[THE ZEITGEIST]|foo tball|zeitgeist=true}} | ||
+ | {{IRC message}} | ||
+ | {{IRC message|17:52:45}} | ||
+ | {{IRC message|18:16:37|Marky Pier|Hey guys it's me Markiplier|color=#ee2222}} | ||
+ | {{IRC message|when|Мало Ли Кто Такой|OMG [[Mark Genuine|MARK GENUINE]]|color=#ffffff}} | ||
+ | {{IRC message|now|mahjongTile|Markiplier? Why did you decieve me?|color=#CC2345}} | ||
+ | {{IRC message|25:00:00|CAKO|[[File:IDSMILE.mp3]]|color=#eb733c}} | ||
+ | </table></div> | ||
+ | <pre> test </pre> | ||
[[File:MJt5r-.svg|50px]] | [[File:MJt5r-.svg|50px]] | ||
{| class="wikitable" | {| class="wikitable" | ||
Line 12: | Line 26: | ||
{{Cube}} | {{Cube}} | ||
+ | <div id="whatthefuckisgoingon">Testing</div> | ||
+ | <div id="container" style="font-size: 60px"> | ||
+ | <div class="glitch-norm"><span class=override id="norm"></span>one hour</div> | ||
+ | <div class="glitch-fast" data-text="one hour"></div> | ||
+ | <div class="glitch-slow" data-text="one hour"><span class=override id="slow"></span></div> | ||
+ | </div> | ||
+ | <div id="container" style="font-size: 30px"> | ||
+ | <div class="glitch-norm"><span class=override id="norm"></span>one hour</div> | ||
+ | <div class="glitch-fast" data-text="one hour"></div> | ||
+ | <div class="glitch-slow" data-text="one hour"><span class=override></span></div> | ||
+ | </div><div id="container"> | ||
+ | <div class="glitch-norm"><span class=override id="norm"></span>one hour</div> | ||
+ | <div class="glitch-fast" data-text="one hour"></div> | ||
+ | <div class="glitch-slow" data-text="one hour"><span class=override id="slow"></span></div> | ||
+ | </div> | ||
+ | <span class="supermario">WAHOO! | ||
− | |||
{{#css: | {{#css: | ||
− | .glitch:: | + | #container{ |
+ | display: grid; | ||
+ | } | ||
+ | #whatthefuckisgoingon{ | ||
+ | animation:glitch-anim-1 2s infinite linear alternate-reverse; | ||
+ | } | ||
+ | #norm::before{ | ||
+ | content:"."; | ||
+ | } | ||
+ | |||
+ | #slow::before{ | ||
+ | content:".."; | ||
+ | } | ||
+ | |||
+ | .glitch-fast, .glitch-norm, .glitch-slow{ | ||
+ | grid-column: 1; | ||
+ | grid-row: 1; | ||
+ | } | ||
+ | .glitch-fast::after{ | ||
+ | content: attr(data-text); | ||
left: -1px; | left: -1px; | ||
− | text-shadow: -1px 0 #7ff; | + | background: #fff; |
+ | text-shadow: -0.05em 0 #7ff; | ||
+ | //color: #033; | ||
+ | -webkit-animation: glitch-anim-1 2s infinite linear alternate-reverse; | ||
+ | text-overflow: clip; | ||
+ | } | ||
+ | .glitch-slow::after{ | ||
+ | content: attr(data-text); | ||
+ | left: 1px; | ||
+ | background: #fff; | ||
+ | text-shadow: 0.05em 0 #9f9; | ||
+ | //color: #040; | ||
+ | -webkit-animation: glitch-anim-1 2.1s infinite linear alternate-reverse; | ||
+ | text-overflow: clip; | ||
+ | } | ||
+ | /*.glitch::before { | ||
+ | left: -1px; | ||
+ | //text-shadow: -1px 0 #7ff; | ||
color: #033; | color: #033; | ||
animation: glitch-anim-1 2s infinite linear alternate-reverse; | animation: glitch-anim-1 2s infinite linear alternate-reverse; | ||
text-overflow: clip; | text-overflow: clip; | ||
+ | z-index:1; | ||
} | } | ||
.glitch::after { | .glitch::after { | ||
left: 1px; | left: 1px; | ||
− | text-shadow: 1px 0 #9f9; | + | //text-shadow: 1px 0 #9f9; |
color: #040; | color: #040; | ||
animation: glitch-anim-1 2.1s infinite linear alternate-reverse; | animation: glitch-anim-1 2.1s infinite linear alternate-reverse; | ||
Line 31: | Line 97: | ||
} | } | ||
.glitch::before, .glitch::after { | .glitch::before, .glitch::after { | ||
+ | grid-column: 1; | ||
+ | grid-row: 1; | ||
content: attr(data-text); | content: attr(data-text); | ||
− | + | display:grid; | |
top: 0; | top: 0; | ||
left: 0; | left: 0; | ||
width: 100%; | width: 100%; | ||
height: 100%; | height: 100%; | ||
− | } | + | }*/ |
@keyframes glitch-anim-1 { | @keyframes glitch-anim-1 { | ||
0% { | 0% { | ||
Line 58: | Line 126: | ||
} | } | ||
} | } | ||
+ | .override{ | ||
+ | color:#fff; | ||
+ | font-size: 0.2em; | ||
+ | } | ||
+ | }} | ||
+ | ok this css part is for..audio | ||
+ | {{#css: | ||
+ | audio::-webkit-media-controls-play-button, audio::-webkit-media-controls-panel{background-color:#DDDDDD;} | ||
+ | audio{height:10px;} | ||
}} | }} | ||
+ | [[Category:Functional pages]] |
Latest revision as of 21:46, 13 January 2023
[15:37:43] | pendugolum | | | testing |
[15:37:50] | pendugolum | | | this is what i imagine it would look like in a cool world |
[16:00:01] | dudefromdaftpunk | | | around the world a round the world around the world a round the world |
[16:46:46] | [THE ZEITGEIST] | | | foo tball |
[XX:XX:XX] | SYSTEM | | | User has joined the chat. |
[17:52:45] | SYSTEM | | | User has joined the chat. |
[18:16:37] | Marky Pier | | | Hey guys it's me Markiplier |
[when] | Мало Ли Кто Такой | | | OMG MARK GENUINE |
[now] | mahjongTile | | | Markiplier? Why did you decieve me? |
[25:00:00] | CAKO | | |
test
50px | 50px | 50px | 50px |
Testing
one hour
one hour
one hour
WAHOO!
ok this css part is for..audio