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.
/**********************************/
/* Font */
/**********************************/
@import "https://fonts.googleapis.com/css?family=Ovo:400";
.lastdoor,
.WikiaHeader,
#WikiaPageHeader,
h1, h2, h3, h4, h5, h6 {
font-family: 'Ovo', serif;
font-weight: bold;
}
.button,
.wikia-button,
.wikia-menu-button,
.infoboxsource {
font-weight: normal;
}
.ajax-poll,
#toc,
.toc {
background-color: #E9E9E9;
border: 1px solid #280F16;
}
.thin .wikia-slideshow-wrapper {
height:175px !important;
}
.thin .wikia-slideshow-images {
height:175px !important;
}
/**********************************/
/* References */
/**********************************/
.references-small {
font-size: 90%;
}
/**********************************/
/* Background image */
/**********************************/
.WikiaPage .WikiaPageBackground {
background: transparent url(/wiki/Special:FilePath?file=Letter-background.png) !important;
background-size: cover;
}
/**********************************/
/* Tables */
/**********************************/
/* The color #280F16 (plum) was taken */
/* from The Last Door offical website.*/
.lastdoor-table {
background-color:#7A6C70;
border:solid 3px #280F16;
color: #D2D2D2;
font-family: 'Ovo', serif;
text-align: center;
vertical-align: top;
}
.lastdoor-table a {
font-weight: bold;
}
/* See also Hover Effects */
/**********************************/
/* Infoboxes */
/**********************************/
.portable-infobox {
border: 3px solid #280F16;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
max-width: 260px;
min-width: 240px;
width: auto;
}
.portable-infobox.pi-background {
background-color: #7A6C70;
color: #D2D2D2;
}
.portable-infobox .pi-secondary-background {
background-color: #280F16;
color: #E9E9E9;
}
.portable-infobox .pi-border-color {
border-color: #7A6C70;
}
.portable-infobox .pi-data {
hyphens: manual;
}
.portable-infobox .pi-data-label {
flex-basis: 100px;
font-family: sans-serif;
font-weight: normal;
}
.portable-infobox .pi-image {
background-color: #7A6C70;
max-width: 260px;
min-width: 240px;
width: auto;
}
.portable-infobox .pi-image-thumbnail {
height: auto;
width: 100%;
}
.portable-infobox .pi-caption {
background-color: #68575b;
color: #D2D2D2;
/* font-family: 'Ovo', serif; */
font-style: normal;
font-size: 75%;
line-height: 130%;
text-align: center;
hyphens: manual;
}
.pi-title {
background-color: #280F16;
color: #E9E9E9;
font-family: 'Ovo', serif;
hyphens: manual;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.pi-header {
font-family: sans-serif;
}
/**********************************/
/* Hover effects */
/**********************************/
.lastdoor-table.hover img {
opacity: 1.00;
filter: alpha(opacity=100);
}
.lastdoor-table.hover img:hover {
opacity: 0.70;
filter: alpha(opacity=70);
}
.lastdoor-table a,
.portable-infobox a {
color: #D7B85F;
hyphens: manual;
-webkit-transition: all .2s linear 0s;
-moz-transition: all .2s linear 0s;
-ms-transition: all .2s linear 0s;
-o-transition: all .2s linear 0s;
transition: all .2s linear 0s;
}
.lastdoor-table a:hover,
.portable-infobox a:hover {
text-shadow: white 1 1 4px;
color: white !important;
text-decoration:none;
-webkit-transition: all .2s linear 0s;
-moz-transition: all .2s linear 0s;
-ms-transition: all .2s linear 0s;
-o-transition: all .2s linear 0s;
transition: all .2s linear 0s;
}
.lastdoor-table a,
.portable-infobox a {
-webkit-transition: all .2s linear 0s;
-moz-transition: all .2s linear 0s;
-ms-transition: all .2s linear 0s;
-o-transition: all .2s linear 0s;
transition: all .2s linear 0s;
}
.lastdoor-table a:visited:hover,
.portable-infobox a:visited:hover {
color:white;
text-shadow: white 0 0 3px;
text-decoration:none;
}
.lastdoor-table a:hover,
.portable-infobox a:hover {
color:white;
text-shadow: white 0 0 3px;
text-decoration:none;
-webkit-transition: all .2s linear 0s;
-moz-transition: all .2s linear 0s;
-ms-transition: all .2s linear 0s;
-o-transition: all .2s linear 0s;
transition: all .2s linear 0s;
}