markus / KCOM_API_AutoStamping / Themes / alertify.bootstrap.css @ 8de0cf00
이력 | 보기 | 이력해설 | 다운로드 (3.8 KB)
| 1 | 95e6fe93 | taeseongkim | /**
|
|---|---|---|---|
| 2 | * Twitter Bootstrap Look and Feel
|
||
| 3 | * Based on http://twitter.github.com/bootstrap/
|
||
| 4 | */
|
||
| 5 | .alertify,
|
||
| 6 | .alertify-log {
|
||
| 7 | font-family: sans-serif; |
||
| 8 | } |
||
| 9 | .alertify {
|
||
| 10 | background: #FFF; |
||
| 11 | border: 1px solid #8E8E8E; /* browsers that don't support rgba */ |
||
| 12 | border: 1px solid rgba(0,0,0,.3); |
||
| 13 | border-radius: 6px; |
||
| 14 | box-shadow: 0 3px 7px rgba(0,0,0,.3); |
||
| 15 | -webkit-background-clip: padding; /* Safari 4? Chrome 6? */ |
||
| 16 | -moz-background-clip: padding; /* Firefox 3.6 */ |
||
| 17 | background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ |
||
| 18 | } |
||
| 19 | .alertify-dialog {
|
||
| 20 | padding: 0; |
||
| 21 | } |
||
| 22 | .alertify-inner {
|
||
| 23 | text-align: left; |
||
| 24 | } |
||
| 25 | .alertify-message {
|
||
| 26 | padding: 15px; |
||
| 27 | margin: 0; |
||
| 28 | } |
||
| 29 | .alertify-text-wrapper {
|
||
| 30 | padding: 0 15px; |
||
| 31 | } |
||
| 32 | .alertify-text {
|
||
| 33 | color: #555; |
||
| 34 | border-radius: 4px; |
||
| 35 | padding: 8px; |
||
| 36 | background-color: #FFF; |
||
| 37 | border: 1px solid #CCC; |
||
| 38 | box-shadow: inset 0 1px 1px rgba(0,0,0,.075); |
||
| 39 | } |
||
| 40 | .alertify-text:focus { |
||
| 41 | border-color: rgba(82,168,236,.8); |
||
| 42 | outline: 0; |
||
| 43 | box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); |
||
| 44 | } |
||
| 45 | |||
| 46 | .alertify-buttons {
|
||
| 47 | padding: 14px 15px 15px; |
||
| 48 | background: #F5F5F5; |
||
| 49 | border-top: 1px solid #DDD; |
||
| 50 | border-radius: 0 0 6px 6px; |
||
| 51 | box-shadow: inset 0 1px 0 #FFF; |
||
| 52 | text-align: right; |
||
| 53 | } |
||
| 54 | .alertify-button,
|
||
| 55 | .alertify-button:hover, |
||
| 56 | .alertify-button:focus, |
||
| 57 | .alertify-button:active { |
||
| 58 | margin-left: 10px; |
||
| 59 | border-radius: 4px; |
||
| 60 | font-weight: normal; |
||
| 61 | padding: 4px 12px; |
||
| 62 | text-decoration: none; |
||
| 63 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); |
||
| 64 | background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0)); |
||
| 65 | background-image: -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0)); |
||
| 66 | background-image: -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0)); |
||
| 67 | background-image: -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0)); |
||
| 68 | background-image: linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0)); |
||
| 69 | } |
||
| 70 | .alertify-button:focus { |
||
| 71 | outline: none; |
||
| 72 | box-shadow: 0 0 5px #2B72D5; |
||
| 73 | } |
||
| 74 | .alertify-button:active { |
||
| 75 | position: relative; |
||
| 76 | box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); |
||
| 77 | } |
||
| 78 | .alertify-button-cancel,
|
||
| 79 | .alertify-button-cancel:hover, |
||
| 80 | .alertify-button-cancel:focus, |
||
| 81 | .alertify-button-cancel:active { |
||
| 82 | text-shadow: 0 -1px 0 rgba(255,255,255,.75); |
||
| 83 | background-color: #E6E6E6; |
||
| 84 | border: 1px solid #BBB; |
||
| 85 | color: #333; |
||
| 86 | background-image: -webkit-linear-gradient(top, #FFF, #E6E6E6); |
||
| 87 | background-image: -moz-linear-gradient(top, #FFF, #E6E6E6); |
||
| 88 | background-image: -ms-linear-gradient(top, #FFF, #E6E6E6); |
||
| 89 | background-image: -o-linear-gradient(top, #FFF, #E6E6E6); |
||
| 90 | background-image: linear-gradient(top, #FFF, #E6E6E6); |
||
| 91 | } |
||
| 92 | .alertify-button-cancel:hover, |
||
| 93 | .alertify-button-cancel:focus, |
||
| 94 | .alertify-button-cancel:active { |
||
| 95 | background: #E6E6E6; |
||
| 96 | } |
||
| 97 | .alertify-button-ok,
|
||
| 98 | .alertify-button-ok:hover, |
||
| 99 | .alertify-button-ok:focus, |
||
| 100 | .alertify-button-ok:active { |
||
| 101 | text-shadow: 0 -1px 0 rgba(0,0,0,.25); |
||
| 102 | background-color: #04C; |
||
| 103 | border: 1px solid #04C; |
||
| 104 | border-color: #04C #04C #002A80; |
||
| 105 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
||
| 106 | color: #FFF; |
||
| 107 | } |
||
| 108 | .alertify-button-ok:hover, |
||
| 109 | .alertify-button-ok:focus, |
||
| 110 | .alertify-button-ok:active { |
||
| 111 | background: #04C; |
||
| 112 | } |
||
| 113 | |||
| 114 | .alertify-log {
|
||
| 115 | background: #D9EDF7; |
||
| 116 | padding: 8px 14px; |
||
| 117 | border-radius: 4px; |
||
| 118 | color: #3A8ABF; |
||
| 119 | text-shadow: 0 1px 0 rgba(255,255,255,.5); |
||
| 120 | border: 1px solid #BCE8F1; |
||
| 121 | } |
||
| 122 | .alertify-log-error {
|
||
| 123 | color: #B94A48; |
||
| 124 | background: #F2DEDE; |
||
| 125 | border: 1px solid #EED3D7; |
||
| 126 | } |
||
| 127 | .alertify-log-success {
|
||
| 128 | color: #468847; |
||
| 129 | background: #DFF0D8; |
||
| 130 | border: 1px solid #D6E9C6; |
||
| 131 | } |
