Template:Styles/Default.css: Difference between revisions

Jump to navigation Jump to search
Browse history interactively
← Older editNewer edit →
Content deleted Content added
m allow button text to wrap
improve/simplify layout, hide more default elements, use horizontal logo on mobile
Line 24: Line 24:
}
}


/* --- Hide default MediaWiki stuff we don't want --- */
/* Hide default MediaWiki stuff we don't want */


#mw-head-base {
#mw-page-base, #mw-head-base,
⚫
height: 1em;
⚫
}
#mw-panel .portal,
#mw-panel .portal,
⚫
#mw-head, #catlinks,
#p-namespaces, #p-views, #p-cactions,
⚫
#p-search, #p-personal, #catlinks,
#firstHeading, #contentSub, #siteSub,
#firstHeading, #contentSub, #siteSub,
#jump-to-nav, .uls-tipsy {
#jump-to-nav, .uls-tipsy {
display: none;
display: none;
}
}

/* Re-add gradient background */
body {
background-image: linear-gradient(to bottom, #ffffff 40px, #f6f6f6 80px);
⚫
background-position: top;
background-repeat: repeat-x;
background-color: #f6f6f6;
⚫
}

#content {
#content {
background-color: transparent;
background-color: transparent;
background-image: none;
background-image: none;
border: none;
border: none;
⚫
padding-top: 2em;
}
}


Line 47: Line 54:
width: 100%;
width: 100%;
border: none;
border: none;
border-collapse: collapse;
}
}
body.rtl #LP-table {
body.rtl #LP-table {
Line 119: Line 127:
#donate-form-wrapper ul li {
#donate-form-wrapper ul li {
display: table-cell;
display: table-cell;
padding: 2px;
padding: 4px;
vertical-align: top;
vertical-align: top;
}
}
Line 292: Line 300:
.paymentmethod-bpay input,
.paymentmethod-bpay input,
.paymentmethod-ideal input,
.paymentmethod-ideal input,
.paymentmethod-enets input,
.paymentmethod-enets input{
.paymentmethod-yandex input {
text-indent: -10000px;
text-indent: -10000px;
overflow: hidden;
overflow: hidden;
Line 315: Line 322:
.paymentmethod-enets input {
.paymentmethod-enets input {
background-image: url(//upload.wikimedia.org/wikipedia/donate/d/d4/Enets-logo.png);
background-image: url(//upload.wikimedia.org/wikipedia/donate/d/d4/Enets-logo.png);
⚫
}
.paymentmethod-yandex input {
⚫
background-image: url(//upload.wikimedia.org/wikipedia/donate/8/85/Yamoney_en.png);
}
html[lang="ru"] .paymentmethod-yandex input {
background-image: url(//upload.wikimedia.org/wikipedia/donate/c/cb/Yandex_money_RU_logo.png);
}
}
.paymentmethod-pp-usd input {
.paymentmethod-pp-usd input {
Line 353: Line 354:
text-align: center;
text-align: center;
font-size: 0.8em;
font-size: 0.8em;
line-height: 1.2;
line-height: 1.4;
padding: 1.8em 15% .7em;
padding: 1.8em 15% .7em;
}
}
Line 362: Line 363:


#donate-links-block {
#donate-links-block {
⚫
width: 100%;
padding: 1em 15% 0;
padding: 1em 15% 0;
}
}
Line 368: Line 368:
.form-info-links {
.form-info-links {
list-style: none;
list-style: none;
margin-left: 0;
margin: 0;
width: 100%;
display: block;
font-size: 0.8em;
text-align: center;
text-align: center;
}
}
.form-info-links li {
.form-info-links li {
width: auto;
display: inline-block;
display: inline-block;
⚫
}
padding: 0 1em;
.form-info-links a {
margin: 0 auto;
⚫
padding: 1em;
}
}


Line 401: Line 398:
#content {
#content {
margin: 0;
margin: 0;
padding: 0 .5em .5em .5em;
padding: 80px 8px 8px 8px;
}
}


#p-logo a {
#mw-panel, #p-logo, #p-logo a {
width: 120px;
height: 80px;
height: 120px;
width: 100% !important;
⚫
background-size: 80%;
}
}


#form-wrapper {
#p-logo a {
⚫
background-image: url(https://upload.wikimedia.org/wikipedia/donate/6/60/Wmf_logo_horiz_K.svg);
display: block;
width: 100%;
background-repeat: no-repeat;
background-position: center center;
}
background-size: auto 40px;
#donate {
display: block;
}
}


/* Hide appeal */
/* Hide appeal */
#appeal-head, .appeal-text-long, .appeal-text-short {
#appeal-wrapper {
display: none;
display: none;
}
}

#appeal-wrapper {
margin-top: 60px;
#form-wrapper {
display: block;
display: block;
⚫
width: 100%;
}
}
#appeal-body {
⚫
padding-top: 0.2em;
}

#donate-form-wrapper {
#donate-form-wrapper {
padding: 1em;
padding: 1em;
}

div#infobox-wrapper, div#donor-policy-block {
width: 100%;
}
}


Retrieved from "https://donate.wikimedia.org/wiki/Template:Styles/Default.css"