mirror of
https://github.com/janickiy/yii2-nomer
synced 2025-03-09 15:39:59 +00:00
add files to project
This commit is contained in:
commit
5cac498444
3729 changed files with 836998 additions and 0 deletions
138
web/metronic/global/plugins/jquery-notific8/_notific8.scss
Normal file
138
web/metronic/global/plugins/jquery-notific8/_notific8.scss
Normal file
|
@ -0,0 +1,138 @@
|
|||
/**
|
||||
* @author Will Steinmetz
|
||||
*
|
||||
* Styles for the notific8 plug-in for jQuery
|
||||
*
|
||||
* Copyright (c)2013, Will Steinmetz
|
||||
* Licensed under the BSD license.
|
||||
* http://opensource.org/licenses/BSD-3-Clause
|
||||
*/
|
||||
|
||||
// compass includes
|
||||
@import "compass/css3/transform";
|
||||
|
||||
// mixins
|
||||
@mixin theme($name, $border-color, $background-color, $close-background-color: $border-color, $text-color: #fff, $close-text-color: $text-color) {
|
||||
.jquery-notific8-notification.#{$name} {
|
||||
border-color: $border-color;
|
||||
background-color: $background-color;
|
||||
color: $text-color;
|
||||
.jquery-notific8-close, .jquery-notific8-close-sticky {
|
||||
background-color: $close-background-color;
|
||||
color: $close-text-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// definitions
|
||||
.jquery-notific8-container {
|
||||
display: block;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
position: fixed;
|
||||
&.top {
|
||||
top: 0;
|
||||
&.right {
|
||||
right: 0;
|
||||
}
|
||||
&.left {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
&.bottom {
|
||||
bottom: 0;
|
||||
&.right {
|
||||
right: 0;
|
||||
}
|
||||
&.left {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.jquery-notific8-notification {
|
||||
position: relative;
|
||||
display: none;
|
||||
padding: (10em/16);
|
||||
color: #fff;
|
||||
height: (66em/16);
|
||||
max-height: (66em/16);
|
||||
overflow: hidden;
|
||||
border-style: solid;
|
||||
border-width: 2px;
|
||||
width: (343em/16);
|
||||
&:hover {
|
||||
.jquery-notific8-close {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.jquery-notific8-heading {
|
||||
font-weight: bold;
|
||||
margin-bottom: (5em/16);
|
||||
}
|
||||
|
||||
.jquery-notific8-message {
|
||||
font-size: (14em/16);
|
||||
}
|
||||
|
||||
.jquery-notific8-close {
|
||||
position: absolute;
|
||||
padding: 0 0.25em;
|
||||
cursor: pointer;
|
||||
top: 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.jquery-notific8-close-sticky {
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
width: (89em/16);
|
||||
padding: (2em/16) 0;
|
||||
cursor: pointer;
|
||||
text-transform: uppercase;
|
||||
span {
|
||||
font-size: (10em/16);
|
||||
}
|
||||
}
|
||||
|
||||
.right {
|
||||
.jquery-notific8-notification {
|
||||
float: right;
|
||||
clear: right;
|
||||
padding-right: (33em/16);
|
||||
}
|
||||
.jquery-notific8-close {
|
||||
right: -2px;
|
||||
}
|
||||
.jquery-notific8-close-sticky {
|
||||
top: (31em/16);
|
||||
right: (-38em/16);
|
||||
@include rotate(90deg);
|
||||
}
|
||||
}
|
||||
|
||||
.left {
|
||||
.jquery-notific8-notification {
|
||||
float: left;
|
||||
clear: left;
|
||||
padding-left: (33em/16);
|
||||
}
|
||||
.jquery-notific8-close {
|
||||
left: -2px;
|
||||
}
|
||||
.jquery-notific8-close-sticky {
|
||||
top: (31em/16);
|
||||
left: (-38em/16);
|
||||
@include rotate(270deg);
|
||||
}
|
||||
}
|
||||
|
||||
.top .jquery-notific8-notification {
|
||||
margin-top: (10em/16);
|
||||
}
|
||||
|
||||
.bottom .jquery-notific8-notification {
|
||||
margin-bottom: (10em/16);
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue