├── license └── Contents ├── Resources ├── template.html └── default.css └── Info.plist /license: -------------------------------------------------------------------------------- 1 | Mono by Christopher Lobay is licensed under the Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License. To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/ or send a letter to Creative Commons, 171 Second Street, Suite 300, San Francisco, California, 94105, USA. -------------------------------------------------------------------------------- /Contents/Resources/template.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Mono 2.0 7 | 8 | 9 | 10 | 11 |
12 |
13 |
14 | 15 |

%title%

16 |

%text%

17 |
18 |
19 |
20 |
21 | 22 | -------------------------------------------------------------------------------- /Contents/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | English 7 | CFBundleGetInfoString 8 | Mono 9 | CFBundleIconFile 10 | 11 | CFBundleIdentifier 12 | com.Growl.WebKit.Mono 13 | CFBundleInfoDictionaryVersion 14 | 6.0 15 | CFBundleName 16 | Mono 17 | CFBundlePackageType 18 | GWKM 19 | CFBundleShortVersionString 20 | 2.0 21 | CFBundleSignature 22 | LOBA 23 | CFBundleVersion 24 | 2.0 25 | CSResourcesFileMapped 26 | yes 27 | GrowlHasShadow 28 | 29 | GrowlPluginAuthor 30 | http://christopherlobay.com 31 | 32 | 33 | -------------------------------------------------------------------------------- /Contents/Resources/default.css: -------------------------------------------------------------------------------- 1 | /* Mono by Christopher Lobay is licensed under the Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License. To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/ or send a letter to Creative Commons, 171 Second Street, Suite 300, San Francisco, California, 94105, USA. */ 2 | 3 | body, html { 4 | text-rendering: optimizeLegibility; 5 | font-family: Helvetica Neue, Helvetica, Arial, sans-serif; 6 | } 7 | 8 | body:hover { 9 | -webkit-transition: all 0.3s ease; 10 | opacity: 1 !important; 11 | } 12 | 13 | @-webkit-keyframes notification-wrapper { 14 | 0% { opacity: 0; -webkit-transform: translate3d( 40px, 0, 0 ); } 15 | 100% { opacity: 1; -webkit-transform: translate3d( 0, 0, 0 ); } 16 | } 17 | 18 | @-webkit-keyframes other { 19 | 0% { -webkit-transform: translate3d( 20px, 0, 0 ); } 20 | 100% { -webkit-transform: translate3d( 0, 0, 0 ); } 21 | } 22 | 23 | @-webkit-keyframes icon { 24 | 0% { opacity: 0; -webkit-transform: translate3d( 0, 5px, 0 ); } 25 | 100% { opacity: 1; -webkit-transform: translate3d( 0, 0, 0 ); } 26 | } 27 | 28 | .wrapper { 29 | width: 300px; 30 | overflow: hidden; 31 | position: absolute; 32 | top: 1px; 33 | left: 15px; 34 | } 35 | 36 | .notification { 37 | -webkit-transition: all 0.5s ease; 38 | -webkit-animation: notification-wrapper 0.7s ease; 39 | -webkit-box-sizing: border-box; 40 | border-radius: 5px; 41 | background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(0,0,0,.95)), to(rgba(0,0,0,0.9))); 42 | position: relative; 43 | float: left; 44 | width: 300px; 45 | } 46 | 47 | .border { 48 | border-radius: 4px; 49 | -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4); 50 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.20)), to(rgba(255,255,255,0))); 51 | margin: 1px; 52 | padding: 10px 9px 10px 65px; 53 | -webkit-box-sizing: border-box; 54 | min-height: 52px; 55 | clear: both; 56 | overflow: hidden; 57 | } 58 | 59 | .divider { 60 | position: absolute; 61 | top: 10px; 62 | left: 1px; 63 | bottom: 10px; 64 | width: 54px; 65 | border-right: 1px solid rgba(255,255,255,0.1); 66 | -webkit-box-shadow: inset -1px 0px 0px rgba(0,0,0,0.6); 67 | -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,1)), to(rgba(0,0,0,0))); 68 | -webkit-animation: other 0.4s ease; 69 | } 70 | 71 | img { 72 | position: absolute; 73 | display: block; 74 | height: 34px; 75 | width: 34px; 76 | top: 10px; 77 | left: 10px; 78 | border-radius: 3px; 79 | -webkit-animation: icon 0.8s ease; 80 | } 81 | 82 | h1,p { 83 | color: #FFF; 84 | line-height: 15px; 85 | margin: 0; padding: 0; 86 | clear: both; 87 | overflow: hidden; 88 | text-shadow: 0px -1px 1px rgba(0,0,0,0.8); 89 | -webkit-font-smoothing: subpixel-antialiased; 90 | } 91 | 92 | h1 { 93 | -webkit-animation: other 0.6s ease; 94 | font-size: 10pt; 95 | margin: 0 0 2px 0; 96 | text-shadow: 0px -1px 1px rgba(0,0,0,0.8); 97 | overflow: visible; 98 | } 99 | 100 | p { 101 | -webkit-animation: other 0.8s ease; 102 | font-family: Lucida Grande, sans-serif; 103 | font-size: 8pt; 104 | color: #999; 105 | overflow: visible; 106 | } --------------------------------------------------------------------------------