projects / perso / Immae / Projets / packagist / ludivine-ckeditor-component.git / blame
| Commit | Line | Data |
|---|---|---|
| c63493c8 | 1 | /*\r |
| 7183f6a6 | 2 | Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.\r |
| c63493c8 IB |
3 | For licensing, see LICENSE.md or http://ckeditor.com/license\r |
| 4 | */\r | |
| 5 | \r | |
| 6 | /**\r | |
| 7 | * Progress notification structure:\r | |
| 8 | *\r | |
| 9 | * +---div.cke_notification cke_notification_info--------------------------+\r | |
| 10 | * | |\r | |
| 11 | * | +---div.cke_notification_progress-----------------------------------+ |\r | |
| 12 | * | | | |\r | |
| 13 | * | +-------------------------------------------------------------------+ |\r | |
| 14 | * | |\r | |
| 15 | * | +---p.cke_notification_message--------------------------------------+ |\r | |
| 16 | * | | Foo | |\r | |
| 17 | * | +-------------------------------------------------------------------+ |\r | |
| 18 | * | |\r | |
| 19 | * | +---a.cke_notification_close----------------------------------------+ |\r | |
| 20 | * | | +---span.cke_label----------------------------------------------+ | |\r | |
| 21 | * | | | X | | |\r | |
| 22 | * | | +---------------------------------------------------------------+ | |\r | |
| 23 | * | +-------------------------------------------------------------------+ |\r | |
| 24 | * | |\r | |
| 25 | * +-----------------------------------------------------------------------+\r | |
| 26 | *\r | |
| 27 | *\r | |
| 28 | * Warning notification structure:\r | |
| 29 | *\r | |
| 30 | * +---div.cke_notification cke_notification_warning-----------------------+\r | |
| 31 | * | |\r | |
| 32 | * | +---p.cke_notification_message--------------------------------------+ |\r | |
| 33 | * | | Foo | |\r | |
| 34 | * | +-------------------------------------------------------------------+ |\r | |
| 35 | * | |\r | |
| 36 | * | +---a.cke_notification_close----------------------------------------+ |\r | |
| 37 | * | | +---span.cke_label----------------------------------------------+ | |\r | |
| 38 | * | | | X | | |\r | |
| 39 | * | | +---------------------------------------------------------------+ | |\r | |
| 40 | * | +-------------------------------------------------------------------+ |\r | |
| 41 | * | |\r | |
| 42 | * +-----------------------------------------------------------------------+\r | |
| 43 | *\r | |
| 44 | * Success and info notifications have the same structure as warning, but use\r | |
| 45 | * `cke_notification_success` and `cke_notification_info` instead of `cke_notification_warning`.\r | |
| 46 | */\r | |
| 47 | .cke_notifications_area\r | |
| 48 | {\r | |
| 49 | /* Prevent notification margin capture clicking. */\r | |
| 50 | pointer-events: none;\r | |
| 51 | }\r | |
| 52 | .cke_notification\r | |
| 53 | {\r | |
| 54 | pointer-events: auto;\r | |
| 55 | position: relative;\r | |
| 56 | margin: 10px;\r | |
| 57 | width: 300px;\r | |
| 58 | color: white;\r | |
| 59 | border-radius: 3px;\r | |
| 60 | text-align: center;\r | |
| 61 | opacity: 0.95;\r | |
| 62 | filter: alpha(opacity = 95);\r | |
| 63 | box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.3);\r | |
| 64 | \r | |
| 65 | -webkit-animation: fadeIn 0.7s;\r | |
| 66 | animation: fadeIn 0.7s;\r | |
| 67 | }\r | |
| 68 | \r | |
| 69 | .cke_notification_message a\r | |
| 70 | {\r | |
| 71 | color: #12306F;\r | |
| 72 | }\r | |
| 73 | \r | |
| 74 | @-webkit-keyframes fadeIn\r | |
| 75 | {\r | |
| 76 | from { opacity: 0.4; }\r | |
| 77 | to { opacity: 0.95; }\r | |
| 78 | }\r | |
| 79 | \r | |
| 80 | @keyframes fadeIn\r | |
| 81 | {\r | |
| 82 | from { opacity: 0.4; }\r | |
| 83 | to { opacity: 0.95; }\r | |
| 84 | }\r | |
| 85 | \r | |
| 86 | .cke_notification_success\r | |
| 87 | {\r | |
| 88 | background: #72B572;\r | |
| 89 | border: 1px solid #63A563;\r | |
| 90 | }\r | |
| 91 | \r | |
| 92 | .cke_notification_warning\r | |
| 93 | {\r | |
| 94 | background: #C83939;\r | |
| 95 | border: 1px solid #902B2B;\r | |
| 96 | }\r | |
| 97 | \r | |
| 98 | .cke_notification_info\r | |
| 99 | {\r | |
| 100 | background: #2E9AD0;\r | |
| 101 | border: 1px solid #0F74A8;\r | |
| 102 | }\r | |
| 103 | \r | |
| 104 | .cke_notification_info span.cke_notification_progress\r | |
| 105 | {\r | |
| 106 | background-color: #0F74A8;\r | |
| 107 | display: block;\r | |
| 108 | padding: 0;\r | |
| 109 | margin: 0;\r | |
| 110 | height: 100%;\r | |
| 111 | overflow: hidden;\r | |
| 112 | position: absolute;\r | |
| 113 | z-index: 1;\r | |
| 114 | }\r | |
| 115 | \r | |
| 116 | .cke_notification_message\r | |
| 117 | {\r | |
| 118 | position: relative;\r | |
| 119 | margin: 4px 23px 3px;\r | |
| 120 | font-family: Arial, Helvetica, sans-serif;\r | |
| 121 | font-size: 12px;\r | |
| 122 | line-height: 18px;\r | |
| 123 | z-index: 4;\r | |
| 124 | text-overflow: ellipsis;\r | |
| 125 | overflow: hidden;\r | |
| 126 | }\r | |
| 127 | \r | |
| 128 | .cke_notification_close\r | |
| 129 | {\r | |
| 130 | background-image: url(images/close.png);\r | |
| 131 | background-repeat: no-repeat;\r | |
| 132 | background-position: 50%;\r | |
| 133 | position: absolute;\r | |
| 134 | cursor: pointer;\r | |
| 135 | text-align: center;\r | |
| 136 | height: 20px;\r | |
| 137 | width: 20px;\r | |
| 138 | top: 1px;\r | |
| 139 | right: 1px;\r | |
| 140 | padding: 0;\r | |
| 141 | margin: 0;\r | |
| 142 | z-index: 5;\r | |
| 143 | opacity: 0.6;\r | |
| 144 | filter: alpha(opacity = 60);\r | |
| 145 | }\r | |
| 146 | \r | |
| 147 | .cke_notification_close:hover\r | |
| 148 | {\r | |
| 149 | opacity: 1;\r | |
| 150 | filter: alpha(opacity = 100);\r | |
| 151 | }\r | |
| 152 | \r | |
| 153 | .cke_notification_close span\r | |
| 154 | {\r | |
| 155 | display: none;\r | |
| 156 | }\r | |
| 157 | \r | |
| 158 | .cke_notification_warning a.cke_notification_close\r | |
| 159 | {\r | |
| 160 | opacity: 0.8;\r | |
| 161 | filter: alpha(opacity = 80);\r | |
| 162 | }\r | |
| 163 | \r | |
| 164 | .cke_notification_warning a.cke_notification_close:hover\r | |
| 165 | {\r | |
| 166 | opacity: 1;\r | |
| 167 | filter: alpha(opacity = 100);\r | |
| 168 | }\r |