Difference between revisions of "User:CAKO/TEST"
Jump to navigation
Jump to search
m (CAKO moved page CAKOTEST to User:CAKO/TEST) |
|||
(33 intermediate revisions by 5 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 13: | 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 id="container" style="font-size: 30px"> | ||
− | <div class="glitch-norm">one hour</div> | + | <div class="glitch-norm"><span class=override id="norm"></span>one hour</div> |
− | <div class="glitch-fast">one hour</div> | + | <div class="glitch-fast" data-text="one hour"></div> |
− | <div class="glitch-slow" | + | <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> | </div> | ||
<span class="supermario">WAHOO! | <span class="supermario">WAHOO! | ||
Line 24: | Line 47: | ||
#container{ | #container{ | ||
display: grid; | display: grid; | ||
+ | } | ||
+ | #whatthefuckisgoingon{ | ||
+ | animation:glitch-anim-1 2s infinite linear alternate-reverse; | ||
+ | } | ||
+ | #norm::before{ | ||
+ | content:"."; | ||
+ | } | ||
+ | |||
+ | #slow::before{ | ||
+ | content:".."; | ||
} | } | ||
Line 30: | Line 63: | ||
grid-row: 1; | grid-row: 1; | ||
} | } | ||
− | .glitch-fast{ | + | .glitch-fast::after{ |
+ | content: attr(data-text); | ||
left: -1px; | left: -1px; | ||
− | text-shadow: - | + | background: #fff; |
− | color: #033; | + | text-shadow: -0.05em 0 #7ff; |
− | animation: glitch-anim-1 2s infinite linear alternate-reverse; | + | //color: #033; |
+ | -webkit-animation: glitch-anim-1 2s infinite linear alternate-reverse; | ||
text-overflow: clip; | text-overflow: clip; | ||
} | } | ||
− | .glitch-slow{ | + | .glitch-slow::after{ |
+ | content: attr(data-text); | ||
left: 1px; | left: 1px; | ||
− | text-shadow: | + | background: #fff; |
− | color: #040; | + | text-shadow: 0.05em 0 #9f9; |
− | animation: glitch-anim-1 2.1s infinite linear alternate-reverse; | + | //color: #040; |
+ | -webkit-animation: glitch-anim-1 2.1s infinite linear alternate-reverse; | ||
text-overflow: clip; | text-overflow: clip; | ||
} | } | ||
/*.glitch::before { | /*.glitch::before { | ||
left: -1px; | left: -1px; | ||
− | text-shadow: -1px 0 #7ff; | + | //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 88: | 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