MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
Content added Content deleted
mNo edit summary Tag: Manual revert |
m (Replaced content with "→Import: @font-face { font-family: 'Pou Font'; src:url(https://static.miraheze.org/pouwiki/2/28/Pou-Font.ttf); }") Tag: Replaced |
||
Line 3: | Line 3: | ||
font-family: 'Pou Font'; |
font-family: 'Pou Font'; |
||
src:url(https://static.miraheze.org/pouwiki/2/28/Pou-Font.ttf); |
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; |
|||
} |
|||
.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; |
|||
} |
|||
/* 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: #FFEBDF !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: 0px 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 */ |
|||
.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 |
|||
} |
} |