MediaWiki:Vector-theme-dark.css: Difference between revisions

From Poupedia
Jump to navigation Jump to search
Content added Content deleted
mNo edit summary
mNo edit summary
 
(One intermediate revision by the same user not shown)
Line 5: Line 5:
src:url(https://static.miraheze.org/pouwiki/2/28/Pou-Font.ttf);
src:url(https://static.miraheze.org/pouwiki/2/28/Pou-Font.ttf);
}
}

/*html:has(body.wgl-theme-dark)*/
:root {
color-scheme: dark;
}



/* Personal Toolbar icons*/
/* Personal Toolbar icons*/
.wgl-theme-dark-user-menu-legacy #pt-anonuserpage:before, .wgl-theme-dark-user-menu-legacy #pt-tmpuserpage:before, .wgl-theme-dark-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 {
body.wgl-theme-dark-user-menu-legacy #pt-anonuserpage:before, body.wgl-theme-dark-user-menu-legacy #pt-tmpuserpage:before, body.wgl-theme-dark-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;
height: 20px;
width: 20px;
width: 20px;
Line 31: Line 37:
background-position: -40px 0;
background-position: -40px 0;
}
}
.wgl-theme-dark-user-menu-legacy #pt-anonuserpage, .wgl-theme-dark-user-menu-legacy #pt-tmpuserpage, .wgl-theme-dark-user-menu-legacy #pt-userpage a {
body.wgl-theme-dark-user-menu-legacy #pt-anonuserpage, body.wgl-theme-dark-user-menu-legacy #pt-tmpuserpage, body.wgl-theme-dark-user-menu-legacy #pt-userpage a {
padding: 0;
padding: 0;
}
}
Line 38: Line 44:
}
}


.wgl-theme-dark-menu-tabs {
body.wgl-theme-dark-menu-tabs {
border-radius: 6px 6px 0px 0px;
border-radius: 6px 6px 0px 0px;
}
}
Line 47: Line 53:
}
}


.wgl-theme-dark-menu-tabs .mw-watchlink.icon a {
body.wgl-theme-dark-menu-tabs .mw-watchlink.icon a {
margin-top: -8px;
margin-top: -8px;
}
}


.wgl-theme-dark-menu-tabs #ca-unwatch.icon a:hover:before, .wgl-theme-dark-menu-tabs #ca-unwatch.icon a:before, .wgl-theme-dark-menu-tabs #ca-watch.icon a:hover:before, .wgl-theme-dark-menu-tabs #ca-watch.icon a:focus:before, .wgl-theme-dark-menu-tabs #ca-watch.icon a:before {
body.wgl-theme-dark-menu-tabs #ca-unwatch.icon a:hover:before, body.wgl-theme-dark-menu-tabs #ca-unwatch.icon a:before, body.wgl-theme-dark-menu-tabs #ca-watch.icon a:hover:before, body.wgl-theme-dark-menu-tabs #ca-watch.icon a:focus:before, body.wgl-theme-dark-menu-tabs #ca-watch.icon a:before {
background-image: url(https://static.miraheze.org/pouwiki/thumb/c/c3/PoupediaWatchstars.png/48px-PoupediaWatchstars.png);
background-image: url(https://static.miraheze.org/pouwiki/thumb/c/c3/PoupediaWatchstars.png/48px-PoupediaWatchstars.png);
height: 16px;
height: 16px;
Line 58: Line 64:
background-position: 0 0;
background-position: 0 0;
}
}
.wgl-theme-dark-menu-tabs #ca-unwatch.icon a:hover:before {
body.wgl-theme-dark-menu-tabs #ca-unwatch.icon a:hover:before {
background-position: -32px 0;
background-position: -32px 0;
}
}
.wgl-theme-dark-menu-tabs #ca-unwatch.icon a:before, .wgl-theme-dark-menu-tabs #ca-watch.icon a:hover:before, .wgl-theme-dark-menu-tabs #ca-watch.icon a:focus:before {
body.wgl-theme-dark-menu-tabs #ca-unwatch.icon a:before, body.wgl-theme-dark-menu-tabs #ca-watch.icon a:hover:before, body.wgl-theme-dark-menu-tabs #ca-watch.icon a:focus:before {
background-position: -16px 0;
background-position: -16px 0;
}
}
.wgl-theme-dark-menu-tabs li {
body.wgl-theme-dark-menu-tabs li {
background-color: #FFAB78 !important;
background-color: #FFAB78 !important;
border-radius: 6px 6px 0px 0px !important;
border-radius: 6px 6px 0px 0px !important;
}
}
.wgl-theme-dark-menu-tabs li a {
body.wgl-theme-dark-menu-tabs li a {
background-color: #FFAB78 !important;
background-color: #FFAB78 !important;
border-radius: 6px 6px 0px 0px !important;
border-radius: 6px 6px 0px 0px !important;
Line 78: Line 84:
}
}


.wgl-theme-dark-menu-tabs li.selected {
body.wgl-theme-dark-menu-tabs li.selected {
background-color: #FFAB78 !important;
background-color: #FFAB78 !important;
}
}
.wgl-theme-dark-menu-tabs-legacy .new a, .wgl-theme-dark-menu-tabs-legacy .new a:visited {
body.wgl-theme-dark-menu-tabs-legacy .new a, body.wgl-theme-dark-menu-tabs-legacy .new a:visited {
color: #ffffff !important;
color: #ffffff !important;
}
}
.wgl-theme-dark-menu-dropdown .wgl-theme-dark-menu-content a {
body.wgl-theme-dark-menu-dropdown body.wgl-theme-dark-menu-content a {
background-color: #973a00;
background-color: #973a00;
color: #fff;
color: #fff;
Line 221: Line 227:
}
}
/* Style the Sidebar */
/* Style the Sidebar */
#mw-panel .wgl-theme-dark-menu-content-list{
#mw-panel body.wgl-theme-dark-menu-content-list{
padding: 6px;
padding: 6px;
background-color:#ffffff;
background-color:#ffffff;

Latest revision as of 14:22, 27 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);
}

/*html:has(body.wgl-theme-dark)*/
:root {
	color-scheme: dark;
}


/* Personal Toolbar icons*/
body.wgl-theme-dark-user-menu-legacy #pt-anonuserpage:before, body.wgl-theme-dark-user-menu-legacy #pt-tmpuserpage:before, body.wgl-theme-dark-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;
}
body.wgl-theme-dark-user-menu-legacy #pt-anonuserpage, body.wgl-theme-dark-user-menu-legacy #pt-tmpuserpage, body.wgl-theme-dark-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;
}

body.wgl-theme-dark-menu-tabs { 
    border-radius: 6px 6px 0px 0px;
}

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

body.wgl-theme-dark-menu-tabs .mw-watchlink.icon a { 
    margin-top: -8px;
}

body.wgl-theme-dark-menu-tabs #ca-unwatch.icon a:hover:before, body.wgl-theme-dark-menu-tabs #ca-unwatch.icon a:before, body.wgl-theme-dark-menu-tabs #ca-watch.icon a:hover:before, body.wgl-theme-dark-menu-tabs #ca-watch.icon a:focus:before, body.wgl-theme-dark-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;
}
body.wgl-theme-dark-menu-tabs #ca-unwatch.icon a:hover:before {
	background-position: -32px 0;
}
body.wgl-theme-dark-menu-tabs #ca-unwatch.icon a:before, body.wgl-theme-dark-menu-tabs #ca-watch.icon a:hover:before, body.wgl-theme-dark-menu-tabs #ca-watch.icon a:focus:before {
	background-position: -16px 0;
}
body.wgl-theme-dark-menu-tabs li {
	background-color: #FFAB78 !important;
	border-radius: 6px 6px 0px 0px !important;
}
body.wgl-theme-dark-menu-tabs li a {
	background-color: #FFAB78 !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;
}

  body.wgl-theme-dark-menu-tabs li.selected {
      background-color: #FFAB78 !important;
  }
body.wgl-theme-dark-menu-tabs-legacy .new a, body.wgl-theme-dark-menu-tabs-legacy .new a:visited {
	color: #ffffff !important;
}
body.wgl-theme-dark-menu-dropdown body.wgl-theme-dark-menu-content a {
	background-color: #973a00;
	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/d/db/PoupediaBackground-dark.png");
    background-image: url("https://static.miraheze.org/pouwiki/2/2f/Poupedia-header-dark.png"), url("https://static.miraheze.org/pouwiki/d/db/PoupediaBackground-dark.png");
    background-repeat: repeat-x, repeat;
    background-position: top left, top left;
    background-size: auto 234px, 468px;
    background-color: #004E00;
    color: #000431;
    font-family: 'Pou Font';
    font-size: 125%;
  }
  #content {
      background-color: #FFAB78;
      color: #000;
  }
  #content:after {
	content: "";
	position: absolute;
	border-top: 6px solid transparent;
	border-left: 6px solid url("https://static.miraheze.org/pouwiki/d/db/PoupediaBackground-dark.png");
    left: -6px;
    bottom: 0;
	}
	
  #mw-head{
    color: #004E00;
    font-family: 'Pou Font';
    background-color: #000431;
    }

/* 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: #004E00;
    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: #004E00;
    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: #004E00 !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: #ffffff !important
}
  /* Style the Sidebar */
  #mw-panel body.wgl-theme-dark-menu-content-list{
  padding: 6px;
  background-color:#ffffff;
  border-radius: 6px;
  }