maspropes - Título de la nueva página

Título de la nueva página

1.Color de Barra desplazadora - Scroll Con este simple codigo conseguimos cambiar el color de la barra desplazadora Nota: Solo modifica los codigos que se necuentran en rojo POr ejemplo modifica todas las opciones parecidas a esta : #800000; Cita:

<div class="OUTBRAIN" data-ob-contenturl="https://maspropes.es.tl/T%EDtulo-de-la-nueva-p%E1gina.htm" data-widget-id="AR_1" data-ob-installation-key="DEDER1336F53KG67MGDL4PLCO"> </div>				</div>
				<div id="counter"><span>Hoy habia 25 visitantes (61 clics a subpáginas) ¡Aqui en esta página!</span></div>
				<div id="post_content"></div>
								<div id="sidebar_container">
					<h2 id="sidebar_heading"><span></span></h2>
					<div id="sidebar_content">Si tienen Alguna duda   Consulta : Maspropes@hotmail.com<br />
</div>
				</div>
			</div>
		</div>
						</div>  
	</div>  
</div> 			
				<div class="clear"></div>			
			</div>  
</div>  
	
<div id="sidebar"> 
	<div id="sidebar-bottom"> 
		<div id="sidebar-content"> 
				
<div class="widget-button"> 
	<a href="http://www.facebook.com/pages/Maspropesestl/173046836103593" id="call_to_action"><span>Contactanos</span></a> 
</div> 
 
<div id="tabbed" class="sidebar-block"> 
	<ul id="tabbed-area" class="clearfix"> 
		<li class="first"><a href="#1">AFILIADOS</a></li> 
		<li class="second"><a href="#2">NUEVO</a></li> 
		<li class="last"><a href="#3">ANTERIOR</a></li> 
	</ul> 
	
	<div id="1" class="widget-content"> 
		<ul> 
<a href='http://MASPROPES.es.tl/'><img alt='Afiliados' height='100' id='Image1_img' src='http://4.bp.blogspot.com/-zdcfrRL51hw/TXfOYcL9CzI/AAAAAAAAAJ4/-HsAMGDXO0c/s233/ad125x125.jpg' width='100'/></a><a href='http://MASPROPES.es.tl/'><img alt='Afiliados' height='100' id='Image1_img' src='http://4.bp.blogspot.com/-zdcfrRL51hw/TXfOYcL9CzI/AAAAAAAAAJ4/-HsAMGDXO0c/s233/ad125x125.jpg' width='100'/></a>
<a href='#'><img alt='Afiliados' height='100' id='Image1_img' src='http://4.bp.blogspot.com/-zdcfrRL51hw/TXfOYcL9CzI/AAAAAAAAAJ4/-HsAMGDXO0c/s233/ad125x125.jpg' width='100'/></a><a href='#'><img alt='Afiliados' height='100' id='Image1_img' src='http://4.bp.blogspot.com/-zdcfrRL51hw/TXfOYcL9CzI/AAAAAAAAAJ4/-HsAMGDXO0c/s233/ad125x125.jpg' width='100'/></a>					
</ul>	
	</div>  
 
	<div id="2" class="widget-content"> 
		<ul> 
<li class="clearfix"> 
<span class="title"><a href="#">Titulo...</a></span> 
	<p class="post-info">Posted By <a href="#" title="">Administrador</a> April,2011</p> 
	
		<span class="widget-comment-number">1</span> 
</li>
<li class="clearfix"> 
<span class="title"><a href="#">Titulo...</a></span> 
	<p class="post-info">Posted By <a href="#" title="">Administrador</a> April,2011</p> 
	
		<span class="widget-comment-number">2</span> 
</li>
<li class="clearfix"> 
<span class="title"><a href="#">Titulo...</a></span> 
	<p class="post-info">Posted By <a href="#" title="">Administrador</a> April,2011</p> 
	
		<span class="widget-comment-number">3</span> 
</li>
<li class="clearfix"> 
<span class="title"><a href="#">Titulo...</a></span> 
	<p class="post-info">Posted By <a href="#" title="">Administrador</a> April,2011</p> 
	
		<span class="widget-comment-number">4</span> 
</li>											
</ul> 
	</div>  
	
	<div id="3" class="widget-content"> 
		<ul> 
<li class="clearfix"> 
<span class="title"><a href="#">Titulo...</a></span> 
	<p class="post-info">Posted By <a href="#" title="">Administrador</a> April,2011</p> 
	
		<span class="widget-comment-number">1</span> 
</li>
<li class="clearfix"> 
<span class="title"><a href="#">Titulo...</a></span> 
	<p class="post-info">Posted By <a href="#" title="">Administrador</a> April,2011</p> 
	
		<span class="widget-comment-number">2</span> 
</li>
<li class="clearfix"> 
<span class="title"><a href="#">Titulo...</a></span> 
	<p class="post-info">Posted By <a href="#" title="">Administrador</a> April,2011</p> 
	
		<span class="widget-comment-number">3</span> 
</li>
<li class="clearfix"> 
<span class="title"><a href="#">Titulo...</a></span> 
	<p class="post-info">Posted By <a href="#" title="">Administrador</a> April,2011</p> 
	
		<span class="widget-comment-number">4</span> 
</li>											
</ul>
	</div>  
</div>  
 
<div id="categories-3" class="widget widget_categories">
<h4 class="widgettitle">Contador</h4><div class="widget-content">		
<ul> 
<object id="counters99" allowscriptaccess="always" type="application/x-shockwave-flash" data="http://static.99widgets.com/counters/swf/counters.swf?id=813719_2&ln=es" width="200" height="180" wmode="transparent"><param name="allowscriptaccess" value="always" /><param name="movie" value="http://static.99widgets.com/counters/swf/counters.swf?id=813719_2&ln=es" /><param name="wmode" value="transparent" /><embed src="http://static.99widgets.com/counters/swf/counters.swf?id=813719_2&ln=es" type="application/x-shockwave-flash" allowscriptaccess="always" wmode="transparent" width="200" height="180"></embed><br><a href="http://www.onlinecasinoextra.com/eucasino-onlinecasinoreview.html">EU Casino</a> | <a href="http://www.superonlinecasino.com/casino-reviews/platinum-play">platinum play casino</a> | <a href="http://www.onlinecasinoau.com/spin-palace-casino.htm">Spin Palace</a> | <a href="http://es.99counters.com/">Contador de visitas en blog</a> | <a href="http://www.casinoschule.com/eurograndcasino.html">Eurogrand casino</a></object>
		</ul> 
</div></div>

<div id="categories-3" class="widget widget_categories">
<h4 class="widgettitle">Facebook</h4><div class="widget-content">		
<ul> 
<script>(function(d){
  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
  js = d.createElement('script'); js.id = id; js.async = true;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
<div class="fb-like-box" data-href="http://www.facebook.com/pages/Maspropesestl/173046836103593" data-width="200" data-show-faces="true" data-stream="false" data-header="true">
		</ul> 
</div></div>		
</div>  
	</div>  
</div> 	
	
			</div>  
		</div> 	 
				
	</div> 			
				
	<div id="footer"> 
		<div id="footer-content"> 
			<div class="container clearfix"> 
				<div id="linkcat-2" class="footer-widget widget_links">
				<h4 class="widgettitle">Menu</h4> 
	<ul class='xoxo blogroll'> 
<li><a href="#">Menu</a></li> 
<li><a href="#">Menu</a></li>
<li><a href="#">Menu</a></li>
<li><a href="#">Menu</a></li>
 
	</ul> 
</div>  
				<div id="linkcat-2" class="footer-widget widget_links">
				<h4 class="widgettitle">Menu</h4> 
	<ul class='xoxo blogroll'> 
<li><a href="#">Menu</a></li> 
<li><a href="#">Menu</a></li>
<li><a href="#">Menu</a></li>
<li><a href="#">Menu</a></li>
 
	</ul> 
</div> 
				<div id="linkcat-2" class="footer-widget widget_links">
				<h4 class="widgettitle">Menu</h4> 
	<ul class='xoxo blogroll'> 
<li><a href="#">Menu</a></li> 
<li><a href="#">Menu</a></li>
<li><a href="#">Menu</a></li>
<li><a href="#">Menu</a></li>
 
	</ul> 
</div>  
				<div id="linkcat-2" class="footer-widget widget_links">
				<h4 class="widgettitle">Menu</h4> 
	<ul class='xoxo blogroll'> 
<li><a href="#">Menu</a></li> 
<li><a href="#">Menu</a></li>
<li><a href="#">Menu</a></li>
<li><a href="#">Menu</a></li>
 
	</ul> 
</div>  		
</div> 	
				
			<div id="footer-bottom">	
				<div class="container clearfix"> 
					<ul id="footer-menu" class="bottom-nav">
<li><a href="#">Menu</a></li> 
<li><a href="#">Menu</a></li> 
<li><a href="#">Menu</a></li> 
<li><a href="#">Menu</a></li> 
<li><a href="#">Menu</a></li> 
</ul>											
<p id="copyright">Copyright  © Tu Web | <strong><font color="orange">Template Adapted By <a href='http://templatecss.es.tl/'>TEmplatECSS</a> | Powered By <a href='http://templatecss.es.tl/'>TEmplatECSS</a> | Hosted At <a href="http://es.tl/">PwG</a></font></strong></p> 
				</div> 	
			</div>  
		</div>  
	</div>  
				
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script> 
	<script type="text/javascript" src="http://www.elegantthemes.com/preview/AskIt/wp-content/themes/AskIt/js/superfish.js"></script> 
	<script type="text/javascript" src="http://www.elegantthemes.com/preview/AskIt/wp-content/themes/AskIt/js/cufon-yui.js"></script> 
	<script type="text/javascript" src="http://www.elegantthemes.com/preview/AskIt/wp-content/themes/AskIt/js/League_Gothic_400.font.js"></script> 
	
	<script type="text/javascript"> 
	//<![CDATA[
		jQuery.noConflict();
		
		Cufon.replace('ul#primary-menu a strong',{textShadow:'1px 1px 1px #000', hover: { textShadow: '1px 1px 1px #000' }})('ul#primary-menu ul a',{textShadow:'1px 1px 1px #000'});
				
		jQuery('ul.nav').superfish({ 
			delay:       200,                            // one second delay on mouseout 
			animation:   {opacity:'show',height:'show'},  // fade-in and slide-down animation 
			speed:       'fast',                          // faster animation speed 
			autoArrows:  true,                           // disable generation of arrow mark-up 
			dropShadows: false                            // disable drop shadows 
		});
		
		jQuery('ul.nav > li > a.sf-with-ul').parent('li').addClass('sf-ul');
				
		et_search_bar();
		
		var $featured_content = jQuery('#slides');
		
		if ($featured_content.length) {
			$featured_content.cycle({
				timeout: 0,
				speed: 500,
				cleartypeNoBg: true,
				prev:   '#featured a#left-arrow', 
				next:   '#featured a#right-arrow'
			});
		}
		
		
		function et_search_bar(){
			var $searchform = jQuery('#header-bottom div#search-bar'),
				$searchinput = $searchform.find("input#searchinput"),
				searchvalue = $searchinput.val();
				
			$searchinput.focus(function(){
				if (jQuery(this).val() === searchvalue) jQuery(this).val("");
			}).blur(function(){
				if (jQuery(this).val() === "") jQuery(this).val(searchvalue);
			});
		};
		
		et_footer_improvements('#footer .footer-widget');
		
		
		function et_footer_improvements($selector){
			var $footer_widget = jQuery($selector);
		
			if (!($footer_widget.length == 0)) {
				$footer_widget.each(function (index, domEle) {
					if ((index+1)%4 == 0) jQuery(domEle).addClass("last").after("<div class='clear'></div>");
				});
			}
		}
		
		$comment_rating = jQuery('.comment_rating');
		
		$comment_rating.live('mouseover', function(){
			if ( jQuery(this).find('.et_like_dislike_box').css('visibility') == 'visible' ) return;
			if ( jQuery(this).find('.et_like_dislike_box').length ) {
				jQuery(this).prev('.comment-wrap-inner').animate({ opacity: .5 }, 500);
				jQuery(this).parent().prev('.avatar-box').animate({ opacity: .5 }, 500);
				
				jQuery(this).find('.et_like_dislike_box').css( { opacity: 0, 'visibility': 'visible' } ).animate( { opacity: 1, left: 51 }, 500);
			}
		});
		
		$comment_rating.live('mouseout', function(e){
			if ( jQuery(e.relatedTarget).parents('.et_like_dislike_box').length || jQuery(e.relatedTarget).is('.et_like_dislike_box') )  return;
			
			if ( jQuery(this).find('.et_like_dislike_box').length ) {
				jQuery(this).find('.et_like_dislike_box').animate( { opacity: 0, left: 61 }, 500, function(){
					jQuery(this).css( { opacity: 0, 'visibility': 'hidden' } )
				});
				
				jQuery(this).prev('.comment-wrap-inner').animate({ opacity: 1 }, 500);
				jQuery(this).parent().prev('.avatar-box').animate({ opacity: 1 }, 500);
			}
		});
		
		
		$mainContent = jQuery('#comment-wrap');
		
		jQuery('a.right_answer, a.et_like_button, a.et_dislike_button').live("click", function(){
			$href = jQuery(this).attr('href');
			$mainContent.fadeTo('fast',0.2).load($href+' #comment-wrap', function() {				
				$mainContent.fadeTo('fast',1);
			}); 
			return false;
		});
		
		
		$contentArea = jQuery('#main-area');
		
		jQuery('body#home #main-tabbed-area a, body#home .wp-pagenavi a, body#home .pagination a').live("click", function(){
			$href = jQuery(this).attr('href');
			$contentArea.fadeTo('fast',0.2).load($href+' #main-area', function() {				
				$contentArea.fadeTo('fast',1);
			}); 
			return false;
		});
		
		
		$createNewAnswer = jQuery('#create_new_post');
		
		$createNewAnswer.find('form').submit(function() {
			$href = jQuery(this).attr('action');
			
			$createNewAnswer.fadeTo('fast',0.2).load($href+' #create_new_post', jQuery(this).serializeArray(), function() {
				$createNewAnswer.fadeTo('fast',1);
			}); 
			return false;
		});
		
		var $tabbed_area = jQuery('div#tabbed');
		if ($tabbed_area.length) {
			$tabbed_area.tabs({ fx: { opacity: 'toggle' } });
		};
		
				
		Cufon.now();
	//]]>	
	</script> 
		<script type='text/javascript'> 
	/* <![CDATA[ */
	
	
	(function($)
	{
		$.fn.et_shortcodes_switcher = function(options)
		{
			var defaults =
			{
			   slides: '>div',
			   activeClass: 'active',
			   linksNav: '',
			   findParent: true, //use parent elements to define active states
			   lengthElement: 'li', //parent element, used only if findParent is set to true
			   useArrows: false,
			   arrowLeft: 'a#prev-arrow',
			   arrowRight: 'a#next-arrow',
			   auto: false,
			   autoSpeed: 5000,
			   slidePadding: '',
			   pauseOnHover: true,
			   fx: 'fade',
			   sliderType: ''
			};
 
			var options = $.extend(defaults, options);
 
			return this.each(function()
			{
								
				var slidesContainer = jQuery(this).parent().css('position','relative'),
					$slides = jQuery(this).css({'overflow':'hidden','position':'relative'}),
					$slide = $slides.find(options.slides).css({'opacity':'1','position':'absolute','top':'0px','left':'0px','display':'none'}),
					slidesNum = $slide.length,
					zIndex = slidesNum,
					currentPosition = 1,
					slideHeight = 0,
					$activeSlide,
					$nextSlide;
				
				if (options.fx === 'slide') {
					$slide.css({'opacity':'0','position':'absolute','top':'0px','left':'0px','display':'block'});
				} else {
					$slide.filter(':first').css({'display':'block'});
				}
				
				if (options.slidePadding != '') $slide.css('padding',options.slidePadding);
				
				$slide.each(function(){
					jQuery(this).css('z-index',zIndex).addClass('clearfix');
					if (options.fx === 'slide') zIndex--;
					
					slideH = jQuery(this).innerHeight();
					if (slideH > slideHeight) slideHeight = slideH;
				});
				$slides.css('height', slideHeight);
				$slides.css('width', $slides.width());
								
				var slideWidth = $slide.width(),
					slideOuterWidth = $slide.outerWidth();
				
				$slide.css('width',slideWidth);
				
				$slide.filter(':first').css('opacity','1');
				
				if (options.sliderType != '') {
					if (options.sliderType === 'images') {
						controllersHtml = '<div class="controllers-wrapper"><div class="controllers"><a href="#" class="left-arrow">Previous</a>';
						for ($i=1; $i<=slidesNum; $i++) {
							controllersHtml += '<a class="switch" href="#">'+$i+'</a>';
						}
						controllersHtml += '<a href="#" class="right-arrow">Next</a></div><div class="controllers-right"></div></div>';		
						$controllersWrap = jQuery(controllersHtml).prependTo($slides.parent());
					}
					
					var etimage_width = $slide.width();
		
					slidesContainer.css({'width':etimage_width});
					$slides.css({'width':etimage_width});
					
					if (options.sliderType === 'images') {
						slidesContainer.css({'height':$slide.height()});
						$slides.css({'height':$slide.height()});
						
						var controllers_width = $controllersWrap.width(),
						leftPosition = Math.round((etimage_width - controllers_width) / 2);
					
						$controllersWrap.css({left: leftPosition});
					}	
				}
				
				
				if (options.linksNav != '') {
					var linkSwitcher = jQuery(options.linksNav);
					
					var linkSwitcherTab = '';
					if (options.findParent) linkSwitcherTab = linkSwitcher.parent();
					else linkSwitcherTab = linkSwitcher;
					
					if (!linkSwitcherTab.filter('.active').length) linkSwitcherTab.filter(':first').addClass('active');
									
					linkSwitcher.click(function(){
						
						var targetElement;
 
						if (options.findParent) targetElement = jQuery(this).parent();
						else targetElement = jQuery(this);
						
						var orderNum = targetElement.prevAll(options.lengthElement).length+1;
						
						if (orderNum > currentPosition) gotoSlide(orderNum, 1);
						else gotoSlide(orderNum, -1); 
						
						return false;
					});
				}
				
				
				if (options.useArrows) {
					var $right_arrow = jQuery(options.arrowRight),
						$left_arrow = jQuery(options.arrowLeft);
										
					$right_arrow.click(function(){				
						if (currentPosition === slidesNum) 
							gotoSlide(1,1);
						else 
							gotoSlide(currentPosition+1),1;
						
						if (options.linksNav != '') changeTab();
												
						return false;
					});
					
					$left_arrow.click(function(){
						if (currentPosition === 1)
							gotoSlide(slidesNum,-1);
						else 
							gotoSlide(currentPosition-1,-1);
						
						if (options.linksNav != '') changeTab();
						
						return false;
					});
					
				}
				
								
				function changeTab(){
					if (linkSwitcherTab != '') { 
						linkSwitcherTab.siblings().removeClass('active');
						linkSwitcherTab.filter(':eq('+(currentPosition-1)+')').addClass('active');
					}
				}
				
				function gotoSlide(slideNumber,dir){
					if ($slide.filter(':animated').length) return;
				
					$slide.css('opacity','0');
																		
					$activeSlide = $slide.filter(':eq('+(currentPosition-1)+')').css('opacity','1');
									
					if (currentPosition === slideNumber) return;
									
					$nextSlide = $slide.filter(':eq('+(slideNumber-1)+')').css('opacity','1');
									
					if ((currentPosition > slideNumber || currentPosition === 1) && (dir === -1)) {
						if (options.fx === 'slide') slideBack(500);
						if (options.fx === 'fade') slideFade(500);
					} else {
						if (options.fx === 'slide') slideForward(500);
						if (options.fx === 'fade') slideFade(500);
					}
					
					currentPosition = $nextSlide.prevAll().length + 1;
					
					if (options.linksNav != '') changeTab();
					
					if (typeof interval != 'undefined' && options.auto) {
						clearInterval(interval);
						auto_rotate();
					}
										
					return false;
				}
				
				
				if (options.auto) {
					auto_rotate();
					var pauseSlider = false;
				}
				
				if (options.pauseOnHover) { 				
					slidesContainer.hover(function(){
						pauseSlider = true;
					},function(){
						pauseSlider = false;
					});
				}
				
				function auto_rotate(){
					
					interval = setInterval(function(){
						if (!pauseSlider) { 
							if (currentPosition === slidesNum) 
								gotoSlide(1,1);
							else 
								gotoSlide(currentPosition+1),1;
							
							if (options.linksNav != '') changeTab();
						}
					},options.autoSpeed);
					
				}
				
				function slideForward(speed){
					$nextSlide.css('left',slideOuterWidth+'px');
					$activeSlide.animate({left: '-'+slideOuterWidth},speed);
					$nextSlide.animate({left: 0},speed);
				}
				
				function slideBack(speed){
					$nextSlide.css('left','-'+slideOuterWidth+'px');
					$activeSlide.animate({left: slideOuterWidth},speed);
					$nextSlide.animate({left: 0},speed);
				}
				
				function slideFade(speed){					
					$activeSlide.css({zIndex: slidesNum}).fadeOut(700);
					$nextSlide.css({zIndex: (slidesNum+1)}).fadeIn(700);
				}
				
			});
		} 
	})(jQuery);
	
	
	/////// Shortcodes Javascript ///////
		
		/// tooltip ///
		
		$et_tooltip = jQuery('.et-tooltip');
		
		$et_tooltip.hover(function(){
			jQuery(this).find('.et-tooltip-box').animate({ opacity: 'show', bottom: '25px' }, 300);
		},function(){
			jQuery(this).find('.et-tooltip-box').animate({ opacity: 'hide', bottom: '35px' }, 300);
		})
		
		
		/// learn more ///
		
		$et_learn_more = jQuery('.et-learn-more .heading-more');
		
		$et_learn_more.click(function(){
			if ( jQuery(this).hasClass('open') ) 
				jQuery(this).removeClass('open');
			else 
				jQuery(this).addClass('open');
				
			jQuery(this).parent('.et-learn-more').find('.learn-more-content').animate({ opacity: 'toggle', height: 'toggle' }, 300);
		});
	
	/* ]]> */
	</script> 
	
 
        <script type="text/javascript"> 
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script> 
<script type="text/javascript"> 
var pageTracker = _gat._getTracker("UA-5205247-2");
pageTracker._trackPageview();
</script> 
</body> 
</html>				<a id="selfpromotionOverlay" href="https://www.paginawebgratis.es/?c=4000&utm_source=selfpromotion&utm_campaign=overlay&utm_medium=footer" target="_blank" rel="nofollow">
    Este sitio web fue creado de forma gratuita con <b>PaginaWebGratis.es</b>. ¿Quieres también tu sitio web propio?

<div class="btn btn-1">Registrarse gratis</div>

</a>
<style>
    body {
        padding-top: 124px;
    }
    #forFixedElement {
        top: 124px;
    }
    @media (min-width: 365px) {
        body {
            padding-top: 103px;
        }
        #forFixedElement {
            top: 103px;
        }
    }
    @media (min-width: 513px) {
        body {
            padding-top: 82px;
        }
        #forFixedElement {
            top: 82px;
        }
    }
    @media (min-width: 936px) {
        body {
            padding-top: 61px;
        }
        #forFixedElement {
            top: 61px;
        }
    }

/* General button style */
    #selfpromotionOverlay .btn {
        border: none;
        font-size: inherit;
        color: inherit;
        background: none;
        cursor: pointer;
        padding: 6px 15px;
        display: inline-block;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 700;
        outline: none;
        position: relative;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        margin: 0px;
    }

/* Button 1 */
    #selfpromotionOverlay .btn-1, #selfpromotionOverlay .btn-1:visited {
        background: rgb(0, 85, 204);
        color: #fff;
    }

#selfpromotionOverlay .btn-1:hover {
        background: #2980b9;
    }

#selfpromotionOverlay .btn-1:active {
        background: #2980b9;
        top: 2px;
    }

#selfpromotionOverlay {
        font: 400 12px/1.8 "Open Sans", Verdana, sans-serif;
        text-align: center;
        opacity: 1;
        transition: opacity 1s ease;
        position: fixed;
        overflow: hidden;
        box-sizing: border-box;
        font-size: 14px;
        text-decoration: none;
        line-height: 1.5em;
        flex-wrap: nowrap;
        z-index: 5000;
        padding: 14px;
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        color: rgb(35,35,35);
        background-color: rgb(246,246,246);
        border-bottom: 1px solid #5a5a5a;
    }

#selfpromotionOverlay:hover {
        background: white;
        text-decoration: none;
    }
</style>		<div id="extraDiv1"><span></span></div>
		<div id="extraDiv2"><span></span></div>
		<div id="extraDiv3"><span></span></div>
		<div id="extraDiv4"><span></span></div>
		<div id="extraDiv5"><span></span></div>
		<div id="extraDiv6"><span></span></div>
	</body>
</html>