JSFiddle - React, Tailwind, and code Playground

by Sean Wessell

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="https://www.payrollforward.com/Content/themes/jquery-ui-1.8.22.custom/css/custom-theme/jquery-ui-1.8.22.custom.css">
<link rel="stylesheet" href="//ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.3/css/jquery.dataTables.css">
<link rel="stylesheet" href="https://www.payrollforward.com//content/styles.201512101507.css">
<div id="main-wrapper">
  <div id="banner">
    <img id="logo" src="/Content/images/harpers_logo.png" alt="" title="" height="62" width="150">
    <div id="welcome-and-log-out">
      Welcome SeanW | <a href="/logout" id="log-out">Log out</a>
    </div>
    <div id="company-name">
      <h1>SJW Corp (TECH)</h1>
    </div>
  </div>
  <table id="module-menu-table">
    <tbody>
      <tr>
        <td id="company-home" class="first"><img src="/Content/images/Home20.png" alt="Home"><span> Home</span></td>
        <td id="ccalendar-main"><img src="/Content/images/payroll20.png" alt="Payroll"><span> Payroll</span></td>
        <td id="employee-main" class="selected"><img src="/Content/images/people-icon20.png" alt="Employees"><span> Employees</span></td>
        <td id="company-main"><img src="/Content/images/company20.png" alt="Company"><span> Company</span></td>
        <td id="report-main"><img src="/Content/images/reports20.png" alt="Reports"><span> Reports</span></td>
        <td id="home-companylist" class="last"><img src="/Content/images/change20.png" alt="Change company"><span> Change Company</span></td>
      </tr>
    </tbody>
  </table>

  <div id="employee-toolbar" class="employee-toolbar" style="visibility: visible;">
    <img src="/Content/images/wait16.gif" id="add-employee-spinner" style="float: left; margin: 12px 0px 0px 6px; visibility: hidden;" alt="">
    <a href="#"><img src="/Content/images/addemp24R.png" id="add-employee-button"...

CSS

#employee-tabs li a.trimmed{padding-left:11px;padding-right:11px;}

JavaScript

$('img').each(function() {
  $(this).attr('src', 'https://www.payrollforward.com' + $(this).attr('src'))
});

$('#logo').click(function(){

$('#employee-tabs li a').toggleClass('trimmed');

})