Astro Classes

2015-08-14 21:06:23 +08:00
parent d3f924adf3
commit 0a25f87965
157 changed files with 11676 additions and 2 deletions
--- a/botanjs/src/Astro/Blog/Components/Notification.css
+++ b/botanjs/src/Astro/Blog/Components/Notification.css
@@ -0,0 +1,155 @@
+.notifications {
+	position: relative;
+	cursor: default;
+}
+
+.nt_body {
+	position: absolute;
+
+	top: 0;
+	left: -300px;
+
+	max-width: 300px;
+	max-height: 600px;
+
+	text-align: left;
+
+	display: none;
+}
+
+.nt_body > div {
+	float: right;
+}
+
+.nt_button {
+	text-align: left;
+	display: block;
+
+	margin: 0.2em 0;
+
+	color: white;
+	background: #444;
+}
+
+.nt_button:before {
+	content: attr(data-count);
+	display: inline-block;
+
+	padding: 0 0.5em;
+	line-height: 1.5em;
+
+	background-color: royalblue;
+}
+
+.nt_button:before, .nt_switch:before {
+	-webkit-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
+	-moz-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
+	-ms-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
+	-o-transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
+	transition: all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
+	
+	-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
+	-moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
+	-ms-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+	-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
+	transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
+}
+
+.nt_button:hover:before {
+	background: dodgerblue;
+
+}
+
+.nt_arrow {
+	border-top: 0.8em solid transparent;
+	border-left: 1em solid #444;
+	border-bottom: 0.8em solid transparent;
+}
+
+.nt_container {
+	min-width: 300px;
+
+	padding: 0.5em;
+	background: #444;
+
+	margin-right: 0.5em;
+	margin-top: -1.6em;
+}
+
+.nt_date {
+	text-align: right;
+}
+
+.nt_container > ul {
+	white-space: nowrap;
+
+	overflow: hidden;
+	text-overflow: ellipsis;
+
+	color: white;
+}
+
+.nt_container > ul > li {
+	padding: 0.25em 0.5em;
+	color: white;
+	text-decoration: none;
+}
+
+.nt_container > ul > li:hover {
+	background-color: orangered;
+}
+
+.nt_icon_settings {
+	background-image: url(http://file.astropenguin.net/blog/layout-images/settings.png);
+	padding-left: 25px !important;
+	background-repeat: no-repeat;
+}
+
+ul.nt_smenu {
+	font-family: custom-sans;
+	cursor: default;
+}
+
+ul.nt_smenu > li {
+	padding: 0.2em 0.5em;
+}
+
+ul.nt_smenu > li:hover {
+	background-color: black;
+}
+
+ul.nt_smenu > li[active] > span.nt_switch:before {
+	margin-top: -1.2em;
+}
+
+ul.nt_smenu > li > span {
+	display: inline-block;
+}
+
+.nt_switch {
+	width: 2.5em;
+	height: 1em;
+	text-align: center;
+	overflow: hidden;
+}
+
+.nt_switch:before {
+	float: left;
+	color: red;
+	content: 'OFF';
+}
+
+.nt_switch:after {
+	float: left;
+	color: yellowgreen;
+	content: 'ON';
+}
+
+.nt_tname {
+	padding-left: 0.5em;
+
+}
+
+.nt_tcount {
+	float: right;
+}