MediaWiki:Common.css: Difference between revisions

From Poupedia
Jump to navigation Jump to search
Content added Content deleted
mNo edit summary
mNo edit summary
 
(27 intermediate revisions by the same user not shown)
Line 5: Line 5:
}
}


/* Alert icons */
/* Personal Toolbar icons*/
.vector-user-menu-legacy #pt-anonuserpage:before, .vector-user-menu-legacy #pt-tmpuserpage:before, .vector-user-menu-legacy #pt-userpage a:before {
#personal-extra>ul {
content: '';
margin: 0.3em 0.5em 0.5em 0.5em !important;
display: inline-block;
margin-top: -0.5rem;
position: relative;
top: 0.4rem;
right: 0.3rem;
background-clip: content-box;
height: 20px;
width: 20px;
background-image: url(https://static.miraheze.org/pouwiki/thumb/8/85/PoupediaUserIcons.png/60px-PoupediaUserIcons.png);
background-position: 0px 0;
}
}
.vector-user-menu-legacy #pt-anonuserpage:before, .vector-user-menu-legacy #pt-tmpuserpage:before, .vector-user-menu-legacy #pt-userpage a:before, .oo-ui-icon-bell, .mew-ui-icon-bell:before, .oo-ui-icon-tray, .mw-ui-icon-tray:before {
.mw-echo-notifications-badge:after {
height: 20px;
border: 1px solid #FF0000 !important;
width: 20px;
border-radius: 0 !important;
}
#pt-notifications-notice .mw-echo-notifications-badge.oo-ui-flaggedElement-unseen:after,
#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-unseen-notifications:after {
background-color: #b03000;
}
#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read,
#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {
opacity: 1; /* Bringing back full color */
}
#personal-extra li>a, #personal>h2:before {
background-image: url(https://static.miraheze.org/pouwiki/thumb/8/85/PoupediaUserIcons.png/60px-PoupediaUserIcons.png);
background-image: url(https://static.miraheze.org/pouwiki/thumb/8/85/PoupediaUserIcons.png/60px-PoupediaUserIcons.png);
background-size: auto 20px;
}
}
.oo-ui-icon-bell, .mew-ui-icon-bell:before { /*bell*/
#pt-notifications-alert>a {
background-position: -20px 0;
background-position: -20px 0;
}
}
.oo-ui-icon-tray, .mw-ui-icon-tray:before { /*alert*/
#pt-notifications-notice>a {
background-position: -40px 0;
background-position: -40px 0;
}
}
.vector-user-menu-legacy #pt-anonuserpage, .vector-user-menu-legacy #pt-tmpuserpage, .vector-user-menu-legacy #pt-userpage a {
#personal>h2 {
padding: 0;
background-image: none;
padding-top: 0.3em;
}
}
#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read, #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read { /* Full color for other bell and alert */
#personal>h2:before {
content: "";
opacity: unset;
display: inline-block;
margin: 0 0.3em 0 0;
width: 20px;
height: 20px;
}
}

/* Style the login bar */
#p-personal {
background-color:#FFFFFF80;
top:0px;
right:0px;
border-radius: 6px 0px 0px 6px;
border: 1px solid #FFFFFF;
}

/* Page titles and sections titles font */
body {
font-family: 'Pou Font';
}

.page-header__title, .mw-headline {
font-family: 'Pou Font';
color: #fff;
text-shadow: 2px 0 #000, -2px 0 #000, 0 2px #000, 0 -2px #000, 2px 2px #000, -2px -2px #000, 2px -2px #000, -2px 2px #000;
padding: 3px;
margin-left: 2px;
}

#firstHeading{
font-family: 'Pou Font';
color: #fff;
text-shadow: 2px 0 #000, -2px 0 #000, 0 2px #000, 0 -2px #000, 2px 2px #000, -2px -2px #000, 2px -2px #000, -2px 2px #000;
padding: 3px;
margin-left: 2px;
}



/* Main Page */
/* Main Page */
Line 83: Line 46:
text-shadow: 4px #000000;
text-shadow: 4px #000000;
border-radius: 5px;
border-radius: 5px;
background-color: #4DFF94;
background-color: #00B300;
font-weight: 300;
font-weight: 300;
text-shadow: 2px 2px 2px #000, -2px 2px 2px #000, 2px -2px 2px #000, -2px -2px 2px #000 !important;
text-shadow: 2px 2px 2px #000, -2px 2px 2px #000, 2px -2px 2px #000, -2px -2px 2px #000 !important;
Line 95: Line 58:
text-shadow: 4px #000000;
text-shadow: 4px #000000;
border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
background-color: #4DFF94;
background-color: #00B300;
font-weight: 300;
font-weight: 300;
text-shadow: 2px 2px 2px #000, -2px 2px 2px #000, 2px -2px 2px #000, -2px -2px 2px #000 !important;
text-shadow: 2px 2px 2px #000, -2px 2px 2px #000, 2px -2px 2px #000, -2px -2px 2px #000 !important;

Latest revision as of 11:54, 23 June 2024

/* Import */
@font-face {
	font-family: 'Pou Font';
	src:url(https://static.miraheze.org/pouwiki/2/28/Pou-Font.ttf);
}

/* Personal Toolbar icons*/
.vector-user-menu-legacy #pt-anonuserpage:before, .vector-user-menu-legacy #pt-tmpuserpage:before, .vector-user-menu-legacy #pt-userpage a:before {
	content: '';
	display: inline-block;
	margin-top: -0.5rem;
	position: relative;
	top: 0.4rem;
	right: 0.3rem;
	background-clip: content-box;
	height: 20px;
	width: 20px;
	background-image: url(https://static.miraheze.org/pouwiki/thumb/8/85/PoupediaUserIcons.png/60px-PoupediaUserIcons.png);
	background-position: 0px 0;
}
.vector-user-menu-legacy #pt-anonuserpage:before, .vector-user-menu-legacy #pt-tmpuserpage:before, .vector-user-menu-legacy #pt-userpage a:before,  .oo-ui-icon-bell, .mew-ui-icon-bell:before,  .oo-ui-icon-tray, .mw-ui-icon-tray:before {
	height: 20px;
	width: 20px;
	background-image: url(https://static.miraheze.org/pouwiki/thumb/8/85/PoupediaUserIcons.png/60px-PoupediaUserIcons.png);
}
.oo-ui-icon-bell, .mew-ui-icon-bell:before { /*bell*/
	background-position: -20px 0;
}
.oo-ui-icon-tray, .mw-ui-icon-tray:before { /*alert*/
	background-position: -40px 0;
}
.vector-user-menu-legacy #pt-anonuserpage, .vector-user-menu-legacy #pt-tmpuserpage, .vector-user-menu-legacy #pt-userpage a {
	padding: 0;
}
#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read, #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read { /* Full color for other bell and alert */
	opacity: unset;
}

/* Main Page */
.mainpage-header {
    font-family: 'Pou Font';
    font-size: 22pt;
    text-align: center;
    letter-spacing: 2px;
    color: #ffffff;
    text-shadow: 4px #000000;
    border-radius: 5px;
    background-color: #00B300;
    font-weight: 300;
    text-shadow: 2px 2px 2px #000, -2px 2px 2px #000, 2px -2px 2px #000, -2px -2px 2px #000 !important;
}
.mainpage-header-news {
    font-family: 'Pou Font';
    font-size: 22pt;
    text-align: center;
    letter-spacing: 2px;
    color: #ffffff;
    text-shadow: 4px #000000;
    border-radius: 5px 5px 0px 0px;
    background-color: #00B300;
    font-weight: 300;
    text-shadow: 2px 2px 2px #000, -2px 2px 2px #000, 2px -2px 2px #000, -2px -2px 2px #000 !important;
}

/* Table Formatting */
table.article-table th {
    background: #4DFF94 !important;
    color:#000 !important;
    text-align: center !important;
    }

.article-table {
	text-align: center;
	margin: 0 auto;
}

/* Thumbnail */
.thumb {
    border: 1px solid #FFEBDF;
    padding: 3px !important;
    background-color: #FFEBDF !important;
    text-align: center;
    overflow: hidden;
}
.thumbcaption {
    color: #252525 !important
}