LDAPAccountManager/lam/templates/lib/extra/ckeditor/skins/kama/notification.css

155 lines
4.5 KiB
CSS
Raw Normal View History

2018-06-17 16:07:19 +00:00
/*
Copyright (c) 2003-2018, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
*/
/**
* Progress notification structure:
*
* +---div.cke_notification cke_notification_info--------------------------+
* | |
* | +---div.cke_notification_progress-----------------------------------+ |
* | | | |
* | +-------------------------------------------------------------------+ |
* | |
* | +---p.cke_notification_message--------------------------------------+ |
* | | Foo | |
* | +-------------------------------------------------------------------+ |
* | |
* | +---a.cke_notification_close----------------------------------------+ |
* | | +---span.cke_label----------------------------------------------+ | |
* | | | X | | |
* | | +---------------------------------------------------------------+ | |
* | +-------------------------------------------------------------------+ |
* | |
* +-----------------------------------------------------------------------+
*
*
* Warning notification structure:
*
* +---div.cke_notification cke_notification_warning-----------------------+
* | |
* | +---p.cke_notification_message--------------------------------------+ |
* | | Foo | |
* | +-------------------------------------------------------------------+ |
* | |
* | +---a.cke_notification_close----------------------------------------+ |
* | | +---span.cke_label----------------------------------------------+ | |
* | | | X | | |
* | | +---------------------------------------------------------------+ | |
* | +-------------------------------------------------------------------+ |
* | |
* +-----------------------------------------------------------------------+
*
* Success and info notifications have the same structure as warning, but use
* `cke_notification_success` and `cke_notification_info` instead of `cke_notification_warning`.
*/
.cke_notifications_area
{
/* Prevent notifications margin capture clicking. */
pointer-events: none;
}
.cke_notification
{
pointer-events: auto;
position: relative;
margin: 10px;
width: 300px;
color: #222;
border-radius: 5px;
text-align: center;
opacity: 0.95;
filter: alpha(opacity = 95);
-webkit-animation: fadeIn 0.7s;
animation: fadeIn 0.7s;
}
.cke_notification_message a
{
color: #12306F;
}
@-webkit-keyframes fadeIn
{
from {opacity: 0.4;}
to {opacity: 0.95;}
}
@keyframes fadeIn
{
from { opacity: 0.4; }
to { opacity: 0.95; }
}
.cke_notification_success
{
background: #96CA0A;
border: 1px solid #96CA0A;
}
.cke_notification_warning
{
background: #FD7C44;
border: 1px solid #FD7C44;
}
.cke_notification_info
{
background: #54D3EC;
border: 1px solid #01b2d2;
}
.cke_notification_info span.cke_notification_progress
{
background-color: #01b2d2;
display: block;
padding: 0;
margin: 0;
height: 100%;
overflow: hidden;
position: absolute;
z-index: 1;
}
.cke_notification_message
{
position: relative;
margin: 4px 23px 3px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
z-index: 4;
text-overflow: ellipsis;
overflow: hidden;
}
.cke_notification_close
{
background-image: url(images/sprites.png);
background-repeat: no-repeat;
background-position: 0 -1022px;
position: absolute;
cursor: pointer;
text-align: center;
height: 20px;
width: 20px;
top: 2px;
right: 3px;
padding: 0;
margin: 0;
z-index: 5;
opacity: 0.6;
filter: alpha(opacity = 60);
}
.cke_notification_close:hover
{
opacity: 1;
filter: alpha(opacity = 100);
}
.cke_notification_close span
{
display: none;
}