Difference between revisions of "User:Pepperonipi/Navigation Template"

From Science Olympiad Student Center Wiki
Jump to: navigation, search
(Testing final ver)
(Testing header)
Line 4: Line 4:
 
{{#css:
 
{{#css:
 
.rainbow-text {
 
.rainbow-text {
   background-image: repeating-linear-gradient(45deg, violet, indigo, blue, green, yellow, orange, red, violet);
+
   /* Chrome, Safari, Opera */
   text-align: center;
+
   -webkit-animation: rainbow 5s infinite;  
   background-size: 800% 800%;
+
    
   -webkit-background-clip: text;
+
  /* Internet Explorer */
   -webkit-text-fill-color: transparent;
+
   -ms-animation: rainbow 5s infinite;
   font-size: 24px;
+
    
   animation: rainbow 8s ease infinite;
+
   /* Standar Syntax */
 +
   animation: rainbow 5s infinite;
 
}
 
}
  
@keyframes rainbow {  
+
@-webkit-keyframes rainbow{
    0%{background-position:0% 50%}
+
  0%{color: orange;}
    50%{background-position:100% 25%}
+
  10%{color: purple;}
    100%{background-position:0% 50%}
+
20%{color: red;}
 +
  30%{color: CadetBlue;}
 +
40%{color: yellow;}
 +
  50%{color: coral;}
 +
60%{color: green;}
 +
  70%{color: cyan;}
 +
  80%{color: DeepPink;}
 +
  90%{color: DodgerBlue;}
 +
100%{color: orange;}
 +
}
 +
 
 +
/* Internet Explorer */
 +
@-ms-keyframes rainbow{
 +
  0%{color: orange;}
 +
  10%{color: purple;}
 +
20%{color: red;}
 +
  30%{color: CadetBlue;}
 +
40%{color: yellow;}
 +
  50%{color: coral;}
 +
60%{color: green;}
 +
  70%{color: cyan;}
 +
  80%{color: DeepPink;}
 +
  90%{color: DodgerBlue;}
 +
100%{color: orange;}
 +
}
 +
 
 +
/* Standar Syntax */
 +
@keyframes rainbow{
 +
  0%{color: orange;}
 +
  10%{color: purple;}
 +
  20%{color: red;}
 +
  30%{color: CadetBlue;}
 +
  40%{color: yellow;}
 +
  50%{color: coral;}
 +
  60%{color: green;}
 +
  70%{color: cyan;}
 +
  80%{color: DeepPink;}
 +
  90%{color: DodgerBlue;}
 +
  100%{color: orange;}
 
}
 
}
 
}}
 
}}
Line 33: Line 72:
 
{| style="margin: 0; width: 100%"
 
{| style="margin: 0; width: 100%"
 
|- style="text-align: center;"
 
|- style="text-align: center;"
|colspan="20"|<span style="font-size: 48px; letter-spacing: 0.5em;" class="rainbow-text"><i><div>pepperonipi</span>
+
|colspan="20"|<span style="font-size: 48px; letter-spacing: 0.5em; color: black;" class="rainbow-text"><i>pepperonipi</i></span>
 
|-
 
|-
 
|style="text-align: center; border-right: 1px solid black;"|{{#ifeq:{{FULLPAGENAME}} | User:Pepperonipi|[[User:Pepperonipi|<span style="font-size: 20px; color: black;"><b><span style="color:#ff0000;">M</span><span style="color:#ff4000;">a</span><span style="color:#ff7f00;">i</span><span style="color:#ffff00;">n</span><span style="color:#80ff00;"> </span><span style="color:#00ff00;">P</span><span style="color:#00ffff;">a</span><span style="color:#0080ff;">g</span><span style="color:#0000ff;">e</span></b> 🌈</span>]]|[[User:Pepperonipi|<span style="font-size: 20px; color: black;"><b>Main Page 🌈</span>]]}}
 
|style="text-align: center; border-right: 1px solid black;"|{{#ifeq:{{FULLPAGENAME}} | User:Pepperonipi|[[User:Pepperonipi|<span style="font-size: 20px; color: black;"><b><span style="color:#ff0000;">M</span><span style="color:#ff4000;">a</span><span style="color:#ff7f00;">i</span><span style="color:#ffff00;">n</span><span style="color:#80ff00;"> </span><span style="color:#00ff00;">P</span><span style="color:#00ffff;">a</span><span style="color:#0080ff;">g</span><span style="color:#0000ff;">e</span></b> 🌈</span>]]|[[User:Pepperonipi|<span style="font-size: 20px; color: black;"><b>Main Page 🌈</span>]]}}

Revision as of 19:02, 23 December 2019


👷‍♂️ This template is currently under construction. Please don't use it yet! 👷‍♀️


pepperonipi
Main Page 🌈
Talk Page 💬
Sandbox 🏖 ★ Main Sandbox · Sandbox 2 · Sandbox 3 · Sandbox 4
Wiki 🔎 Userboxes · Construction Template · Project Regionals