smokin

Gunio · Sep 2, 2011 · b02199c · b02199c
1 parent 36813de
commit b02199c
Show file tree

Hide file tree

Showing 4 changed files with 187 additions and 1 deletion.
diff --git a/lightwrite/templates/light.html b/lightwrite/templates/light.html
@@ -19,8 +19,11 @@
 </script>
 <script type="text/javascript">
 </script>
+<link rel="stylesheet" href="static/smoke.css" type="text/css" media="screen" />
+<link rel="stylesheet" href="static/themes/dark.css" type="text/css" media="screen" />
+<script src="static/smoke.min.js" type="text/javascript"></script>
 
-</head
+</head>
 <body>
 <center>
 		<div id="main">
@@ -32,6 +35,7 @@
 				<div id="footer-items" style="display: block;">
 			  <input type="submit" value="Save Online" name="save" /></input><input type="submit" value="Export to File" name="export" />
 				</form>
+				<a onClick="javascript:smoke.signal('Saved!<br /><div id=sub>You can find this text at http://gun.io/w/{{wash}}</div> ');">Smoke</a>
 				</div>
 		</div>
 </center>

diff --git a/static/smoke.css b/static/smoke.css
@@ -0,0 +1,114 @@
+.smoke-base {
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  visibility: hidden;
+  opacity: 0;
+  -moz-transition: all .3s;
+  -webkit-transition: opacity .3s;
+  -o-transition: all .3s;
+  transition: all .3s;
+}
+
+.smoke-base.smoke-visible {
+  opacity: 1;
+  visibility: visible;
+}
+
+.smokebg {
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+}
+
+.smoke-base .dialog {
+  position: absolute
+}
+
+.dialog-prompt {
+  margin-top: 5px;
+  text-align: center;
+}
+
+.dialog-buttons {
+  margin: 10px 0 5px 0
+}
+
+.smoke {
+  font-family: sans-serif;
+  font-weight: bold;
+  text-align: center;
+  font-size: 30px;
+  line-height: 130%;
+}
+
+.dialog-buttons button {
+  display: inline-block;
+  vertical-align: baseline;
+  cursor: pointer;
+  font-family: sans-serif;
+  font-style: normal;
+  text-decoration: none;
+  border: 0;
+  outline: 0;
+  margin: 0 5px;
+  -webkit-background-clip: padding-box;
+  font-size: 13px;
+  line-height: 13px;
+  font-weight: bold;
+  padding: 9px 12px;
+}
+
+.dialog-prompt input {
+  margin: 0;
+  border: 0;
+  font-family: sans-serif;
+  outline: none;
+  border: 1px solid #333;
+  width: 97%;
+  background-color: #fff;
+  font-size: 15px;
+  padding: 5px;
+}
+
+.smoke-base {
+  background: rgba(0,0,0,.3);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000,endColorstr=#900000000);
+}
+
+.smoke-base .dialog {
+  top: 25%;
+  left: 25%;
+  width: 50%;
+}
+
+.smoke-base .dialog-inner {
+  padding: 15px
+}
+
+.smoke {
+  text-transform: uppercase;
+  background-color: rgba(255,255,255,1);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#ffffff);
+}
+
+.dialog-buttons button {
+  border-radius: 5px;
+  text-transform: uppercase;
+  background-color: rgba(0,0,0,.9);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#222222,endColorstr=#222222);
+  color: #fff;
+}
+
+button.cancel {
+  background-color: rgba(0,0,0,.7);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#444444,endColorstr=#444444);
+}
+
+.queue{
+	display:none;
+}
diff --git a/static/smoke.min.js b/static/smoke.min.js
diff --git a/static/themes/dark.css b/static/themes/dark.css
@@ -0,0 +1,67 @@
+.smoke-base {
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  visibility: hidden;
+  opacity: 0;
+  -moz-transition: all .3s;
+  -webkit-transition: opacity .3s;
+  -o-transition: all .3s;
+  transition: all .3s;
+}
+.smoke-base .dialog {
+  top: 25%;
+  left: 0%;
+  width: 100%;
+}
+
+.smoke-base .dialog-inner { 
+	padding: 15px;
+}
+
+.smoke {
+    text-transform: none;
+		color:#000000;
+		font-weight: normal;
+    background-color: rgba(f,f,f,.75);
+    border-top:2px solid #333;
+    border-bottom:2px solid #333;
+		font: 48px/120% 'Georgia',Georgia,serif;
+	  text-shadow: 0 0 1px #666677;
+}
+
+.smoke #sub{
+    text-transform: none;
+		color:#000000;
+		font-weight: normal;
+    background-color: rgba(f,f,f,.75);
+		font: 28px/120% 'Georgia',Georgia,serif;
+	  text-shadow: 0 0 1px #666677;
+	  padding: 15px; 
+}
+.dialog-buttons {
+	margin: 5px 0 5px 0;
+}
+
+.dialog-buttons button {
+    border-radius: 3px;
+    text-transform: uppercase;
+    background-color: #ebebeb;
+    color: #333;
+    font-size:11px;
+    padding:6px 9px;
+    border:1px solid #333;
+}
+
+button.cancel { 
+	background-color: #999; 
+	color:#222
+}
+
+.dialog-prompt input{
+	width:300px;
+	text-align:center;
+	background-color:#ccc;
+}