JSFiddle - React, Tailwind, and code Playground

by mgrcic

HTML

<div id="system-message">Stack Overflow will be read-only briefly around 5PM UTC while we move some servers to a different rack.  We <i>really</i> hope this works.
</div>

<div id="noscript-warning">Stack Overflow works best with JavaScript enabled<img src="http://pixel.quantserve.com/pixel/p-c1rF4kxgLUzNc.gif" alt="" class="dno"></div>

CSS

#system-message {
clear: both;
text-align: center;
margin: 0px 0px 10px 0px;
padding: 7px;
font-weight: bold;
color: #735005;
background-color: #FFEFC6;
}
#noscript-warning{font-family:sans-serif;position:fixed;top:0px;left:0px;width:100%;z-index:101;text-align:center;font-weight:bold;font-size:120%;color:#fff;background-color:#AE0000;padding:5px 0px 5px 0px;}#noscript-padding{padding-top:3.5em;}.container{text-align:left;width:100%;zoom:1;}

.dno{display:none;}

JavaScript

<noscript>
        <div id="noscript-warning">Stack Overflow works best with JavaScript enabled&lt<img src="http://pixel.quantserve.com/pixel/p-c1rF4kxgLUzNc.gif" alt="" class="dno" /></div>
    </noscript>