Difference between revisions of "User:CAKO/TEST"

From The Wiki Camp 2
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="Imcurious.css" />
+
<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">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>
 
</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: -1px 0 #7ff;
+
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: 1px 0 #9f9;
+
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

tiles
50px 50px 50px 50px


Testing
one hour
one hour
one hour

WAHOO!


ok this css part is for..audio