MediaWiki:Gadget-MobileStyle.css: Difference between revisions
From Destinypedia, the Destiny wiki
No edit summary |
mNo edit summary |
||
(13 intermediate revisions by the same user not shown) | |||
Line 10: | Line 10: | ||
/* Project talk pages */ | /* Project talk pages */ | ||
.rootpage-Destinypedia_Featured | :is(.rootpage-Destinypedia_Featured, .rootpage-Destinypedia_Changing_username) dd { | ||
.rootpage-Destinypedia_Changing_username dd { | |||
margin-top: 0.25em !important; | margin-top: 0.25em !important; | ||
margin-left: 0.25em !important; | margin-left: 0.25em !important; | ||
} | } | ||
.rootpage-Destinypedia_Featured | :is(.rootpage-Destinypedia_Featured, .rootpage-Destinypedia_Changing_username) :is(dl, dl dt) { | ||
.rootpage-Destinypedia_Changing_username dl, | |||
margin-left: 0 !important; | margin-left: 0 !important; | ||
} | } | ||
.rootpage-Destinypedia_Featured | :is(.rootpage-Destinypedia_Featured, .rootpage-Destinypedia_Changing_username) :is(p, ul, ol) + dl { | ||
.rootpage-Destinypedia_Changing_username p | |||
margin-top: -0.5em !important; | margin-top: -0.5em !important; | ||
} | } | ||
.rootpage-Destinypedia_Featured | :is(.rootpage-Destinypedia_Featured, .rootpage-Destinypedia_Changing_username) dl + dl { | ||
.rootpage-Destinypedia_Changing_username dl + dl { | |||
margin-top: -0.25em !important; | margin-top: -0.25em !important; | ||
} | } | ||
.rootpage-Destinypedia_Featured | :is(.rootpage-Destinypedia_Featured, .rootpage-Destinypedia_Changing_username) dl { | ||
.rootpage-Destinypedia_Changing_username dl { | |||
font-size: 100% !important; | font-size: 100% !important; | ||
margin-bottom: 0 !important; | margin-bottom: 0 !important; | ||
Line 56: | Line 45: | ||
/* Misc. */ | /* Misc. */ | ||
.infobox td, | .infobox :is(td, tr), | ||
.infobox tr:not(:first-of-type) th, | .infobox tr:not(:first-of-type) th, | ||
.infoboxlabel, .infoboxcell { | .infoboxlabel, .infoboxcell { | ||
Line 66: | Line 55: | ||
table.forum { | table.forum { | ||
display: block !important; | display: block !important; | ||
} | |||
.succession-box { | |||
width: 100% !important; | |||
} | } | ||
#whosonline { | #whosonline { | ||
Line 101: | Line 93: | ||
border: none !important; | border: none !important; | ||
} | } | ||
.featurelist td > .mw-collapsible:first-child > h3:first-of-type { | .featurelist td > p { | ||
display: none; | |||
} | |||
body.user .featurelist td > .mw-collapsible:first-child > h3:first-of-type { | |||
margin-top: 1px !important; | margin-top: 1px !important; | ||
padding-top: 1px !important; | |||
} | } | ||
.featurelist td > | @media all and (max-width: 719px) { | ||
body.anon .featurelist td:first-child > .mw-collapsible:first-child > h3:first-of-type { | |||
margin-top: 1px !important; | |||
padding-top: 1px !important; | |||
} | |||
} | |||
@media all and (min-width: 720px) { | |||
body.anon .featurelist td > .mw-collapsible:first-child > h3:first-of-type { | |||
margin-top: 1px !important; | |||
padding-top: 1px !important; | |||
} | |||
} | } | ||
.scrollbox { | .scrollbox { | ||
width: auto !important; | width: auto !important; | ||
} | } | ||
.scrollbox table:first-of-type { | .scrollbox table:first-of-type { | ||
Line 118: | Line 121: | ||
margin-bottom: 0 !important; | margin-bottom: 0 !important; | ||
} | } | ||
.col-begin | .col-begin, .content .col-begin ul { | ||
.content .col-begin ul { | |||
margin: 0 !important; | margin: 0 !important; | ||
} | } | ||
Line 143: | Line 139: | ||
padding-bottom: 0 !important; | padding-bottom: 0 !important; | ||
} | } | ||
.quotebox td:first-of-type, | .quotebox td:is(:first-of-type, :last-of-type) { | ||
line-height: 1 !important; | line-height: 1 !important; | ||
vertical-align: middle !important; | vertical-align: middle !important; | ||
Line 171: | Line 166: | ||
} | } | ||
.noticebox center, #imageLicense img, | .noticebox center, #imageLicense img, | ||
table.image | table:is(.image, .boilerplate) td:first-of-type:not(:last-of-type) { | ||
display: none !important; | display: none !important; | ||
} | } | ||
Line 308: | Line 302: | ||
margin: 0.5em 0 !important; | margin: 0.5em 0 !important; | ||
} | } | ||
.profile-info-container .mw-parser-output p | .profile-info-container .mw-parser-output :is(p, ul):first-child { | ||
margin-top: 0 !important; | margin-top: 0 !important; | ||
} | } | ||
Line 345: | Line 338: | ||
padding-top: 5px; | padding-top: 5px; | ||
} | } | ||
.profile-update-unit | .profile-update-unit :is(input, select), | ||
.profile-update-unit | .profile-update-unit, .profile-update-unit-left { | ||
width: 100%; | width: 100%; | ||
} | } | ||
Line 375: | Line 368: | ||
margin-top: 5px !important; | margin-top: 5px !important; | ||
} | } | ||
.profile-update input, | .profile-update :is(input, select, textarea) { | ||
margin-bottom: 10px !important; | margin-bottom: 10px !important; | ||
} | } | ||
Line 393: | Line 384: | ||
padding: 6px 8px 4px 10px !important; | padding: 6px 8px 4px 10px !important; | ||
} | } | ||
.mw-special-UpdateProfile | :is(.mw-special-UpdateProfile, .mw-special-UploadAvatar, .mw-special-EditProfile) .site-button { | ||
.mw-special-UploadAvatar | |||
.mw-special-EditProfile .site-button { | |||
margin-top: 15px; | margin-top: 15px; | ||
} | } | ||
Line 419: | Line 408: | ||
margin-right: 10px; | margin-right: 10px; | ||
} | } | ||
.mw-special-UpdateProfile | :is(.mw-special-UpdateProfile, .mw-special-EditProfile) :is(input, select, textarea) { | ||
.mw-special- | |||
padding: 5px; | padding: 5px; | ||
border: 1px solid #ccc; | border: 1px solid #ccc; | ||
} | } | ||
.mw-special-UpdateProfile | :is(.mw-special-UpdateProfile, .mw-special-EditProfile) input[type="text"] { | ||
.mw-special-EditProfile input[type="text"] { | |||
width: 98%; | width: 98%; | ||
} | } | ||
Line 457: | Line 440: | ||
.content a.external[href^="https://www.destinypedia.com"]:visited { | .content a.external[href^="https://www.destinypedia.com"]:visited { | ||
color: #5a3696; | color: #5a3696; | ||
} | } |
Latest revision as of 12:46, December 14, 2024
/* CSS placed here will affect users of the mobile site */
/* Indicator icons */
body.skin-minerva .mw-indicator {
margin: 0 1px;
}
#mw-indicator-rc {
display: none;
}
/* Project talk pages */
:is(.rootpage-Destinypedia_Featured, .rootpage-Destinypedia_Changing_username) dd {
margin-top: 0.25em !important;
margin-left: 0.25em !important;
}
:is(.rootpage-Destinypedia_Featured, .rootpage-Destinypedia_Changing_username) :is(dl, dl dt) {
margin-left: 0 !important;
}
:is(.rootpage-Destinypedia_Featured, .rootpage-Destinypedia_Changing_username) :is(p, ul, ol) + dl {
margin-top: -0.5em !important;
}
:is(.rootpage-Destinypedia_Featured, .rootpage-Destinypedia_Changing_username) dl + dl {
margin-top: -0.25em !important;
}
:is(.rootpage-Destinypedia_Featured, .rootpage-Destinypedia_Changing_username) dl {
font-size: 100% !important;
margin-bottom: 0 !important;
}
/* Dismissable site notice */
.mw-dismissable-notice-body {
margin: 0 !important;
}
.mw-dismissable-notice-close {
margin-left: 10px !important;
margin-bottom: 5px !important;
}
/* Site notice */
@media all and (max-width: 1000px) {
#siteNotice {
font-size: 70% !important;
}
}
/* Misc. */
.infobox :is(td, tr),
.infobox tr:not(:first-of-type) th,
.infoboxlabel, .infoboxcell {
font-size: 100% !important;
}
.infoboxheading {
font-size: 125% !important;
}
table.forum {
display: block !important;
}
.succession-box {
width: 100% !important;
}
#whosonline {
margin: 16px 0 0;
}
#rc-staff {
width: 100% !important;
padding-left: 0 !important;
}
.fakeh2 {
font-size: 1.5em;
font-family: 'Linux Libertine','Georgia','Times',serif;
padding: 0.5em 0;
margin-bottom: 0.5em;
}
.fakeh3 {
font-size: 1.3em;
font-weight: bold;
padding: 0.3em 0 0.15em;
}
.tabtoc li {
margin-bottom: 0.7px !important;
}
.center-template {
font-size: 95% !important;
margin-bottom: 0.5em !important;
}
.mw-parser-output .featurelist {
width: 100% !important;
}
body.skin-timeless .featurelist .mw-collapsible {
margin-right: 5px;
}
body.skin-minerva .featurelist .mw-collapsible-content {
border: none !important;
}
.featurelist td > p {
display: none;
}
body.user .featurelist td > .mw-collapsible:first-child > h3:first-of-type {
margin-top: 1px !important;
padding-top: 1px !important;
}
@media all and (max-width: 719px) {
body.anon .featurelist td:first-child > .mw-collapsible:first-child > h3:first-of-type {
margin-top: 1px !important;
padding-top: 1px !important;
}
}
@media all and (min-width: 720px) {
body.anon .featurelist td > .mw-collapsible:first-child > h3:first-of-type {
margin-top: 1px !important;
padding-top: 1px !important;
}
}
.scrollbox {
width: auto !important;
}
.scrollbox table:first-of-type {
margin-top: 0 !important;
}
.scrollbox table:last-of-type {
margin-bottom: 0 !important;
}
.col-begin, .content .col-begin ul {
margin: 0 !important;
}
body.skin-timeless .col-begin ul {
margin-bottom: 0.3em !important;
}
body.skin-minerva .col-begin td > h3 {
margin-top: 0 !important;
}
.mediawiki .mw-parser-output .quotebox {
font-size: 95% !important;
margin: 0 auto !important;
display: table !important;
}
.quotebox td {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.quotebox td:is(:first-of-type, :last-of-type) {
line-height: 1 !important;
vertical-align: middle !important;
}
.noticebox {
display: block !important;
font-size: 90% !important;
}
div.image, #imageLicense {
width: auto !important;
}
body.mediawiki .linkbox img {
max-width: 50px !important;
}
@media all and (max-width: 719px) {
.linkbox {
margin: 0 !important;
float: none !important;
width: auto !important;
}
.noticebox {
width: auto !important;
}
body.mediawiki .noticebox img {
max-width: 50px !important;
}
.noticebox center, #imageLicense img,
table:is(.image, .boilerplate) td:first-of-type:not(:last-of-type) {
display: none !important;
}
#imageLicenseText {
margin: 0 8px !important;
}
.reflist {
column-count: 1 !important;
}
}
@media all and (min-width: 720px) {
.linkbox {
width: 220px !important;
}
.noticebox:not(.floatbox) {
width: 80% !important;
}
body.mediawiki .noticebox img {
max-width: none !important;
}
}
div.darker {
width: auto !important;
}
.policy {
margin-left: auto !important;
margin-right: auto !important;
}
.policies, .shortcut {
display: none !important;
}
.forumcat {
width: auto !important;
padding: 2px !important;
font-size: 125% !important;
}
@media all and (max-width: 719px) {
.forumsearch {
display: none;
}
}
/* Userboxes */
.mw-parser-output .userbox {
float: none !important;
}
.mw-parser-output .userbox table {
margin: 0 !important;
}
@media all and (max-width: 719px) {
.mw-parser-output .userbox table {
width: 100% !important;
}
}
@media all and (min-width: 720px) {
.mw-parser-output .userbox {
display: inline-block !important;
}
.mw-parser-output .userbox table {
width: 238px !important;
}
}
/* User welcome */
.mp-welcome-logged-in {
margin-top: -13px;
width: 260px;
}
.mp-welcome-image {
width: 74px;
}
.mp-welcome-points {
width: 170px;
padding-left: 5px;
}
.mp-requests h3 {
clear: both;
}
.honorific-level {
float: none;
clear: both;
}
#rc-welcome h2 {
text-align: left !important;
}
@media all and (max-width: 719px) {
#rc-welcome {
float: none !important;
}
#whosonline {
clear: both;
}
}
/* Social profile */
.page-nav {
text-align: justify;
margin: 5px 0 -28px;
width: 100%;
}
.page-nav:after {
content: "";
display: inline-block;
width: 100%;
}
.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;
}
@media all and (max-width: 719px) {
.top-fan {
width: auto;
}
.top-fan-points {
float: right;
}
#user-page-left, #user-page-right {
float: none;
width: 100%;
}
#user-page-left .profile-info-container:last-of-type {
padding-bottom: 0;
}
}
#profile-top, .profile-info {
background-color: transparent;
}
.profile-info-container p {
margin: 0.5em 0 !important;
}
.profile-info-container .mw-parser-output :is(p, ul):first-child {
margin-top: 0 !important;
}
.user-page-message-form textarea {
width: 99%;
}
.user-board-message-content {
margin: 0 5px;
}
.user-board-message-image {
padding-top: 5px;
}
.user-board-message-body {
width: 100%;
float: none;
padding-left: 0;
}
.no-info-container,
.user-board-message-from {
background-color: #EFF0F3;
}
#message_type {
border: 1px solid #ccc;
}
.profile-actions a {
margin: 0;
}
#profile-toggle-button {
display: none;
}
#profile-title {
margin-bottom: 4px;
}
#profile-title-container {
padding-top: 5px;
}
.profile-update-unit :is(input, select),
.profile-update-unit, .profile-update-unit-left {
width: 100%;
}
.profile-tab-bar {
text-align: center;
}
.profile-tab-bar div {
margin: 5px;
}
.profile-tab, .profile-tab-on {
height: 25px;
padding: 6px 10px 3px;
font-size: 14px;
}
.profile-tab a, .profile-tab-on a {
color: #fff;
}
.profile-info select {
border: 1px solid #ccc;
}
.profile-update p {
margin: 0 !important;
}
.profile-update .profile-update-title {
margin-bottom: 2px !important;
}
.profile-update {
margin-top: 5px !important;
}
.profile-update :is(input, select, textarea) {
margin-bottom: 10px !important;
}
.site-button {
color: #333;
font-weight: bold;
margin-top: 0;
border-radius: 3px;
border: 1px solid #ccc;
background: #eee;
padding: 5px 9px !important;
}
.site-button:active {
background: #bbb;
padding: 6px 8px 4px 10px !important;
}
:is(.mw-special-UpdateProfile, .mw-special-UploadAvatar, .mw-special-EditProfile) .site-button {
margin-top: 15px;
}
.mw-special-EditProfile .profile-info {
padding: 0;
}
.mw-special-EditProfile .clearfix::after {
display: none;
}
#message {
border: 1px solid #ccc;
border-radius: 3px;
}
.top-fan-nav, .top-users {
float: none;
width: 100%;
}
.relationship-action, .g-give-all,
.g-description-container, .ga-description-container {
width: 100%
}
.relationship-buttons input, #send-gift-button {
margin-right: 10px;
}
:is(.mw-special-UpdateProfile, .mw-special-EditProfile) :is(input, select, textarea) {
padding: 5px;
border: 1px solid #ccc;
}
:is(.mw-special-UpdateProfile, .mw-special-EditProfile) input[type="text"] {
width: 98%;
}
.page-Special_UpdateProfile_preferences input[type="checkbox"] {
margin: 5px 8px 0 0;
}
@media all and (max-width: 719px) {
#profile-right, #profile-title {
float: none;
}
}
@media all and (min-width: 720px) {
.profile-actions {
margin-left: 8px;
}
}
/* External self-links */
.content a.external[href^="https://www.destinypedia.com"] {
color: #002bb8;
background: none;
padding: 0;
}
.content a.external[href^="https://www.destinypedia.com"]:active {
color: #faa700;
}
.content a.external[href^="https://www.destinypedia.com"]:visited {
color: #5a3696;
}