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