Troye Sivan Wikia
Don't have an account?
Register
Advertisement
Register
Troye Sivan Wikia
Troye Sivan Wikia
173
pages

Wikia.css

MediaWiki page
Revision as of 21:42, 14 November 2018 by AestheticsAllY (Message Wall | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Sign in to edit

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/************************
Things for the Wikia 
************************/

/* ------ Wikia Mainspace ------ */
body.skin-oasis {
    background:url('https://vignette.wikia.nocookie.net/troye/images/1/18/TROYE-SIVAN-01-press-photo-2018-billboard-1548.jpg/revision/latest?cb=20181114210622');
    background-attachment:fixed;
    background-size:cover;
}


/*** Wiki Border || Credits to Para and CastAway ***/
.WikiaPage {
	border: 2px outset #ffffff;
	box-shadow:0 0 20px #ffffff;
}

/* Code for wikia rail apparently */
.WikiaRail .module {
    background-image:url('https://vignette.wikia.nocookie.net/troye/images/f/f5/71wsn%2BUageL._SY355_.jpg/revision/latest?cb=20181114211045');
    background-size:cover;
    box-shadow:7px 7px 5px #ffffff inset;
    border-radius:1pc 1pc 1pc 1pc;
    border:1px solid #B2CAD5;
} 



/* ~~ User Tags || Credits to Whismical~~ */
.tag.usergroup-founder,
.tag.usergroup-bureaucrat,
.tag.usergroup-sysop,
.tag.usergroup-chatmoderator,
.tag.usergroup-temp,
.tag.usergroup-bot,
.tag.usergroup-inactive,
.tag.usergroup-blocked,
.tag.usergroup-bannedfromchat {
    background-color: #1c1c1c !important;
    color: #1c1c1c !important;
    font-family:'Arial';
    border: 2px #808080 outset;
    border-radius:1pc 1pc 1pc 1pc !important;
    box-shadow:0 2px 5px #000000;
    background:radial-gradient(at top left,transparent 45%,#00FFDF,transparent 55%),radial-gradient(at bottom,transparent 45%,#00FFDF,transparent 55%),linear-gradient(#ffffff,#919191) !important;
}
 
    /* Add Border to Avatars */
.avatar {
    border: 2px solid black;
    border-radius: 10px;}
 
 /* Profile Code */
.UserProfileMasthead .masthead-info {
    background-image: url('https://vignette.wikia.nocookie.net/troye/images/d/d1/Skskssksks.jpg/revision/latest?cb=20181114213853');
}
 
 /* WordMark Hover Effect, Creds To Cassie*/
.wordmark > a {
  position: relative;
  color:#c0c0c0;
  text-decoration: none;
  text-shadow:0 0 2em #c0c0c0, 0 0 2em #c0c0c0;
}
.wordmark > a:hover {
  color:#c0c0c0;
  background-image:none;
}
.wordmark > a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color:#c0c0c0;
  box-shadow:0 0 2em #c0c0c0,0 0 2em #c0c0c0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.wordmark > a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}



/*** Brightened Avatars || Credits to Whismical ***/
img.avatar { 
-moz-transform: scale(1.01); 
-webkit-transform: scale(1.01); 
-o-transform: scale(1.01); 
-ms-transform: scale(1.01); 
border: 3px solid LightBlue;
border-radius: 5px; 
box-shadow: 0px 0px 9px LightBlue; 
-webkit-transition-duration: 0.5s; 
-moz-transition-duration: 0.5s; 
-o-transition-duration: 0.5s;}
 
content_holder {
border: 3px ridge LightBlue;
box-shadow: 0px 0px 9px LightBlue; 
-moz-box-shadow: 0px 0 9px LightBlue; 
-webkit-box-shadow: 0px 0px 9px LightBlue; 
-o-box-shadow: 0px 0px 9px LightBlue;}
 
img.avatar:hover { 
-webkit-transform: scale(1.1); 
-moz-transform: scale(1.1); 
-o-transform: scale(1.1);
border: 3px solid LightBlue;
box-shadow: 0px 0px 9px LightBlue;
-webkit-box-shadow: 0px 0px 9px LightBlue; 
-moz-box-shadow: 0px 0px 9px LightBlue;}
 
.UserProfileMasthead .masthead-avatar .avatar {
border: 4px solid LightBlue;}
 
.UserProfileMasthead .masthead-avatar .avatar:hover {
border: 4px solid LightBlue;}
 
.WikiHeader .navbackground .chevron {
	display: none;
}


/* ~~ Scrollbar || Credits to Castaway ~~ */
::-webkit-scrollbar {
    background-color:#3A3A3A;
    height: 15px;
    width: 15px;
}
::-webkit-scrollbar-thumb {
    border:3px outset #FAD1FF;
    border-radius: 4px;
    background:linear-gradient(#fff,#000);
}
::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:active {
    background: linear-gradient(#fff,#000);
    border:3px outset #FAD1FF;
}



.i18ndoc {
    background-color: #BDBDBD;
    border-bottom: 1px solid lightgrey;
    font-family: monospace;
    font-size: 8pt;
    height: 140px;
    overflow: auto;
    padding: 3px;
}


body { 
    font-family: 'Raleway', Raleway, Raleway;
}
/* ------ Link Animation ------ */
 .linkglitch {
    animation:linkglitch 2s infinite;
    -webkit-animation:linkglitch 2s infinite;
    -moz-animation:linkglitch 2s infinite;
}
@keyframes linkglitch {
    0% {background:linear-gradient(transparent 75%,#c0c0c0,transparent 85%);}
    25% {background:linear-gradient(transparent 55%,#c0c0c0,transparent 65%);}
    50% {background:linear-gradient(transparent 15%,#c0c0c0,transparent 25%);}
    75% {background:linear-gradient(transparent 35%,#c0c0c0,transparent 45%);}
    100% {background:linear-gradient(transparent 45%,#c0c0c0,transparent 55%);}
}
/* -Shake- */
.shake {
    animation:shake 0.5s infinite;
    -webkit-animation:shake 0.5s infinite;
    -moz-animation:shake 0.5s infinite;
}
@keyframes shake {
0% {transform: rotate(2deg) translateX(0) translateY(-1em);}
25% {transform: rotate(-2deg) translateX(1em) translateY(2em);}
50% {transform: rotate(2deg) translateX(2em) translateY(-2em);}
75% {transform: rotate(-2deg) translateX(1em) translateY(1em);}
100% {transform: rotate(2deg) translateX(0) translateY(-1em);}
}
@-webkit-keyframes shake {
0% {-webkit-transform: rotate(2deg) translateX(0) translateY(-1em);}
25% {-webkit-transform: rotate(-2deg) translateX(1em) translateY(2em);}
50% {-webkit-transform: rotate(2deg) translateX(2em) translateY(-2em);}
75% {-webkit-transform: rotate(-2deg) translateX(1em) translateY(1em);}
100% {-webkit-transform: rotate(2deg) translateX(0) translateY(-1em);}
}
@-moz-keyframes shake {
0% {-moz-transform: rotate(2deg) translateX(0) translateY(-1em);}
25% {-moz-transform: rotate(-2deg) translateX(1em) translateY(2em);}
50% {-moz-transform: rotate(2deg) translateX(2em) translateY(-2em);}
75% {-moz-transform: rotate(-2deg) translateX(1em) translateY(1em);}
100% {-moz-transform: rotate(2deg) translateX(0) translateY(-1em);}
}
 
 
/* -Spin- */
.spin {
    text-align:center;
    animation:spin 1.5s infinite;
    -webkit-animation:spin 1.5s infinite;
    -moz-animation:spin 1.5s infinite;
}
@keyframes spin {
from{transform: rotate(0deg);}
to  {transform: rotate(360deg);}
}
@-webkit-keyframes spin {
from{-webkit-transform: rotate(0deg);}
to  {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
from{-moz-transform: rotate(0deg);}
to  {-moz-transform: rotate(360deg);}
}
 
 
/* -Pong- */
.pong {
    text-align:center;
    animation:pong 2s infinite;
    -webkit-animation:pong 2s infinite;
    -moz-animation:pong 2s infinite;
}
@keyframes pong {
0% {transform: translateX(-50%);}
50% {transform: translateX(50%);}
100% {transform: translateX(-50%);}
}
@-webkit-keyframes pong {
0% {-webkit-transform: translateX(-50%);}
50% {-webkit-transform: translateX(50%);}
100% {-webkit-transform: translateX(-50%);}
}
@-moz-keyframes pong {
0% {-moz-transform: translateX(-50%);}
50% {-moz-transform: translateX(50%);}
100% {-moz-transform: translateX(-50%);}
}
 
 
/* -Pulse- */
.pulse {
    animation:pulse 4s infinite;
    -webkit-animation:pulse 4s infinite;
    -moz-animation:pulse 4s infinite;
}
@keyframes pulse {
0% {opacity:0.5;}
50% {opacity:1; text-shadow:0 0 0.5em;}
100% {opacity:0.5;}
}
@-webkit-keyframes pulse {
0% {opacity:0.5;}
50% {opacity:1; text-shadow:0 0 0.5em;}
100% {opacity:0.5;}
}
@-moz-keyframes pulse {
0% {opacity:0.5;}
50% {opacity:1; text-shadow:0 0 0.5em;}
100% {opacity:0.5;}
}

/* Color the article h1 */
.WikiaPageHeader h1 {
    font-family:Adobe Gothic Std, helvetica;
    color: #edc5ce;
}

.WikiaArticle h2,
.WikiaArticle h3,
.WikiaArticle h4,
.WikiaArticle h5,
.WikiaArticle h6 {
   font-family:Adobe Gothic Std, helvetica;
   color:#edc5ce;
}

/* Rounding page body borders */
.WikiaPageBackground {
    border-radius: 5px
}

/* Nav */
 
.WikiNav .navbackground > div {
    background-color:transparent;
}
 
.WikiNav .nav-item.marked > a {
    border-color: transparent;
}
 
.WikiHeader .navbackground, .WikiHeader > nav .subnav-2 {
     border-radius: 0 5px 0 5px;
}
 
.WikiHeader > nav li:first-child {
     border-radius: 5px 0 0 0;
}
 
.WikiHeader > nav li:last-child {
     border-radius: 5px 0 0;
}
 
.WikiHeader nav li.marked, .WikiHeader > nav .subnav-2 .marked2 .subnav-2a {
     border-radius: 5px 5px 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 5px 5px 5px;
}
 
.GlobalNavigation .subnav {
     border-radius: 0 0 5px 5px;
}
 
/*** Tabber ***/
 
.tabberlive .tabbertab {
    border:none !important;
}
 
ul.tabbernav {
    border-bottom: 1px solid #edc5ce !important;
}
 
ul.tabbernav .tabberactive a {
    background-color:#42558a !important;
    border-radius:2px 2px 0 0 !important;
    border-top: 1px solid #edc5ce !important;
    border-left:1px solid #edc5ce !important;
    border-right:1px solid #edc5ce !important;
    color: white;
}
 
ul.tabbernav li a {
    background-color:#afc9d8 !important;
    border-radius:2px 2px 0 0 !important;
    border:1px solid #edc5ce !important;
    color: white !important;
}

/* ~~ KEYFRAMES- Rainbow Text ~~ */
.rainbow {
    animation:rainbow 2s infinite;
    -webkit-animation:rainbow 2s infinite;
    -moz-animation:rainbow 2s infinite;
}
@keyframes rainbow {
0% {color:  #fa5858;}
30% {color: #faac58;}
60% {color: #f4fa58;}
75% {color: #58fa58;}
90% {color: #58faf4;}
100% {color: #5858fa;}
}
@-webkit-keyframes rainbow {
0% {color:  #fa5858;}
30% {color: #faac58;}
60% {color: #f4fa58;}
75% {color: #58fa58;}
90% {color: #58faf4;}
100% {color: #5858fa;}
}
@-moz-keyframes rainbow {
0% {color:  #fa5858;}
30% {color: #faac58;}
60% {color: #f4fa58;}
75% {color: #58fa58;}
90% {color: #994400;}
100% {color: #5858fa;}
}


 
/* ======== Edit Buttons creds to cassie ======== */
input[type="submit"], input[type="reset"], input[type="button"], button,.WikiaFooter .header-container .wikia-button, .WikiaBarWrapper .header-container .wikia-button, .wikia-menu-button > a, .wikia-menu-button .drop, .wikia-menu-button > li > a, a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="submit"], input[type="reset"], input[type="button"], .button, button {
    border:none !important;
    border-radius:1pc !important;
    font-family:'Exo 2','Monotxt';
    box-shadow:2px 2px 5px #000000;
    background-image:linear-gradient(#4169e1 40%,#99c4ff) !important;
}


 

/* headings */
.WikiaPage h1, .WikiaPage h2, .WikiaPage h3, .WikiaPage h4, .WikiaPage h5, .WikiaPage h6, .WikiaPage .heading {
    font-family: Raleway, lucidagrande, helvetica;
    text-transform: uppercase;
    letter-spacing: 2.5px;
}
.WikiaPage h2 {
    border-bottom: 0;
}
.WikiaArticle .editsection {
    float: right;
}
.WikiaArticle .editsection > a {
    content: url(/wiki/Special:Filepath?file=EditPencil.png);
    width: 16px;
    height: 16px;
}
.WikiaArticle .editsection .edit-pencil {
    display: none;
}

/************************
UserTags
************************/

/* ~~ User Tags ~~ */
.tag.usergroup-founder,
.tag.usergroup-bureaucrat,
.tag.usergroup-sysop,
.tag.usergroup-chatmoderator,
.tag.usergroup-temp,
.tag.usergroup-bot,
.tag.usergroup-inactive,
.tag.usergroup-blocked,
.tag.usergroup-bannedfromchat {
    background-color: #1c1c1c !important;
    color: #1c1c1c !important;
    font-family:'Arial';
    border: 2px #808080 outset;
    border-radius:1pc 1pc 1pc 1pc !important;
    box-shadow:0 2px 5px #000000;
    background:radial-gradient(at top left,transparent 45%,#00FFDF,transparent 55%),radial-gradient(at bottom,transparent 45%,#00FFDF,transparent 55%),linear-gradient(#ffffff,#919191) !important;
}
 


/***********************
Chat
***********************/

/* ~~ Chat Customizations ~~ */
.Chat{
    background-image:url('https://vignette.wikia.nocookie.net/troye/images/f/f5/71wsn%2BUageL._SY355_.jpg/revision/latest?cb=20181114211045');
    background-size:cover;
}


.Chat .you {
background: #edc5ce;
}
 
.ChatModule .avatar {
border-radius: 10px;
}
 
.UserProfileMasthead .masthead-avatar .avatar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: none;
}
 
/* WikiRail */
.WikiaRail .module {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 3px solid #edc5ce;
}
/* toc */
#toc {
    border: 3px solid #edc5ce;
    background-color: white;
}
#toc #toctitle {
    padding: 2px 5px;
    background-color: white;
}
#toc .toctoggle {
    float: right;
}
#toc li:before {
    content: counters(item, '.') '.';
}
#toc > ol {
    margin-top: 2px;
    background-color: white;
    padding: 2px 5px;
}
#toc > ol > li {
    padding: 2px 5px;
    margin: 0;
}
#toc > ol > li ol {
    margin-bottom: 0;
}
Community content is available under CC-BY-SA unless otherwise noted.
Advertisement