MediaWiki:Common.css: Difference between revisions

From Halopedia, the Halo wiki

(This is about how high it is when you compare to Wikia)
mNo edit summary
 
(542 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 200px !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 */


.user-board-message {
/* General CSS changes */
background: #fff;
}


table {
h1 { font-size: 2.00em; }
background-color: transparent;
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; }


.smalltoptext {
.fakeh2 {
font-size: 108%;
font-size: 1.75em;
float: right;
border-bottom: 1px solid #a2a9b1;
position: relative;
padding-top: 0.5em;
top: -45px;
padding-bottom: 0.17em;
right: 5px;
margin-bottom: 0.6em;
white-space: nowrap;
}
}
 
.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;
}
 
.cleared {
clear: both;
}
 
.IntroPageBox {
background-color: #ffe;
background-repeat: no-repeat;
background-position: bottom right;
}
}


.IntroPageBox div.tright {
div.thumb {
border-color: transparent !important;
border-color: transparent;
}
}


/* Main Page */
/* Main page */
body.page-Main_Page h1.firstHeading {
body.page-Main_Page.action-view #bodyContent {
display: none;
margin-top: 18px;
}
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 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"] {
margin: 2px 5px 0 0;
}
.profile-update {
margin-bottom: 5px;
}
}


.mp-welcome-points {
.profile-tab-bar {
width: 50%;
margin-top: 26px;
}
}


/*** Custom Wallpaper ***/
.foreground {
.odst {  
background: url(https://halo.wiki.gallery/images/pagebg.jpg) no-repeat center 65px !important;
background: url('http://images3.wikia.nocookie.net/joeplayground/images/4/46/ODSTbg4.jpg') no-repeat center top !important;
}
}
 
.foreground a {
.odst a {
color: #1AAAE7;
color: #1AAAE7;
}
}


.opacity70 {
.hp-tagdesc + p > br:first-of-type {
background: url('http://images2.wikia.nocookie.net/joeplayground/images/c/ca/70opacity.png') repeat;
display: none;
}
}


.rookie {
/* Notice boxes */
background: url('http://images1.wikia.nocookie.net/halofanon/images/c/c2/BG_-_ODST.png') no-repeat center top !important;
body:not(.ns-6) .noticebox + .noticebox {
margin-top: -5px !important;
}
#mw-imagepage-content .noticebox {
margin-top: 10px !important;
margin-bottom: 2.5px !important;
}
}


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


.reach {  
/* Site activity */
background: url('http://www.halopedian.com/images/5/5b/Halo_Reach_-_User_Wallpaper.jpg') no-repeat center top !important;
.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;
}
}


.reach a {
/* Adjust inputbox button padding in Firefox */
color: #1AAAE7;
.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;
}
}
}


.noble {  
/* Who's online */
background: url('http://www.halopedian.com/images/d/df/Halo_Reach_-_Visual_ID.jpg') no-repeat center top !important;
#whosonline {
margin-bottom: 0;
}
}


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


.property {
/* User welcome */
background: url('http://images4.wikia.nocookie.net/oni/images/6/6c/ONI_Property.jpg') no-repeat center top !important;
.mp-welcome-logged-in {
margin-top: -13px;
width: 270px;
}
}
 
.mp-welcome-points {
.property a {
width: 170px;
color: #1AAAE7;
padding-left: 5px;
}
}


.censor {
/* Social profile */
background: url('http://images3.wikia.nocookie.net/oni/images/4/48/ONI_Censored.jpg') no-repeat center top !important;
.pagetitle {
display: block !important;
}
}
 
.mw-special-UpdateProfile input[type="text"],
.censor a {
.mw-special-EditProfile input[type="text"] {
color: #1AAAE7;
width: 225px;
border: 1px solid #c8ccd1;
}
}
 
.mw-special-UpdateProfile select,
/*** Reach portal ***/
.mw-special-EditProfile select {
.reachbg {
width: 229px;
background: url(http://www.halopedian.com/images/8/8b/ReachBG.jpg) no-repeat center top !important;
border: 1px solid #c8ccd1;
}
}
 
.mw-special-EditProfile textarea {
.reachbg a {
width: 95%;
color: #0099D9 !important;
}
}
 
.user-section-heading {
.doomed {
clear: both;
background: url('http://www.halopedian.com/images/0/09/Doomed.jpg') no-repeat center top !important;
}
}
 
.user-section-title {
.doomed a {
letter-spacing: normal;
color: #1AAAE7;
}
}
 
#profile-toggle-button {
/* Administrator and bot highlights by Splarka */
top: 10px !important;
table.diff a[title="User:CommanderTony"],
ul#pagehistory li a[title="User:CommanderTony"],
ul.special li a[title="User:CommanderTony"],
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: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:Smoke."],
ul#pagehistory li a[title="User:Smoke."],
ul.special li a[title="User:Smoke."] {
color: #009900;
}
}
 
#profile-top {
table.diff a[title="User:Nicbot"],
margin-bottom: 15px;
ul#pagehistory li a[title="User:Nicbot"],
ul.special li a[title="User:Nicbot"],
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"] {
color: #FF8C00;
}
}
 
table, div#profile-top, .profile-info {
/* Era icons */
background-color: transparent;
#title-linktabs {
float: right;
}
}
 
.profile-info-container p {
#title-linktabs img {
margin: 0 0 8px 10px;
padding: 0 1px;
}
}
 
.user-home-item-gift {
/* Infobox template styling */
margin: 2px 25px;
.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;
}
}
 
.user-board-message {
.infobox table.infoboxtable {
background: #fff;
background: #f0f0f0;
float: right;
margin: 0;
width: 100%;
border-collapse: collapse;
}
}
 
.user-board-message img {
.infobox td.infoboximage {
max-width: 100% !important;
padding: 0;
height: auto !important;
text-align: center;  
}
}
 
.user-board-message-content {
.infobox th.infoboxheading {
margin: 0 5px;
font-weight: bold;
text-align: center;
color: #ffffff;
font-size: larger;
}
}
 
.user-board-message-body {
.infobox th.infoboxsubheading {
float: none;
vertical-align: top;
text-align: left;
font-weight: normal;  
}
}
 
.user-board-message-from {
.infobox td.infoboxlabel, .infobox td.infoboxcell {
background-color: #F8F5F5;
vertical-align: middle;
/* border-top: 1px solid #999;
border-bottom: 1px solid #999; */
}
}
 
.no-info-container {
/* ugly hack to force normal height for infobox cells */
background-color: #F8F5F5;
.infoboxcell p {
margin-top: 0px;
margin-bottom: 0px;
}
}
/* .infoboxcell ul { list-style-type: disc; } */
.profile-tab a:hover {
 
color: #466C2C !important;
.infoboxcell ul {
padding-left: 10px;
margin-left: 10px;
}
}
 
.page-nav {
.infoboxcell ul li {
margin: 8px 5px 10px;
padding-left: 0;
margin-left: 0;
list-style-type: square;
}
}
 
.page-nav a, .page-nav a:visited {
.infobox div.plainlinks {
border: 1px solid #ccc;
color: #fff;
padding: 2px 6px;
background: #F8F5F5;
color: #000;
}
}
 
.page-nav a:hover {
.infobox div.plainlinks a {
background: #eee;
color: #f0f0f0;
text-decoration: none;
}
}
 
.g-give-all {
.foreground {
background: #fff;
background: url(/images/pagebg.jpg) no-repeat center 65px !important;
}
}


.foreground a {
/*
color: #1AAAE7;
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;
}
}

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