MediaWiki:Mobile.css

Note: After saving, you may have to bypass your browser's cache to see the changes. Mozilla / Firefox / Safari: hold down Shift while clicking Reload, or press Ctrl-Shift-R (Cmd-Shift-R on Apple Mac); IE: hold Ctrl while clicking Refresh, or press Ctrl-F5; Konqueror:: simply click the Reload button, or press F5; Opera users may need to completely clear their cache in Tools→Preferences.

/* CSS placed here will affect users of the mobile site */

.holiday-banner-wrap-outer {
    background: url( 'https://www.sourcewatch.org/images/0/0c/Holiday-banner-bg-1024x325.jpg' ) center center/cover;
    color: #000;
    display: block;
    height: auto;
    margin: 0 auto;
    max-height: 325px;
    max-width: 1024px;
    text-decoration: none;
    width: 100%;
}

.holiday-banner-wrap-inner { 
    background: rgba( 355, 355, 355, 0.75 ) none repeat scroll 0 0;
    display: block;
    height: auto;
    margin: 0 auto;
    max-height: 325px;
    max-width: 1024px;
    padding: 20px;
    width: calc( 100%-40px );
}

.nodesktop {
    display: block;
}

.content .nodesktop table {
    width: 100% !important;
}

#localNotice {
    max-width: 900px;
}

#localNotice img {
    width: 100%;
    height: auto;
}

/* Portal page h2 heading hack */
.client-js .collapsible-heading {
    color: #000000 !important;
    background: none !important;
}

/* Portal Page Background */

.client-js .collapsible-block {
    background: #ffffff;
}

/* Salsa Sign-Up Form */

.salsa-form-signup-inline {
    background: none repeat scroll 0 0 #1459B8;
    border-radius: 8px 8px 8px 8px;
    margin-bottom: 1em;
    padding: 8px 20px 0;
}

.salsa-form-signup-block {
    background: none repeat scroll 0 0 #1459B8;
    border-radius: 8px 8px 8px 8px;
    margin-bottom: 1em;
    padding: 8px 20px;
    /*width: 23.5%;*/
}

.salsa-form-signup-inline h4, 
.salsa-form-signup-block h4 {
    color: #FFFFFF;
}

.salsa-form-signup-inline form,
.salsa-form-signup-block form {
    margin-bottom: 10px;
}

.salsa-form-signup-inline input,
.salsa-form-signup-block input {
    margin-right: 6px;
}

.salsa-form-inline fieldset,
.salsa-form-block fieldset {
    border: 0 none;
    margin: 0;
    padding: 0;
}

.salsa-form-inline input,
.salsa-form-block input {
    display: inline-block;
    margin-bottom: 0;
}

.salsa-form-inline .memberCode,
.salsa-form-block .memberCode {
    display:none;
}

.salsa-form-inline label,
.salsa-form-inline input,
.salsa-form-block label,
.salsa-form-block input {
    font-family: Helvetica,Arial,sans-serif;
    font-weight: normal;
}

.salsa-form-inline button,
.salsa-form-inline input,
.salsa-form-block button,
.salsa-form-block input {
    vertical-align: middle;
}

.salsa-form-inline .control-group,
.salsa-form-block .control-group {
    float: left;
}

.salsa-form-inline input,
.salsa-form-block input {
    margin-right: 6px;
}

.salsa-form-inline input,
.salsa-form-block input {
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    color: #555555;
    display: inline-block;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    margin-bottom: 9px;
    padding: 4px;
    width: 170px;
}

.salsa-form-inline .input-small {
    width: 100px;
}

:-moz-placeholder {
    color: #999999;
}

.salsa-form-inline button.btn, .salsa-form-inline input.btn[type="submit"] {
}

.salsa-form-block button.btn, .salsa-form-block input.btn[type="submit"] {
}

.salsa-form-inline .btn-green,
.salsa-form-block .btn-green {
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #59B814;
    background-image: -moz-linear-gradient(center top , #6DC031, #8EE052);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
    padding: 4px 10px;
    text-align: center;
}