User:KeybladeSpyMaster/monobook.css: Difference between revisions

From the Kingdom Hearts Wiki, the Kingdom Hearts encyclopedia
Jump to navigationJump to search
No edit summary
No edit summary
Line 113: Line 113:
     10%  {color:#FFFFFF; opacity: 1.0;}
     10%  {color:#FFFFFF; opacity: 1.0;}
     20%  {opacity: 0.0;}
     20%  {opacity: 0.0;}
     30%  {color:#91a0e1; opacity: 1.0;}
     30%  {color:#06305B opacity: 1.0;}
     60%  {color:#91a0e1; opacity: 1.0;}
     60%  {color:#06305B; opacity: 1.0;}
     70%  {opacity: 0.0;}
     70%  {opacity: 0.0;}
     80% {color:#FFFFFF; opacity:1.0;}
     80% {color:#FFFFFF; opacity:1.0;}

Revision as of 03:37, 5 January 2015

body
{
font-family: Segoe UI;
}

#p-Navigation li, #p-Interaction li, #p-search li, #p-tb li, #p-lang li {
list-style: none;
font-family:  Segoe UI;
}

.mw-code {
font-family: Calibri;
}

/* Page tabs color scheme for KHHD 2.5 Theme */

#p-cactions li a{
	border: 2px solid #91a0e1;
	border-bottom: none;
        background: #FFFFFF;
        box-shadow: 0px 0px 4px 2px #FFFFFF;
        position: static;
        color: #454659;
        font-weight: bold;
}

#p-cactions li.selected a{
	border: 2px solid #454659;
        background-color: #91a0e1;
        color:#454659;
}
#p-cactions li a:hover {
	z-index: 3;
	text-decoration: none;
	background: #454659;
	border: 2px solid #91a0e1;
        color:#91a0e1;
}

/* Personal links */
#p-personal .pBody ul {
	background: #91a0e1;
	border-bottom: 2px solid #454659;
	border-left: 2px solid #454659;
	border-bottom-left-radius: 0.5em;
        box-shadow: 0px 0px 4px 2px #FFFFFF;
}

#p-personal li a{
        color: #454659;
        font-weight: bold;
}

li#pt-userpage {
        background: url(https://lh5.googleusercontent.com/-REWZwYeQaBg/UuH5f6WvCAI/AAAAAAAAAlg/NsEm1yfoAPI/s15-no/snowflake_large_blue_crystal_T.png) center left no-repeat;
        padding: 15px;
}

/* Main Page Game portals*/
/* Main column links (for Game Portals)
.dropdown td p a {
background-color: #000000;
background: -moz-linear-gradient(center top, #06305B, #3e4874);
background: -webkit-linear-gradient(top, #06305B, #3e4874);
background: -o-linear-gradient(top, #06305B, #3e4874);
background: -ms-linear-gradient(top, #06305B, #3e4874);
background: linear-gradient(top, #06305B, #3e4874);
border:1px solid #3e4874;
font-size:90%;
line-height: 1.2em;
margin: 3px 1px;
padding:3px;
text-align:left;
}

.dropdown caption a:hover{
border-radius:10px;
}

.dropdown td p a:hover{
background-image: -moz-linear-gradient(center top, #bfbfff, #3e4874);
background-image: -webkit-linear-gradient(top, #bfbfff, #3e4874);
background-image: -o-linear-gradient(top, #bfbfff, #3e4874);
background-image: -ms-linear-gradient(top, #bfbfff, #3e4874);
background-image: linear-gradient(top, #bfbfff, #3e4874);
}
 */

/* Alternating colors for site notice */
.altcolors {
    position: relative;
    /* Chrome, Safari, Opera */
    -webkit-animation-name: myfirst;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: myfirst;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-delay: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    0%   {color:#FFFFFF; opacity: 1.0;}
    10%  {color:#FFFFFF; opacity: 1.0;}
    20%  {opacity: 0.0;}
    30%  {color:#06305B opacity: 1.0;}
    60%  {color:#06305B; opacity: 1.0;}
    70%  {opacity: 0.0;}
    80% {color:#FFFFFF; opacity:1.0;}
    100% {color:#FFFFFF; opacity:1.0;}
}

/* Standard syntax */
@keyframes myfirst {
    0%   {opacity: 0.0;}
    50%  {opacity: 1.0;}
    100%  {opacity:0.0;}
}