mirror of
https://github.com/danieleteti/delphimvcframework.git
synced 2024-11-17 00:35:55 +01:00
62 lines
2.0 KiB
CSS
62 lines
2.0 KiB
CSS
/**
|
|
* alert-blackgloss.css v1.0
|
|
* --
|
|
* Based off blackgloss growl theme.
|
|
* Copyright 2012 Nijiko Yonskai
|
|
* --
|
|
* Usage:
|
|
* Set style to `blackgloss` and include this css.
|
|
*
|
|
* Note:
|
|
* The gloss is only supported in webkit based browsers.
|
|
* Chrome and Safari.
|
|
*/
|
|
|
|
/* Webkit Only */
|
|
.alert-blackgloss:before {
|
|
background: -webkit-gradient(linear, 0% -16.5%, 16.5% -100%, from(rgba(255,255,255,.0)), to(rgba(255,255,255,.6)), color-stop(.99,rgba(255,255,255,.2)),color-stop(.5,rgba(255,255,255,.0))) no-repeat;
|
|
-webkit-mask-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.5)), color-stop(.8,rgba(255,255,255,.0)));
|
|
position: absolute;
|
|
content: '.';
|
|
line-height: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
display: block;
|
|
overflow: hidden;
|
|
text-indent: -99999px;
|
|
-webkit-border-radius: 5px;
|
|
}
|
|
|
|
.alert-blackgloss {
|
|
background: rgba(0,0,0,1);
|
|
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.2), inset 0 0 0 1px rgba(255,255,255,.1);
|
|
-moz-box-shadow: 0 2px 5px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.2), inset 0 0 0 1px rgba(255,255,255,.1);
|
|
-ms-box-shadow: 0 2px 5px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.2), inset 0 0 0 1px rgba(255,255,255,.1);
|
|
-o-box-shadow: 0 2px 5px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.2), inset 0 0 0 1px rgba(255,255,255,.1);
|
|
box-shadow: 0 2px 5px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.2), inset 0 0 0 1px rgba(255,255,255,.1);
|
|
border: 1px solid rgba(0,0,0,.95);
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
-ms-border-radius: 5px;
|
|
-o-border-radius: 5px;
|
|
border-radius: 5px;
|
|
-webkit-font-smoothing: antialiased;
|
|
text-shadow: 0 1px 2px rgba(0,0,0,.5);
|
|
color: #fff;
|
|
-webkit-transform: rotateY(-0deg);
|
|
-moz-transform: rotateY(-0deg);
|
|
-o-transform: rotateY(-0deg);
|
|
transform: rotateY(-0deg);
|
|
position: relative;
|
|
background-clip: padding-box;
|
|
}
|
|
|
|
.alert-blackgloss .close {
|
|
position: relative;
|
|
top: -3px;
|
|
right: -25px;
|
|
color: #fff;
|
|
content: 'x';
|
|
} |