MediaWiki:Common.css: Difference between revisions

m
no edit summary
No edit summary
mNo edit summary
 
(456 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 */
ul.special li a[title="User:Porplemontage"],
table.diff a[title="User:Porplemontage"],
ul#pagehistory li a[title="User:Porplemontage"],
a.whodev, #whodevs a {
color: #F26500 !important;
}


/* Bureaucrats */
h1 { font-size: 2.00em; }
ul.special li a[title="User:Spartacus"],
h2 { font-size: 1.75em; }
table.diff a[title="User:Spartacus"],
h3 { font-size: 1.45em; }
ul#pagehistory li a[title="User:Spartacus"],
h4 { font-size: 1.32em; }
a.whocrat, #whocrats a {
h5 { font-size: 1.15em; }
color: #9932CC !important;
h6 { font-size: 1.00em; }
}


/* Administrators */
.fakeh2 {
ul.special li a[title="User:Hawki"],
font-size: 1.75em;
table.diff a[title="User:Hawki"],
border-bottom: 1px solid #a2a9b1;
ul#pagehistory li a[title="User:Hawki"],
padding-top: 0.5em;
ul.special li a[title="User:TentacleTornado"],
padding-bottom: 0.17em;
table.diff a[title="User:TentacleTornado"],
margin-bottom: 0.6em;
ul#pagehistory li a[title="User:TentacleTornado"],
a.whoadmin, #whoadmins a {
color: #048204 !important;
}
}
 
.fakeh3 {
/* Patrollers */
font-size: 1.45em;
a.whopatrol, #whopatrollers a {
font-weight: bold;
color: #6495ED !important;
padding-top: 0.5em;
padding-bottom: 0.17em;
margin-bottom: 0.3em;
}
}


#whosonline a:visited {
#bodyContent {
color: #0000FF;
background: transparent !important;
}
}
/* 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 74: 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 119: 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;
}
.random-users-avatars h2 {
border-bottom: none;
margin: 0px 0px 0px 0px;
padding: 7px 0px 8px 0px;
}
}
.page-Special_UpdateProfile_preferences input[type="checkbox"] {
.random-users-avatars img {
margin: 2px 5px 0 0;
border: 1px solid #DCDCDC;
display: block;
float: left;
height: 50px;
margin: 0px 8px 8px 0px;
width: 50px;
}
}
 
.profile-update {
/* Remove the title (h1 element) for Special:UpdateProfile and Special:UploadAvatar */
margin-bottom: 5px;
body.page-Special_UpdateProfile_custom h1,
body.page-Special_UploadAvatar h1 {
display: none;
}
}


Line 171: Line 117:
}
}


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


/* Era icons */
/* Notice boxes */
#title-eraicons {  
.noticebox + .noticebox {
display: none !important;
margin-top: -5px !important;
visibility: hidden !important;
}
#title-linktabs {
position: absolute;
right: 0;
top: -46px;
}
}


#title-linktabs img {
/* Site activity */
padding: 0 1px;
.mp-activity {
padding: 3px 0;
border: none;
}
}
 
.mp-site-activity h2 {
/* Infobox template styling */
padding: 10px 0 2px 0;
.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;
}
}
 
.item {
.infobox table.infoboxtable {
margin: 2px 0 2px 20px
background: #f0f0f0;
float: right;
margin: 0;
width: 100%;
border-collapse: collapse;
}
}
 
.item p {
.infobox td.infoboximage {
margin-bottom: 0.3em;
padding: 0;
text-align: center;
}
 
.infobox th.infoboxheading {
font-weight: bold;
text-align: center;
color: #ffffff;
font-size: larger;
}
 
.infobox th.infoboxsubheading {
vertical-align: top;
text-align: left;
font-weight: normal;
}
 
.infobox td.infoboxlabel, .infobox td.infoboxcell {
vertical-align: middle;
/* border-top: 1px solid #999;
border-bottom: 1px solid #999; */
}
}


/* ugly hack to force normal height for infobox cells */
/* Adjust inputbox button padding in Firefox */
.infoboxcell p {
.bodySearchWrap .mw-ui-button, .createboxButton {
margin-top: 0px;
padding-top: 6px !important;
margin-bottom: 0px;
padding-bottom: 6px !important;
}
}
/* .infoboxcell ul { list-style-type: disc; } */
@-moz-document url-prefix() {
 
.bodySearchWrap .mw-ui-button, .createboxButton {
.infoboxcell ul {
padding-top: 6px !important;
padding-left: 10px;
padding-bottom: 5px !important;
margin-left: 10px;
}
}
}


.infoboxcell ul li {
/* Lore page background */
padding-left: 0;
.page-Destiny_2_Lore .tabbox {
margin-left: 0;
background: url(https://destiny.wiki.gallery/images/a/af/Destiny_2_menu_background_blurred_by_destinywarlock-dbguds6.png);
list-style-type: square;
}
}
 
.page-Destiny_2_Lore .tabbox, .page-Destiny_2_Lore .tabbox h2 {
.infobox div.plainlinks {
color: #fff;
color: #fff;
}
}
 
.page-Destiny_2_Lore .tabcontainer {
.infobox div.plainlinks a {
color: #f0f0f0;
}
 
.foreground {
background: url() no-repeat center 65px !important;
}
 
.foreground a {
color: #1AAAE7;
}
 
/* JS Tab System, Jacked and Hacked from the jsprefs in monobook/main.css -Dantman */
.tabtoc {
margin: 0 !important;
padding: 0;
padding: 0;
width: 100%;
clear: both;
}
.tabtoc li {
background-color: transparent;
color: #000;
}
.tabtoc li {
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;
}
.tabtoc li.selected {
border-radius: 5px 5px 0 0;
-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;
}
.tabtoc >; li.selected {
top: 2px;
}
}
 
.page-Destiny_2_Lore .selected {
.tabtoc a,
padding-bottom: 1px;
.tabtoc a:active {
display: block;
color: #000;
padding: 0 .7em;
position: relative;
text-decoration: none;
}
}


.tabtoc li.selected a {
/* Custom tab colors */
cursor: default;
.page-User_Arcmind_Other .tabtoc li.selected {
text-decoration: none;
background: #0a0c0f !important;
}
}
 
.page-User_Arcmind_Other .tabtoc li.selected a {
.tabcontainer {
color: white !important;
margin: 0;
border: 1px solid #aaa;
clear: both;
padding: 7px;
background-color: #F9F9F9;
}
 
.tabsection {
border: none;
padding: 0;
margin: 0;
}
}
 
.page-User_Arcmind_Other .tabcontainer h2 {
.tabsection .tabbox {
color: white !important;
border: 1px solid #aaa;
float: left;
margin-right: 2em;
}
}


.tabsection .tab {
/* Indicator icons */
font-weight: bold;
.mw-indicator {
margin: 0 2px;
}
}


.tabsection table, .tabsection .tab {
/* Who's online */
background-color: #F9F9F9;
#whosonline {
}
margin-bottom: 0;
.mainTab {
display: none;
}
}


/** User page **/
/* Site notice */
#profile-top {
@media all and (max-width: 1100px) {
border-bottom: 1px solid #C9D6E0;
#siteNotice {
}
font-size: 80%;
.user-board-message {
}
border: 1px solid #C9D6E0;
}
.user-board-message-from {
    background-color: #EFF3F5;
}
}


/** User welcome **/
/* User welcome */
.mp-welcome-logged-in {
.mp-welcome-logged-in {
width: 260px;
width: 270px;
margin-top: -13px;
margin-top: -13px;
}
.mp-welcome-image {
width: 74px;
margin-bottom: -5px;
}
}
.mp-welcome-points {
.mp-welcome-points {
Line 387: Line 205:
}
}


.blackink {
/* Social profile */
    background-color: #000000;
.pagetitle {
    border-radius:4px;
display: block !important;
    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;
}
}
 
.mw-special-UpdateProfile input[type="text"],
.blackink a {
.mw-special-EditProfile input[type="text"] {
    color: #000000;
width: 225px;
    padding: 1px;
border: 1px solid #c8ccd1;
    text-decoration: underline;
}
}
 
.mw-special-UpdateProfile select,
.blackink:hover {
.mw-special-EditProfile select {
    background-color: inherit !important;
width: 229px;
    color: inherit;
border: 1px solid #c8ccd1;
}
}
 
.mw-special-EditProfile textarea {
/* Edit box */
width: 95%;
.wikiEditor-ui textarea#wpTextbox1 {
line-height: 1.4em;
}
}
#wpSummary, #wpSummaryLabel {
.user-section-heading {
margin: 0.2em 0 0.4em 0 !important;
clear: both;
}
}
input#wpSummary {
.user-section-title {
width: 85%;
letter-spacing: normal;
}
}
 
#profile-toggle-button {
/* Site activity */
top: 10px !important;
.mp-activity {
padding: 3px 0;
border: none;
}
}
.mp-site-activity h2 {
#profile-top {
padding: 10px 0 2px 0;
margin-bottom: 15px;
border-bottom: 1px solid #C9D6E0;
}
}
 
table, div#profile-top, .profile-info {
/* Dismissable SiteNotice */
background-color: transparent;
.sitedir-ltr .mw-dismissable-notice-body {
margin: 0.5em 60px 0.5em 0;
}
}
.sitedir-rtl .mw-dismissable-notice-body {
.profile-info-container p {
margin: 0.5em 0 0.5em 60px;
margin: 0 0 8px 10px;
}
}
 
.user-home-item-gift {
/* Join button black text, new line */
margin: 2px 25px;
#mw-createaccount-join {
color: black;
margin: 0 20px;
}
}
 
.user-board-message {
/* SocialProfile tweaks */
background: #fff;
.ns-2 .pagetitle, .ns-200 .pagetitle, .ns-202 .pagetitle, .mw-special-UpdateProfile .pagetitle, .mw-special-UploadAvatar .pagetitle,
border: 1px solid #C9D6E0;
.ns-2 .subtitle, .ns-200 .subtitle, .ns-202 .subtitle, .mw-special-UpdateProfile .subtitle, .mw-special-UploadAvatar .subtitle,
.ns-2 #siteSub, .ns-200 #siteSub, .ns-202 #siteSub, .mw-special-UpdateProfile #siteSub, .mw-special-UploadAvatar #siteSub,
.ns-2 #contentSub, .ns-200 #contentSub, .ns-202 #contentSub, .mw-special-UpdateProfile #contentSub, .mw-special-UploadAvatar #contentSub {
display: none !important;
}
}
.mw-special-EditProfile .pagetitle {
.user-board-message img {
display: block !important;
max-width: 100% !important;
height: auto !important;
}
}
.user-section-heading {
.user-board-message-content {
clear: both;
margin: 0 5px;
}
}
#profile-toggle-button {
.user-board-message-body {
top: 10px !important;
float: none;
}
}
.user-board-message-from {
.user-board-message-from {
Line 469: Line 262:
}
}
.no-info-container {
.no-info-container {
background-color: #F2F4F7;
background-color: #F8F5F5;
}
}
.profile-tab a:hover {
.profile-tab a:hover {
Line 475: Line 268:
}
}
.page-nav {
.page-nav {
text-align: justify;
margin: 8px 5px 10px;
margin: 5px 20px -15px;
width: 510px;
}
.page-nav:after {
content: "";
display: inline-block;
width: 100%;
}
}
.page-nav a, .page-nav a:visited {
.page-nav a, .page-nav a:visited {
Line 488: Line 274:
padding: 2px 6px;
padding: 2px 6px;
background: #F8F5F5;
background: #F8F5F5;
color: black;
color: #000;
}
}
.page-nav a:hover {
.page-nav a:hover {
Line 495: Line 281:
}
}
.g-give-all {
.g-give-all {
background: white;
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;
}
}