MediaWiki:Vector.css: Difference between revisions

From Poupedia
Jump to navigation Jump to search
Content added Content deleted
mNo edit summary
mNo edit summary
(34 intermediate revisions by the same user not shown)
Line 1:
@import "/load.php?mode=articles&articles=MediaWiki:BlackWhite.css&only=styles";
/* Import */
@font-face {
Line 5 ⟶ 6:
}
 
/* 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, .oo-ui-icon-bell, .mew-ui-icon-bell:before, .oo-ui-icon-tray, .mw-ui-icon-tray:before, .oo-ui-icon-userAvatar, .mw-ui-icon-userAvatar:before {
height: 20px;
width: 20px;
background-image: url(https://static.miraheze.org/pouwiki/thumb/8/85/PoupediaUserIcons.png/60px-PoupediaUserIcons.png);
}
 
.oo-ui-icon-userAvatar, .mw-ui-icon-userAvatar:before { /*user*/
height: 40px;
width: 40px;
background-image: url(https://static.miraheze.org/pouwiki/thumb/8/85/PoupediaUserIcons.png/120px-PoupediaUserIcons.png);
background-position: 0px 0;
}
.oo-ui-icon-bell, .mew-ui-icon-bell:before { /*bell*/
height: 20px;
width: 20px;
background-image: url(https://static.miraheze.org/pouwiki/thumb/8/85/PoupediaUserIcons.png/60px-PoupediaUserIcons.png);
background-position: -20px 0;
}
.oo-ui-icon-tray, .mw-ui-icon-tray:before { /*alert*/
height: 20px;
width: 20px;
background-image: url(https://static.miraheze.org/pouwiki/thumb/8/85/PoupediaUserIcons.png/60px-PoupediaUserIcons.png);
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;
}
 
.vector-menu-tabs {
border-radius: 6px 6px 0px 0px;
}
 
/* 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 {
background-color: #FFEBDF !important;
border-radius: 6px 6px 0px 0px !important;
}
.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 li.selected {
background-color: #ffebdf !important;
}
.vector-menu-tabs-legacy .new a, .vector-menu-tabs-legacy .new a:visited {
color: #ffffff !important;
}
.vector-menu-dropdown .vector-menu-content a {
background-color: #FFAB78;
color: #fff;
text-shadow: 1px 0 #000, -1px 0 #000, 0 1px #000, 0 -1px #000, 1px 1px #000, -1px -1px #000, 1px -1px #000, -1px 1px #000;
padding: 3px;
margin-left: 2px;
}
 
/* Background */
body {
background-color: url("https://static.miraheze.org/pouwiki/8/83/PoupediaBackground.png");
background-image: url("https://static.miraheze.org/pouwiki/f/f8/Poupedia-header.png"), url("https://static.miraheze.org/pouwiki/8/83/PoupediaBackground.png");
background-repeat: repeat-x, repeat;
background-position: top left, top left;
background-size: auto 234px, 468px;
background-color: #00B300;
color: #00ABFE;
font-family: 'Pou Font';
font-size: 125%;
}
#content {
background-color: #ffebdf;
}
#content:after {
content: "";
position: absolute;
border-top: 6px solid transparent;
border-left: 6px solid url("https://static.miraheze.org/pouwiki/8/83/PoupediaBackground.png");
left: -6px;
bottom: 0;
}
#mw-head{
color: #00B300;
font-family: 'Pou Font';
background-color: #00ABFE;
}
 
/* 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 */
Line 26 ⟶ 150:
margin-left: 2px;
}
#p-namespaces{
 
padding-left:0px;
}
#p-search{
padding: 0px 15px;
margin: 0px;
height:40px;
border-bottom: none;
}
#content, #left-navigation {
margin-left: 11.5em;
}
#mw-panel {
width: 10.5em;
}
 
/* Main Page */
Line 37 ⟶ 178:
text-shadow: 4px #000000;
border-radius: 5px;
background-color: #4DFF9400B300;
font-weight: 300;
text-shadow: 2px 2px 2px #000, -2px 2px 2px #000, 2px -2px 2px #000, -2px -2px 2px #000 !important;
Line 49 ⟶ 190:
text-shadow: 4px #000000;
border-radius: 5px 5px 0px 0px;
background-color: #4DFF9400B300;
font-weight: 300;
text-shadow: 2px 2px 2px #000, -2px 2px 2px #000, 2px -2px 2px #000, -2px -2px 2px #000 !important;
Line 56 ⟶ 197:
/* Table Formatting */
table.article-table th {
background: #4DFF9400B300 !important;
color: #000fff !important;
text-shadow: 2px 2px 2px #000, -2px 2px 2px #000, 2px -2px 2px #000, -2px -2px 2px #000 !important;
text-align: center !important;
}
Line 68 ⟶ 210:
/* Thumbnail */
.thumb {
border: 1px solid #FFEBDF;
padding: 3px !important;
background-color: #FFEBDF !important;
border-radius: 6px;
text-align: center;
overflow: hidden;
Line 77 ⟶ 219:
color: #252525 !important
}
 
 
 
/* Background */
body {
background-color: url("https://static.miraheze.org/pouwiki/8/83/PoupediaBackground.png");
background-image: url("https://static.miraheze.org/pouwiki/f/f8/Poupedia-header.png"), url("https://static.miraheze.org/pouwiki/8/83/PoupediaBackground.png");
background-color: #00B300;
color: #00ABFE;
font-family: 'Pou Font';
}
#content {
background-color: #ffebdf;
}
#content:after {
content: "";
position: absolute;
border-top: 6px solid transparent;
border-left: 6px solid url("https://static.miraheze.org/pouwiki/8/83/PoupediaBackground.png");
left: -6px;
bottom: 0;
}
#mw-head{
color: #00B300;
font-family: 'Pou Font';
background-image: url("https://static.miraheze.org/pouwiki/f/f8/Poupedia-header.png");
}
 
.vector-menu-tabs,
.vector-menu-tabs a,
.vector-menu-dropdown h3,
#mw-head .vector-menu-dropdown h3 {
background-image: none;
}
.vector-menu-tabs li {
background-color: #ffbd94;
background-clip: padding-box;
border: 1px solid transparent;
border-bottom: 0;
margin-right: -1px;
position: relative;
}
.vector-menu-tabs li:not(.selected):hover a {
text-decoration: underline;
}
.vector-menu-tabs li:hover {
z-index: 1;
}
 
.vector-menu-tabs li.selected {
background-color: #ffebdf;
padding-bottom: 1px;
z-index: 2;
}
/* Style the top bar */
#p-namespaces .mw-list-item, #p-views .mw-list-item, #p-cactions, #p-search{
background-color:#ffebdf;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom: none;
}
#ca-unwatch, #ca-watch{
padding-left: 6px;
padding-right: 3px;
}
#p-namespaces{
padding-left:0px;
}
#p-search{
padding: 0px 15px;
margin: 0px;
height:40px;
border-bottom: none;
}
#content, #left-navigation {
margin-left: 11.5em;
}
#mw-panel {
width: 10.5em;
}
/* Style the Sidebar */
#mw-panel .vector-menu-content-list{

Revision as of 11:22, 23 June 2024

@import "/load.php?mode=articles&articles=MediaWiki:BlackWhite.css&only=styles";
/* 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,  .oo-ui-icon-bell, .mew-ui-icon-bell:before,  .oo-ui-icon-tray, .mw-ui-icon-tray:before, .oo-ui-icon-userAvatar, .mw-ui-icon-userAvatar:before {
	height: 20px;
	width: 20px;
	background-image: url(https://static.miraheze.org/pouwiki/thumb/8/85/PoupediaUserIcons.png/60px-PoupediaUserIcons.png);
}

.oo-ui-icon-userAvatar, .mw-ui-icon-userAvatar:before { /*user*/
	height: 40px;
	width: 40px;
	background-image: url(https://static.miraheze.org/pouwiki/thumb/8/85/PoupediaUserIcons.png/120px-PoupediaUserIcons.png);
	background-position: 0px 0;
}
.oo-ui-icon-bell, .mew-ui-icon-bell:before { /*bell*/
	height: 20px;
	width: 20px;
	background-image: url(https://static.miraheze.org/pouwiki/thumb/8/85/PoupediaUserIcons.png/60px-PoupediaUserIcons.png);
	background-position: -20px 0;
}
.oo-ui-icon-tray, .mw-ui-icon-tray:before { /*alert*/
	height: 20px;
	width: 20px;
	background-image: url(https://static.miraheze.org/pouwiki/thumb/8/85/PoupediaUserIcons.png/60px-PoupediaUserIcons.png);
	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;
}

.vector-menu-tabs { 
    border-radius: 6px 6px 0px 0px;
}

/* 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 {
	background-color: #FFEBDF !important;
	border-radius: 6px 6px 0px 0px !important;
}
.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 li.selected {
      background-color: #ffebdf !important;
  }
.vector-menu-tabs-legacy .new a, .vector-menu-tabs-legacy .new a:visited {
	color: #ffffff !important;
}
.vector-menu-dropdown .vector-menu-content a {
	background-color: #FFAB78;
	color: #fff;
	text-shadow: 1px 0 #000, -1px 0 #000, 0 1px #000, 0 -1px #000, 1px 1px #000, -1px -1px #000, 1px -1px #000, -1px 1px #000;
	padding: 3px;
	margin-left: 2px;
}

  /* Background */
  body  {
    background-color: url("https://static.miraheze.org/pouwiki/8/83/PoupediaBackground.png");
    background-image: url("https://static.miraheze.org/pouwiki/f/f8/Poupedia-header.png"), url("https://static.miraheze.org/pouwiki/8/83/PoupediaBackground.png");
    background-repeat: repeat-x, repeat;
    background-position: top left, top left;
    background-size: auto 234px, 468px;
    background-color: #00B300;
    color: #00ABFE;
    font-family: 'Pou Font';
    font-size: 125%;
  }
  #content {
      background-color: #ffebdf;
  }
  #content:after {
	content: "";
	position: absolute;
	border-top: 6px solid transparent;
	border-left: 6px solid url("https://static.miraheze.org/pouwiki/8/83/PoupediaBackground.png");
    left: -6px;
    bottom: 0;
	}
	
  #mw-head{
    color: #00B300;
    font-family: 'Pou Font';
    background-color: #00ABFE;
    }

/* 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;
}
  #p-namespaces{
  padding-left:0px;
  }
  
  #p-search{
  padding: 0px 15px;
  margin: 0px;
  height:40px;
  border-bottom: none;
  }
  
  #content, #left-navigation {
  margin-left: 11.5em;
  }
  
  #mw-panel {
  width: 10.5em;
  }

/* 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: #00B300 !important;
    color: #fff !important;
    text-shadow: 2px 2px 2px #000, -2px 2px 2px #000, 2px -2px 2px #000, -2px -2px 2px #000 !important;
    text-align: center !important;
    }

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

/* Thumbnail */
.thumb {
    padding: 3px !important;
    background-color: #FFEBDF !important;
    border-radius: 6px;
    text-align: center;
    overflow: hidden;
}
.thumbcaption {
    color: #252525 !important
}
  /* Style the Sidebar */
  #mw-panel .vector-menu-content-list{
  padding: 6px;
  background-color:#ffffff;
  border-radius: 6px;
  }