MediaWiki:Common.css: Difference between revisions

From Halopedia, the Halo wiki

(I can has valid CSS? (also trimmed trailing whitespace because it's annoying))
mNo edit summary
 
(527 intermediate revisions by 10 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 */


#bodyContent {
/* Navbox style
background: #fff url(/images/pagebg.jpg) no-repeat center 65px !important;
      Edit here: https://www.halopedia.org/MediaWiki:Gadget-NavboxStyle.css
}
  Staff highlights
      Edit here: https://www.halopedia.org/MediaWiki:Gadget-StaffHighlights.css
  Custom wallpapers
      Edit here: https://www.halopedia.org/MediaWiki:Gadget-Wallpapers.css */
 
/* General CSS changes */


.user-board-message {
h1 { font-size: 2.00em; }
background: #fff;
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; }


table, div#profile-top, .profile-info {
.fakeh2 {
background-color: transparent;
font-size: 1.75em;
border-bottom: 1px solid #a2a9b1;
padding-top: 0.5em;
padding-bottom: 0.17em;
margin-bottom: 0.6em;
}
}
 
.fakeh3 {
.smalltoptext {
font-size: 1.45em;
font-size: 108%;
font-weight: bold;
float: right;
padding-top: 0.5em;
position: relative;
padding-bottom: 0.17em;
top: -45px;
margin-bottom: 0.3em;
right: 5px;
white-space: nowrap;
}
}


.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 37: Line 42:
}
}


.catlinks {
div.tleft, div.tright {
background: #f9f9f9 url(/images/chiefcat.jpg) no-repeat top right;
margin-top: 0.2em;
margin-bottom: 0.8em;
}
}


pre {  
.catlinks {
overflow: auto;
background: #f9f9f9 url(https://halo.wiki.gallery/images/chiefcat.jpg) no-repeat top right;
}
}


#disambig {
.mw-parser-output > .col-begin {
border-top: 3px double #cccccc;
margin-top: 0.3em;
border-bottom: 3px double #cccccc;
}
}


.sigbox {
.featurelist .mw-collapsible {
background: url(/images/sigboxbg.png) no-repeat top left;
margin-right: 10px;
min-height: 35px;
min-width: 295px;
}
}
 
.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 89: Line 98:
}
}


.cleared {
/* Main page */
clear: both;
body.page-Main_Page.action-view #bodyContent {
}
margin-top: 18px;
 
.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: 16px;
}
}


/* Meet the Community */
/* Meet the community */
.random-users-avatars {
.random-users-avatars {
padding: 0px 0px 0px 10px;
padding: 0px 0px 0px 10px;
}
}
.random-users-avatars h2 {
.random-users-avatars h2 {
border-bottom: none;
border-bottom: none;
Line 121: Line 112:
padding: 7px 0px 8px 0px;
padding: 7px 0px 8px 0px;
}
}
.random-users-avatars img {
.random-users-avatars img {
border: 1px solid #DCDCDC;
border: 1px solid #DCDCDC;
Line 131: Line 121:
}
}


/* Remove the title (h1 element) for Special:UpdateProfile and Special:UploadAvatar */
.page-Special_UpdateProfile_preferences .site-button,
body.page-Special_UpdateProfile_custom h1,
.page-Special_UploadAvatar .site-button {
body.page-Special_UploadAvatar h1 {
margin-top: 10px;
display: none;
}
 
.mp-welcome-points {
width: 50%;
}
}
 
.page-Special_UpdateProfile_preferences input[type="checkbox"] {
/*** Custom Wallpaper ***/
margin: 2px 5px 0 0;
.odst {  
background: url('http://www.halopedian.com/images/4/46/ODSTbg4.jpg') no-repeat center top !important;
}
}
 
.profile-update {
.odst a {
margin-bottom: 5px;
color: #1AAAE7;
}
}


.opacity70 {
.profile-tab-bar {
background: url('http://www.halopedian.com/images/c/ca/70opacity.png') repeat;
margin-top: 26px;
}
}


.rookie {  
.foreground {
background: url('http://www.halopedian.com/images/c/c2/BG_-_ODST.png') no-repeat center top !important;
background: url(https://halo.wiki.gallery/images/pagebg.jpg) no-repeat center 65px !important;
}
}
 
.foreground a {
.rookie a {
color: #1AAAE7;
color: #1AAAE7;
}
}


.reach {  
.hp-tagdesc + p > br:first-of-type {
background: url('http://www.halopedian.com/images/5/5b/Halo_Reach_-_User_Wallpaper.jpg') no-repeat center top !important;
display: none;
}
}


.reach a {
/* Notice boxes */
color: #1AAAE7;
body:not(.ns-6) .noticebox + .noticebox {
margin-top: -5px !important;
}
}
 
#mw-imagepage-content .noticebox {
.noble {  
margin-top: 10px !important;
background: url('http://www.halopedian.com/images/d/df/Halo_Reach_-_Visual_ID.jpg') no-repeat center top !important;
margin-bottom: 2.5px !important;
}
}


.noble a {
/* Hide reference button in editor toolbar */
color: #1AAAE7;
#wikiEditor-ui-toolbar .oo-ui-buttonElement[rel="reference"] {
display: none !important;
}
}


.property {
/* Site activity */
background: url('http://www.halopedian.com/images/6/6c/ONI_Property.jpg') no-repeat center top !important;
.mp-activity {
padding: 3px 0;
border: none;
}
}
 
.mp-site-activity h2 {
.property a {
padding: 10px 0 2px 0;
color: #1AAAE7;
}
}
 
.item {
.censor {
margin: 2px 0 2px 20px
background: url('http://www.halopedian.com/images/4/48/ONI_Censored.jpg') no-repeat center top !important;
}
}
 
.item p {
.censor a {
margin-bottom: 0.3em;
color: #1AAAE7;
}
}


/*** Reach portal ***/
/* Adjust inputbox button padding in Firefox */
.reachbg {
.bodySearchWrap .mw-ui-button {
background: url('http://www.halopedian.com/images/8/8b/ReachBG.jpg') no-repeat center top !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
}
}
 
.createboxButton {
.reachbg a {
padding-top: 6px !important;
color: #0099D9 !important;
padding-bottom: 6px !important;
}
}
 
@-moz-document url-prefix() {
.doomed {
.createboxButton {
background: url('http://www.halopedian.com/images/0/09/Doomed.jpg') no-repeat center top !important;
padding-top: 6px !important;
padding-bottom: 5px !important;
}
}
}


.doomed a {
/* Who's online */
color: #1AAAE7;
#whosonline {
margin-bottom: 0;
}
}


/* Administrator and bot highlights by Splarka */
/* Site notice */
table.diff a[title="User:CommanderTony"],
@media all and (max-width: 1100px) {
ul#pagehistory li a[title="User:CommanderTony"],
#siteNotice {
ul.special li a[title="User:CommanderTony"],
font-size: 80%;
table.diff a[title="User:Dragonclaws"],
}
ul#pagehistory li a[title="User:Dragonclaws"],
ul.special li a[title="User:Dragonclaws"],
ul.special li a[title="User:Forerunner"],
table.diff a[title="User:Forerunner"],
ul#pagehistory li a[title="User:Forerunner"],
ul.special li a[title="User:General5 7"],
table.diff a[title="User:General5 7"],
ul#pagehistory li a[title="User:General5 7"],
ul.special li a[title="User:Halo-343"],
table.diff a[title="User:Halo-343"],
ul#pagehistory li a[title="User:Halo-343"],
ul.special li a[title="User:Jack Phoenix"],
table.diff a[title="User:Jack Phoenix"],
ul#pagehistory li a[title="User:Jack Phoenix"],
ul.special li a[title="User:Jugus"],
table.diff a[title="User:Jugus"],
ul#pagehistory li a[title="User:Jugus"],
ul.special li a[title="User:Nicmavr"],
table.diff a[title="User:Nicmavr"],
ul#pagehistory li a[title="User:Nicmavr"],
table.diff a[title="User:Porplemontage"],
ul#pagehistory li a[title="User:Porplemontage"],
ul.special li a[title="User:Porplemontage"],
table.diff a[title="User:Smoke."],
ul#pagehistory li a[title="User:Smoke."],
ul.special li a[title="User:Smoke."] {
color: #009900;
}
}


table.diff a[title="User:Nicbot"],
/* User welcome */
ul#pagehistory li a[title="User:Nicbot"],
.mp-welcome-logged-in {
ul.special li a[title="User:Nicbot"],
margin-top: -13px;
table.diff a[title="User:HalopediaBot"],
width: 270px;
ul#pagehistory li a[title="User:HalopediaBot"],
ul.special li a[title="User:HalopediaBot"],
table.diff a[title="User:ForeBot"],
ul#pagehistory li a[title="User:ForeBot"],
ul.special li a[title="User:ForeBot"],
table.diff a[title="User:31stCenturyBot"],
ul#pagehistory li a[title="User:31stCenturyBot"],
ul.special li a[title="User:31stCenturyBot"] {
color: #FF8C00;
}
}
 
.mp-welcome-points {
/* Era icons */
width: 170px;
#title-linktabs {
padding-left: 5px;
float: right;
}
}


#title-linktabs img {
/* Social profile */
padding: 0 1px;
.pagetitle {
display: block !important;
}
}
 
.mw-special-UpdateProfile input[type="text"],
/* Infobox template styling */
.mw-special-EditProfile input[type="text"] {
.infobox {
width: 225px;
float: right;
border: 1px solid #c8ccd1;
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;
}
}
 
.mw-special-UpdateProfile select,
.infobox table.infoboxtable {
.mw-special-EditProfile select {
background: #f0f0f0;
width: 229px;
float: right;
border: 1px solid #c8ccd1;
margin: 0;
width: 100%;
border-collapse: collapse;
}
}
 
.mw-special-EditProfile textarea {
.infobox td.infoboximage {
width: 95%;
padding: 0;
text-align: center;  
}
}
 
.user-section-heading {
.infobox th.infoboxheading {
clear: both;
font-weight: bold;
text-align: center;
color: #ffffff;
font-size: larger;
}
}
 
.user-section-title {
.infobox th.infoboxsubheading {
letter-spacing: normal;
vertical-align: top;
text-align: left;
font-weight: normal;  
}
}
 
#profile-toggle-button {
.infobox td.infoboxlabel, .infobox td.infoboxcell {
top: 10px !important;
vertical-align: middle;
/* border-top: 1px solid #999;
border-bottom: 1px solid #999; */
}
}
 
#profile-top {
/* ugly hack to force normal height for infobox cells */
margin-bottom: 15px;
.infoboxcell p {
margin-top: 0px;
margin-bottom: 0px;
}
}
/* .infoboxcell ul { list-style-type: disc; } */
table, div#profile-top, .profile-info {
 
background-color: transparent;
.infoboxcell ul {
padding-left: 10px;
margin-left: 10px;
}
}
 
.profile-info-container p {
.infoboxcell ul li {
margin: 0 0 8px 10px;
padding-left: 0;
margin-left: 0;
list-style-type: square;
}
}
 
.user-home-item-gift {
.infobox div.plainlinks {
margin: 2px 25px;
color: #fff;
}
}
 
.user-board-message {
.infobox div.plainlinks a {
background: #fff;
color: #f0f0f0;
}
}
 
.user-board-message img {
.foreground {
max-width: 100% !important;
background: url(/images/pagebg.jpg) no-repeat center 65px !important;
height: auto !important;
}
}
 
.user-board-message-content {
.foreground a {
margin: 0 5px;
color: #1AAAE7;
}
}
 
.user-board-message-body {
/* JS Tab System, Jacked and Hacked from the jsprefs in monobook/main.css -Dantman */
float: none;
.tabtoc {
margin: 0;
padding: 0;
width: 100%;
clear: both;
}
}
 
.user-board-message-from {
.tabtoc li {
background-color: #F8F5F5;
background-color: #f0f0f0;
color: #000;
}
}
 
.no-info-container {
.tabtoc li {
background-color: #F8F5F5;
margin: 1px -2px 1px 2px;
float: left;
padding: 2px 0 3px 0;
border: 1px solid #fff;
border-right-color: #716f64;
border-bottom: 0;
position: relative;
white-space: nowrap;
list-style-type: none;
list-style-image: none;
z-index: 3;
}
}
 
.profile-tab a:hover {
.tabtoc li.selected {
color: #466C2C !important;
font-weight: bold;
background-color: #f9f9f9;
border: 1px solid #aaa;
border-bottom: none;
cursor: default;
top: 1px;
padding-top: 2px;
margin-right: -3px;
}
}
 
.page-nav {
.tabtoc >; li.selected {
margin: 8px 5px 10px;
top: 2px;
}
}
 
.page-nav a, .page-nav a:visited {
.tabtoc a,
border: 1px solid #ccc;
.tabtoc a:active {
padding: 2px 6px;
display: block;
background: #F8F5F5;
color: #000;
color: #000;
padding: 0 .7em;
}
position: relative;
.page-nav a:hover {
background: #eee;
text-decoration: none;
text-decoration: none;
}
.g-give-all {
background: #fff;
}
}


.tabtoc li.selected a {
/* Echo extension */
cursor: default;
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup {
text-decoration: none;
font-size: 12px;
}
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
margin-bottom: 10px;
}
}
 
.mw-echo-ui-crossWikiUnreadFilterWidget-group {
.tabcontainer {
display: none;
margin: 0;
border: 1px solid #aaa;
clear: both;
padding: 1.5em;
background-color: #F9F9F9;
}
}
 
.oo-ui-popupWidget-body-padded {
.tabsection {
margin-top: 8px;
border: none;
padding: 0;
margin: 0;
}
}
 
.oo-ui-popupWidget-head {
.tabsection .tabbox {
overflow: hidden;
border: 1px solid #aaa;
float: left;
margin-right: 2em;
}
}
 
.mw-echo-ui-overlay {
.tabsection .tab {
z-index: 100;
font-weight: bold;
}
}


.tabsection table, .tabsection .tab {
/*
background-color: #F9F9F9;
To limit the size of the preview warningbox, when many template errors/warnings
}
are displayed
*/
.mainTab {
.warningbox, .mw-warning-box {
display: none;
max-height: 300px;
overflow-y: auto;
}
}

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.halopedia.org/MediaWiki:Gadget-NavboxStyle.css
   Staff highlights
       Edit here: https://www.halopedia.org/MediaWiki:Gadget-StaffHighlights.css
   Custom wallpapers
       Edit here: https://www.halopedia.org/MediaWiki:Gadget-Wallpapers.css */

/* General CSS changes */

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

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

div.tleft, div.tright {
	margin-top: 0.2em;
	margin-bottom: 0.8em;
}

.catlinks {
	background: #f9f9f9 url(https://halo.wiki.gallery/images/chiefcat.jpg) no-repeat top right;
}

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

/* 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;
}

.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 {
	background: url(https://halo.wiki.gallery/images/pagebg.jpg) no-repeat center 65px !important;
}
.foreground a {
	color: #1AAAE7;
}

.hp-tagdesc + p > br:first-of-type {
	display: none;
}

/* Notice boxes */
body:not(.ns-6) .noticebox + .noticebox {
	margin-top: -5px !important;
}
#mw-imagepage-content .noticebox {
	margin-top: 10px !important;
	margin-bottom: 2.5px !important;
}

/* Hide reference button in editor toolbar */
#wikiEditor-ui-toolbar .oo-ui-buttonElement[rel="reference"] {
	display: none !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 {
	padding-top: 7px !important;
	padding-bottom: 7px !important;
}
.createboxButton {
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}
@-moz-document url-prefix() { 
	.createboxButton {
		padding-top: 6px !important;
		padding-bottom: 5px !important;
	}
}

/* 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 {
	margin-top: -13px;
	width: 270px;
}
.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;
}
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;
}
.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;
}

/* 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;
}

/*
To limit the size of the preview warningbox, when many template errors/warnings
are displayed
*/
.warningbox, .mw-warning-box {
	max-height: 300px;
	overflow-y: auto;
}
Retrieved from "https://www.halopedia.org/index.php?title=MediaWiki:Common.css&oldid=1623533"