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)
 
(38 intermediate revisions by 6 users not shown)
Line 1: Line 1:
<templatestyles src="I'm curious.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 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!
  
<span class="glitch" data-text="one hour">one hour
 
  
 
{{#css:
 
{{#css:
.glitch::before {
+
#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);
     position: relative;
+
     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

tiles
50px 50px 50px 50px


Testing
one hour
one hour
one hour

WAHOO!


ok this css part is for..audio