clipbucket/upload/styles/cbv2.7/theme/assets/css/less/thirdparty-gritter.less
2014-05-09 14:38:00 +00:00

124 lines
2.1 KiB
Text

/* jquery gritter */
.gritter-item-wrapper {
background-image:none !important;
box-shadow:0 2px 10px rgba(50, 50, 50, 0.5);
background:rgba(50,50,50,0.92);
&.gritter-info {
background:rgba(49, 81, 133, 0.92);
}
&.gritter-error {
background:rgba(153, 40, 18, 0.92);
}
&.gritter-success {
background:rgba(89, 131, 75, 0.92);
}
&.gritter-warning {
background:rgba(190, 112, 31, 0.92);
}
&.gritter-light {
background:rgba(245,245,245,0.95);
border:1px solid #BBB;
&.gritter-info {
background:rgba(232, 242, 255, 0.95);
.gritter-item { color:#4A577D; }
}
&.gritter-error {
background:rgba(255, 235, 235, 0.95);
.gritter-item { color:#894A38; }
}
&.gritter-success {
background:rgba(239, 250, 227, 0.95);
.gritter-item { color:#416131; }
}
&.gritter-warning {
background:rgba(252, 248, 227, 0.95);
.gritter-item { color:#946446; }
}
}
}
.gritter-item p {
line-height:1.8;
}
.gritter-top , .gritter-bottom , .gritter-item {
background-image:none;
}
.gritter-close {
left:auto; right:3px;
background-image:none;
width:18px; height:18px; line-height:17px;
text-align:center;
border:2px solid transparent;
border-radius:16px;
color:#E17B67;
&:before {
font-family:FontAwesome;
font-size:16px;
content:"\f00d";
}
}
.gritter-info .gritter-close {
color:#FFA500;
}
.gritter-error , .gritter-success , .gritter-warning {
.gritter-close {
color:#FFEA07;
}
}
.gritter-close:hover{
color:#FFF !important;
}
.gritter-title {
text-shadow:none;
}
.gritter-light {
.gritter-item , .gritter-bottom , .gritter-top , .gritter-close {
background-image: none;
color: #444;
}
.gritter-title {
text-shadow: none;
}
.gritter-close:hover {
color:#8A3104 !important;
}
}
.gritter-center {
position:fixed;
left:33%; right:33%; top:33%;
}
@media only screen and (max-width: @screen-xs-max) {
.gritter-center {
left:16%; right:16%; top:30%;
}
}
@media only screen and (max-width: @screen-xs) {
.gritter-center {
left:30px; right:30px;
}
}
@media only screen and (max-width: @screen-tiny) {
.gritter-center {
left:10px; right:10px;
}
}