testing-scheduler/ui/src/assets/css/toastr.min.css

   1 .toast-title {\r
   2     font-weight: 700\r
   3 }\r
   4 \r
   5 .toast-message {\r
   6     -ms-word-wrap: break-word;\r
   7     word-wrap: break-word\r
   8 }\r
   9 \r
  10 .toast-message a, .toast-message label {\r
  11     color: #fff\r
  12 }\r
  13 \r
  14 .toast-message a:hover {\r
  15     color: #ccc;\r
  16     text-decoration: none\r
  17 }\r
  18 \r
  19 .toast-close-button {\r
  20     position: relative;\r
  21     right: -.3em;\r
  22     top: -.3em;\r
  23     float: right;\r
  24     font-size: 20px;\r
  25     font-weight: 700;\r
  26     color: #fff;\r
  27     -webkit-text-shadow: 0 1px 0 #fff;\r
  28     text-shadow: 0 1px 0 #fff;\r
  29     opacity: .8;\r
  30     -ms-filter: alpha(Opacity=80);\r
  31     filter: alpha(opacity=80)\r
  32 }\r
  33 \r
  34 .toast-close-button:focus, .toast-close-button:hover {\r
  35     color: #000;\r
  36     text-decoration: none;\r
  37     cursor: pointer;\r
  38     opacity: .4;\r
  39     -ms-filter: alpha(Opacity=40);\r
  40     filter: alpha(opacity=40)\r
  41 }\r
  42 \r
  43 button.toast-close-button {\r
  44     padding: 0;\r
  45     cursor: pointer;\r
  46     background: 0 0;\r
  47     border: 0;\r
  48     -webkit-appearance: none\r
  49 }\r
  50 \r
  51 .toast-top-center {\r
  52     top: 0;\r
  53     right: 0;\r
  54     width: 100%\r
  55 }\r
  56 \r
  57 .toast-bottom-center {\r
  58     bottom: 0;\r
  59     right: 0;\r
  60     width: 100%\r
  61 }\r
  62 \r
  63 .toast-top-full-width {\r
  64     top: 0;\r
  65     right: 0;\r
  66     width: 100%\r
  67 }\r
  68 \r
  69 .toast-bottom-full-width {\r
  70     bottom: 0;\r
  71     right: 0;\r
  72     width: 100%\r
  73 }\r
  74 \r
  75 .toast-top-left {\r
  76     top: 12px;\r
  77     left: 12px\r
  78 }\r
  79 \r
  80 .toast-top-right {\r
  81     top: 12px;\r
  82     right: 12px\r
  83 }\r
  84 \r
  85 .toast-bottom-right {\r
  86     right: 12px;\r
  87     bottom: 12px\r
  88 }\r
  89 \r
  90 .toast-bottom-left {\r
  91     bottom: 12px;\r
  92     left: 12px\r
  93 }\r
  94 \r
  95 #toast-container {\r
  96     position: fixed;\r
  97     z-index: 999999\r
  98 }\r
  99 \r
 100 #toast-container * {\r
 101     -moz-box-sizing: border-box;\r
 102     -webkit-box-sizing: border-box;\r
 103     box-sizing: border-box\r
 104 }\r
 105 \r
 106 #toast-container > div {\r
 107     position: relative;\r
 108     overflow: hidden;\r
 109     margin: 0 0 6px;\r
 110     padding: 15px 15px 15px 50px;\r
 111     width: 300px;\r
 112     -moz-border-radius: 3px;\r
 113     -webkit-border-radius: 3px;\r
 114     border-radius: 3px;\r
 115     background-position: 15px center;\r
 116     background-repeat: no-repeat;\r
 117     -moz-box-shadow: 0 0 12px #999;\r
 118     -webkit-box-shadow: 0 0 12px #999;\r
 119     box-shadow: 0 0 12px #999;\r
 120     color: #fff;\r
 121     opacity: .8;\r
 122     -ms-filter: alpha(Opacity=80);\r
 123     filter: alpha(opacity=80)\r
 124 }\r
 125 \r
 126 #toast-container > :hover {\r
 127     -moz-box-shadow: 0 0 12px #000;\r
 128     -webkit-box-shadow: 0 0 12px #000;\r
 129     box-shadow: 0 0 12px #000;\r
 130     opacity: 1;\r
 131     -ms-filter: alpha(Opacity=100);\r
 132     filter: alpha(opacity=100);\r
 133     cursor: pointer\r
 134 }\r
 135 \r
 136 #toast-container > .toast-info {\r
 137     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important\r
 138 }\r
 139 \r
 140 #toast-container > .toast-error {\r
 141     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important\r
 142 }\r
 143 \r
 144 #toast-container > .toast-success {\r
 145     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important\r
 146 }\r
 147 \r
 148 #toast-container > .toast-warning {\r
 149     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important\r
 150 }\r
 151 \r
 152 #toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div {\r
 153     width: 300px;\r
 154     margin: auto\r
 155 }\r
 156 \r
 157 #toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div {\r
 158     width: 96%;\r
 159     margin: auto\r
 160 }\r
 161 \r
 162 .toast {\r
 163     background-color: #030303\r
 164 }\r
 165 \r
 166 .toast-success {\r
 167     background-color: #51a351\r
 168 }\r
 169 \r
 170 .toast-error {\r
 171     background-color: #bd362f\r
 172 }\r
 173 \r
 174 .toast-info {\r
 175     background-color: #2f96b4\r
 176 }\r
 177 \r
 178 .toast-warning {\r
 179     background-color: #f89406\r
 180 }\r
 181 \r
 182 .toast-progress {\r
 183     position: absolute;\r
 184     left: 0;\r
 185     bottom: 0;\r
 186     height: 4px;\r
 187     background-color: #000;\r
 188     opacity: .4;\r
 189     -ms-filter: alpha(Opacity=40);\r
 190     filter: alpha(opacity=40)\r
 191 }\r
 192 \r
 193 @media all and (max-width: 240px) {\r
 194     #toast-container > div {\r
 195         padding: 8px 8px 8px 50px;\r
 196         width: 11em\r
 197     }\r
 198 \r
 199     #toast-container .toast-close-button {\r
 200         right: -.2em;\r
 201         top: -.2em\r
 202     }\r
 203 }\r
 204 \r
 205 @media all and (min-width: 241px) and (max-width: 480px) {\r
 206     #toast-container > div {\r
 207         padding: 8px 8px 8px 50px;\r
 208         width: 18em\r
 209     }\r
 210 \r
 211     #toast-container .toast-close-button {\r
 212         right: -.2em;\r
 213         top: -.2em\r
 214     }\r
 215 }\r
 216 \r
 217 @media all and (min-width: 481px) and (max-width: 768px) {\r
 218     #toast-container > div {\r
 219         padding: 15px 15px 15px 50px;\r
 220         width: 25em\r
 221     }\r
 222 }