初始化

MQTTServerSideAPI/plugins/gritter/jquery.gritter.css

@@ -0,0 +1,137 @@
+/* the norm */
+#gritter-notice-wrapper {
+	position:fixed;
+	top:40px;
+	right:20px;
+	width:301px;
+	z-index:9999;
+
+    -webkit-animation-duration: 1s;
+    animation-duration: 1s;
+    -webkit-animation-fill-mode: both;
+    animation-fill-mode: both;
+
+    -webkit-animation-name: bounceIn;
+    animation-name: bounceIn;
+}
+@keyframes bounceIn {
+    0% {
+        opacity: 0;
+        -webkit-transform: scale(.3);
+        -ms-transform: scale(.3);
+        transform: scale(.3);
+    }
+
+    50% {
+        opacity: 1;
+        -webkit-transform: scale(1.05);
+        -ms-transform: scale(1.05);
+        transform: scale(1.05);
+    }
+
+    70% {
+        -webkit-transform: scale(.9);
+        -ms-transform: scale(.9);
+        transform: scale(.9);
+    }
+
+    100% {
+        opacity: 1;
+        -webkit-transform: scale(1);
+        -ms-transform: scale(1);
+        transform: scale(1);
+    }
+}
+#gritter-notice-wrapper.top-left {
+    left: 20px;
+    right: auto;
+}
+#gritter-notice-wrapper.bottom-right {
+    top: auto;
+    left: auto;
+    bottom: 20px;
+    right: 20px;
+}
+#gritter-notice-wrapper.bottom-left {
+    top: auto;
+    right: auto;
+    bottom: 20px;
+    left: 20px;
+}
+.gritter-item-wrapper {
+	position:relative;
+	margin:0 0 10px 0;
+	background:url('images/ie-spacer.gif'); /* ie7/8 fix */
+}
+
+.hover .gritter-top {
+	/*background-position:right -30px;*/
+}
+.gritter-bottom {
+	height:8px;
+	margin:0;
+}
+
+.gritter-item {
+	display:block;
+	background-color: rgba(39,58,75,0.8);
+    border-radius: 4px;
+	color:#eee;
+	padding:10px 11px 10px 11px;
+	font-size: 11px;
+}
+.hover .gritter-item {
+	background-position:right -40px;
+}
+.gritter-item p {
+	padding:0;
+	margin:0;
+	word-wrap:break-word;
+}
+
+.gritter-item a:hover {
+    color: #f8ac59;
+    text-decoration: underline;
+}
+.gritter-close {
+	display:none;
+	position:absolute;
+	top:5px;
+	right:3px;
+	background:url(images/gritter.png) no-repeat left top;
+	cursor:pointer;
+	width:30px;
+	height:30px;
+	text-indent:-9999em;
+}
+.gritter-title {
+	font-size:12px;
+	font-weight:bold;
+	padding:0 0 7px 0;
+	display:block;
+    text-transform: uppercase;
+}
+.gritter-image {
+	width:48px;
+	height:48px;
+	float:left;
+}
+.gritter-with-image,
+.gritter-without-image {
+	padding:0;
+}
+.gritter-with-image {
+	width:220px;
+	float:right;
+}
+/* for the light (white) version of the gritter notice */
+.gritter-light .gritter-item,
+.gritter-light .gritter-bottom,
+.gritter-light .gritter-top,
+.gritter-light .gritter-close {
+    background-image: url(images/gritter-light.png);
+    color: #222;
+}
+.gritter-light .gritter-title {
+    text-shadow: none;
+}