MediaWiki:Vector.css: Difference between revisions

From Poupedia
Jump to navigation Jump to search
Content added Content deleted
mNo edit summary
mNo edit summary
 
(28 intermediate revisions by the same user not shown)
Line 1: Line 1:
@import "/load.php?mode=articles&articles=MediaWiki:BlackWhite.css&only=styles";
/* Import */
/* Import */
@font-face {
@font-face {
Line 5: Line 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*/
/* Page titles and sections titles font */
height: 40px;
body {
width: 40px;
font-family: 'Pou Font';
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 {
.page-header__title, .mw-headline {
border-radius: 6px 6px 0px 0px;
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;
}
}


/* Watch star icons */
#firstHeading{
#ca-watch, #ca-unwatch {
font-family: 'Pou Font';
color: #fff;
margin-top: 8px;
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;
}
}


.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 {
/* Main Page */
background-image: url(https://static.miraheze.org/pouwiki/thumb/c/c3/PoupediaWatchstars.png/48px-PoupediaWatchstars.png);
.mainpage-header {
height: 16px;
font-family: 'Pou Font';
width: 16px;
font-size: 22pt;
object-fit: cover;
text-align: center;
background-position: 0 0;
letter-spacing: 2px;
color: #ffffff;
text-shadow: 4px #000000;
border-radius: 5px;
background-color: #4DFF94;
font-weight: 300;
text-shadow: 2px 2px 2px #000, -2px 2px 2px #000, 2px -2px 2px #000, -2px -2px 2px #000 !important;
}
}
.vector-menu-tabs #ca-unwatch.icon a:hover:before {
.mainpage-header-news {
background-position: -32px 0;
font-family: 'Pou Font';
}
font-size: 22pt;
.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 {
text-align: center;
background-position: -16px 0;
letter-spacing: 2px;
}
color: #ffffff;
.vector-menu-tabs li {
text-shadow: 4px #000000;
background-color: #FFEBDF !important;
border-radius: 5px 5px 0px 0px;
border-radius: 6px 6px 0px 0px !important;
background-color: #4DFF94;
}
.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;
font-weight: 300;
text-shadow: 2px 2px 2px #000, -2px 2px 2px #000, 2px -2px 2px #000, -2px -2px 2px #000 !important;
text-shadow: 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000 !important;
}
}


.vector-menu-tabs li.selected {
/* Table Formatting */
background-color: #ffebdf !important;
table.article-table th {
}
background: #4DFF94 !important;
.vector-menu-tabs-legacy .new a, .vector-menu-tabs-legacy .new a:visited {
color:#000 !important;
text-align: center !important;
color: #ffffff !important;
}

.article-table {
text-align: center;
margin: 0 auto;
}
}
.vector-menu-dropdown .vector-menu-content a {

background-color: #FFAB78;
/* Thumbnail */
color: #fff;
.thumb {
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;
border: 1px solid #FFEBDF;
padding: 3px !important;
padding: 3px;
margin-left: 2px;
background-color: #FFEBDF !important;
text-align: center;
overflow: hidden;
}
}
.thumbcaption {
color: #252525 !important
}




/* Background */
/* Background */
Line 90: Line 102:
color: #00ABFE;
color: #00ABFE;
font-family: 'Pou Font';
font-family: 'Pou Font';
font-size: 125%;
}
}
#content {
#content {
Line 109: Line 122:
}
}


/* Style the login bar */
.vector-menu-tabs,
#p-personal {
.vector-menu-tabs a,
background-color:rgba(255, 255, 255, 0.75);
.vector-menu-dropdown h3,
top:0px;
#mw-head .vector-menu-dropdown h3 {
right:0px;
background-image: none;
border-radius: 0px 0px 0px 6px;
}
.vector-menu-tabs li {
background-color: #ffbd94;
background-clip: padding-box;
margin-right: -1px;
position: relative;
}
}

/* Page titles and sections titles font */
.vector-menu-tabs li:hover {
body {
background-color: #FFAB78;
font-family: 'Pou Font';
}
}

.page-header__title, .mw-headline {
.vector-menu-tabs-legacy .new a, .vector-menu-tabs-legacy .new a:visited {
font-family: 'Pou Font';
color: #ffffff;
color: #fff;
text-shadow: 4px #000000;
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;
font-weight: 300;
padding: 3px;
text-shadow: 2px 2px 2px #000, -2px 2px 2px #000, 2px -2px 2px #000, -2px -2px 2px #000 !important;
margin-left: 2px;
}
}


#firstHeading{
.vector-menu-tabs li:not(.selected):hover a {
font-family: 'Pou Font';
text-decoration: underline;
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;
.vector-menu-tabs li:hover {
padding: 3px;
z-index: 1;
margin-left: 2px;
}
}

.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{
#p-namespaces{
padding-left:0px;
padding-left:0px;
Line 177: Line 168:
width: 10.5em;
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 */
/* Style the Sidebar */
#mw-panel .vector-menu-content-list{
#mw-panel .vector-menu-content-list{

Latest 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;
  }
Retrieved from "https://poupedia.com/wiki/MediaWiki:Vector.css?oldid=13007"