Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

- version 0.2.4

- minor CSS fixes
- minor bug fixes
  • Loading branch information...
commit 90e0793f5c2ae5a01ae9e27b95918ebec8d4b2b9 1 parent 40e4bad
@ewebdev authored
View
20 css/notifier-base.css
@@ -1,5 +1,21 @@
/*!
- * Backbone.Notifier v0.2.3 - Base Styles
+ * Backbone.Notifier v0.2.4 - Base Styles
+ * Copyright 2012, Eyal Weiss
+ */
+/*---------------------------------------------------
+ LESS Elements 0.6
+ ---------------------------------------------------
+ A set of useful LESS mixins by Dmitry Fadeyev
+ Special thanks for mixin suggestions to:
+ Kris Van Herzeele,
+ Benoit Adam,
+ Portenart Emile-Victor,
+ Ryan Faerman
+
+ More info at: http://lesselements.com
+-----------------------------------------------------*/
+/*!
+ * Backbone.Notifier v0.2.4 - Variables Config
* Copyright 2012, Eyal Weiss
*/
.notifier-screen {
@@ -73,6 +89,8 @@
text-align: center;
font-size: 11px;
+ line-height: 11px;
+ font-family: Arial, Helvetica, "sans-serif";
color: rgba(102, 102, 102, 0.39);
background: transparent;
}
View
19 css/notifier-theme-clean.css
@@ -1,5 +1,21 @@
/*!
- * Backbone.Notifier v0.2.3 - 'Clean' Theme
+ * Backbone.Notifier v0.2.4 - 'Clean' Theme
+ * Copyright 2012, Eyal Weiss
+ */
+/*---------------------------------------------------
+ LESS Elements 0.6
+ ---------------------------------------------------
+ A set of useful LESS mixins by Dmitry Fadeyev
+ Special thanks for mixin suggestions to:
+ Kris Van Herzeele,
+ Benoit Adam,
+ Portenart Emile-Victor,
+ Ryan Faerman
+
+ More info at: http://lesselements.com
+-----------------------------------------------------*/
+/*!
+ * Backbone.Notifier v0.2.4 - Variables Config
* Copyright 2012, Eyal Weiss
*/
.notifier-screen.notifier-theme-clean {
@@ -24,6 +40,7 @@
}
.notifier.notifier-theme-clean .notifier-btns {
margin: 30px 0 0;
+ text-align: center;
}
.notifier.notifier-theme-clean .notifier-btns button {
border: solid 1px #D1D1D1;
View
25 css/notifier-theme-plastic.css
@@ -1,5 +1,21 @@
/*!
- * Backbone.Notifier v0.2.3 - 'Plastic' Theme
+ * Backbone.Notifier v0.2.4 - 'Plastic' Theme
+ * Copyright 2012, Eyal Weiss
+ */
+/*---------------------------------------------------
+ LESS Elements 0.6
+ ---------------------------------------------------
+ A set of useful LESS mixins by Dmitry Fadeyev
+ Special thanks for mixin suggestions to:
+ Kris Van Herzeele,
+ Benoit Adam,
+ Portenart Emile-Victor,
+ Ryan Faerman
+
+ More info at: http://lesselements.com
+-----------------------------------------------------*/
+/*!
+ * Backbone.Notifier v0.2.4 - Variables Config
* Copyright 2012, Eyal Weiss
*/
.notifier-loader.notifier-theme-plastic {
@@ -17,13 +33,14 @@
}
.notifier.notifier-theme-plastic button.notifier-close {
top: 8px;
- right: 4px;
+ right: 6px;
padding: 1px 7px;
- height: auto;
+ height: 22px;
text-align: center;
width: auto;
font-size: 11px;
opacity: 0.5;
+ margin: 0!important;
}
.notifier.notifier-theme-plastic button.notifier-close:hover {
opacity: 1;
@@ -288,7 +305,7 @@
-webkit-box-shadow: 0 0px 8px rgba(255,255,255,0.1), 0 0px 1px rgba(255,255,255,0.3), inset 0 0px 2px #000, inset 0 0 70px rgba(0,114,255,.5);
-moz-box-shadow: 0 0px 8px rgba(255,255,255,0.1), 0 0px 1px rgba(255,255,255,0.3), inset 0 0px 2px #000, inset 0 0 70px rgba(0,114,255,.5);
box-shadow: 0 0px 8px rgba(255,255,255,0.1), 0 0px 1px rgba(255,255,255,0.3), inset 0 0px 2px #000, inset 0 0 70px rgba(0,114,255,.5);
- text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 0px 10px #00c83e;
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 0px 10px #66ceff;
color: rgba(0, 0, 0, 0.9);
}
.notifier.notifier-theme-plastic.notifier-success .notifier-inner {
View
30 index.html
@@ -5,21 +5,21 @@
<title>Backbone.Notifier | Powerful UI Notifications Framework</title>
<!-- Used by example page -->
- <link rel="stylesheet" type="text/css" href="example-css/bootstrap.css?_0.2.3">
- <link rel="stylesheet" type="text/css" href="example-css/example.css?_0.2.3">
- <link rel="stylesheet" type="text/css" href="example-css/prettify.css?_0.2.3">
+ <link rel="stylesheet" type="text/css" href="example-css/bootstrap.css?_0.2.4">
+ <link rel="stylesheet" type="text/css" href="example-css/example.css?_0.2.4">
+ <link rel="stylesheet" type="text/css" href="example-css/prettify.css?_0.2.4">
<!-- Used /by example page -->
<!-- Backbone.Notifier LESS CSS -->
- <!--<link rel="stylesheet/less" type="text/css" href="less/notifier-base.less??_0.2.3">-->
- <!--<link rel="stylesheet/less" type="text/css" href="less/notifier-theme-clean.less??_0.2.3">-->
- <!--<link rel="stylesheet/less" type="text/css" href="less/notifier-theme-plastic.less??_0.2.3">-->
+ <!--<link rel="stylesheet/less" type="text/css" href="less/notifier-base.less??_0.2.4">-->
+ <!--<link rel="stylesheet/less" type="text/css" href="less/notifier-theme-clean.less??_0.2.4">-->
+ <!--<link rel="stylesheet/less" type="text/css" href="less/notifier-theme-plastic.less??_0.2.4">-->
<!--<script type="text/javascript" src="example-js/less-1.3.0.min.js"></script>-->
<!-- /Backbone.Notifier LESS CSS -->
- <link rel="stylesheet" type="text/css" href="css/notifier-base.css?_0.2.3">
- <link rel="stylesheet" type="text/css" href="css/notifier-theme-clean.css?_0.2.3">
- <link rel="stylesheet" type="text/css" href="css/notifier-theme-plastic.css?_0.2.3">
+ <link rel="stylesheet" type="text/css" href="css/notifier-base.css?_0.2.4">
+ <link rel="stylesheet" type="text/css" href="css/notifier-theme-clean.css?_0.2.4">
+ <link rel="stylesheet" type="text/css" href="css/notifier-theme-plastic.css?_0.2.4">
</head>
<body>
@@ -73,7 +73,7 @@
<section id="intro">
<div class="intro-ph">
<h1>Backbone.Notifier
- <small>version 0.2.3</small>
+ <small>version 0.2.4</small>
</h1>
<button id="btnTour" class="after-tour btn-primary btn btn-large">Quick Tour</button>
<button id="btnTheme" class="after-tour btn btn-large">Switch Theme</button>
@@ -813,17 +813,17 @@
<!-- /Dependencies -->
<!-- Backbone.Notifier -->
-<script type="text/javascript" src="js/Backbone.Notifier.js?_0.2.3"></script>
+<script type="text/javascript" src="js/Backbone.Notifier.js?_0.2.4"></script>
<!-- Optional modules -->
-<script type="text/javascript" src="js/modules/3d.js?_0.2.3"></script>
-<script type="text/javascript" src="js/modules/logger.js?_0.2.3"></script>
-<script type="text/javascript" src="js/modules/template.js?_0.2.3"></script>
+<script type="text/javascript" src="js/modules/3d.js?_0.2.4"></script>
+<script type="text/javascript" src="js/modules/logger.js?_0.2.4"></script>
+<script type="text/javascript" src="js/modules/template.js?_0.2.4"></script>
<!-- Optional modules -->
<!-- /Backbone.Notifier -->
<!-- Used by example page -->
<script type="text/javascript" src="example-js/prettify.js"></script>
-<script type="text/javascript" src="example-js/example.js?_0.2.3"></script>
+<script type="text/javascript" src="example-js/example.js?_0.2.4"></script>
<!-- /Used by example page -->
<!--Google Analytics-->
View
6 js/backbone.notifier.js
@@ -1,5 +1,5 @@
/*!
- * Backbone.Notifier.js v0.2.3
+ * Backbone.Notifier.js v0.2.4
* Copyright 2012, Eyal Weiss
* Backbone.Notifier.js may be freely distributed under the MIT license.
*/
@@ -26,7 +26,7 @@
'fadeInMs': 500, // duration (milliseconds) of notification's fade-in effect
'fadeOutMs': 500, // duration (milliseconds) of notification's fade-out effect
'position': 'top', // default notifications position ('top' / 'center' / 'bottom')
- 'screenOpacity': 0.5, // opacity of dark screen background that goes behind for modals (between 0 to 1)
+ 'screenOpacity': .65, // opacity of dark screen background that goes behind for modals (between 0 to 1)
'zIndex': 10000, // minimal z-index for notifications
'width': undefined, // notification's width
'modules': undefined // modules to register immediately
@@ -98,7 +98,7 @@
}
this.$el = $el;
this._cssPos = ($el.get(0)===document.body) ? 'fixed' : 'absolute';
- $el.css('position', 'relative');
+ ($el.get(0)!==document.body) && $el.css('position', 'relative');
if (this._cssPos === 'absolute') {
$el.css('overflow', 'hidden');
}
View
24 less/notifier-base.less
@@ -1,5 +1,5 @@
/*!
- * Backbone.Notifier v0.2.3 - Base Styles
+ * Backbone.Notifier v0.2.4 - Base Styles
* Copyright 2012, Eyal Weiss
*/
@@ -22,16 +22,16 @@
overflow: visible;
> div {
- cursor: default;
- display: inline-block;
- zoom: 1;
- *display: inline;
- position: relative;
- em {
- font-weight: bold;
- font-style: italic;
- }
- }
+ cursor: default;
+ display: inline-block;
+ zoom: 1;
+ *display: inline;
+ position: relative;
+ em {
+ font-weight: bold;
+ font-style: italic;
+ }
+ }
button.default {
font-weight: bold;
@@ -71,6 +71,8 @@
/*background: white;*/
text-align: center;
font-size: 11px;
+ line-height: 11px;
+ font-family: Arial, Helvetica, "sans-serif";
color: rgba(102, 102, 102, 0.39);
background: transparent;
View
3  less/notifier-theme-clean.less
@@ -1,5 +1,5 @@
/*!
- * Backbone.Notifier v0.2.3 - 'Clean' Theme
+ * Backbone.Notifier v0.2.4 - 'Clean' Theme
* Copyright 2012, Eyal Weiss
*/
@@ -35,6 +35,7 @@
(~".@{notifier}-btns") {
margin: 30px 0 0;
+ text-align: center;
button {
border: solid 1px #D1D1D1;
View
12 less/notifier-theme-plastic.less
@@ -1,5 +1,5 @@
/*!
- * Backbone.Notifier v0.2.3 - 'Plastic' Theme
+ * Backbone.Notifier v0.2.4 - 'Plastic' Theme
* Copyright 2012, Eyal Weiss
*/
@@ -25,14 +25,14 @@
(~"button.@{notifier}-close") {
top: 8px;
- right: 4px;
+ right: 6px;
padding: 1px 7px;
- height: auto;
+ height: 22px;
text-align: center;
width: auto;
font-size: 11px;
opacity: 0.5;
-// background: rgba(255, 255, 255, 0.3);
+ margin: 0!important;
&:hover {
opacity: 1;
@@ -163,7 +163,7 @@
&.notifier-info .notifier-inner {
.themed-notification(107,168,255, 0,114,255);
.box-shadow(~"0 0px 8px rgba(255,255,255,0.1), 0 0px 1px rgba(255,255,255,0.3), inset 0 0px 2px #000, inset 0 0 70px rgba(0,114,255,.5)");
- text-shadow: 0 1px 0 rgba(255, 255, 255, .3), 0 0px 10px #00c83e;
+ text-shadow: 0 1px 0 rgba(255, 255, 255, .3), 0 0px 10px #66CEFF;
color: rgba(0, 0, 0, .9);
}
@@ -186,4 +186,4 @@
background: -o-linear-gradient(top, rgb(@fromR, @fromG, @fromB) 0%,rgb(@toR, @toG, @toB) 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top, rgb(@fromR, @fromG, @fromB) 0%,rgb(@toR, @toG, @toB) 100%); /* Chrome10+,Safari5.1+ */
filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr="lighten(rgb(@fromR,@fromG,@fromB), 0%)~", EndColorStr="lighten(rgb(@toR,@toG,@toB), 0%)~")";
-}
+}
View
2  less/notifier-variables.less
@@ -1,5 +1,5 @@
/*!
- * Backbone.Notifier v0.2.3 - Variables Config
+ * Backbone.Notifier v0.2.4 - Variables Config
* Copyright 2012, Eyal Weiss
*/
Please sign in to comment.
Something went wrong with that request. Please try again.