MediaWiki:Common.css: Difference between revisions

From Destinypedia, the Destiny wiki

No edit summary
mNo edit summary
 
(484 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 */


#main-wrap {
/* Navbox style
padding-bottom: 33px;
      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; }


#bodyContent {
.fakeh2 {
position: relative;
font-size: 1.75em;
background: transparent url() no-repeat center 65px !important;
border-bottom: 1px solid #a2a9b1;
padding-top: 0.5em;
padding-bottom: 0.17em;
margin-bottom: 0.6em;
}
}
 
.fakeh3 {
.user-board-message {
font-size: 1.45em;
background: #fff;
font-weight: bold;
padding-top: 0.5em;
padding-bottom: 0.17em;
margin-bottom: 0.3em;
}
}


table, div#profile-top, .profile-info {
#bodyContent {
background-color: transparent;
background: transparent !important;
}
}


.spoiler {
#main-wrap {
width: 70%;
padding-bottom: 33px;
padding: 0.2em;
margin: 10px;
border-top: 2px solid #ccc;
border-bottom: 2px solid #ccc;
}
}
.easywrap {
.easywrap {
width: 100%;
width: 100%;
Line 34: 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 79: Line 97:
}
}


.cleared {
/* Main page */
clear: both;
body.page-Main_Page.action-view #bodyContent {
}
 
.IntroPageBox {
background-color: #ffe;
background-repeat: no-repeat;
background-position: bottom right;
}
 
.IntroPageBox div.tright {
border-color: transparent !important;
}
 
/* Main Page */
body.page-Main_Page h1.firstHeading {
display: none;
}
body.page-Main_Page #bodyContent {
margin-top: 18px;
margin-top: 18px;
}
}


/* Meet the Community */
.page-Special_UpdateProfile_preferences .site-button,
.random-users-avatars {
.page-Special_UploadAvatar .site-button {
padding: 0px 0px 0px 10px;
margin-top: 10px;
}
}
.page-Special_UpdateProfile_preferences input[type="checkbox"] {
.random-users-avatars h2 {
margin: 2px 5px 0 0;
border-bottom: none;
margin: 0px 0px 0px 0px;
padding: 7px 0px 8px 0px;
}
}
.profile-update {
.random-users-avatars img {
margin-bottom: 5px;
border: 1px solid #DCDCDC;
display: block;
float: left;
height: 50px;
margin: 0px 8px 8px 0px;
width: 50px;
}
 
/* Remove the title (h1 element) for Special:UpdateProfile and Special:UploadAvatar */
body.page-Special_UpdateProfile_custom h1,
body.page-Special_UploadAvatar h1 {
display: none;
}
}


Line 131: Line 117:
}
}


.mp-welcome-points {
.foreground a {
width: 50%;
color: #1AAAE7;
}
}


/* Administrator and bot highlights by Splarka */
/* Notice boxes */
table.diff a[title="User:Porplemontage"],
.noticebox + .noticebox {
ul#pagehistory li a[title="User:Porplemontage"],
margin-top: -5px !important;
ul.special li a[title="User:Porplemontage"] {
color: #009900;
}
}


/* Era icons */
/* Site activity */
#title-eraicons {  
.mp-activity {
display: none !important;
padding: 3px 0;
visibility: hidden !important;
border: none;
}
.mp-site-activity h2 {
padding: 10px 0 2px 0;
}
}
#title-linktabs {  
.item {
position: absolute;
margin: 2px 0 2px 20px
right: 0;
}
top: -46px;
.item p {
margin-bottom: 0.3em;
}
}


#title-linktabs img {
/* Adjust inputbox button padding in Firefox */
padding: 0 1px;
.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;
}
}
}


/* Infobox template styling */
/* Lore page background */
.infobox {
.page-Destiny_2_Lore .tabbox {
float: right;
background: url(https://destiny.wiki.gallery/images/a/af/Destiny_2_menu_background_blurred_by_destinywarlock-dbguds6.png);
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;
}
}
 
.page-Destiny_2_Lore .tabbox, .page-Destiny_2_Lore .tabbox h2 {
.infobox table.infoboxtable {
color: #fff;
background: #f0f0f0;
float: right;
margin: 0;
width: 100%;
border-collapse: collapse;
}
}
 
.page-Destiny_2_Lore .tabcontainer {
.infobox td.infoboximage {
padding: 0;
padding: 0;
text-align: center;  
}
.page-Destiny_2_Lore .selected {
padding-bottom: 1px;
}
}


.infobox th.infoboxheading {
/* Custom tab colors */
font-weight: bold;
.page-User_Arcmind_Other .tabtoc li.selected {
text-align: center;
background: #0a0c0f !important;
color: #ffffff;
}
font-size: larger;
.page-User_Arcmind_Other .tabtoc li.selected a {
color: white !important;
}
.page-User_Arcmind_Other .tabcontainer h2 {
color: white !important;
}
}


.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;
margin-top: -13px;
background: #F8F5F5;
width: 260px;
color: #000;
}
}
.mp-welcome-image {
.page-nav a:hover {
width: 74px;
background: #eee;
text-decoration: none;
}
}
.mp-welcome-points {
.g-give-all {
width: 175px;
background: #fff;
}
}


.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;
    -o-transition: 1.5s;
    -ms-transition: 1.5s;
    -moz-transition: 1.5s;
    -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 h2 {
    color: #000000;
border-bottom: none;
    padding: 1px;
margin: 0px 0px 0px 0px;
    text-decoration: underline;
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;
}
}


.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;
}