"alertbox"
Bootstrap 3.3.0 Snippet by exigentinc

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="alert alert-info c"> <h4 style="margin-bottom: 0;"> Need to remove the background from images, e.g. for your web shop? <a href="https://clippingmagic.com" class="alert-link"> Try Clipping Magic � </a> </h4> </div>
/*! CSS Used from: https://d2ci88w16yaf6n.cloudfront.net/p/assets/all_69e4e0bb5ecf1cd3d4fefaf411fb0b8a.css */ a{background-color:transparent;} a:active,a:hover{outline:0;} @media print{ *,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important;} a,a:visited{text-decoration:underline;} a[href]:after{content:" (" attr(href) ")";} } *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} :after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} a{color:#337ab7;text-decoration:none;} a:focus,a:hover{color:#23527c;text-decoration:underline;} a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;} h4{font-family:inherit;font-weight:500;line-height:1.1;color:inherit;} h4{margin-top:10px;margin-bottom:10px;} h4{font-size:18px;} .alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px;} .alert h4{margin-top:0;color:inherit;} .alert .alert-link{font-weight:700;} .alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1;} .alert-info .alert-link{color:#245269;} .alert{text-shadow:0 1px 0 rgba(255,255,255,.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);} .alert-info{background-image:-webkit-linear-gradient(top,#d9edf7 0,#b9def0 100%);background-image:-o-linear-gradient(top,#d9edf7 0,#b9def0 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9edf7),to(#b9def0));background-image:linear-gradient(to bottom,#d9edf7 0,#b9def0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);background-repeat:repeat-x;border-color:#9acfea;} .c{text-align:center;}

Related: See More


Questions / Comments: