MediaWiki:Common.css: Difference between revisions

From Poupedia
Jump to navigation Jump to search
Content added Content deleted
mNo edit summary
mNo edit summary
 
(7 intermediate revisions by the same user not shown)
Line 14: Line 14:
right: 0.3rem;
right: 0.3rem;
background-clip: content-box;
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 {
.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 {
Line 32: Line 36:
opacity: unset;
opacity: unset;
}
}

/* Watch star icons */
#ca-watch, #ca-unwatch {
margin-top: 8px;
}

.vector-menu-tabs .mw-watchlink.icon a {
margin-top: -8px;
}

.vector-menu-tabs #ca-unwatch.icon a:hover:before, .vector-menu-tabs #ca-unwatch.icon a:before, .vector-menu-tabs #ca-watch.icon a:hover:before, .vector-menu-tabs #ca-watch.icon a:focus:before, .vector-menu-tabs #ca-watch.icon a:before {
background-image: url(https://static.miraheze.org/pouwiki/thumb/c/c3/PoupediaWatchstars.png/48px-PoupediaWatchstars.png);
height: 16px;
width: 16px;
object-fit: cover;
background-position: 0 0;
}
.vector-menu-tabs #ca-unwatch.icon a:hover:before {
background-position: -32px 0;
}
.vector-menu-tabs #ca-unwatch.icon a:before, .vector-menu-tabs #ca-watch.icon a:hover:before, .vector-menu-tabs #ca-watch.icon a:focus:before {
background-position: -16px 0;
}

.vector-menu-tabs li a {
background-color: #ffbd94 !important;
border-radius: 6px 6px 0px 0px !important;
padding-top: 10px;
color: #ffffff !important;
text-shadow: 4px #000000 !important;
font-weight: 300;
text-shadow: 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000 !important;
}
.vector-menu-tabs-legacy .new a, .vector-menu-tabs-legacy .new a:visited {
color:#ffbd94 !important;
}

/* Style the login bar */
#p-personal {
background-color:rgba(255, 255, 255, 0.75);
top:0px;
right:0px;
border-radius: 6px 0px 0px 6px;
}

/* 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 108: 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 120: 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
}