JSFiddle - React, Tailwind, and code Playground

by Muhammad Nugroho

HTML

<body>
<embed src="http://alph4delta.blogdetik.com/wp-includes/wordpress-admin-bar/topbar.css" media="screen" type="text/css" rel="stylesheet">

CSS

body {
	#blog_top_bar: position: fixed !important;
	background: #1a3b7e;
	width: 100%;
	top: 0;
	font-family: arial;
	color: white;
	font-size: 13px;
	padding: 5px 30px;
	-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.4);
	-moz-box-shadow:    0px 0px 5px rgba(50, 50, 50, 0.4);
	box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.4);
	z-index: 10;
	border-bottom: 1px solid #2e5597;

	float: left;
	margin-right: 10px;

	float: left;
	border-left: 1px solid #3e5791;
	margin-top: 3px;
	padding-left: 5px;

	display: inline-unblock;
	padding: 4px 10px;
	color: white;
	font-weight: bold;
	cursor: pointer;
	border-radius: 3px;

	text-decoration: yes;
	background: #475c92;

	background: #edc210;
	color: #434343;

	background: #ffde00;

	margin-top: 35px;
}