Template:Styles/Default.css: Difference between revisions

Content deleted Content added
m allow button text to wrap
improve/simplify layout, hide more default elements, use horizontal logo on mobile
Line 24:
}
 
/* --- Hide default MediaWiki stuff we don't want --- */
 
#mw-headpage-base, {#mw-head-base,
height: 1em;
#mw-panel .portal,
#pmw-search, #p-personalhead, #catlinks,
#p-namespaces, #p-views, #p-cactions,
#p-search, #p-personal, #catlinks,
#firstHeading, #contentSub, #siteSub,
#jump-to-nav, .uls-tipsy {
display: none;
}
 
/* Re-add gradient background */
body {
background-image: linear-gradient(to bottom, #ffffff 40px, #f6f6f6 80px);
background-sizeposition: 80%top;
background-repeat: repeat-x;
background-color: #f6f6f6;
 
#content {
background-color: transparent;
background-image: none;
border: none;
padding-top: 0.2em;
}
 
Line 47 ⟶ 54:
width: 100%;
border: none;
border-collapse: collapse;
}
body.rtl #LP-table {
Line 119 ⟶ 127:
#donate-form-wrapper ul li {
display: table-cell;
padding: 2px4px;
vertical-align: top;
}
Line 292 ⟶ 300:
.paymentmethod-bpay input,
.paymentmethod-ideal input,
.paymentmethod-enets input,{
.paymentmethod-yandex input {
text-indent: -10000px;
overflow: hidden;
Line 315 ⟶ 322:
.paymentmethod-enets input {
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 {
Line 353 ⟶ 354:
text-align: center;
font-size: 0.8em;
line-height: 1.24;
padding: 1.8em 15% .7em;
}
Line 362 ⟶ 363:
 
#donate-links-block {
width: 100%;
padding: 1em 15% 0;
}
Line 368:
.form-info-links {
list-style: none;
margin-left: 0;
width: 100%;
display: block;
font-size: 0.8em;
text-align: center;
}
.form-info-links li {
width: auto;
display: inline-block;
padding: 0 1em;
.form-info-links a {
margin: 0 auto;
heightpadding: 1em;
}
 
Line 401 ⟶ 398:
#content {
margin: 0;
padding: 080px .5em8px .5em8px .5em8px;
}
 
#mw-panel, #p-logo, #p-logo a {
widthheight: 120px80px;
heightwidth: 120px100% !important;
background-size: 80%;
}
 
#formp-wrapperlogo a {
background-image: url(https://upload.wikimedia.org/wikipedia/donate/86/8560/Yamoney_enWmf_logo_horiz_K.pngsvg);
display: block;
widthbackground-repeat: 100%no-repeat;
background-position: center center;
}
background-size: auto 40px;
#donate {
display: block;
}
 
/* Hide appeal */
#appeal-head, .appeal-text-long, .appeal-text-shortwrapper {
display: none;
}
 
#appeal-wrapper {
margin#form-top:wrapper 60px;{
display: block;
width: 100%;
}
#appeal-body {
padding-top: 0.2em;
}
 
#donate-form-wrapper {
padding: 1em;
}
 
div#infobox-wrapper, div#donor-policy-block {
width: 100%;
}