src/cm/media/js/lib/yui/yui3-3.15.0/build/cssbutton/cssbutton.css
author Yves-Marie Haussonne <ymh.work+github@gmail.com>
Fri, 09 May 2014 18:35:26 +0200
changeset 656 a84519031134
parent 602 e16a97fb364a
permissions -rw-r--r--
add link to "privacy policy" in the header test
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
602
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
     1
.yui3-button {
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
     2
    /* Structure */
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
     3
    display: inline-block;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
     4
    *display: inline; /*IE 6/7*/
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
     5
    zoom: 1;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
     6
    font-size: 100%; 
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
     7
    *font-size: 90%; /*IE 6/7 - To reduce IE's oversized button text*/
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
     8
    *overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
     9
    padding: 0.4em 1em 0.45em;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    10
    line-height: normal;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    11
    white-space: nowrap;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    12
    vertical-align: baseline;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    13
    text-align: center;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    14
    cursor: pointer;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    15
    -webkit-user-drag: none;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    16
    -webkit-user-select: none;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    17
    -moz-user-select: none;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    18
    user-select: none;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    19
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    20
    /* Presentation */
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    21
    color: #444; /* rgba not supported (IE 8) */
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    22
    color: rgba(0, 0, 0, 0.80); /* rgba supported */
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    23
    *color: #444; /* IE 6 & 7 */
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    24
    border: 1px solid #999;  /*IE 6/7/8*/
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    25
    border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    26
    background-color: #E6E6E6;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    27
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=0);
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    28
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255, 0.30)), color-stop(40%, rgba(255,255,255, 0.15)), to(transparent));
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    29
    background-image: -webkit-linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    30
    background-image: -moz-linear-gradient(top, rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    31
    background-image: -ms-linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    32
    background-image: -o-linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    33
    background-image: linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent);
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    34
    text-decoration: none;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    35
    -webkit-border-radius: 4px;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    36
    -moz-border-radius: 4px;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    37
    border-radius: 4px;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    38
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 0 rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    39
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 0 rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    40
    box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 0 rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    41
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    42
    /* Transitions */
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    43
    -webkit-transition: 0.1s linear -webkit-box-shadow;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    44
    -moz-transition: 0.1s linear -moz-box-shadow;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    45
    -ms-transition: 0.1s linear box-shadow;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    46
    -o-transition: 0.1s linear box-shadow;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    47
    transition: 0.1s linear box-shadow;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    48
}
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    49
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    50
a.yui3-button {
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    51
    color: rgba(0,0,0, 0.80);
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    52
    color: #444;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    53
    text-decoration:none;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    54
}
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    55
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    56
.yui3-button-hover,
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    57
.yui3-button:hover {
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    58
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#26000000', GradientType=0);
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    59
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.15)));
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    60
    background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    61
    background-image: -moz-linear-gradient(top, transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    62
    background-image: -ms-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    63
    background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    64
    background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15));
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    65
}
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    66
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    67
.yui3-button-active,
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    68
.yui3-button:active {
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    69
    border: inset 1px solid #999;  /*IE 6/7/8*/
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    70
    border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    71
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A000000', endColorstr='#26000000', GradientType=0);
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    72
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0, 0.10)), to(rgba(0,0,0, 0.15)));
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    73
    background-image: -webkit-linear-gradient(rgba(0,0,0, 0.10), rgba(0,0,0, 0.15));
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    74
    background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.10), rgba(0,0,0, 0.15));
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    75
    background-image: -ms-linear-gradient(rgba(0,0,0, 0.10), rgba(0,0,0, 0.15));
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    76
    background-image: -o-linear-gradient(rgba(0,0,0, 0.10), rgba(0,0,0, 0.15));
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    77
    background-image: linear-gradient(rgba(0,0,0, 0.10), rgba(0,0,0, 0.15));
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    78
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    79
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    80
    box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    81
}
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    82
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    83
.yui3-button[disabled],
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    84
.yui3-button-disabled,
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    85
.yui3-button-disabled:hover,
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    86
.yui3-button-disabled:active {
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    87
    cursor: default;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    88
    background-image: none;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    89
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    90
    filter: alpha(opacity=55);
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    91
    -khtml-opacity: 0.55;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    92
    -moz-opacity: 0.55;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    93
    opacity: 0.55;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    94
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    95
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    96
    box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    97
}
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    98
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
    99
.yui3-button-hidden {
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   100
    display:none;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   101
}
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   102
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   103
/* Firefox: Get rid of the inner focus border */
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   104
.yui3-button::-moz-focus-inner{
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   105
    padding: 0;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   106
    border: 0;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   107
}
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   108
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   109
/* Firefox: Add a border around a focused button */
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   110
.yui3-button:-moz-focusring {
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   111
    outline: thin dotted;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   112
}
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   113
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   114
/* Sam */
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   115
.yui3-skin-sam .yui3-button-primary,
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   116
.yui3-skin-sam .yui3-button-selected {
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   117
    background-color: #345FCB;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   118
    color: #fff;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   119
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 2px 0 rgba(255, 255, 255, 0.17) inset, 0 1px 2px rgba(0, 0, 0, 0.15);
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   120
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 2px 0 rgba(255, 255, 255, 0.17) inset, 0 1px 2px rgba(0, 0, 0, 0.15);
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   121
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 2px 0 rgba(255, 255, 255, 0.17) inset, 0 1px 2px rgba(0, 0, 0, 0.15);
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   122
}
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   123
.yui3-skin-sam .yui3-button:-moz-focusring {
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   124
    outline-color: rgba(0, 0, 0, 0.85);
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   125
}
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   126
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   127
/* Night */
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   128
.yui3-skin-night .yui3-button {
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   129
    border: 0px;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   130
    background-color: #343536;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   131
    color: #DCDCDC;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   132
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 2px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.15);
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   133
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 2px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.15);
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   134
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 2px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.15);
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   135
}
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   136
.yui3-skin-night .yui3-button-primary,
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   137
.yui3-skin-night .yui3-button-selected {
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   138
    background-color: #747576;
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   139
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   140
}
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   141
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   142
.yui3-skin-night .yui3-button:-moz-focusring {
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   143
    outline-color: rgba(255, 255, 255, 0.85);
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   144
}
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   145
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   146
/* YUI CSS Detection Stamp */
e16a97fb364a Use YUI 3.15
gibus
parents:
diff changeset
   147
#yui3-css-stamp.cssbutton { display: none; }