User:Gamja/common.css

/* This was made by Djracem. Please do not remove this part from the code. */ .Rail .private { animation: railprivate 10s; -webkit-animation: railprivate 10s infinite; -moz-animation: railprivate 10s infinite; }    @keyframes railprivate {      4%   {background: #b71c1c;} 8%  {background: #880e4f;} 12% {background: #4a148c;} 16% {background: #311b92;} 20% {background: #1a237e;} 24% {background: #0d47a1;} 28% {background: #01579b;} 32% {background: #006064;} 36% {background: #004d40;} 40% {background: #1b5e20;} 44% {background: #33691e;} 48% {background: #827717;} 52% {background: #f57f17;} 56% {background: #ff6f00;} 60% {background: #e65100;} 64% {background: #bf360c;} 68% {background: #3e2723;} 72% {background: #212121;} 76% {background: #263238;} 80% {background: #607d8b;} 84% {background: #90a4ae;} 88% {background :#ffebee;} 92% {background: #ef9a9a;} 96% {background: #ef5350;} 100% {background: #d32f2f;} }     @-webkit-keyframes railprivate {      4%   {background: #b71c1c;} 8%  {background: #880e4f;} 12% {background: #4a148c;} 16% {background: #311b92;} 20% {background: #1a237e;} 24% {background: #0d47a1;} 28% {background: #01579b;} 32% {background: #006064;} 36% {background: #004d40;} 40% {background: #1b5e20;} 44% {background: #33691e;} 48% {background: #827717;} 52% {background: #f57f17;} 56% {background: #ff6f00;} 60% {background: #e65100;} 64% {background: #bf360c;} 68% {background: #3e2723;} 72% {background: #212121;} 76% {background: #263238;} 80% {background: #607d8b;} 84% {background: #90a4ae;} 88% {background: #ffebee;} 92% {background: #ef9a9a;} 96% {background: #ef5350;} 100% {background: #d32f2f;} } .Rail { animation: rail 10s; -webkit-animation: rail 10s infinite; -moz-animation: rail 10s infinite }    @keyframes rail {      4%   {color: #d32f2f;} 8%  {color: #ef5350;} 12% {color: #ef9a9a;} 16% {color: #ffebee;} 20% {color: #90a4ae;} 24% {color: #607d8b;} 28% {color: #263238;} 32% {color: #212121;} 36% {color: #3e2723;} 40% {color: #bf360c;} 44% {color: #e65100;} 48% {color: #ff6f00;} 52% {color: #f57f17;} 56% {color: #827717;} 60% {color: #33691e;} 64% {color: #1b5e20;} 68% {color: #004d40;} 72% {color: #006064;} 76% {color: #01579b;} 80% {color: #0d47a1;} 84% {color: #1a237e;} 88% {color: #311b92;} 92% {color: #4a148c;} 96% {color: #880e4f;} 100% {color: #b71c1c;} }    @-webkit-keyframes rail {      4%   {color: #d32f2f;} 8%  {color: #ef5350;} 12% {color: #ef9a9a;} 16% {color: #ffebee;} 20% {color: #90a4ae;} 24% {color: #607d8b;} 28% {color: #263238;} 32% {color: #212121;} 36% {color: #3e2723;} 40% {color: #bf360c;} 44% {color: #e65100;} 48% {color: #ff6f00;} 52% {color: #f57f17;} 56% {color: #827717;} 60% {color: #33691e;} 64% {color: #1b5e20;} 68% {color: #004d40;} 72% {color: #006064;} 76% {color: #01579b;} 80% {color: #0d47a1;} 84% {color: #1a237e;} 88% {color: #311b92;} 92% {color: #4a148c;} 96% {color: #880e4f;} 100% {color: #b71c1c;} } .User.away { color: red; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .User { color: green; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .Chat .you { background: rgb(238,130,238,.5) } body.ChatWindow { background: #7ec0ee; background: -webkit-linear-gradient(lef, #7ec0ee,violet,Indigo,Blue,Green,Yellow,Orange,Red,#7ec0ee); background: -o-linear-gradient(left, #7ec0ee,violet,Indigo,Blue,Green,Yellow,Orange,Red,#7ec0ee); background: -moz-linear-gradient(left, #7ec0ee,violet,Indigo,Blue,Green,Yellow,Orange,Red,#7ec0ee); background: linear-gradient(to right, #7ec0ee,violet,Indigo,Blue,Green,Yellow,Orange,Red, #7ec0ee); } .Write { background: #7ec0ee; background: -webkit-linear-gradient(lef, #7ec0ee,violet,Indigo,Blue,Green,Yellow,Orange,Red,#7ec0ee); background: -o-linear-gradient(left, #7ec0ee,violet,Indigo,Blue,Green,Yellow,Orange,Red,#7ec0ee); background: -moz-linear-gradient(left, #7ec0ee,violet,Indigo,Blue,Green,Yellow,Orange,Red,#7ec0ee); background: linear-gradient(to right, #7ec0ee,violet,Indigo,Blue,Green,Yellow,Orange,Red, #7ec0ee); } .Rail .User:hover { animation: railuserhover 10s; -webkit-animation: railuserhover 10s infinite; }    @keyframes colorchange {      4%   {background: #b71c1c;} 8% {background: #880e4f;} 12% {background: #4a148c;} 16% {background: #311b92;} 20% {background: #1a237e;} 24% {background: #0d47a1;} 28% {background: #01579b;} 32% {background: #006064;} 36% {background: #004d40;} 40% {background: #1b5e20;} 44% {background: #33691e;} 48% {background: #827717;} 52% {background: #f57f17;} 56% {background: #ff6f00;} 60% {background: #e65100;} 64% {background: #bf360c;} 68% {background: #3e2723;} 72% {background: #212121;} 76% {background: #263238;} 80% {background: #607d8b;} 84% {background:#90a4ae;} 88% {background:#ffebee;} 92% {background: #ef9a9a;} 96% {background: #ef5350;} 100% {background: #d32f2f;} }    @-webkit-keyframes colorchange {      4%   {background: #d32f2f;} 8%  {background: #ef5350;} 12% {background: #ef9a9a;} 16% {background:#ffebee;} 20% {background:#90a4ae;} 24% {background: #607d8b;} 28% {background: #263238;} 32% {background: #212121;} 36% {background: #3e2723;} 40% {background: #bf360c;} 44% {background: #e65100;} 48% {background: #ff6f00;} 52% {background: #f57f17;} 56% {background: #827717;} 60% {background: #33691e;} 64% {background: #1b5e20;} 68% {background: #004d40;} 72% {background: #006064;} 76% {background: #01579b;} 80% {background: #0d47a1;} 84% {background: #1a237e;} 88% {background: #311b92;} 92% {background: #4a148c;} 96% {background: #880e4f;} 100% {background: #b71c1c;} } .Rail .selected { animation: railselect 10s; -webkit-animation: railselect 10s infinite; -moz-animation: railselect 10s infinite; }    @keyframes railselect {      4%   {background: #b71c1c;} 8% {background: #880e4f;} 12% {background: #4a148c;} 16% {background: #311b92;} 20% {background: #1a237e;} 24% {background: #0d47a1;} 28% {background: #01579b;} 32% {background: #006064;} 36% {background: #004d40;} 40% {background: #1b5e20;} 44% {background: #33691e;} 48% {background: #827717;} 52% {background: #f57f17;} 56% {background: #ff6f00;} 60% {background: #e65100;} 64% {background: #bf360c;} 68% {background: #3e2723;} 72% {background: #212121;} 76% {background: #263238;} 80% {background: #607d8b;} 84% {background:#90a4ae;} 88% {background:#ffebee;} 92% {background: #ef9a9a;} 96% {background: #ef5350;} 100% {background: #d32f2f;} }    @-webkit-keyframes railselect {      4%   {background: #d32f2f;} 8%  {background: #ef5350;} 12% {background: #ef9a9a;} 16% {background:#ffebee;} 20% {background:#90a4ae;} 24% {background: #607d8b;} 28% {background: #263238;} 32% {background: #212121;} 36% {background: #3e2723;} 40% {background: #bf360c;} 44% {background: #e65100;} 48% {background: #ff6f00;} 52% {background: #f57f17;} 56% {background: #827717;} 60% {background: #33691e;} 64% {background: #1b5e20;} 68% {background: #004d40;} 72% {background: #006064;} 76% {background: #01579b;} 80% {background: #0d47a1;} 84% {background: #1a237e;} 88% {background: #311b92;} 92% {background: #4a148c;} 96% {background: #880e4f;} 100% {background: #b71c1c;} } .UserStatsMenu .info { animation: userinfo 10s; -webkit-animation: userinfo 10s infinite; -moz-animation: userinfo 10s infinite; }    @keyframes userinfo {      4%   {background: #b71c1c;} 8% {background: #880e4f;} 12% {background: #4a148c;} 16% {background: #311b92;} 20% {background: #1a237e;} 24% {background: #0d47a1;} 28% {background: #01579b;} 32% {background: #006064;} 36% {background: #004d40;} 40% {background: #1b5e20;} 44% {background: #33691e;} 48% {background: #827717;} 52% {background: #f57f17;} 56% {background: #ff6f00;} 60% {background: #e65100;} 64% {background: #bf360c;} 68% {background: #3e2723;} 72% {background: #212121;} 76% {background: #263238;} 80% {background: #607d8b;} 84% {background:#90a4ae;} 88% {background:#ffebee;} 92% {background: #ef9a9a;} 96% {background: #ef5350;} 100% {background: #d32f2f;} }    @-webkit-keyframes userinfo {      4%   {background: #d32f2f;} 8%  {background: #ef5350;} 12% {background: #ef9a9a;} 16% {background:#ffebee;} 20% {background:#90a4ae;} 24% {background: #607d8b;} 28% {background: #263238;} 32% {background: #212121;} 36% {background: #3e2723;} 40% {background: #bf360c;} 44% {background: #e65100;} 48% {background: #ff6f00;} 52% {background: #f57f17;} 56% {background: #827717;} 60% {background: #33691e;} 64% {background: #1b5e20;} 68% {background: #004d40;} 72% {background: #006064;} 76% {background: #01579b;} 80% {background: #0d47a1;} 84% {background: #1a237e;} 88% {background: #311b92;} 92% {background: #4a148c;} 96% {background: #880e4f;} 100% {background: #b71c1c;} } .Chat .time { animation: timecolor 10s; -webkit-animation: timecolor 10s infinite; -moz-animation: timecolor 10s infinite; }    @keyframes timecolor {      4%   {color: #b71c1c;} 8% {color: #880e4f;} 12% {color: #4a148c;} 16% {color: #311b92;} 20% {color: #1a237e;} 24% {color: #0d47a1;} 28% {color: #01579b;} 32% {color: #006064;} 36% {color: #004d40;} 40% {color: #1b5e20;} 44% {color: #33691e;} 48% {color: #827717;} 52% {color: #f57f17;} 56% {color: #ff6f00;} 60% {color: #e65100;} 64% {color: #bf360c;} 68% {color: #3e2723;} 72% {color: #212121;} 76% {color: #263238;} 80% {color: #607d8b;} 84% {color:#90a4ae;} 88% {color:#ffebee;} 92% {color: #ef9a9a;} 96% {color: #ef5350;} 100% {color: #d32f2f;} }    @-webkit-keyframes timecolor {      4%   {color: #d32f2f;} 8%  {color: #ef5350;} 12% {color: #ef9a9a;} 16% {color:#ffebee;} 20% {color:#90a4ae;} 24% {color: #607d8b;} 28% {color: #263238;} 32% {color: #212121;} 36% {color: #3e2723;} 40% {color: #bf360c;} 44% {color: #e65100;} 48% {color: #ff6f00;} 52% {color: #f57f17;} 56% {color: #827717;} 60% {color: #33691e;} 64% {color: #1b5e20;} 68% {color: #004d40;} 72% {color: #006064;} 76% {color: #01579b;} 80% {color: #0d47a1;} 84% {color: #1a237e;} 88% {color: #311b92;} 92% {color: #4a148c;} 96% {color: #880e4f;} 100% {color: #b71c1c;} } .message.ping { animation: pingcolor 10s; -webkit-animation: pingcolor 10s infinite; -moz-animation: pingcolor 10s infinite; }    @keyframes pingcolor {      4%   {color: #b71c1c;} 8% {color: #880e4f;} 12% {color: #4a148c;} 16% {color: #311b92;} 20% {color: #1a237e;} 24% {color: #0d47a1;} 28% {color: #01579b;} 32% {color: #006064;} 36% {color: #004d40;} 40% {color: #1b5e20;} 44% {color: #33691e;} 48% {color: #827717;} 52% {color: #f57f17;} 56% {color: #ff6f00;} 60% {color: #e65100;} 64% {color: #bf360c;} 68% {color: #3e2723;} 72% {color: #212121;} 76% {color: #263238;} 80% {color: #607d8b;} 84% {color:#90a4ae;} 88% {color:#ffebee;} 92% {color: #ef9a9a;} 96% {color: #ef5350;} 100% {color: #d32f2f;} }    @-webkit-keyframes pingcolor {      4%   {color: #d32f2f;} 8%  {color: #ef5350;} 12% {color: #ef9a9a;} 16% {color:#ffebee;} 20% {color:#90a4ae;} 24% {color: #607d8b;} 28% {color: #263238;} 32% {color: #212121;} 36% {color: #3e2723;} 40% {color: #bf360c;} 44% {color: #e65100;} 48% {color: #ff6f00;} 52% {color: #f57f17;} 56% {color: #827717;} 60% {color: #33691e;} 64% {color: #1b5e20;} 68% {color: #004d40;} 72% {color: #006064;} 76% {color: #01579b;} 80% {color: #0d47a1;} 84% {color: #1a237e;} 88% {color: #311b92;} 92% {color: #4a148c;} 96% {color: #880e4f;} 100% {color: #b71c1c;} } .Chat .inline-alert { animation: alertcolor 10s; -webkit-animation: alertcolor 10s infinite; -moz-animation: alertcolor 10s infinite; }    @keyframes alertcolor {      4%   {color: #b71c1c;} 8% {color: #880e4f;} 12% {color: #4a148c;} 16% {color: #311b92;} 20% {color: #1a237e;} 24% {color: #0d47a1;} 28% {color: #01579b;} 32% {color: #006064;} 36% {color: #004d40;} 40% {color: #1b5e20;} 44% {color: #33691e;} 48% {color: #827717;} 52% {color: #f57f17;} 56% {color: #ff6f00;} 60% {color: #e65100;} 64% {color: #bf360c;} 68% {color: #3e2723;} 72% {color: #212121;} 76% {color: #263238;} 80% {color: #607d8b;} 84% {color:#90a4ae;} 88% {color:#ffebee;} 92% {color: #ef9a9a;} 96% {color: #ef5350;} 100% {color: #d32f2f;} }    @-webkit-keyframes colorchange {      4%   {color: #d32f2f;} 8%  {color: #ef5350;} 12% {color: #ef9a9a;} 16% {color:#ffebee;} 20% {color:#90a4ae;} 24% {color: #607d8b;} 28% {color: #263238;} 32% {color: #212121;} 36% {color: #3e2723;} 40% {color: #bf360c;} 44% {color: #e65100;} 48% {color: #ff6f00;} 52% {color: #f57f17;} 56% {color: #827717;} 60% {color: #33691e;} 64% {color: #1b5e20;} 68% {color: #004d40;} 72% {color: #006064;} 76% {color: #01579b;} 80% {color: #0d47a1;} 84% {color: #1a237e;} 88% {color: #311b92;} 92% {color: #4a148c;} 96% {color: #880e4f;} 100% {color: #b71c1c;} } .Chat .me-message { animation: mecolorchange 5s; -webkit-animation: mecolorchange 5s infinite; }    @keyframes mecolorchange {      5%   {color: #0000ff;} 10% {color: #0000e5;} 15% {color: #0000cc;} 20% {color: #0000b2;} 25% {color: #000099;} 30% {color: #00007f;} 35% {color: #000066;} 40% {color: #00004c;} 45% {color: #000033;} 50% {color: #000019;} 55% {color: #000066;} 60% {color: #0000b2;} 65% {color: #0000ff;} 70% {color: #1919ff;} 75% {color: #4c4cff;} 80% {color: #7f7fff;} 85% {color: #ccccff;} 90% {color: #7f7ff;} 95% {color: #3232ff;} 100% {color: #0000ff;} }    @-webkit-keyframes mecolorchange {      5%   {color: #0000ff;} 10% {color: #0000e5;} 15% {color: #0000cc;} 20% {color: #0000b2;} 25% {color: #000099;} 30% {color: #00007f;} 35% {color: #000066;} 40% {color: #00004c;} 45% {color: #000033;} 50% {color: #000019;} 55% {color: #000066;} 60% {color: #0000b2;} 65% {color: #0000ff;} 70% {color: #1919ff;} 75% {color: #4c4cff;} 80% {color: #7f7fff;} 85% {color: #ccccff;} 90% {color: #7f7fff;} 95% {color: #3232ff;} 100% {color: #0000ff;} }