MediaWiki:Common.css: Difference between revisions

From Halopedia, the Halo wiki

No edit summary
mNo edit summary
 
(498 intermediate revisions by 9 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.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 */


#bodyContent {
/* General CSS changes */
position: relative;
background: transparent url(/images/pagebg.jpg) no-repeat center 65px !important;
}


.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 {
.spoiler {
font-size: 1.45em;
width: 70%;
font-weight: bold;
padding: 0.2em;
padding-top: 0.5em;
margin: 10px;
padding-bottom: 0.17em;
border-top: 2px solid #ccc;
margin-bottom: 0.3em;
border-bottom: 2px solid #ccc;
}
}


.easywrap {
div.tleft, div.tright {
width: 100%;
margin-top: 0.2em;
table-layout: fixed;
margin-bottom: 0.8em;
word-wrap: break-word;
overflow: hidden;
}
}


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


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 {
.sigbox {
padding-top: 0;
background: url(/images/sigboxbg.png) no-repeat top left;
padding-bottom: 0.5em;
min-height: 35px;
min-width: 295px;
}
}
 
.featurelist .mw-collapsible-content {
ol.references {
margin-top: -0.5em;
font-size: 90%;
margin-bottom: 0.5em;
}
}
 
.featurelist td > p {
.references-small {
display: none;
font-size: 80%;
}
}


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


sup.reference:target {
/* Infoboxes */
background-color: #ddeeff;
.infobox {
float: right;
clear: right;
font-size: 90%;
margin: 0 0 1em 1em;
padding: 2px;
}
}
 
.infoboxheading {
.references {
font-size: 130%;
font-size: 92%;
}
}


/* Checkered background for transparent images. See also http://www.mediawiki.org/wiki/Special:Code/MediaWiki/20065 */
.random-users-avatars img {
#file img {
background: #fff;
background: url(/images/Checker-16x16.png) repeat;
}
 
html .thumbimage, .random-users-avatars img {
background: white;
}
}


Line 85: Line 88:
}
}


.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 */
/* 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 117: Line 102:
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 127: Line 111:
}
}


/* 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;
}
}
 
.page-Special_UpdateProfile_preferences input[type="checkbox"] {
.mp-welcome-points {
margin: 2px 5px 0 0;
width: 50%;
}
}
 
.profile-update {
/*** Custom Wallpaper ***/
margin-bottom: 5px;
.odst {  
background: url(/images/4/46/ODSTbg4.jpg) no-repeat center top !important;
}
}


.odst a {
.profile-tab-bar {
color: #1AAAE7;
margin-top: 26px;
}
}


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


.reach {  
.hp-tagdesc + p > br:first-of-type {
background: url(/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(/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(/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(/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(/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(/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:Grizzlei"],
@media all and (max-width: 1100px) {
ul#pagehistory li a[title="User:Grizzlei"],
#siteNotice {
ul.special li a[title="User:Grizzlei"],
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: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"],
ul.special li a[title="User:Rusty-112"],
table.diff a[title="User:Rusty-112"],
ul#pagehistory li a[title="User:Rusty-112"],
table.diff a[title="User:Smoke."],
ul#pagehistory li a[title="User:Smoke."],
ul.special li a[title="User:Smoke."]
ul.special li a[title="User:Spartacus"],
table.diff a[title="User:Spartacus"],
ul#pagehistory li a[title="User:Spartacus"] {
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:The 888th Bot"],
width: 270px;
ul#pagehistory li a[title="User:The 888th Bot"],
ul.special li a[title="User:The 888th Bot"],
table.diff a[title="User:HalopediaBot"],
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-eraicons {  
padding-left: 5px;
display: none !important;
visibility: hidden !important;
}
#title-linktabs {
position: absolute;
right: 0;
top: -46px;
}
}


#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;
text-decoration: none;
}
}
 
.page-nav a:hover {
.tabtoc li.selected a {
background: #eee;
cursor: default;
text-decoration: none;
text-decoration: none;
}
}
 
.g-give-all {
.tabcontainer {
background: #fff;
margin: 0;
border: 1px solid #aaa;
clear: both;
padding: 1.5em;
background-color: #F9F9F9;
}
}


.tabsection {
/*
border: none;
To limit the size of the preview warningbox
padding: 0;
when many template errors/warnings are displayed
margin: 0;
*/
}
.warningbox, .mw-warning-box {
 
max-height: 300px;
.tabsection .tabbox {
overflow-y: auto;
border: 1px solid #aaa;
float: left;
margin-right: 2em;
}
 
.tabsection .tab {
font-weight: bold;
}
 
.tabsection table, .tabsection .tab {
background-color: #F9F9F9;
}
.mainTab {
display: none;
}
 
/* Collapsible tables (see http://www.mediawiki.org/wiki/Manual:Collapsible_tables) */
table.collapsed tr.collapsable {
display: none;
}
 
.collapseButton { /* 'show'/'hide' buttons created dynamically by the     */
float: right; /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
font-weight: normal; /* are styled here so they can be customised.   */
text-align: right;
width: auto;
}
 
/** User welcome **/
.mp-welcome-logged-in {
margin-top: -13px;
width: 260px;
}
.mp-welcome-image {
width: 74px;
}
.mp-welcome-points {
width: 175px;
}
}

Latest revision as of 09:14, August 20, 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;
}

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

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