Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.
DOORS Site Logo

Welcome to the Official DOORS Wiki!
Please read the Wiki Rules the Manual of Style and familiarise yourself with our Wiki Policies before contributing to get a better understanding of what content is allowed on our wiki and how to display it properly, if you need help don't hesitate to reach out to a DOORS Wiki Staff Member.

User:Binonbo/common.css: Difference between revisions

From DOORS Wiki
m (- removing stuff)
(- galleries)
Line 1: Line 1:
/* 1) Disables advertisements on-screen - Quality of Life */
/* 1) Disables advertisements on-screen */
.ad-slot-placeholder,
.ad-slot-placeholder,
.top-ads-container {
.top-ads-container {
Line 5: Line 5:
}
}


/* 2) Link Customization - Taken from SCP:S Testing Grounds */
/* 2) Link Customization */
.resizable-container a:hover {
.resizable-container a:hover {
color: #F8F1AE !important;
color: #F8F1AE !important;
Line 29: Line 29:
/* 4) Making TOC DOORS-Themed */
/* 4) Making TOC DOORS-Themed */
.page-content #toc {
.page-content #toc {
border: 2.5px solid var(--theme-accent-color) !important;
background: rgba(0,0,0, .3);
border: 2px solid #D0AE82;
border-radius: 5.25px;
background: rgba(0,0,0, .3);
border-radius: 5.25px
}
}
#toc > ul {
#toc > ul {
display: block;
display: block;
margin: 5px;
margin: 5;
padding: 10px;
padding: 10px;
transition: padding .25s
transition: padding .5s, border-color .1s;
}
}


Line 43: Line 43:
padding: 2.5px;
padding: 2.5px;
line-height: 1.75em;
line-height: 1.75em;
transition: line-height .25s, opacity .425s .25s;
transition: line-height .6s, opacity .5s .2s;
display: grid;
display: grid;
grid-template-columns: max-content auto
grid-template-columns: max-content auto;
}
}


#toc .toctogglecheckbox:checked ~ ul a {
#toc .toctogglecheckbox:checked ~ ul a {
line-height: 0px;
line-height: 0px;
transition: line-height .225s .2s, opacity .425s, visibility 0s .725s;
opacity: 0;
opacity: 0;
visibility: hidden
visibility: hidden;
transition: line-height .6s .2s, opacity .5s, visibility 0s .7s;
}

/* 5) Gallery */
.wikia-gallery-border-small .thumb .gallery-image-wrapper {
border-color: var(--theme-accent-color);
}
}

Revision as of 22:12, 14 November 2022

/* 1) Disables advertisements on-screen */
.ad-slot-placeholder,
.top-ads-container {
    display: none !important;
}

/* 2) Link Customization  */
.resizable-container a:hover {
    color: #F8F1AE !important;
    text-decoration: none;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

/* 3) Making Comments DOORS-Themed */
.theme-fandomdesktop-dark div[data-testid="article-comments__comment"] {
	background-color: rgba(0,0,0, .3);
	border: 1px solid #D0AE82;
}

.theme-fandomdesktop-light div[data-testid="article-comments__comment"] {
    background-color: rgba(var(--theme-page-background-color--rgb), .9);
	border: 1px solid #D0AE82;
}

/* 4) Making TOC DOORS-Themed */
.page-content #toc {
    border: 2.5px solid var(--theme-accent-color) !important;
    border-radius: 5.25px;
    background: rgba(0,0,0, .3);
}
#toc > ul {
	display: block;
	margin: 5;
	padding: 10px;
	transition: padding .5s, border-color .1s;
}

#toc > ul a {
	padding: 2.5px;
	line-height: 1.75em;
    transition: line-height .6s, opacity .5s .2s;
	display: grid;
	grid-template-columns: max-content auto;
}

#toc .toctogglecheckbox:checked ~ ul a {
	line-height: 0px;
	opacity: 0;
	visibility: hidden;
	transition: line-height .6s .2s, opacity .5s, visibility 0s .7s;
}

/* 5) Gallery */
.wikia-gallery-border-small .thumb .gallery-image-wrapper {
    border-color: var(--theme-accent-color); 
}