| 提交 | 用户 | 时间 | ||
| 58d006 | 1 | //jquery gritter |
| A | 2 | .enable_plugin_gritter() when(@enable-plugin-gritter = true) { |
| 3 | ||
| 4 | .gritter-item-wrapper { | |
| 5 | background-image:none !important; | |
| 6 | box-shadow:0 2px 10px rgba(50, 50, 50, 0.5); | |
| 7 | background:rgba(50,50,50,0.92); | |
| 8 | ||
| 9 | &.gritter-info { | |
| 10 | background:rgba(49, 81, 133, 0.92); | |
| 11 | } | |
| 12 | &.gritter-error { | |
| 13 | background:rgba(153, 40, 18, 0.92); | |
| 14 | } | |
| 15 | &.gritter-success { | |
| 16 | background:rgba(89, 131, 75, 0.92); | |
| 17 | } | |
| 18 | &.gritter-warning { | |
| 19 | background:rgba(190, 112, 31, 0.92); | |
| 20 | } | |
| 21 | ||
| 22 | &.gritter-light { | |
| 23 | background:rgba(245,245,245,0.95); | |
| 24 | border:1px solid #BBB; | |
| 25 | &.gritter-info { | |
| 26 | background:rgba(232, 242, 255, 0.95); | |
| 27 | .gritter-item { color:#4A577D; } | |
| 28 | } | |
| 29 | &.gritter-error { | |
| 30 | background:rgba(255, 235, 235, 0.95); | |
| 31 | .gritter-item { color:#894A38; } | |
| 32 | } | |
| 33 | &.gritter-success { | |
| 34 | background:rgba(239, 250, 227, 0.95); | |
| 35 | .gritter-item { color:#416131; } | |
| 36 | } | |
| 37 | &.gritter-warning { | |
| 38 | background:rgba(252, 248, 227, 0.95); | |
| 39 | .gritter-item { color:#946446; } | |
| 40 | } | |
| 41 | } | |
| 42 | } | |
| 43 | ||
| 44 | .gritter-item p { | |
| 45 | line-height:1.8; | |
| 46 | } | |
| 47 | ||
| 48 | ||
| 49 | .gritter-top , .gritter-bottom , .gritter-item { | |
| 50 | background-image:none; | |
| 51 | } | |
| 52 | ||
| 53 | .gritter-close { | |
| 54 | left: auto; | |
| 55 | right: 3px; | |
| 56 | ||
| 57 | background-image:none; | |
| 58 | ||
| 59 | width: 18px; | |
| 60 | height: 18px; | |
| 61 | line-height: 17px; | |
| 62 | ||
| 63 | text-align: center; | |
| 64 | border: 2px solid transparent; | |
| 65 | border-radius: 16px; | |
| 66 | ||
| 67 | color: #E17B67; | |
| 68 | ||
| 69 | &:before { | |
| 70 | font-family: FontAwesome; | |
| 71 | font-size: @font-size-gritter-close; | |
| 72 | content: "\f00d"; | |
| 73 | } | |
| 74 | } | |
| 75 | ||
| 76 | ||
| 77 | .gritter-info .gritter-close { | |
| 78 | color:#FFA500; | |
| 79 | } | |
| 80 | .gritter-error , .gritter-success , .gritter-warning { | |
| 81 | .gritter-close { | |
| 82 | color:#FFEA07; | |
| 83 | } | |
| 84 | } | |
| 85 | .gritter-close:hover{ | |
| 86 | color:#FFF !important; | |
| 87 | } | |
| 88 | ||
| 89 | ||
| 90 | .gritter-title { | |
| 91 | text-shadow:none; | |
| 92 | } | |
| 93 | ||
| 94 | .gritter-light { | |
| 95 | .gritter-item , .gritter-bottom , .gritter-top , .gritter-close { | |
| 96 | background-image: none; | |
| 97 | color: #444; | |
| 98 | } | |
| 99 | .gritter-title { | |
| 100 | text-shadow: none; | |
| 101 | } | |
| 102 | .gritter-close:hover { | |
| 103 | color:#8A3104 !important; | |
| 104 | } | |
| 105 | } | |
| 106 | ||
| 107 | .gritter-center { | |
| 108 | position:fixed; | |
| 109 | left:33%; right:33%; top:33%; | |
| 110 | } | |
| 111 | ||
| 112 | ||
| 113 | ||
| 114 | @media only screen and (max-width: @screen-xs-max) { | |
| 115 | .gritter-center { | |
| 116 | left:16%; right:16%; top:30%; | |
| 117 | } | |
| 118 | } | |
| 119 | @media only screen and (max-width: @screen-xs) { | |
| 120 | .gritter-center { | |
| 121 | left:30px; right:30px; | |
| 122 | } | |
| 123 | } | |
| 124 | @media only screen and (max-width: @screen-tiny) { | |
| 125 | .gritter-center { | |
| 126 | left:10px; right:10px; | |
| 127 | } | |
| 128 | } | |
| 129 | ||
| 130 | } | |
| 131 | ||
| 132 | .enable_plugin_gritter(); | |
