/* * Notify Bar - jQuery plugin * * Copyright (c) 2009-2015 Dmitri Smirnov * * Licensed under the MIT license: * http://www.opensource.org/licenses/mit-license.php * * Project home: * http://www.whoop.ee/posts/2013/04/05/the-resurrection-of-jquery-notify-bar.html */ /* Default bars' style */ .jquery-notify-bar { width:100%; position:fixed; top:0; left:0; z-index:32768; background-color:#efefef; font-size:18px; color:#000; text-align:center; font-family:"Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-weight:bold; padding:20px 0px; cursor: pointer; border:0px; -webkit-box-shadow: 0 -1px 5px #333333; -moz-box-shadow: 0 -1px 5px #333333; box-shadow: 0 -1px 5px #333333; /* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); */ } .jquery-notify-bar.bottom { bottom:0; top:auto; border-top:1px solid #ddd; border-bottom:0; -webkit-box-shadow: inset 0 1px 0 0 #fff; -moz-box-shadow: inset 0 1px 0 0 #fff; box-shadow: inset 0 1px 0 0 #fff; } .jquery-notify-bar.error .notify-bar-text-wrapper, .jquery-notify-bar.warning .notify-bar-text-wrapper, .jquery-notify-bar.success .notify-bar-text-wrapper { padding: 1px 0 1px 30px; } /* Style for errors */ .jquery-notify-bar.error { color:#FF0; background-color:#ED5B44; } .jquery-notify-bar.error .notify-bar-text-wrapper { background: transparent url("../img/jq-notify-bar-icons.svg") no-repeat 0 -62px; } /* Style for warning */ .jquery-notify-bar.warning { color:#000; background-color:#fffaaa; } .jquery-notify-bar.warning .notify-bar-text-wrapper { background: transparent url("../img/jq-notify-bar-icons.svg") no-repeat 1px 1px; } /* Style for success */ .jquery-notify-bar.success { color:#739342; background-color:#C3E68D; } .jquery-notify-bar.success .notify-bar-text-wrapper { background: transparent url("../img/jq-notify-bar-icons.svg") no-repeat 2px -31px; } /* Style for info */ .jquery-notify-bar.info { color: #31708f; background-color: #d9edf7; } /* Style for close button */ .notify-bar-close { position:absolute; left:97%; top: 13px; text-decoration: none; color: #222; font-size: 30px; } .notify-bar-close:hover { color: #05f; }