1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/ckeditor/skins/office2013/notification.css Thu Dec 15 18:10:20 2016 +0300
1.3 @@ -0,0 +1,168 @@
1.4 +/*
1.5 +Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
1.6 +For licensing, see LICENSE.md or http://ckeditor.com/license
1.7 +*/
1.8 +
1.9 +/**
1.10 + * Progress notification structure:
1.11 + *
1.12 + * +---div.cke_notification cke_notification_info--------------------------+
1.13 + * | |
1.14 + * | +---div.cke_notification_progress-----------------------------------+ |
1.15 + * | | | |
1.16 + * | +-------------------------------------------------------------------+ |
1.17 + * | |
1.18 + * | +---p.cke_notification_message--------------------------------------+ |
1.19 + * | | Foo | |
1.20 + * | +-------------------------------------------------------------------+ |
1.21 + * | |
1.22 + * | +---a.cke_notification_close----------------------------------------+ |
1.23 + * | | +---span.cke_label----------------------------------------------+ | |
1.24 + * | | | X | | |
1.25 + * | | +---------------------------------------------------------------+ | |
1.26 + * | +-------------------------------------------------------------------+ |
1.27 + * | |
1.28 + * +-----------------------------------------------------------------------+
1.29 + *
1.30 + *
1.31 + * Warning notification structure:
1.32 + *
1.33 + * +---div.cke_notification cke_notification_warning-----------------------+
1.34 + * | |
1.35 + * | +---p.cke_notification_message--------------------------------------+ |
1.36 + * | | Foo | |
1.37 + * | +-------------------------------------------------------------------+ |
1.38 + * | |
1.39 + * | +---a.cke_notification_close----------------------------------------+ |
1.40 + * | | +---span.cke_label----------------------------------------------+ | |
1.41 + * | | | X | | |
1.42 + * | | +---------------------------------------------------------------+ | |
1.43 + * | +-------------------------------------------------------------------+ |
1.44 + * | |
1.45 + * +-----------------------------------------------------------------------+
1.46 + *
1.47 + * Success and info notifications have the same structure as warning, but use
1.48 + * `cke_notification_success` and `cke_notification_info` instead of `cke_notification_warning`.
1.49 + */
1.50 +.cke_notifications_area
1.51 +{
1.52 + /* Prevent notification margin capture clicking. */
1.53 + pointer-events: none;
1.54 +}
1.55 +.cke_notification
1.56 +{
1.57 + pointer-events: auto;
1.58 + position: relative;
1.59 + margin: 10px;
1.60 + width: 300px;
1.61 + color: white;
1.62 + border-radius: 3px;
1.63 + text-align: center;
1.64 + opacity: 0.95;
1.65 + filter: alpha(opacity = 95);
1.66 + box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.3);
1.67 +
1.68 + -webkit-animation: fadeIn 0.7s;
1.69 + animation: fadeIn 0.7s;
1.70 +}
1.71 +
1.72 +.cke_notification_message a
1.73 +{
1.74 + color: #12306F;
1.75 +}
1.76 +
1.77 +@-webkit-keyframes fadeIn
1.78 +{
1.79 + from { opacity: 0.4; }
1.80 + to { opacity: 0.95; }
1.81 +}
1.82 +
1.83 +@keyframes fadeIn
1.84 +{
1.85 + from { opacity: 0.4; }
1.86 + to { opacity: 0.95; }
1.87 +}
1.88 +
1.89 +.cke_notification_success
1.90 +{
1.91 + background: #72B572;
1.92 + border: 1px solid #63A563;
1.93 +}
1.94 +
1.95 +.cke_notification_warning
1.96 +{
1.97 + background: #C83939;
1.98 + border: 1px solid #902B2B;
1.99 +}
1.100 +
1.101 +.cke_notification_info
1.102 +{
1.103 + background: #2E9AD0;
1.104 + border: 1px solid #0F74A8;
1.105 +}
1.106 +
1.107 +.cke_notification_info span.cke_notification_progress
1.108 +{
1.109 + background-color: #0F74A8;
1.110 + display: block;
1.111 + padding: 0;
1.112 + margin: 0;
1.113 + height: 100%;
1.114 + overflow: hidden;
1.115 + position: absolute;
1.116 + z-index: 1;
1.117 +}
1.118 +
1.119 +.cke_notification_message
1.120 +{
1.121 + position: relative;
1.122 + margin: 4px 23px 3px;
1.123 + font-family: Arial, Helvetica, sans-serif;
1.124 + font-size: 12px;
1.125 + line-height: 18px;
1.126 + z-index: 4;
1.127 + text-overflow: ellipsis;
1.128 + overflow: hidden;
1.129 +}
1.130 +
1.131 +.cke_notification_close
1.132 +{
1.133 + background-image: url(images/close.png);
1.134 + background-repeat: no-repeat;
1.135 + background-position: 50%;
1.136 + position: absolute;
1.137 + cursor: pointer;
1.138 + text-align: center;
1.139 + height: 20px;
1.140 + width: 20px;
1.141 + top: 1px;
1.142 + right: 1px;
1.143 + padding: 0;
1.144 + margin: 0;
1.145 + z-index: 5;
1.146 + opacity: 0.6;
1.147 + filter: alpha(opacity = 60);
1.148 +}
1.149 +
1.150 +.cke_notification_close:hover
1.151 +{
1.152 + opacity: 1;
1.153 + filter: alpha(opacity = 100);
1.154 +}
1.155 +
1.156 +.cke_notification_close span
1.157 +{
1.158 + display: none;
1.159 +}
1.160 +
1.161 +.cke_notification_warning a.cke_notification_close
1.162 +{
1.163 + opacity: 0.8;
1.164 + filter: alpha(opacity = 80);
1.165 +}
1.166 +
1.167 +.cke_notification_warning a.cke_notification_close:hover
1.168 +{
1.169 + opacity: 1;
1.170 + filter: alpha(opacity = 100);
1.171 +}
1.172 \ No newline at end of file