Файл: Application/themes/default/css/formalize.css
Строк: 238
/*
`Widths
----------------------------------------------------------------------------------------------------*/
.input_tiny
{
width: 50px;
}
.input_small {
width: 100px;
}
.input_medium
{
width: 150px;
}
.input_large {
width:
200px;
}
.input_xlarge {
width: 250px;
}
.input_xxlarge {
width: 300px;
}
.input_full {
width: 100%;
}
/*
Added via JS
to <textarea> and class="input_full".
Applies only to
IE7. Other browsers don't need it.
*/
.input_full_wrap {
display:
block;
padding-right: 8px;
}
/* `UI
Consistency
----------------------------------------------------------------------------------------------------*/
::-moz-focus-inner
{
border: 0;
padding:
0;
}
input[type="search"]::-webkit-search-decoration {
display: none;
}
input,
button,
select,
textarea {
margin: 0;
vertical-align:
middle;
}
input[type="radio"],
input[type="checkbox"]
{
position: relative;
vertical-align: top;
top: 3px;
/* IE8,
IE9, IE10 */
top: 0\0;
/* IE7 */
*top: -3px;
}
/* iPad
*/
@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width:
1024px) {
input[type="radio"],
input[type="checkbox"] {
vertical-align: baseline;
top:
2px;
}
}
/* iPhone 3 */
@media (-webkit-min-device-pixel-ratio: 1)
and (max-device-width: 480px) {
input[type="radio"],
input[type="checkbox"] {
vertical-align: baseline;
top:
0;
}
}
/* iPhone 4 */
@media (-webkit-min-device-pixel-ratio: 2)
and (max-device-width: 480px) {
input[type="radio"],
input[type="checkbox"] {
vertical-align: baseline;
top:
0;
}
}
button,
input[type="reset"],
input[type="submit"],
input[type="button"]
{
-webkit-appearance: none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-background-clip:
padding;
-webkit-background-clip: padding;
background-clip:
padding-box;
background: #ddd url(../img/button.png) repeat-x;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0,
#fff), color-stop(1, #ddd));
background: -moz-linear-gradient(top
center, #fff 0%, #ddd 100%);
border: 1px solid;
border-color: #ddd
#bbb #999;
cursor: pointer;
color: #333;
/*
Helvetica Neue
present, because it works better
for line-height on buttons than
Arial, on OS X.
*/
font: bold 12px/1.3 'Helvetica Neue', Arial,
'Liberation Sans', FreeSans, sans-serif;
outline: 0;
overflow:
visible;
padding: 3px 10px;
text-shadow: #fff 0 1px 1px;
width:
auto;
/* IE7 */
*padding-top: 2px;
*padding-bottom:
0px;
}
button {
/* IE7 */
*padding-top: 1px;
*padding-bottom:
1px;
}
textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"]
{
-webkit-appearance: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-sizing:
border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-background-clip: padding;
-webkit-background-clip: padding;
background-clip: padding-box;
background-color: #fff;
border: 1px
solid;
border-color: #848484 #c1c1c1 #e1e1e1;
color: #000;
outline: 0;
padding: 2px 3px;
font-size: 13px;
/*
Leaving out
Helvetica Neue, to not throw off size="..."
on inputs. Arial
is more reliable, on Windows and OS X.
*/
font-family: Arial,
'Liberation Sans', FreeSans, sans-serif;
height: 1.8em;
/* IE7 */
*padding-top: 2px;
*padding-bottom: 1px;
*height: auto;
}
/*
Separate rule for Firefox.
Separate rule for IE, too.
Cannot stack
with WebKit's.
*/
::-webkit-input-placeholder {
color:
#888;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
color:
#888;
}
input.placeholder_text,
textarea.placeholder_text {
color:
#888;
}
:invalid {
/*
Suppress red glow that Firefox
adds
to form fields by default,
even when user is still typing.
*/
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow:
none;
}
button:focus,
button:active,
input:focus,
input:active,
select:focus,
select:active,
textarea:focus,
textarea:active
{
-moz-box-shadow: #4FB7A6 0 0 7px;
-webkit-box-shadow: #4FB7A6 0 0
7px;
box-shadow: #4FB7A6 0 0 7px;
/* for Opera */
z-index:
1;
}
input[type="file"]:focus,
input[type="file"]:active,
input[type="radio"]:focus,
input[type="radio"]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active
{
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow:
none;
}
select[disabled],
textarea[disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="email"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
input[type="week"][disabled]
{
background-color:
#eee;
}
button[disabled],
input[disabled],
select[disabled],
select[disabled]
option,
select[disabled] optgroup,
textarea[disabled] {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select:
none;
color: #888;
cursor:
default;
}
textarea,
select[size],
select[multiple] {
height:
auto;
}
/* Tweaks for Safari + Chrome. */
@media
(-webkit-min-device-pixel-ratio: 0) {
select {
background-image:
url(../img/select_arrow.gif);
background-repeat: no-repeat;
background-position: right center;
padding-right: 20px;
}
select[size],
select[multiple] {
background-image: none;
padding: 0;
}
::-webkit-validation-bubble-message {
box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px;
background:
-webkit-gradient(linear, left top, left bottom, color-stop(0, #666),
color-stop(1, #000));
border: 1px solid;
border-color: #747474
#5e5e5e #4f4f4f;
color: #fff;
font: 11px/1 'Lucida Grande',
Arial, 'Liberation Sans', FreeSans, sans-serif;
padding: 15px 15px
17px;
text-shadow: #000 0 0 1px;
}
::-webkit-validation-bubble-top-outer-arrow,
::-webkit-validation-bubble-top-inner-arrow {
display: none;
}
}
textarea {
min-height: 40px;
overflow: auto;
resize:
vertical;
width: 100%;
}
optgroup {
color: #000;
font-style:
normal;
font-weight: normal;
}