Permalink
Browse files

jGrowl now follows kickstrap themes

  • Loading branch information...
1 parent 0e9be72 commit c28719e389bbd0db56ff6eceb9dd5e5f777e7a14 @adamjgrant adamjgrant committed Mar 27, 2012
Showing with 146 additions and 101 deletions.
  1. +113 −93 css/bootstrap.css
  2. +30 −2 extras/settings/overrides.less
  3. +3 −6 index.html
View
@@ -3694,6 +3694,99 @@ a.thumbnail:hover {
and modifying it there.
*/
+div.jGrowl {
+ padding: 10px;
+ z-index: 9999;
+ color: #fff;
+ font-size: 12px;
+}
+div.jGrowl a {
+ color: #62C729;
+}
+/** Special IE6 Style Positioning **/
+div.ie6 {
+ position: absolute;
+}
+/** Normal Style Positions **/
+div.jGrowl {
+ position: absolute;
+}
+body > div.jGrowl {
+ position: fixed;
+}
+div.jGrowl.top-left {
+ left: 0px;
+ top: 0px;
+}
+div.jGrowl.top-right {
+ right: 0px;
+ top: 0px;
+}
+div.jGrowl.bottom-left {
+ left: 0px;
+ bottom: 0px;
+}
+div.jGrowl.bottom-right {
+ right: 0px;
+ bottom: 0px;
+}
+div.jGrowl.center {
+ top: 0px;
+ width: 50%;
+ left: 25%;
+}
+/** Cross Browser Styling **/
+div.center div.jGrowl-notification,
+div.center div.jGrowl-closer {
+ margin-left: auto;
+ margin-right: auto;
+}
+div.jGrowl div.jGrowl-notification,
+div.jGrowl div.jGrowl-closer {
+ background-color: #000;
+ opacity: .85;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
+ filter: progid:dximagetransform.microsoft.alpha(Opacity=85);
+ zoom: 1;
+ width: 235px;
+ padding: 10px;
+ margin-top: 5px;
+ margin-bottom: 5px;
+ font-family: Tahoma, Arial, Helvetica, sans-serif;
+ font-size: 1em;
+ text-align: left;
+ display: none;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+}
+div.jGrowl div.jGrowl-notification {
+ min-height: 40px;
+}
+div.jGrowl div.jGrowl-notification div.jGrowl-header {
+ font-weight: bold;
+ font-size: .85em;
+}
+div.jGrowl div.jGrowl-notification div.jGrowl-close {
+ z-index: 99;
+ float: right;
+ font-weight: bold;
+ font-size: 1em;
+ cursor: pointer;
+}
+div.jGrowl div.jGrowl-closer {
+ padding-top: 4px;
+ padding-bottom: 4px;
+ cursor: pointer;
+ font-size: .9em;
+ font-weight: bold;
+ text-align: center;
+}
+/** Hide jGrowl when printing **/
+@media print {
+ div.jGrowl {
+ display: none;
+ }
+}
.oh,
.ot,
.tt {
@@ -3804,6 +3897,26 @@ a.thumbnail:hover {
background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
+div.jGrowl div.warning {
+ color: #5f5c27;
+ background-color: #fef5b2;
+ border: 1px solid #fee4a3;
+}
+div.jGrowl div.info {
+ color: #187371;
+ background-color: #c9f4f3;
+ border: 1px solid #acede1;
+}
+div.jGrowl div.success {
+ color: #387218;
+ background-color: #abe789;
+ border: 1px solid #aee274;
+}
+div.jGrowl div.danger {
+ color: #df382c;
+ background-color: #fadfdd;
+ border: 1px solid #f8d0d4;
+}
.progress-step .step-full,
.progress-step .step-empty {
height: 30px;
@@ -5199,96 +5312,3 @@ li[class*=" icomoon-"].icon-large:before {
direction: rtl;
}
/* @end */
-div.jGrowl {
- padding: 10px;
- z-index: 9999;
- color: #fff;
- font-size: 12px;
-}
-div.jGrowl a {
- color: #62C729;
-}
-/** Special IE6 Style Positioning **/
-div.ie6 {
- position: absolute;
-}
-/** Normal Style Positions **/
-div.jGrowl {
- position: absolute;
-}
-body > div.jGrowl {
- position: fixed;
-}
-div.jGrowl.top-left {
- left: 0px;
- top: 0px;
-}
-div.jGrowl.top-right {
- right: 0px;
- top: 0px;
-}
-div.jGrowl.bottom-left {
- left: 0px;
- bottom: 0px;
-}
-div.jGrowl.bottom-right {
- right: 0px;
- bottom: 0px;
-}
-div.jGrowl.center {
- top: 0px;
- width: 50%;
- left: 25%;
-}
-/** Cross Browser Styling **/
-div.center div.jGrowl-notification,
-div.center div.jGrowl-closer {
- margin-left: auto;
- margin-right: auto;
-}
-div.jGrowl div.jGrowl-notification,
-div.jGrowl div.jGrowl-closer {
- background-color: #000;
- opacity: .85;
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
- filter: progid:dximagetransform.microsoft.alpha(Opacity=85);
- zoom: 1;
- width: 235px;
- padding: 10px;
- margin-top: 5px;
- margin-bottom: 5px;
- font-family: Tahoma, Arial, Helvetica, sans-serif;
- font-size: 1em;
- text-align: left;
- display: none;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
-}
-div.jGrowl div.jGrowl-notification {
- min-height: 40px;
-}
-div.jGrowl div.jGrowl-notification div.jGrowl-header {
- font-weight: bold;
- font-size: .85em;
-}
-div.jGrowl div.jGrowl-notification div.jGrowl-close {
- z-index: 99;
- float: right;
- font-weight: bold;
- font-size: 1em;
- cursor: pointer;
-}
-div.jGrowl div.jGrowl-closer {
- padding-top: 4px;
- padding-bottom: 4px;
- cursor: pointer;
- font-size: .9em;
- font-weight: bold;
- text-align: center;
-}
-/** Hide jGrowl when printing **/
-@media print {
- div.jGrowl {
- display: none;
- }
-}
@@ -15,6 +15,8 @@
*/
+ @import "../../extras/jgrowl/jquery.jgrowl.less"; // jGrowl for Growl-like alert messages
+
// ONE LINE CSS GRID
// For simple halving and thirding of divs. http://adamkochanowicz.com/oneline.html
.oh,.ot,.tt{float:left;padding:0 2% 2% 0;width:48%}.ot{width:31%}.tt{width:65%}.cl{clear:both}
@@ -68,6 +70,33 @@
.progress-info.progress-striped .bar {
#gradient > .striped(#5bc0de);
}
+
+ // jGROWL THEMES
+ // -------------
+
+ div.jGrowl div.warning {
+ color:@warningText;
+ background-color:@warningBackground;
+ border: 1px solid @warningBorder
+ }
+
+ div.jGrowl div.info {
+ color:@infoText;
+ background-color:@infoBackground;
+ border: 1px solid @infoBorder;
+ }
+
+ div.jGrowl div.success {
+ color:@successText;
+ background-color:@successBackground;
+ border: 1px solid @successBorder;
+ }
+
+ div.jGrowl div.danger {
+ color:@errorText;
+ background-color:@errorBackground;
+ border: 1px solid @errorBorder;
+ }
// STEP PROGRESS
// -------------
@@ -221,8 +250,7 @@ ol.linenums li {
@import "../../extras/themes/settings.less"; // Kickstrap themes
@import "../../extras/fontawesome/font-awesome.less"; // Using awesomefont instead of an image sprite.
@import "../../extras/icomoon/icomoon.less"; // Turn this on if you want even more fonts from IcoMoon.
- @import "../../extras/chosen/chosen.less"; // Chosen for select boxes
- @import "../../extras/jgrowl/jquery.jgrowl.less"; // jGrowl for Growl-like alert messages
+ @import "../../extras/chosen/chosen.less"; // Chosen for select boxes
//-----------------------
//END BOOTSTRAP OVERRIDES
View
@@ -11,10 +11,8 @@
<!-- Use the .htaccess and remove these lines to avoid edge case issues.
More info: h5bp.com/i/378 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-
<title></title>
<meta name="description" content="">
-
<!-- Mobile viewport optimized: h5bp.com/viewport -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
<!-- Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons -->
@@ -35,35 +33,34 @@
<!-- Prompt IE 6 users to install Chrome Frame. Remove this if you support IE 6.
chromium.org/developers/how-tos/chrome-frame-getting-started -->
<!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
+<div class="container">
<header>
</header>
<div role="main">
- <div class="container">
<div class="row">
<br />
<div class="span2 offset5">
<a href="sample.html"><h1><i class="icomoon-star"></i>&nbsp;Sample </h1></a>
</div>
</div>
- </div>
</div>
<footer>
<p><i class="icon-github-sign"></i> Built with <a href="http://ajkochanowicz.github.com/Kickstrap/">Kickstrap</a></p>
</footer>
-
+</div>
<!-- JavaScript at the bottom for fast page loading -->
<!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="extras/h5bp/js/libs/jquery-1.7.1.min.js"><\/script>')</script>
-
<!-- scripts concatenated and minified via ant build script-->
<script src="extras/prettify/prettify.js"></script>
<script src="js/bootstrap.min.js"></script>
+
<!-- end scripts-->
<!-- If you'd rather pick and choose, comment the above and uncomment what you need below -->

0 comments on commit c28719e

Please sign in to comment.