User:Djracem/common.css

/* This wiki skin was built for the owner of OrigChar wikia, ZeroByteS */ /* Do not copy, alter, or reproduce without Djracem's knowlege. */ /* You are free to copy and paste this into your own .css as long as */ /* you leave this ownership in the code. */

/* Mainspace */

.wds-global-navigation, .wds-global-navigation__account-menu, .wds-global-navigation__link, .wds-global-navigation__logo, .wds-global-navigation__notifications-menu, .wds-global-navigation__search, .wds-global-navigation__start-a-wiki, .wds-global-navigation__user-menu, .wds-global-navigation__wikis-menu, .wds-global-navigation__search-label-icon, .wds-global-navigation__search-input, .wds-global-navigation__search-label, .wds-dropdown, .wds-is-active, .wds-dropdown__content, {   background-color: cyan; }
 * 1) GlobalNavigationWallNotifications .notifications-for-wiki .notifications-wiki-header,
 * 2) GlobalNavigationWallNotifications .notification.empty,
 * 3) GlobalNavigationWallNotifications .notification,
 * 4) GlobalNavigationWallNotifications .notifications-for-wiki.show .notifications-for-wiki-list

/* End Mainspace */

/* Chat */

.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) } .ChatWindow { background: #7ec0ee; background: -webkit-linear-gradient(left, #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(left, #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; -moz-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; -moz-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;} }