MediaWiki:Common.css: Difference between revisions

From Destinypedia, the Destiny wiki

No edit summary
mNo edit summary
 
(476 intermediate revisions by 5 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins on desktop */


/* Staff highlights */
/* Navbox style
      Edit here: https://www.destinypedia.com/MediaWiki:Gadget-NavboxStyle.css
  Staff highlights
      Edit here: https://www.destinypedia.com/MediaWiki:Gadget-StaffHighlights.css
  Custom wallpapers
      Edit here: https://www.destinypedia.com/MediaWiki:Gadget-Wallpapers.css */


/* Developers */
/* General */
#whodevs a,
 
#whosonline a[title="User:Porplemontage"],
h1 { font-size: 2.00em; }
ul.special li a[title="User:Porplemontage"],
h2 { font-size: 1.75em; }
table.diff a[title="User:Porplemontage"],
h3 { font-size: 1.45em; }
ul#pagehistory li a[title="User:Porplemontage"] {
h4 { font-size: 1.32em; }
color: #F26500;
h5 { font-size: 1.15em; }
}
h6 { font-size: 1.00em; }


/* Bureaucrats */
.fakeh2 {
#whocrats a {
font-size: 1.75em;
color: #9932CC;
border-bottom: 1px solid #a2a9b1;
padding-top: 0.5em;
padding-bottom: 0.17em;
margin-bottom: 0.6em;
}
}
 
.fakeh3 {
/* Administrators */
font-size: 1.45em;
#whoadmins a {
font-weight: bold;
color: #048204;
padding-top: 0.5em;
padding-bottom: 0.17em;
margin-bottom: 0.3em;
}
}


/* Patrollers */
#bodyContent {
#whopatrollers a {
background: transparent !important;
color: #6495ED;
}
}
/* General */


#main-wrap {
#main-wrap {
padding-bottom: 33px;
padding-bottom: 33px;
}
}
#bodyContent {
position: relative;
background: transparent url() no-repeat center 65px !important;
}
.user-board-message {
background: #fff;
}
table, div#profile-top, .profile-info {
background-color: transparent;
}
.spoiler {
width: 70%;
padding: 0.2em;
margin: 10px;
border-top: 2px solid #ccc;
border-bottom: 2px solid #ccc;
}
.easywrap {
.easywrap {
width: 100%;
width: 100%;
Line 62: Line 47:


.catlinks {
.catlinks {
background: #f9f9f9 url() no-repeat top right;
background: #f9f9f9;
}
}


pre {  
.mw-parser-output > .col-begin {
overflow: auto;
margin-top: 0.3em;
}
}


#disambig {
.featurelist .mw-collapsible {
border-top: 3px double #cccccc;
margin-right: 10px;
border-bottom: 3px double #cccccc;
}
}
 
.featurelist h3 {
ol.references {
padding-top: 0;
font-size: 90%;
padding-bottom: 0.5em;
}
}
 
.featurelist .mw-collapsible-content {
.references-small {
margin-top: -0.5em;
font-size: 80%;
margin-bottom: 0.5em;
}
}
 
.featurelist td > p {
ol.references > li:target {
display: none;
background-color: #ddeeff;
}
}


sup.reference:target {
/* Site subtitle */
background-color: #ddeeff;
p.subtitle, #siteSub {
display: block;
font-size: 90%;
font-style: italic;
margin: 0;
}
}


.references {
/* Infoboxes */
font-size: 92%;
.infobox {
float: right;
clear: right;
font-size: 90%;
margin: 0 0 1em 1em;
padding: 2px;
}
}
 
.infoboxheading {
/* Checkered background for transparent images. See also http://www.mediawiki.org/wiki/Special:Code/MediaWiki/20065 */
font-size: 130%;
#file img {
background: url(/images/Checker-16x16.png) repeat;
}
}


html .thumbimage, .random-users-avatars img {
.random-users-avatars img {
background: white;
background: #fff;
}
}


Line 107: Line 97:
}
}


.cleared {
/* Main page */
clear: both;
body.page-Main_Page.action-view #bodyContent {
margin-top: 18px;
}
}


.IntroPageBox {
.page-Special_UpdateProfile_preferences .site-button,
background-color: #ffe;
.page-Special_UploadAvatar .site-button {
background-repeat: no-repeat;
margin-top: 10px;
background-position: bottom right;
}
.page-Special_UpdateProfile_preferences input[type="checkbox"] {
margin: 2px 5px 0 0;
}
.profile-update {
margin-bottom: 5px;
}
}


.IntroPageBox div.tright {
.profile-tab-bar {
border-color: transparent !important;
margin-top: 26px;
}
}


/* Main Page */
.foreground a {
body.page-Main_Page h1.firstHeading {
color: #1AAAE7;
display: none;
}
}
body.page-Main_Page #bodyContent {
 
margin-top: 18px;
/* Notice boxes */
.noticebox + .noticebox {
margin-top: -5px !important;
}
}


/* Meet the Community */
/* Site activity */
.random-users-avatars {
.mp-activity {
padding: 0px 0px 0px 10px;
padding: 3px 0;
border: none;
}
}
.mp-site-activity h2 {
.random-users-avatars h2 {
padding: 10px 0 2px 0;
border-bottom: none;
margin: 0px 0px 0px 0px;
padding: 7px 0px 8px 0px;
}
}
.item {
.random-users-avatars img {
margin: 2px 0 2px 20px
border: 1px solid #DCDCDC;
display: block;
float: left;
height: 50px;
margin: 0px 8px 8px 0px;
width: 50px;
}
}
 
.item p {
/* Remove the title (h1 element) for Special:UpdateProfile and Special:UploadAvatar */
margin-bottom: 0.3em;
body.page-Special_UpdateProfile_custom h1,
body.page-Special_UploadAvatar h1 {
display: none;
}
}


.profile-tab-bar {
/* Adjust inputbox button padding in Firefox */
margin-top: 26px;
.bodySearchWrap .mw-ui-button, .createboxButton {
padding-top: 6px !important;
padding-bottom: 6px !important;
}
}
 
@-moz-document url-prefix() {
.mp-welcome-points {
.bodySearchWrap .mw-ui-button, .createboxButton {
width: 50%;
padding-top: 6px !important;
padding-bottom: 5px !important;
}
}
}


/* Era icons */
/* Lore page background */
#title-eraicons {  
.page-Destiny_2_Lore .tabbox {
display: none !important;
background: url(https://destiny.wiki.gallery/images/a/af/Destiny_2_menu_background_blurred_by_destinywarlock-dbguds6.png);
visibility: hidden !important;
}
}
#title-linktabs {  
.page-Destiny_2_Lore .tabbox, .page-Destiny_2_Lore .tabbox h2 {
position: absolute;
color: #fff;
right: 0;
top: -46px;
}
}
 
.page-Destiny_2_Lore .tabcontainer {
#title-linktabs img {
padding: 0;
padding: 0 1px;
}
}
 
.page-Destiny_2_Lore .selected {
/* Infobox template styling */
padding-bottom: 1px;
.infobox {
float: right;
clear: right;
margin: 0 0 .5em 1em;
width: 250px;
background: none;
border-collapse: collapse;
border-width: 0px;
font-size: 0.8em;
line-height: 1.5;
}
}


.infobox table.infoboxtable {
/* Custom tab colors */
background: #f0f0f0;
.page-User_Arcmind_Other .tabtoc li.selected {
float: right;
background: #0a0c0f !important;
margin: 0;
width: 100%;
border-collapse: collapse;
}
}
 
.page-User_Arcmind_Other .tabtoc li.selected a {
.infobox td.infoboximage {
color: white !important;
padding: 0;
text-align: center;  
}
}
 
.page-User_Arcmind_Other .tabcontainer h2 {
.infobox th.infoboxheading {
color: white !important;
font-weight: bold;
text-align: center;
color: #ffffff;
font-size: larger;
}
}


.infobox th.infoboxsubheading {
/* Indicator icons */
vertical-align: top;
.mw-indicator {
text-align: left;
margin: 0 2px;
font-weight: normal;  
}
}


.infobox td.infoboxlabel, .infobox td.infoboxcell {
/* Who's online */
vertical-align: middle;
#whosonline {
/* border-top: 1px solid #999;
margin-bottom: 0;
border-bottom: 1px solid #999; */
}
}


/* ugly hack to force normal height for infobox cells */
/* Site notice */
.infoboxcell p {
@media all and (max-width: 1100px) {
margin-top: 0px;
#siteNotice {
margin-bottom: 0px;
font-size: 80%;
}
}
}
/* .infoboxcell ul { list-style-type: disc; } */


.infoboxcell ul {
/* User welcome */
padding-left: 10px;
.mp-welcome-logged-in {
margin-left: 10px;
width: 270px;
margin-top: -13px;
}
}
 
.mp-welcome-points {
.infoboxcell ul li {
width: 170px;
padding-left: 0;
padding-left: 5px;
margin-left: 0;
list-style-type: square;
}
}


.infobox div.plainlinks {
/* Social profile */
color: #fff;
.pagetitle {
display: block !important;
}
}
 
.mw-special-UpdateProfile input[type="text"],
.infobox div.plainlinks a {
.mw-special-EditProfile input[type="text"] {
color: #f0f0f0;
width: 225px;
border: 1px solid #c8ccd1;
}
}
 
.mw-special-UpdateProfile select,
.foreground {
.mw-special-EditProfile select {
background: url() no-repeat center 65px !important;
width: 229px;
border: 1px solid #c8ccd1;
}
}
 
.mw-special-EditProfile textarea {
.foreground a {
width: 95%;
color: #1AAAE7;
}
}
 
.user-section-heading {
/* JS Tab System, Jacked and Hacked from the jsprefs in monobook/main.css -Dantman */
.tabtoc {
margin: 0 !important;
padding: 0;
width: 100%;
clear: both;
clear: both;
}
}
 
.user-section-title {
.tabtoc li {
letter-spacing: normal;
background-color: transparent;
color: #000;
}
}
 
#profile-toggle-button {
.tabtoc li {
top: 10px !important;
margin: 1px -2px 1px 2px;
float: left;
padding: 2px 0 3px 0;
border: none;
top:4px;
left:-2px;
position: relative;
white-space: nowrap;
list-style-type: none;
list-style-image: none;
z-index: 3;
}
}
 
#profile-top {
.tabtoc li.selected {
margin-bottom: 15px;
border-radius: 5px 5px 0 0;
border-bottom: 1px solid #C9D6E0;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-ms-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
top: 2px;
font-weight: bold;
background-color: #f9f9f9;
border: 1px solid #aaa;
border-bottom: none;
cursor: default;
padding-top: 2px;
margin-right: -3px;
}
}
 
table, div#profile-top, .profile-info {
.tabtoc >; li.selected {
background-color: transparent;
top: 2px;
}
}
 
.profile-info-container p {
.tabtoc a,
margin: 0 0 8px 10px;
.tabtoc a:active {
display: block;
color: #000;
padding: 0 .7em;
position: relative;
text-decoration: none;
}
}
 
.user-home-item-gift {
.tabtoc li.selected a {
margin: 2px 25px;
cursor: default;
text-decoration: none;
}
}
 
.user-board-message {
.tabcontainer {
background: #fff;
margin: 0;
border: 1px solid #C9D6E0;
border: 1px solid #aaa;
clear: both;
padding: 7px;
background-color: #F9F9F9;
}
}
 
.user-board-message img {
.tabsection {
max-width: 100% !important;
border: none;
height: auto !important;
padding: 0;
margin: 0;
}
}
 
.user-board-message-content {
.tabsection .tabbox {
margin: 0 5px;
border: 1px solid #aaa;
float: left;
margin-right: 2em;
}
}
 
.user-board-message-body {
.tabsection .tab {
float: none;
font-weight: bold;
}
}
 
.user-board-message-from {
.tabsection table, .tabsection .tab {
background-color: #F8F5F5;
background-color: #F9F9F9;
}
}
.no-info-container {
.mainTab {
background-color: #F8F5F5;
display: none;
}
}
 
.profile-tab a:hover {
/* Collapsible tables (see http://www.mediawiki.org/wiki/Manual:Collapsible_tables) */
color: #466C2C !important;
table.collapsed tr.collapsable {
display: none;
}
}
 
.page-nav {
.collapseButton { /* 'show'/'hide' buttons created dynamically by the     */
margin: 8px 5px 10px;
float: right; /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
font-weight: normal; /* are styled here so they can be customised.   */
text-align: right;
width: auto;
}
}
 
.page-nav a, .page-nav a:visited {
/** User welcome **/
border: 1px solid #ccc;
.mp-welcome-logged-in {
padding: 2px 6px;
width: 260px;
background: #F8F5F5;
margin-top: -13px;
color: #000;
}
}
.mp-welcome-image {
.page-nav a:hover {
width: 74px;
background: #eee;
text-decoration: none;
}
}
.mp-welcome-points {
.g-give-all {
width: 170px;
background: #fff;
padding-left: 5px;
}
}


.blackink {
/* Meet the community */
    background-color: #000000;
.random-users-avatars {
    border-radius:4px;
padding: 0px 0px 0px 10px;
    color: #000000;
}
    padding: 1px;
    transition: 1.5s;
.random-users-avatars h2 {
    -o-transition: 1.5s;
border-bottom: none;
    -ms-transition: 1.5s;
margin: 0px 0px 0px 0px;
    -moz-transition: 1.5s;
padding: 7px 0px 8px 0px;
    -webkit-transition: 1.5s;
    transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
}
}
 
.blackink a {
.random-users-avatars img {
    color: #000000;
border: 1px solid #DCDCDC;
    padding: 1px;
display: block;
    text-decoration: underline;
float: left;
height: 50px;
margin: 0px 8px 8px 0px;
width: 50px;
}
}


.blackink:hover {
/* Echo extension */
    background-color: inherit !important;
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup {
    color: inherit;
font-size: 12px;
}
}
 
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
/* Edit box */
margin-bottom: 10px;
.wikiEditor-ui textarea#wpTextbox1 {
line-height: 1.4em;
}
}
#wpSummary, #wpSummaryLabel {
.mw-echo-ui-crossWikiUnreadFilterWidget-group {
margin: 0.2em 0 0.4em 0 !important;
display: none;
}
}
input#wpSummary {
.oo-ui-popupWidget-body-padded {
width: 85%;
margin-top: 8px;
}
}
 
.oo-ui-popupWidget-head {
/* Site activity */
overflow: hidden;
.mp-activity {
padding: 3px 0;
border: none;
}
}
.mp-site-activity h2 {
.mw-echo-ui-overlay {
padding: 10px 0 2px 0;
z-index: 100;
}
}

Latest revision as of 11:07, March 22, 2024

/* CSS placed here will be applied to all skins on desktop */

/* Navbox style
       Edit here: https://www.destinypedia.com/MediaWiki:Gadget-NavboxStyle.css
   Staff highlights
       Edit here: https://www.destinypedia.com/MediaWiki:Gadget-StaffHighlights.css
   Custom wallpapers
       Edit here: https://www.destinypedia.com/MediaWiki:Gadget-Wallpapers.css */

/* General */

h1 { font-size: 2.00em; }
h2 { font-size: 1.75em; }
h3 { font-size: 1.45em; }
h4 { font-size: 1.32em; }
h5 { font-size: 1.15em; }
h6 { font-size: 1.00em; }

.fakeh2 {
	font-size: 1.75em;
	border-bottom: 1px solid #a2a9b1;
	padding-top: 0.5em;
	padding-bottom: 0.17em;
	margin-bottom: 0.6em;
}
.fakeh3 {
	font-size: 1.45em;
	font-weight: bold;
	padding-top: 0.5em;
	padding-bottom: 0.17em;
	margin-bottom: 0.3em;
}

#bodyContent {
	background: transparent !important;
}

#main-wrap {
	padding-bottom: 33px;
}
.easywrap {
	width: 100%;
	table-layout: fixed;
	word-wrap: break-word;
	overflow: hidden;
}

.catlinks {
	background: #f9f9f9;
}

.mw-parser-output > .col-begin {
	margin-top: 0.3em;
}

.featurelist .mw-collapsible {
	margin-right: 10px;
}
.featurelist h3 {
	padding-top: 0;
	padding-bottom: 0.5em;
}
.featurelist .mw-collapsible-content {
	margin-top: -0.5em;
	margin-bottom: 0.5em;
}
.featurelist td > p {
	display: none;
}

/* Site subtitle */
p.subtitle, #siteSub {
	display: block;
	font-size: 90%;
	font-style: italic;
	margin: 0;
}

/* Infoboxes */
.infobox {
	float: right;
	clear: right;
	font-size: 90%;
	margin: 0 0 1em 1em;
	padding: 2px;
}
.infoboxheading {
	font-size: 130%;
}

.random-users-avatars img {
	background: #fff;
}

div.thumb {
	border-color: transparent;
}

/* Main page */
body.page-Main_Page.action-view #bodyContent {
	margin-top: 18px;
}

.page-Special_UpdateProfile_preferences .site-button,
.page-Special_UploadAvatar .site-button {
	margin-top: 10px;
}
.page-Special_UpdateProfile_preferences input[type="checkbox"] {
	margin: 2px 5px 0 0;
}
.profile-update {
	margin-bottom: 5px;
}

.profile-tab-bar {
	margin-top: 26px;
}

.foreground a {
	color: #1AAAE7;
}

/* Notice boxes */
.noticebox + .noticebox {
	margin-top: -5px !important;
}

/* Site activity */
.mp-activity {
	padding: 3px 0;
	border: none;
}
.mp-site-activity h2 {
	padding: 10px 0 2px 0;
}
.item {
	margin: 2px 0 2px 20px
}
.item p {
	margin-bottom: 0.3em;
}

/* Adjust inputbox button padding in Firefox */
.bodySearchWrap .mw-ui-button, .createboxButton {
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}
@-moz-document url-prefix() { 
	.bodySearchWrap .mw-ui-button, .createboxButton {
		padding-top: 6px !important;
		padding-bottom: 5px !important;
	}
}

/* Lore page background */
.page-Destiny_2_Lore .tabbox {
	background: url(https://destiny.wiki.gallery/images/a/af/Destiny_2_menu_background_blurred_by_destinywarlock-dbguds6.png);
}
.page-Destiny_2_Lore .tabbox, .page-Destiny_2_Lore .tabbox h2 {
	color: #fff;
}
.page-Destiny_2_Lore .tabcontainer {
	padding: 0;
}
.page-Destiny_2_Lore .selected {
	padding-bottom: 1px;
}

/* Custom tab colors */
.page-User_Arcmind_Other .tabtoc li.selected {
	background: #0a0c0f !important;
}
.page-User_Arcmind_Other .tabtoc li.selected a {
	color: white !important;
}
.page-User_Arcmind_Other .tabcontainer h2 {
	color: white !important;
}

/* Indicator icons */
.mw-indicator {
	margin: 0 2px;
}

/* Who's online */
#whosonline {
	margin-bottom: 0;
}

/* Site notice */
@media all and (max-width: 1100px) {
	#siteNotice {
		font-size: 80%;
	}
}

/* User welcome */
.mp-welcome-logged-in {
	width: 270px;
	margin-top: -13px;
}
.mp-welcome-points {
	width: 170px;
	padding-left: 5px;
}

/* Social profile */
.pagetitle {
	display: block !important;
}
.mw-special-UpdateProfile input[type="text"],
.mw-special-EditProfile input[type="text"] {
	width: 225px;
	border: 1px solid #c8ccd1;
}
.mw-special-UpdateProfile select,
.mw-special-EditProfile select {
	width: 229px;
	border: 1px solid #c8ccd1;
}
.mw-special-EditProfile textarea {
	width: 95%;
}
.user-section-heading {
	clear: both;
}
.user-section-title {
	letter-spacing: normal;
}
#profile-toggle-button {
	top: 10px !important;
}
#profile-top {
	margin-bottom: 15px;
	border-bottom: 1px solid #C9D6E0;
}
table, div#profile-top, .profile-info {
	background-color: transparent;
}
.profile-info-container p {
	margin: 0 0 8px 10px;
}
.user-home-item-gift {
	margin: 2px 25px;
}
.user-board-message {
	background: #fff;
	border: 1px solid #C9D6E0;
}
.user-board-message img {
	max-width: 100% !important;
	height: auto !important;
}
.user-board-message-content {
	margin: 0 5px;
}
.user-board-message-body {
	float: none;
}
.user-board-message-from {
	background-color: #F8F5F5;
}
.no-info-container {
	background-color: #F8F5F5;
}
.profile-tab a:hover {
	color: #466C2C !important;
}
.page-nav {
	margin: 8px 5px 10px;
}
.page-nav a, .page-nav a:visited {
	border: 1px solid #ccc;
	padding: 2px 6px;
	background: #F8F5F5;
	color: #000;
}
.page-nav a:hover {
	background: #eee;
	text-decoration: none;
}
.g-give-all {
	background: #fff;
}

/* Meet the community */
.random-users-avatars {
	padding: 0px 0px 0px 10px;
}
 
.random-users-avatars h2 {
	border-bottom: none;
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 8px 0px;
}
 
.random-users-avatars img {
	border: 1px solid #DCDCDC;
	display: block;
	float: left;
	height: 50px;
	margin: 0px 8px 8px 0px;
	width: 50px;
}

/* Echo extension */
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup {
	font-size: 12px;
}
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
	margin-bottom: 10px;
}
.mw-echo-ui-crossWikiUnreadFilterWidget-group {
	display: none;
}
.oo-ui-popupWidget-body-padded {
	margin-top: 8px;
}
.oo-ui-popupWidget-head {
	overflow: hidden;
}
.mw-echo-ui-overlay {
	z-index: 100;
}