From: Pierre Choffet Date: Tue, 22 Jan 2019 18:07:07 +0000 (-0500) Subject: Fix CSS indent X-Git-Url: https://git.wikimedia.ca/?a=commitdiff_plain;h=82e5724707294632aac26a4ddedd0c83192bf7f4;p=paypal.git Fix CSS indent --- diff --git a/wmca.css b/wmca.css index 3c906ba..492fb45 100644 --- a/wmca.css +++ b/wmca.css @@ -1,326 +1,325 @@ * { - box-sizing: border-box; + box-sizing: border-box; } body { - background-color: #F3F3F3; - margin: 1em; - font-family: sans-serif; - font-size: 1.4rem; - color: #000; + background-color: #F3F3F3; + margin: 1em; + font-family: sans-serif; + font-size: 1.4rem; + color: #000; } a { - text-decoration: none; - padding-bottom: 0px; - border-bottom: 1px solid blue; + text-decoration: none; + padding-bottom: 0px; + border-bottom: 1px solid blue; } img.logo { - display: flex; - float: left; - max-width: 25%; - height: auto; + display: flex; + float: left; + max-width: 25%; + height: auto; } .langlink { - /*display: flex; - justify-content: flex-start;*/ - float: right; + /*display: flex; + justify-content: flex-start;*/ + float: right; } .title { - text-align: center; - padding-top: 75px; + text-align: center; + padding-top: 75px; } h1 { - font-weight: bold; - text-align: center; + font-weight: bold; + text-align: center; } h2 { - font-weight: bold; - font-size: 1.6em; + font-weight: bold; + font-size: 1.6em; } h3 { - font-weight: bold; - font-size: 1.4em; + font-weight: bold; + font-size: 1.4em; } p { - margin: 0 0 1em 0; + margin: 0 0 1em 0; } #main { - margin: 0; - padding: 0; - display: -webkit-flex; - display: flex; - -webkit-flex-flow: row; - flex-flow: row; + margin: 0; + padding: 0; + display: -webkit-flex; + display: flex; + -webkit-flex-flow: row; + flex-flow: row; } #main > article, #main > leftmargin, #main > rightmargin { - background: #F3F3F3; - margin: 4px; - padding: 0em 1.0rem; - } + background: #F3F3F3; + margin: 4px; + padding: 0em 1.0rem; + } #main > article { - -webkit-flex: 4 1 0; - flex: 4 1 0; - -webkit-order: 2; - order: 2; + -webkit-flex: 4 1 0; + flex: 4 1 0; + -webkit-order: 2; + order: 2; } #green { - display: -webkit-flex; - display: flex; - -webkit-flex-direction: row; - flex-direction: row; - padding-bottom: 1em; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: row; + flex-direction: row; + padding-bottom: 1em; } #join { - border: 1px solid #5EAC58; - background-color: #CCE7CD; - padding: 1em; - width: 60%; + border: 1px solid #5EAC58; + background-color: #CCE7CD; + padding: 1em; + width: 60%; } #donate { - border: 1px solid #5EAC58; - background-color: #CCE7CD; - padding: 1em; - width: 40%; + border: 1px solid #5EAC58; + background-color: #CCE7CD; + padding: 1em; + width: 40%; } #join > h2, #donate > h2 { - text-align: center; + text-align: center; } #main > leftmargin { - -webkit-order: 1; - order: 1; + -webkit-order: 1; + order: 1; } #main > rightmargin { - -webkit-order: 3; - order: 3; + -webkit-order: 3; + order: 3; } header { - display: block; - padding: 1.0em; + display: block; + padding: 1.0em; } footer { - display: block; - min-height: 80px; - background: #DDD; - font-size: 75%; - font-style: italic; - padding: 0.5em; + display: block; + min-height: 80px; + background: #DDD; + font-size: 75%; + font-style: italic; + padding: 0.5em; } .flex-outer { - list-style-type: none; - padding: 0; - margin: 0 auto; + list-style-type: none; + padding: 0; + margin: 0 auto; } .flex-outer li { - display: flex; - flex-wrap: wrap; - align-items: center; + display: flex; + flex-wrap: wrap; + align-items: center; } .flex-outer li:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 10px; } .flex-outer li label { - padding: 8px; + padding: 8px; } .flex-outer li p { - /*padding: 8px;*/ - align-items: center; + /*padding: 8px;*/ + align-items: center; } .flex-outer > li > label, .flex-outer li p { - flex: 1 0 120px; - max-width: 220px; - padding: 8px; + flex: 1 0 120px; + max-width: 220px; + padding: 8px; } .flex-outer > li > label + * { - flex: 1 0 220px; + flex: 1 0 220px; } .flex-outer li input:not([type='radio']) { - padding: 15px; + padding: 15px; } .flex-inner { - display: flex; - flex-wrap: wrap; - justify-content: space-between; - flex-direction: column; - list-style-type: none; - padding: 0; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + flex-direction: column; + list-style-type: none; + padding: 0; } span.break:before { - content: "\A"; - white-space: pre; + content: "\A"; + white-space: pre; } select { - display: inline-block; - width: 100%; - padding: 10px 15px; - font-size: 1.4rem; - border: 0; - border-radius: 0; + display: inline-block; + width: 100%; + padding: 10px 15px; + font-size: 1.4rem; + border: 0; + border-radius: 0; } .radio-item { - display: flex; - align-items: baseline; - justify-content: space-between; - padding-bottom: 0.5em; + display: flex; + align-items: baseline; + justify-content: space-between; + padding-bottom: 0.5em; } input[type="radio"] { - align-self: center; + align-self: center; } input[type='text'] { - display: inline-block; - width: 100%; - font-size: 1.4rem; + display: inline-block; + width: 100%; + font-size: 1.4rem; } #donate > form { - text-align: center; + text-align: center; } .btn-item { - display: flex; - padding-top: 1.5rem; - justify-content: center; + display: flex; + padding-top: 1.5rem; + justify-content: center; } .btn { - padding: 1.0rem; - border: 1px solid #333; - background: #333; - color: #fff; - text-transform: uppercase; - letter-spacing: .09em; - border-radius: 2px; - font-weight: bold; - font-size: 1.6em; + padding: 1.0rem; + border: 1px solid #333; + background: #333; + color: #fff; + text-transform: uppercase; + letter-spacing: .09em; + border-radius: 2px; + font-weight: bold; + font-size: 1.6em; } .btn:hover { - background: gold; - color: #000; - border: 1px solid #333; + background: gold; + color: #000; + border: 1px solid #333; } .btn:focus { - background: gold; - color: #000; - border: 1px solid #333; + background: gold; + color: #000; + border: 1px solid #333; } @-ms-viewport { - width: device-width; + width: device-width; } @media only screen and (max-width: 768px) { - - body { - font-size: 1.2rem; - margin: 0em; - } - - #main, #page { - -webkit-flex-flow: column; - flex-flow: column; - } - - #main > article, #main > leftmargin, #main > rightmargin { - /* Return them to document order */ - -webkit-order: 0; - order: 0; - } - - #main > article { - /*padding 0.5em;*/ - } - - #main > leftmargin, #main > rightmargin { - /* Hide them */ - visibility: hidden; - margin: 0; - padding: 0; - order: 3; - } - - #green { - -webkit-flex-flow: column; - flex-flow: column; - padding-bottom: 1em; - -webkit-order: 0; - order: 0; - } - - #join, #donate { - width: 100%; - padding: 1em; - border: 0px; - } - - #join { - border-bottom: 1px solid #5EAC58; - } - - #donate { - border-top: 1px solid #5EAC58; - } - - br { - content: ' '; - } - - br:after { - content: ' '; - } - - select, input[type='text'] { - font-size: 1.0rem; - } - - header, footer { - min-height: 50px; - } - - footer { - margin-top: 0.25em; - position: sticky; - } - - .btn { - display: inline-block; - width: 100%; - margin-top: 2em; - } + body { + font-size: 1.2rem; + margin: 0em; + } + + #main, #page { + -webkit-flex-flow: column; + flex-flow: column; + } + + #main > article, #main > leftmargin, #main > rightmargin { + /* Return them to document order */ + -webkit-order: 0; + order: 0; + } + + #main > article { + /*padding 0.5em;*/ + } + + #main > leftmargin, #main > rightmargin { + /* Hide them */ + visibility: hidden; + margin: 0; + padding: 0; + order: 3; + } + + #green { + -webkit-flex-flow: column; + flex-flow: column; + padding-bottom: 1em; + -webkit-order: 0; + order: 0; + } + + #join, #donate { + width: 100%; + padding: 1em; + border: 0px; + } + + #join { + border-bottom: 1px solid #5EAC58; + } + + #donate { + border-top: 1px solid #5EAC58; + } + + br { + content: ' '; + } + + br:after { + content: ' '; + } + + select, input[type='text'] { + font-size: 1.0rem; + } + + header, footer { + min-height: 50px; + } + + footer { + margin-top: 0.25em; + position: sticky; + } + + .btn { + display: inline-block; + width: 100%; + margin-top: 2em; + } }