Permalink
Browse files

Revert "Minify"

This reverts commit 959572c.
  • Loading branch information...
1 parent 959572c commit c06eeffcba53fa507f5d3592fc2e146a31810fef @aristidesfl committed Jun 11, 2012
Showing with 322 additions and 5 deletions.
  1. +59 −1 Lion.growlStyle/Contents/Resources/default.css
  2. +16 −1 Lion.growlStyle/Contents/Resources/template.html
  3. +18 −1 dmg/background.html
  4. +147 −1 index.css
  5. +82 −1 index.html
@@ -1 +1,59 @@
-body,html{text-rendering:optimizeLegibility;font-family:Lucida Grande;margin:0}.notification{-webkit-box-sizing:border-box;border-radius:5px;width:260px;background:whiteSmoke;-webkit-box-shadow:inset 0 1px 0 white,0px 2px 0 -1px hsla(0,0%,0%,0.1);padding:9px 10px 9px 44px;-webkit-box-sizing:border-box;clear:both;overflow:hidden}.icon{position:absolute;display:block;height:25px;width:25px;top:10px;left:10px;border-radius:3px}.title,.text{line-height:13px;margin:0;padding:0;-webkit-font-smoothing:subpixel-antialiased;text-shadow:0 1px 0 white}.title{font-size:9pt;color:hsl(0,0%,25%);font-weight:700}.text{margin-top:1px;font-size:8pt;color:hsl(0,0%,50%);font-weight:100;-webkit-hyphens:auto}.priority{width:9px;height:9px;margin:2px 4px 0 0;float:right;display:none}.high{display:block;background:url(bluehalfdot.png) no-repeat left top}.emergency{display:block;background:url(bluedot.png) no-repeat left top}
+body, html {
+ text-rendering: optimizeLegibility;
+ font-family: Lucida Grande;
+ margin: 0px;
+}
+.notification {
+ -webkit-box-sizing: border-box;
+ border-radius: 5px;
+ width: 260px;
+ background: whiteSmoke;
+ -webkit-box-shadow: inset 0px 1px 0px white, 0px 2px 0px -1px hsla(0, 0%, 0%, 0.1);
+ padding: 9px 10px 9px 44px;
+ -webkit-box-sizing: border-box;
+ clear: both;
+ overflow: hidden;
+}
+.icon {
+ position: absolute;
+ display: block;
+ height: 25px;
+ width: 25px;
+ top: 10px;
+ left: 10px;
+ border-radius: 3px;
+}
+.title, .text {
+ line-height:13px;
+ margin: 0;
+ padding: 0;
+ -webkit-font-smoothing: subpixel-antialiased;
+ text-shadow: 0px 1px 0px white;
+}
+.title {
+ font-size: 9pt;
+ color: hsl(0,0%,25%);
+ font-weight: 700;
+}
+.text {
+ margin-top: 1px;
+ font-size: 8pt;
+ color: hsl(0,0%,50%);
+ font-weight: 100;
+ -webkit-hyphens: auto;
+}
+.priority {
+ width: 9px;
+ height: 9px;
+ margin: 2px 4px 0px 0px;
+ float:right;
+ display: none;
+}
+.high {
+ display:block;
+ background: url(bluehalfdot.png) no-repeat left top;
+}
+.emergency {
+ display:block;
+ background: url(bluedot.png) no-repeat left top;
+}
@@ -1 +1,16 @@
-<!doctype html><html><head><title>Lion</title><base href="%baseurl%"/><link rel="stylesheet" href="default.css"></head><body style="opacity:%opacity%;"><div class="notification"><img class="icon" src="growlimage://%image%" alt="Application Icon"/><span class="priority %priority%"></span><h1 class="title">%title%</h1><p class="text">%text%</p></div></body></html>
+<!doctype html>
+<html>
+ <head>
+ <title>Lion</title>
+ <base href="%baseurl%" />
+ <link rel="stylesheet" href="default.css">
+ </head>
+ <body style="opacity:%opacity%;">
+ <div class="notification">
+ <img class="icon" src="growlimage://%image%" alt="Application Icon"/>
+ <span class="priority %priority%"></span>
+ <h1 class="title">%title%</h1>
+ <p class="text">%text%</p>
+ </div>
+ </body>
+</html>
View
@@ -1 +1,18 @@
-<html><head><title></title><link rel="stylesheet" href="../index.css"><style type="text/css">h1{font:30px "Museo-700";margin:200px 0 0 50px;color:rgba(0,0,0,0.12)}</style></head><body><h1 class="engraved">Double click to install</h1><script>document.write('<script src="http://'+(location.host||"localhost").split(":")[0]+':35729/livereload.js?snipver=1"><\/script>');</script></body></html>
+<html>
+<head>
+ <title></title>
+ <link rel="stylesheet" href="../index.css">
+ <style type="text/css">
+ h1 {
+ font: 30px "Museo-700";
+ margin: 200px 0px 0px 50px;
+ color: rgba(0, 0, 0, 0.12);
+ }
+ </style>
+</head>
+<body>
+<h1 class="engraved">Double click to install</h1>
+
+<script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>
+</body>
+</html>
View
148 index.css
@@ -1 +1,147 @@
-@font-face{font-family:'Museo-500';src:url('fonts/230EBA_0_0.eot');src:url('fonts/230EBA_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/230EBA_0_0.woff') format('woff'),url('fonts/230EBA_0_0.ttf') format('truetype')}@font-face{font-family:'Museo-700';src:url('fonts/2310F5_0_0.eot');src:url('fonts/2310F5_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/2310F5_0_0.woff') format('woff'),url('fonts/2310F5_0_0.ttf') format('truetype')}@font-face{font-family:'icon';src:url('fonts/icon-webfont.eot');src:url('fonts/icon-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/icon-webfont.woff') format('woff'),url('fonts/icon-webfont.ttf') format('truetype'),url('fonts/icon-webfont.svg#icon') format('svg');font-weight:normal;font-style:normal}html{background-image:url("images/tile.png");background-color:#eaeaea;height:100%}body{height:100%}::selection{background:rgba(212,210,210,0.92)}.notification{opacity:.97;margin:10px auto;position:relative;box-shadow:0 4px 16px 0 rgba(0,0,0,0.3),0px 0 0 1px rgba(0,0,0,0.1),inset 0 1px 0 #fff,0px 2px 0 -1px rgba(0,0,0,0.1);box-sizing:border-box}a{text-decoration:none}.engraved{text-shadow:white 1px 1px 0;font-weight:normal}#thetitle{text-align:center;font-size:70px;font-family:"Museo-700",sans-serif;color:rgba(0,0,0,0.12);line-height:100%;height:68px}#headline,#headline a{font-size:30px;margin:0;text-align:center;font-family:"Museo-500",sans-serif;color:rgba(0,0,0,0.15)}#headline a:hover{color:rgba(0,0,0,0.12)}#notifications{margin:20px auto 40px auto;border-radius:8px;padding:16px;width:283px}#download{color:rgba(0,0,0,0.13);display:block;font:110px 'icon';width:65px;height:65px;line-height:88px;margin:60px auto 0 auto;font-weight:normal}#download:hover{color:rgba(0,0,0,0.11)}#download:active{text-shadow:white 1px 1px 2px;color:rgba(0,0,0,0.14)}#download:hover #version{display:block}#version{text-align:center;font-family:"Museo-500",sans-serif;color:rgba(0,0,0,0.15);font-size:21px;line-height:100%;display:none;margin-top:-10px}#footer{padding:10px 0 0 0;position:absolute;bottom:0;width:100%}#divider{box-shadow:0 1px 1px 0 rgba(255,255,255,1),inset 0 1px 1px 0 rgba(0,0,0,0.1);height:1px;margin:0 auto}#inprint,#inprint a{color:rgba(0,0,0,0.20);text-align:center;font:12px "Museo-500",sans-serif;margin:0 0 12px 0}#floater{height:50%;margin-bottom:-330px;float:left;background-color:#6cf}#wrapper{min-height:100%;position:relative}#content{clear:both;padding:60px 60px 100px}.twitter-follow-button{float:left;margin-right:10px}#flattr{background:url("http://api.flattr.com/button/flattr-badge-small.png") no-repeat center center;height:16px;width:19px}#flattr:hover{opacity:.8}.addthis_toolbox{border-radius:5px;background-color:transparent}#spread{transform:rotate(90deg);position:absolute;top:60px;left:0;font:16px "Museo-500",sans-serif;color:rgba(0,0,0,0.13);text-shadow:white 1px 0 0;font-weight:normal}
+@font-face {font-family: 'Museo-500';src: url('fonts/230EBA_0_0.eot');src: url('fonts/230EBA_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/230EBA_0_0.woff') format('woff'),url('fonts/230EBA_0_0.ttf') format('truetype');}
+@font-face {font-family: 'Museo-700';src: url('fonts/2310F5_0_0.eot');src: url('fonts/2310F5_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/2310F5_0_0.woff') format('woff'),url('fonts/2310F5_0_0.ttf') format('truetype');}
+
+@font-face {
+ font-family: 'icon';
+ src: url('fonts/icon-webfont.eot');
+ src: url('fonts/icon-webfont.eot?#iefix') format('embedded-opentype'),
+ url('fonts/icon-webfont.woff') format('woff'),
+ url('fonts/icon-webfont.ttf') format('truetype'),
+ url('fonts/icon-webfont.svg#icon') format('svg');
+ font-weight: normal;
+ font-style: normal;
+
+}
+
+html {
+ background-image: url("images/tile.png");
+ background-color: #EAEAEA;
+ height: 100%;
+}
+body {
+ height: 100%;
+}
+::selection { background: rgba(212, 210, 210, 0.92); }
+
+.notification {
+ opacity: 0.97;
+ margin: 10px auto;
+ position: relative;
+ box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.3), 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px 0px #ffffff, 0px 2px 0px -1px rgba(0, 0, 0, 0.1);
+ box-sizing: border-box;
+}
+a {
+ text-decoration: none;}
+.engraved {
+ text-shadow: white 1px 1px 0px;
+ font-weight:normal;
+}
+#thetitle {
+ text-align: center;
+ font-size: 70px;
+ font-family: "Museo-700", sans-serif;
+ color: rgba(0, 0, 0, 0.12);
+ line-height: 100%;
+ height: 68px;
+}
+#headline, #headline a {
+ font-size: 30px;
+ margin: 0;
+ text-align: center;
+ font-family: "Museo-500", sans-serif;
+ color: rgba(0, 0, 0, 0.15);
+}
+
+#headline a:hover {
+ color: rgba(0, 0, 0, 0.12);
+}
+
+#notifications {
+ margin: 20px auto 40px auto;
+ border-radius: 8px;
+ padding: 16px;
+ width: 283px;
+ /*background-color: #E9E9E9;*/
+ /*box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.85), inset 1px 1px 1px #E0E0E0;*/
+}
+#download {
+ color: rgba(0, 0, 0, 0.13);
+ display: block;
+ font: 110px 'icon';
+ width: 65px;
+ height: 65px;
+ line-height: 88px;
+ margin: 60px auto 0px auto;
+ font-weight: normal;
+}
+#download:hover { color: rgba(0, 0, 0, 0.11); }
+#download:active { text-shadow: white 1px 1px 2px; color: rgba(0, 0, 0, 0.14); }
+#download:hover #version { display: block; }
+#version {
+ text-align: center;
+ font-family: "Museo-500", sans-serif;
+ color: rgba(0, 0, 0, 0.15);
+ font-size: 21px;
+ line-height: 100%;
+ display: none;
+ margin-top: -10px;}
+#footer {
+ padding: 10px 0px 0 0;
+ position:absolute;
+ bottom: 0;
+ width: 100%;
+}
+#divider {
+ box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 1), inset 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
+ height: 1px;
+ margin: 0 auto;}
+#inprint, #inprint a {
+ color: rgba(0, 0, 0, 0.20);
+ text-align: center;
+ font: 12px "Museo-500", sans-serif;
+ margin: 0 0px 12px 0px;
+}
+
+#floater {
+ height: 50%;
+ margin-bottom: -330px;
+ float:left;
+ background-color: #66ccff;}
+#wrapper {
+ min-height:100%;
+ position:relative;
+}
+#content {
+ clear:both;
+ padding: 60px 60px 100px;
+}
+
+.twitter-follow-button{
+ float: left;
+ margin-right:10px;
+}
+
+#flattr {
+ background: url("http://api.flattr.com/button/flattr-badge-small.png") no-repeat center center;
+ height: 16px;
+ width: 19px;
+}
+#flattr:hover {
+ opacity: .8;
+}
+
+.addthis_toolbox {
+ border-radius: 5px;
+ background-color: transparent;
+}
+
+#spread {
+ transform: rotate(90deg);
+ position: absolute;
+ top: 60px;
+ left: 0px;
+ font: 16px "Museo-500", sans-serif;
+ color: rgba(0, 0, 0, 0.13);
+ text-shadow: white 1px 0px 0px;
+ font-weight:normal;
+}
View
@@ -1 +1,82 @@
-<!doctype html><html><head><meta charset="utf-8"><title>Lion - Growl Style</title><meta name="description" content="Growl style based on Mac OS X quickview bezel."><link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/><link rel="stylesheet" type="text/css" href="Lion.growlStyle/Contents/Resources/default.css"><link rel="stylesheet" type="text/css" href="index.css"><script type="text/javascript" src="javascript/prefixfree.min.js"></script><script type="text/javascript">(function(k,l){var h,f,i,j;h=k.createElement("script");h.type="text/javascript";h.async=!0;h.src=("https:"===k.location.protocol?"https:":"http:")+"//api.mixpanel.com/site_media/js/api/mixpanel.2.js";f=k.getElementsByTagName("script")[0];f.parentNode.insertBefore(h,f);l._i=[];l.init=function(e,m,g){var c=l;"undefined"!==typeof g?c=l[g]=[]:g="mixpanel";i="disable track track_pageview track_links track_forms register register_once unregister identify name_tag set_config".split(" ");for(j=0;j<i.length;j++){(function(b){c[b]=function(){c.push([b].concat(Array.prototype.slice.call(arguments,0)))}})(i[j])}l._i.push([e,m,g])};window.mixpanel=l})(document,[]);mixpanel.init("8828beaba31b5fe88c9d68c657b9662b");</script></head><body style="opacity:%opacity%;"><a href="https://github.com/aristidesfl/lion-growlstyle"><img style="z-index:100; position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png" alt="Fork me on GitHub"></a><div class="addthis_toolbox addthis_floating_style addthis_16x16_style" style="left:20px;top:20px;"><a id="flattr" href="http://flattr.com/thing/699367/Lion-Growl-Style" target="_blank"></a><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div><p id="spread">Spread the love</p><div id="floater"></div><div id="wrapper"><div id="content"><header id="thetitle" class="engraved">Lion</header><section id="notifications"><div class="notification"><img width="25" height="25" class="icon" src="images/coda.png" alt="Application Icon"/><span class="priority %priority%"></span><h1 class="title">Upload complete</h1><p class="text">7 files were uploaded to the server</p></div><div class="notification"><img width="25" height="25" class="icon" src="images/coconut.png" alt="Application Icon"/><span class="priority %priority%"></span><h1 class="title">Battery capacity</h1><p class="text">Current: 5997/6700 mAh</p></div><div class="notification"><img width="25" height="25" class="icon" src="images/dropbox.png" alt="Application Icon"/><span class="priority %priority%"></span><h1 class="title">Dropbox folder synced</h1><p class="text">2 files were changed (click to view) </p></div></section><div id="headline" class="engraved"><a class="engraved" href="">Growl</a> style based on Mac OS X quickview bezel.</div><a id="download" class="engraved" title="Download" href="dmg/Lion-growlstyle-1.2.dmg"> D <p id="version">v1.2</p></a></div><footer id="footer"><p id="inprint" class="engraved">© 2012 <a href="http://aristidesfl.github.com/">Aristides Lourenço</a> | <a href="http://twitter.com/aristidesfl"> Follow @aristidesfl</a> | <a href="http://github.com/aristidesfl/lion-growlstyle#-lion"> Readme</a></p></footer></div><script type="text/javascript">mixpanel.track("page viewed",{"page name":document.title,url:window.location.pathname});document.getElementById("download").onclick=function(){mixpanel.track("Download")};</script><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4fbbcb3a0fe64942"></script></body></html>
+<!doctype html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>Lion - Growl Style</title>
+ <meta name="description" content="Growl style based on Mac OS X quickview bezel.">
+
+ <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
+ <link rel="stylesheet" type="text/css" href="Lion.growlStyle/Contents/Resources/default.css" >
+ <link rel="stylesheet" type="text/css" href="index.css">
+
+ <script type="text/javascript" src="javascript/prefixfree.min.js" ></script>
+
+ <!-- start Mixpanel --><script type="text/javascript">(function(d,c){var a,b,g,e;a=d.createElement("script");a.type="text/javascript";a.async=!0;a.src=("https:"===d.location.protocol?"https:":"http:")+'//api.mixpanel.com/site_media/js/api/mixpanel.2.js';b=d.getElementsByTagName("script")[0];b.parentNode.insertBefore(a,b);c._i=[];c.init=function(a,d,f){var b=c;"undefined"!==typeof f?b=c[f]=[]:f="mixpanel";g="disable track track_pageview track_links track_forms register register_once unregister identify name_tag set_config".split(" ");
+ for(e=0;e<g.length;e++)(function(a){b[a]=function(){b.push([a].concat(Array.prototype.slice.call(arguments,0)))}})(g[e]);c._i.push([a,d,f])};window.mixpanel=c})(document,[]);
+ mixpanel.init("8828beaba31b5fe88c9d68c657b9662b");</script><!-- end Mixpanel -->
+
+ </head>
+ <body style="opacity:%opacity%;">
+
+ <a href="https://github.com/aristidesfl/lion-growlstyle"><img style="z-index:100; position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png" alt="Fork me on GitHub"></a>
+
+ <!-- AddThis Button BEGIN -->
+ <div class="addthis_toolbox addthis_floating_style addthis_16x16_style" style="left:20px;top:20px;">
+ <a id="flattr" href="http://flattr.com/thing/699367/Lion-Growl-Style" target="_blank"></a>
+ <a class="addthis_button_preferred_1"></a>
+ <a class="addthis_button_preferred_2"></a>
+ <a class="addthis_button_preferred_3"></a>
+ <a class="addthis_button_preferred_4"></a>
+ <a class="addthis_button_compact"></a>
+
+ </div>
+ <p id="spread" >Spread the love</p>
+ <!-- AddThis Button END -->
+
+ <div id="floater"> </div>
+
+ <div id="wrapper">
+ <div id="content">
+ <header id="thetitle" class="engraved">Lion</header>
+ <section id="notifications">
+ <div class="notification">
+ <img width="25" height="25" class="icon" src="images/coda.png" alt="Application Icon"/>
+ <span class="priority %priority%"></span>
+ <h1 class="title">Upload complete</h1>
+ <p class="text">7 files were uploaded to the server</p>
+ </div>
+ <div class="notification">
+ <img width="25" height="25" class="icon" src="images/coconut.png" alt="Application Icon"/>
+ <span class="priority %priority%"></span>
+ <h1 class="title">Battery capacity</h1>
+ <p class="text">Current: 5997/6700 mAh</p>
+ </div>
+ <div class="notification">
+ <img width="25" height="25" class="icon" src="images/dropbox.png" alt="Application Icon"/>
+ <span class="priority %priority%"></span>
+ <h1 class="title">Dropbox folder synced</h1>
+ <p class="text">2 files were changed (click to view) </p>
+ </div>
+ </section>
+ <div id="headline" class="engraved"><a class="engraved" href="">Growl</a> style based on Mac OS X quickview bezel.</div>
+
+ <a id="download" class="engraved" title="Download" href="dmg/Lion-growlstyle-1.2.dmg">
+ D
+ <p id="version">v1.2</p>
+ </a>
+ </div>
+ <footer id="footer">
+ <p id="inprint" class="engraved" >© 2012 <a href="http://aristidesfl.github.com/">Aristides Lourenço</a> | <a href="http://twitter.com/aristidesfl"> Follow @aristidesfl</a> | <a href="http://github.com/aristidesfl/lion-growlstyle#-lion"> Readme</a> </p>
+
+ </footer>
+
+ </div>
+
+ <script type="text/javascript">
+ mixpanel.track('page viewed', {'page name' : document.title, 'url' : window.location.pathname});
+ document.getElementById('download').onclick = function(){ mixpanel.track("Download") };
+ </script>
+
+ <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4fbbcb3a0fe64942"></script>
+ </body>
+</html>

0 comments on commit c06eeff

Please sign in to comment.