Goosebumps Wiki
mNo edit summary
mNo edit summary
Line 547: Line 547:
 
/* Bullet-point spacing issue */
 
/* Bullet-point spacing issue */
 
.page-content li ul {
 
.page-content li ul {
margin-bottom: 5px !important;
+
margin-bottom: 4px !important;
 
}
 
}

Revision as of 01:26, 24 December 2021

@import url('https://fonts.googleapis.com/css?family=Creepster');
@import url('https://fonts.googleapis.com/css?family=Oswald');
@import 'https://fonts.googleapis.com/css?family=Averia+Serif+Libre';
@import url('https://fonts.googleapis.com/css?family=Averia+Sans+Libre:300,400&display=swap');
@import url('https://fonts.googleapis.com/css?family=Oranienbaum&display=swap');
@import url('https://fonts.googleapis.com/css?family=Girassol&display=swap');
@import url(//db.onlinewebfonts.com/c/b5e87dda1d07c2b6a36f9d881ef2f743?family=P22EscherW00-Regular);
@import url(//db.onlinewebfonts.com/c/f3742205f03f7018ba1e9040c73f5d73?family=Isabella+Std);

@font-face {
  font-family: drunk-cowboy, sans-serif;
  font-weight: normal;
  font-weight: 400;

}

/* Komika font */
@font-face {
  font-family: KOMTXT_;
  font-weight: normal;
  src: url('https://vignette.wikia.nocookie.net/goosebumps/images/2/27/KOMTXT_.ttf') format('truetype'),
       local('KOMTXT_'),
       local('KOMTXT_');
}

/* Direwolfexpand font */
@font-face {
  font-family: Direwolfexpand;
  font-weight: normal;
  src: url('https://vignette.wikia.nocookie.net/goosebumps/images/5/59/Direwolfexpand.ttf') format('truetype'),
       local('Direwolfexpand'),
       local('Direwolfexpand'); 
}

/***** CSS placed here will be applied to all skins on the entire site. *****/

/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
   font-style: italic;
}
.allpagesredirect:after {
   color: #808080; content: " (redirect)"
}
.watchlistredir {
   font-style: italic;
}

.wikia-gallery .accent {
  border-color: #007a00;
}
.text-uppercase {
    text-transform: uppercase;
}
 p#no{ white-space: normal; }
 p#pre{ white-space: pre; }
 
 /* * * * * IMPORTING WIKIA.CSS * * * * */

/* Yellow to black banner */
.wds-global-navigation {
	background-color:black!important;
	opacity: 0.9;
}
.wds-global-navigation:hover {
	background-color:black!important;
	opacity: 1!important;
}

.wds-global-navigation__search-input {
	color: white!important;
}

/* Komika font */
@font-face {
  font-family: KOMTXT_;
  font-weight: normal;
  src: url('https://vignette.wikia.nocookie.net/goosebumps/images/2/27/KOMTXT_.ttf') format('truetype'),
       local('KOMTXT_'),
       local('KOMTXT_');
}

/* Direwolfexpand font */
@font-face {
  font-family: Direwolfexpand;
  font-weight: normal;
  src: url('https://vignette.wikia.nocookie.net/goosebumps/images/5/59/Direwolfexpand.ttf') format('truetype'),
       local('Direwolfexpand'),
       local('Direwolfexpand');
}

/* Remove "Home" from main page */
.page-Goosebumps_Wiki .WikiaPage .page-header__title,
.page-Goosebumps_Wiki .WikiaPage .page-header__separator {
    display: none !important;
}

/* Remove edit buttons from subheadings */
h3 > .mw-editsection {
    display:none!important;
}
h4 > .mw-editsection {
    display:none!important;
}

/* Fixing spacing */
.WikiaMainContent {
	line-height:1.6;
}
.normalgb {
    padding-top: 15px!important;
}
.largegb {
    padding-top: 15px!important;
}

/** Admins **/
a[href="/wiki/User:GodzillaFan1"],
a[href="/wiki/User:GoosebumpsArt"],
a[href="/wiki/User:Spongey444"] {
        color: #48c603!important;
        font-weight: bold!important;
}

/** Content moderators **/
a[href="/wiki/User:DrewVeenstra"],
a[href="/wiki/User:GabeMT"] {
        color: #c04dcb!important;
        font-weight: bold!important;
}

/** Rollbacks **/
a[href="/wiki/User:ThatRetro"]{
        color: #ea9700!important;
        font-weight: bold!important;
}

/** Wiki Manager 
a[href="/wiki/User:Lady_Lostris"]{
        color: #ffdd03!important;
        font-weight: bold!important;
}**/

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

.WikiHeader > nav li.marked {
    background: url(https://vignette.wikia.nocookie.net/godzillafan1s-sandbox/images/1/16/Wikia_header_things.png) no-repeat;
    background-size: 100% 100%;
    height: 35px;
    border-radius: 0;
}

/** Header **/
.bgrevo {
    background-image: url("https://vignette.wikia.nocookie.net/goosebumps/images/1/15/Goosebumps_wiki_-_bgrevo.png") !important;
}

/* tabber overrides*/

.tabberlive .tabbertab {
border: 1px #003c00 solid !important;
border-top:0 !important;
background-color: #000600 !important;
}

ul.tabbernav {
 border-bottom: 1px #003c00 solid !important;
 font: bold 14px Arial, sans-serif !important;
}

ul.tabbernav li a:link { color: #00c400!important; }
ul.tabbernav li a:visited { color: #00c400!important; }

ul.tabbernav li.tabberactive a, ul.tabbernav li a:hover, ul.tabbernav li a {
color: #00e71b !important; 
border: 1px #006f00 solid !important;  
background-image: -moz-linear-gradient(
    center bottom,
    rgb(0,0,0) 0%,
    rgb(43,4,0) 100%) !important; 
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(0,0,0)),
    color-stop(1, rgb(43,4,0))) !important; 
}

ul.tabbernav li a[disabled="disabled"] { font-weight: normal !important;  color: #9f9f9f !important; outline-style: none !important; }

ul.tabbernav li.tabberactive a {
border-bottom: 1px solid #00a400 !important; 
}

/* end of tabber overrides*/

/*Custom wiki cursor*/

body{
  cursor:url('https://static.wikia.nocookie.net/goosebumps/images/7/74/Halloween_Cursor.png'), auto;
}
a:link{
  cursor: url('https://static.wikia.nocookie.net/goosebumps/images/7/74/Halloween_Cursor.png'), auto;
}
 
a:visited{
  cursor: url('https://static.wikia.nocookie.net/goosebumps/images/e/ef/Goosebumps_Cursor.png'), auto;
}
 
#WikiaPage a:hover {
  cursor: url('https://static.wikia.nocookie.net/goosebumps/images/1/15/Goosebumps_Cursor.png'), auto;
  text-shadow: #661600 0 0 5px;
  color: #E7FF5F !important;
  text-decoration:none;
        -webkit-transition: all linear 300ms;
        -moz-transition: all linear 300ms;
        -ms-transition: all linear 300ms;
        -o-transition: all linear 300ms;
  transition: all linear 300ms !important;
}

:hover {
    transition: all linear 300ms !important;
}
 
a:active{
  cursor: url('https://static.wikia.nocookie.net/goosebumps/images/e/ef/Goosebumps_Cursor.png'), auto;
}

/*end of custom wiki cursor code*/

/* The following code creates a collapsible box (with the proper accompanying HTML). */
span.button1normalgb{
    display: block !important;
}
span.button1largegb{
    display: block !important;
}
.normalgb{
    display: block;
    height: 330px !important;
    overflow: hidden;
}
.largegb{
    display: block;
    overflow: hidden;
}
div.button1normalgb::after { 
    content: "Show international releases";
    cursor: pointer;
    display:block;
    font-weight: bold;
}
div.button1largegb::after { 
    content: "Hide international releases";
    cursor: pointer;
    display:block;
    font-weight: bold;
}
div.button1normalgb:hover::after {
    content: "Show international releases";
    cursor: pointer;
    color: #b9b9b9;
    display:block;
    font-weight: bold;
    
}
div.button1largegb:hover{
    content: "Hide international releases";
    cursor: pointer;
    color: #b9b9b9;
    display:block;
    font-weight: bold;
}

/* Custom tags */
sans {
    font-family: Comic Sans MS
}

/* Spoilers */
.spoiler { 
  background-color: #d3dac5;
}
.spoiler:hover { 
  cursor: pointer;
}
.spoiler:active { 
  background-color: rgba(255, 255, 255, 0.0) !important;
}

/***********************/
/* Wiki Article Header */
/***********************/
.WikiaArticle h2 {
	border-bottom: solid 3px rgba(0, 255, 0, 0.5) !important;
}

.WikiaArticle h2:not(.pi-title) {
	border-top: solid 15px rgba(0,0,0,0.0) !important;
}

.wikia-gallery-add {
   display: none !important;
}


WikiaMainContent,#PageHeader,#WikiaRail { text-shadow: 1px 1px 2px #333333; }


.rainbow, rainbow {

/* Chrome, Safari, Opera */

-webkit-animation: rainbow 1.2s infinite; 

/* Internet Explorer */

-ms-animation: rainbow 1.2s infinite; 

/* Standar Syntax */

animation: rainbow 1.2s infinite; 

text-transform: uppercase;

}

/* Chrome, Safari, Opera */

@-webkit-keyframes rainbow{

0%{color:orange;}

20%{color: red;}

40%{color: yellow;}

60%{color: green;}

80%{color: blue;}

100%{color: orange;} 

}

/* Internet Explorer */

@-o-keyframes rainbow{

0%{color:orange;}

20%{color: red;}

40%{color: yellow;}

60%{color: green;}

80%{color: blue;}

100%{color: orange;} 

}

/* Standar Syntax */

@keyframes rainbow{

0%{color:orange;}

20%{color: red;}

40%{color: yellow;}

60%{color: green;}

80%{color: blue;}

100%{color: orange;} 

}

.message-removed {
    display:none;
}

.UserProfileMasthead .masthead-info {
    background: #FFFFFF url('https://vignette.wikia.nocookie.net/goosebumps/images/c/c8/GBWiki_-_profile_header_image.png') no-repeat;
    overflow: hidden;
    background-size: cover;
    background-position-y: 25px;
}

.spinning, spin {
    
  font-size: 4em;
  animation: 2s anim infinite alternate;
  display: inline-block;
  font-family: sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}

@keyframes anim {
  0% {
    color: black;
    transform: rotate(0deg);
  }
  20%{ color: blue; }
  40%{ color: green;}
  60%{ color: orange;}
  100% {
    color: red;
    transform: rotate(360deg);
}
}

/* Gradient */

.normalgb {
  position: relative;
}

span .normalgb:after {
  position: absolute;
  bottom: 0;  
  height: 100%;
  width: 100%;
  content: "";
  background: linear-gradient(to top,
     rgba(0, 0, 0, 1) 20%, 
     rgba(0, 0, 0, 0) 80%
  );
  pointer-events: none; /* so the text is still selectable */
}

span .largegb:after {
  position: absolute;
  bottom: 0;  
  height: 100%;
  width: 100%;
  content: "";
  background: linear-gradient(to top,
     rgba(0, 0, 0, 0) 20%, 
     rgba(0, 0, 0, 0) 80%
  );
  pointer-events: none; /* so the text is still selectable */
}

/*Infobox Tab Fix */
.pi-panel .pi-section-navigation {
    flex-wrap: wrap;
    justify-content: center;
}
/*Infobox pointer fix */
.pi-section-label:hover .pi-section-tab:hover {
    cursor: pointer !important;
}


/* Featured article code */
#circular-landscape {
  display: inline-block !important;
  position: relative !important;
  height: 230px !important;
  width: 230px !important;
  overflow: hidden !important;
  border-radius: 50% !important;
}
#circular-landscape:hover {
  display: inline-block !important;
  position: relative !important;
  height: 230px !important;
  width: 230px !important;
  overflow: hidden !important;
  border-radius: 50% !important;
}
#circular-darken {
    filter: brightness(100%);
      display: inline-block !important;
  position: relative !important;
  height: 230px !important;
  width: 230px !important;
  overflow: hidden !important;
  border-radius: 50% !important;
}
#circular-darken:hover {
    filter: brightness(50%);
      display: inline-block !important;
  position: relative !important;
  height: 230px !important;
  width: 230px !important;
  overflow: hidden !important;
  border-radius: 50% !important;
}
#circular-backup {
    filter: brightness(100%);
      display: inline-block !important;
  position: relative !important;
  height: 230px !important;
  width: 230px !important;
  overflow: hidden !important;
  border-radius: 50% !important;
}
#circular-backup:hover {
    filter: brightness(100%);
      display: inline-block !important;
  position: relative !important;
  height: 230px !important;
  width: 230px !important;
  overflow: hidden !important;
  border-radius: 50% !important;
}

/* Centering infobox tabs */
ul.wds-tabs {
    justify-content: center;
}

/* Line spacing fix */
.page-content p {
    line-height: 1.8 !important;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}
.page-content ul {
    margin-top: 0px !important;
}

/* Reducing reference highlight brightness. */
ol.references li:target, sup.reference:target {
    background-color: rgba(234,243,255,0.2) !important;
}

/* light mode fix for table text */
.theme-fandomdesktop-light .themelight td {
  color: white;
}

/* Bullet-point spacing issue */
.page-content li ul {
    margin-bottom: 4px !important;
}