JSFiddle - React, Tailwind, and code Playground
by sauy7
HTML
<html>
<head>
<title>Test</title>
<meta charset="utf-8"/>
</head>
<body></body>
</html>
CSS
#os360-widget { position: fixed; right: 50px; top: 0; } .os360-slider { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; } .os360-open, .os360-closed { overflow: hidden; } .os360-tab a { background-color: #363636; border-color: transparent rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15); border-style: solid; border-width: 1px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; color: #fff; cursor: pointer; float: right; display: block; left: 0; padding: 4px 0; position: relative; text-align: center; text-decoration: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); top: -1px; width: 80px; } .os360-tab a:hover { background-color: #363636; color: #fff; text-decoration: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .os360-icon-plus-white { display: inline-block; height: 14px; margin-right: 6px; margin-top: 1px; verical-align: text-top; width: 14px; } .os360-icon-minus-white { display: inline-block; height: 14px; margin-right: 6px; margin-top: 1px; verical-align: text-top; width: 14px; } .os360-content { background-color: #363636; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); border-style: solid; border-width: 1px 1px 0; color: #fff; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; padding: 10px 10px 15px; } .os360-content .os360-rubric { margin-bottom: 5px; } .os360-content form { margin-bottom: 0; } #os360-form input { background-color: #fff; border: 1px solid #ccc; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; display: inline-block; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; height: 20px; line-height: 20px; margin: 0; padding: 4px 6px; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;...
JavaScript
/*!
* =============================================================
* Ender: open module JavaScript framework (https://ender.no.de)
* Build: ender build qwery bonzo bean domready scriptjs morpheus es5-basic jar reqwest
* =============================================================
*/
/*!
* Ender: open module JavaScript framework (client-lib)
* copyright Dustin Diaz & Jacob Thornton 2011-2012 (@ded @fat)
* http://ender.no.de
* License MIT
*/
(function(context){function require(identifier){var module=modules["$"+identifier]||window[identifier];if(!module)throw new Error("Ender Error: Requested module '"+identifier+"' has not been defined.");return module}function provide(name,what){return modules["$"+name]=what}function aug(o,o2){for(var k in o2)k!="noConflict"&&k!="_VERSION"&&(o[k]=o2[k]);return o}function Ender(s,r){var elements,i;this.selector=s;if(typeof s=="undefined"){elements=[];this.selector=""}else typeof s=="string"||s.nodeName||s.length&&"item"in s||s==window?elements=ender._select(s,r):elements=isFinite(s.length)?s:[s];this.length=elements.length;for(i=this.length;i--;)this[i]=elements[i]}function ender(s,r){return new Ender(s,r)}context.global=context;var modules={},old=context.$,oldEnder=context.ender,oldRequire=context.require,oldProvide=context.provide;context.provide=provide;context.require=require;Ender.prototype.forEach=function(fn,opt_scope){var i,l;for(i=0,l=this.length;i<l;++i)i in this&&fn.call(opt_scope||this[i],this[i],i,this);return this};Ender.prototype.$=ender;ender._VERSION="0.4.3-dev";ender.fn=Ender.prototype;ender.ender=function(o,chain){aug(chain?Ender.prototype:ender,o)};ender._select=function(s,r){return typeof s=="string"?(r||document).querySelectorAll(s):s.nodeName?[s]:s};ender.noConflict=function(callback){context.$=old;if(callback){context.provide=oldProvide;context.require=oldRequire;context.ender=oldEnder;typeof callback=="function"&&callback(require,provide,this)}return this};typeof...