Hello I made a customized Mavericks Growl Style based on HAZI's Mountain Lion Style - it is nowhere near perfect - since I'm a noob coder - but I've done what i could to make it look as similar to The Mavericks notifications.
Lynge Lp2.dk https://drive.google.com/folderview?id=0B1EpiA-thT6SZU02ejlfbTdJMU0&usp=sharing Den fredag den 13. december 2013 08.55.43 UTC+1 skrev Rudi van Drunen: > > > Yes, I now us it, but this style is not IDENTICAL to the 10.9 > notifications badge :-( I would like to have it identical > in both size, location, fonts etc. > > Rudi > > > On Thursday, December 12, 2013 6:35:50 PM UTC+1, Chas4 wrote: >> >> Not sure if this is what you are looking for >> >> "One individual took it upon himself to make a Growl style to mimic the >> Mountain Lion alerts." >> >> http://howto.cnet.com/8301-11310_39-57386658-285/how-to-get-mountain-lion-style-growl-notifications/ >> >> >> >> >> ---- >> Charlie Schloss >> >> Why Open the Web? >> >> Despite the connecting purpose of the Web, it is not entirely open to all >> of its users. When used correctly, HTML documents can be displayed across >> platforms and devices. However, many devices are excluded access to Web >> content. >> >> http://my.opera.com/community/openweb/info/ >> >> >> Try Opera @ http://goo.gl/h5wgi >> >> >> >> On Tue, Dec 10, 2013 at 10:28 AM, Rudi van Drunen <[email protected]>wrote: >> >>> Hi All, >>> >>> Does something like this exist ? I'd like the growl output have the >>> exact same size, position and font as the notifications Maverick generates. >>> Yes, I know that I can forward notifications from growl to the OS, but >>> then the icons are not correct. Besides that, for some apps, I need the >>> extra functionality of growl... >>> >>> So a style that exactly showa as the OSX notifications would be great ! >>> >>> Thanks >>> Rudi >>> >>> -- >>> You received this message because you are subscribed to the Google >>> Groups "Growl Discuss" group. >>> To unsubscribe from this group and stop receiving emails from it, send >>> an email to [email protected]. >>> To post to this group, send email to [email protected]. >>> Visit this group at http://groups.google.com/group/growldiscuss. >>> For more options, visit https://groups.google.com/groups/opt_out. >>> >> >> -- You received this message because you are subscribed to the Google Groups "Growl Discuss" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/growldiscuss. For more options, visit https://groups.google.com/d/optout.Title: Growl notification
|
%title%
%text%
|
.DS_Store
Description: Binary data
.LSOverride
Description: Binary data
Info.plist
Description: Binary data
.DS_Store
Description: Binary data
html {
position: relative;
margin: 0;
padding: 0;
}
body {
font-family: Lucida Grande, sans-serif;
width: 345px;
}
@-webkit-keyframes notification {
0% {
-webkit-transform: rotateX(-90deg);
opacity: 0;
top: -42px;
}
20% {top: -28px;}
40% {top: -20px;}
60% {top: -12px;}
80% {top: -8px;}
100% {
-webkit-transform: rotateX(-0deg);
opacity: 1;
top: -1px;
}
}
.wrapper {
-webkit-perspective: 300;
display: block;
padding: 0px 0px 5px 0px;
}
.notification {
-webkit-animation: notification .4s linear;
top: -1px;
position: relative;
padding: 5px;
min-height: 32px;
margin: 11px 15px 0px 10px;
-webkit-border-radius: 5px;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.241, rgb(225, 225, 225)), color-stop(0.852, rgb(255, 255, 255))) rgba(255, 255, 255, 0);
box-shadow: 0 0 1px rgba(255, 255, 255, 0.2), 0 0 1px rgba(0, 0, 0, 0.8), 1px 3px 13px rgba(0, 0, 0, 0.8);
}
.notification:after{
content: "";
display: block;
clear: both;
}
div#icon{
float: left;
width: 40px;
height: 40px;
padding: 1px 0px 0 3px;
margin-right: 0px;
}
div#icon img {
width: 33px;
height: 33px;
}
div#title {
padding: 4px 0px 0px 0px;
color: #3c3c3c;
font-size: 13px;
overflow: hidden;
font-weight: bold;
text-shadow: 0 1px 1px #fff;
}
div#text {
color: #4f4f4f;
font-size: 11px;
line-height: 1.2;
margin: 5px 0;
overflow: hidden;
text-shadow: 0 1px 1px #fff;
}
