MediaWiki:Wikia.css

@font-face { font-family: 'Omnia'; src: url(https://vignette.wikia.nocookie.net/pmdrp/images/8/8e/Omnia.ttf) format("truetype"); font-style: normal; } /* Rounded Corners*/ .WikiHeader { border-radius: 2px 2px 2px 2px; border: 1px solid black; -webkit-box-shadow: 3px 3px 3px none; -moz-box-shadow: 3px 3px 3px none; box-shadow: 0 3px 3px black; } .WikiHeader .navbackground, .WikiHeader > nav .subnav-2 { border-radius: 0 0.75em 0 0.75em; } .WikiHeader > nav li:first-child { border-radius: 0.75em 0 0 0; } .WikiHeader > nav li:last-child { border-radius: 0 0.75em 0 0; } .WikiHeader nav li.marked, .WikiHeader > nav .subnav-2 .marked2 .subnav-2a { border-radius: 0.75em 0.75em 0 0; } .WikiHeader nav { border-radius: 1em 1em 0 0; } .WikiHeader > nav li.marked > a { border-top: none; } .WikiHeader > nav .subnav-3 { border-radius: 0 0.75em 0.75em 0.75em; }

/**Page Formatting**/

/* Page Shadow */ .WikiaPage { border: 1px solid black; -moz-box-shadow:0 0 20px black; -webkit-box-shadow:0 0 20px black; box-shadow:0 0 20px black; }

/**Link and Font Formatting**/

/* Link Glow */ a { -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } a:hover { -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; text-shadow: 0px 0px 2px black; text-decoration: none }

/* Font */ .WikiaPageHeader > h1 { padding: 5px; } /*Changes the header on every article */

.WikiaArticle { font-family: times new roman; /*Changes the text in the content space only */ }

/***USER PAGE STYLING***/

/**Header **/ .UserProfileMasthead { border-radius:1px; }

.UserProfileMasthead .masthead-info hgroup { background-image: url(https://vignette.wikia.nocookie.net/smallpaws/images/1/12/Other_thing.jpg/revision/latest?cb=20180907173126&format=original); border-bottom:1px solid black; border-radius:1px;

/*Changes the Header Image*/. }

/** Avatar**/

/*Spinning*/ .masthead-avatar img { -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; } .masthead-avatar:hover img { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); border-radius: 150%; box-shadow: 0 0 50px black; transform: rotate(360deg); }

/*Border*/ .UserProfileMasthead .masthead-avatar .avatar { border: solid !important; padding: 1.5px !important; max-width: 180px !important; max-height: 180px !important; color: #E8B39F; }

/** SPECIAL CSS ANIMATION CLASS ACTIONS **/

/* enlarge on hover */

.zoom { transition: transform .2s; /* Animation */ }

.zoom:hover { transform: scale(1.2); /* (120% zoom - Note: if the zoom is too large, it will go outside of the viewport) */ }

/* move to the left */

.shiftLeft { transition: all 1.0s ease-out; }

.shiftLeft:hover { transform: translateX(260px); }

/* hides an object's overflow until it is hovered over */

.revealOverflow { overflow:hidden; transition: all 1.0s ease-out; }

.revealOverflow:hover { overflow:visible; transition: all 1.0s ease-out; }

/* makes text scroll from bottom to top */

.scroll-down { height: 50px; overflow: hidden; position: relative; } .scroll div { position: absolute; width: 100%; height: 100%; margin: 0; line-height: 50px; text-align: center; /* Starting position */ -moz-transform:translateY(100%); -webkit-transform:translateY(100%); transform:translateY(100%); /* Apply animation to this element */ -moz-animation: scroll-down 30s linear infinite; -webkit-animation: scroll-down 30s linear infinite; animation: scroll-down 30s linear infinite; } /* Move it (define the animation) */ @-moz-keyframes scroll-down { 0% { -moz-transform: translateY(100%); } 100% { -moz-transform: translateY(-100%); } } @-webkit-keyframes scroll-down { 0% { -webkit-transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); } } @keyframes scroll-down { 0% { -moz-transform: translateY(100%); /* Browser bug fix */ -webkit-transform: translateY(100%); /* Browser bug fix */ transform: translateY(100%); } 100% { -moz-transform: translateY(-100%); /* Browser bug fix */ -webkit-transform: translateY(-100%); /* Browser bug fix */ transform: translateY(-100%); } }

/** Saturates text by applying an opaque white background over the section, hides background upon hover **/

.saturate { position:absolute; background: white; opacity:0.5; }

.saturate:hover { display:none; }

/** Hover over set-appear by assigning it with the id value for any text under the appear class to appear **/

.set-appear:hover .appear { display: block; }

.appear { display:none; }


 * hover .tada {

display:block; }

.tada { display:none; } /** .shift :target { transition: all 1.0s ease-out; transform: translateX(700px); }

.dissapear :target { display:none; }

.spin { animation-name: spin; animation-duration: 5000ms; animation-iteration-count: infinite; animation-timing-function: linear; }

@keyframes spin { from { transform:rotate(0deg); }   to { transform:rotate(360deg); } }

/** Animates something back and forth **/

.backnforth { x-transition: all 1s ease-in-out; animation: bnf 1.7s infinite; }

@keyframes bnf { 0% {   left: 0; } 50% {    left: 530px; } 100% {    left: 0; } }