MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
remove test css |
added css for Salsa sign-up form |
||
Line 25: | Line 25: | ||
white-space: -o-pre-wrap; /* Opera 7 */ | white-space: -o-pre-wrap; /* Opera 7 */ | ||
word-wrap: break-word; /* Internet Explorer 5.5+ */ | word-wrap: break-word; /* Internet Explorer 5.5+ */ | ||
} | |||
/* Salsa Sign-Up Form */ | |||
.salsa-form-signup-inline { | |||
background: none repeat scroll 0 0 #CC0000; | |||
border-radius: 8px 8px 8px 8px; | |||
margin-bottom: 1em; | |||
padding: 8px 20px 0; | |||
} | |||
.salsa-form-signup-block { | |||
background: none repeat scroll 0 0 #CC0000; | |||
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: 190px; | |||
} | |||
.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-black, | |||
.salsa-form-block .btn-black { | |||
color: #FFFFFF; | |||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |||
background-color: #000000; | |||
background-image: -moz-linear-gradient(center top , #1F1F1F, #3D3D3D); | |||
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; | |||
} | } |
Revision as of 00:06, 5 April 2014
/* CSS placed here will be applied to all skins */ .red-check ul { list-style-image: url(http://www.alecexposed.org/w/images/e/ec/Red-check.png)!important; } .more-hot-bills { background-image: url(http://www.alecexposed.org/w/images/0/0c/Big-red-check-trans.png); background-repeat: no-repeat; background-position: center; } .twtr-widget { text-align: center; } .twtr-doc { text-align: left; margin: auto; } pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } /* Salsa Sign-Up Form */ .salsa-form-signup-inline { background: none repeat scroll 0 0 #CC0000; border-radius: 8px 8px 8px 8px; margin-bottom: 1em; padding: 8px 20px 0; } .salsa-form-signup-block { background: none repeat scroll 0 0 #CC0000; 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: 190px; } .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-black, .salsa-form-block .btn-black { color: #FFFFFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #000000; background-image: -moz-linear-gradient(center top , #1F1F1F, #3D3D3D); 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; }