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
(- done)
Tag: Manual revert
m (- removing comments (in common.css))
Line 1: Line 1:
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:ImprovedUserpages.css&only=styles";
/* 1) Disables advertisements on-screen */
/* 1) Disables advertisements on-screen */
.ad-slot-placeholder,
.ad-slot-placeholder,
Line 17: Line 16:
}
}


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

/* 4) Making TOC DOORS-Themed */
.page-content #toc {
.page-content #toc {
border: 2.5px solid var(--theme-accent-color) !important;
border: 2.5px solid var(--theme-accent-color) !important;
Line 51: Line 44:
}
}


/* 5) User Pages */
/* 4) User Pages */
#userProfileApp .user-identity-avatar img {
#userProfileApp .user-identity-avatar img {
transition: all 1s ease;
transition: all 1s ease;

Revision as of 21:55, 30 December 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 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;
}

/* 4) User Pages */
#userProfileApp .user-identity-avatar img {
	transition: all 1s ease;
	border-radius: 1%;
}
#userProfileApp .user-identity-avatar:hover img {
	border-radius: 100%;
}