Notification bar code

<!-- Notification bar code start -->
<style type='text/css'>
#gls-sticky {
background: #333333;     /* Bar background color */
color:#fff; /* Bar text color */
text-align: center;
margin: 0 auto;
height:310px; /* Bar height */
line-height: 50px; /* Bar line height */
font-size:14px; /* Bar font size */
font-weight: bold;      /* Bar line weight */
text-transform: none;     /* Bar text capitalization - options: none, capitalize, lowercase, uppercase */
position:fixed; /* Bar position. Change to - absolute - to make non-sticky. */
vertical-align: baseline;
overflow:hidden;
z-index:9999;
width:100%;
display:block;
top: 0; /* To create a bottom notification bar, change this line to - bottom: 0;  */
}
#gls-sticky p a {
color: #b791b6;     /* Link Color */
text-decoration: none;
}

#gls-sticky p a:hover {
color: #abc4c1;       /* Link Hover Color */
}

#gls-sticky p a#gls-button {
background:#b791b6; /* Button Background Color */
color: #fff; /* Button Text Color */
padding:4px 8px;
border-radius: 5px;
margin-left: 6px;
}

#gls-sticky p a#gls-button:hover {
background:#abc4c1; /* Button Hover Background Color */
color: #fff; /* Button Text Hover Color */

}

#gls-sticky p {
width:95%;
float:left;
}

.gls-cross {
display:block;
position:relative;
right:15px;
float:right;
}
.gls-cross a {
font-size:18px;    /* Exit X size */
font-weight:bold;
font-family:&quot;Arial&quot;;
color:#fff;  /* Exit X color */
line-height:30px;
}
.gls-cross, a:hover {
color: #abc4c1; /* Exit X Hover Color */
text-decoration:none;
}

</style>
<div id='gls-sticky'>
<p><Text bar</p></div><a id='gls-button' href='https://georgialoustudios.com' target='_blank'><Text bar</iframe></a>
<div class='gls-cross'><a href='javascript:hide_cross();'>X</a></div>

<script language='JavaScript'>
function hide_cross() {
crosstbox = document.getElementById(&quot;gls-sticky&quot;);
crosstbox.style.visibility = &#39;hidden&#39;;
}
</script>
<br/><br/>