JSFiddle - React, Tailwind, and code Playground
by Reusablecode
HTML
<apex:page standardController="rxw_Record__c" standardStylesheets="false" sidebar="false" showHeader="false" contentType="text/html" cache="false"><apex:outputText escape="false" value="{!"<!DOCTYPE html>"}"/>
<html>
<head>
<style>
<link rel="stylesheet" href="http://scriptographer.org/static/css/style.css?1308830537000" />
<link rel="stylesheet" href="http://scriptographer.org/static/css/codemirror.css?1308830478000" />
</style>
<title></title>
</head>
<body>
<apex:sectionHeader title="{!$ObjectType.rxw_Record__c.label}" subtitle="{!rxw_Record__c.name}"/>
<apex:pageBlock title="{!$ObjectType.rxw_Record__c.label} Detail">
<apex:pageBlockSection showHeader="false" columns="2">
<apex:outputField styleClass="left" value="{!rxw_Record__c.Name}"/>
<apex:outputField styleClass="right" value="{!rxw_Record__c.NumberofActivePatients__c}"/>
</apex:pageBlockSection>
<apex:pageBlockSection showHeader="true" title="rxwRecord Pet (Patient) Info" columns="2">
<apex:outputField value="{!rxw_Record__c.Pet_First_Name__c}"/>
<apex:pageBlockSectionItem />
<apex:outputField value="{!rxw_Record__c.Pet_Species__c}"/>
<apex:outputField value="{!rxw_Record__c.VCARE_DateLast_Reminder__c}"/>
<apex:outputField value="{!rxw_Record__c.Pet_Breed__c}"/>
<apex:outputField value="{!rxw_Record__c.VCARE_DateLast_Consult__c}"/>
<apex:outputField value="{!rxw_Record__c.Pet_Color__c}"/>
<apex:pageBlockSectionItem />
<apex:outputField value="{!rxw_Record__c.Pet_Gender__c}"/>
<apex:pageBlockSectionItem />
<apex:outputField value="{!rxw_Record__c.Pet_Age__c}"/>
<apex:pageBlockSectionItem />
<apex:outputField value="{!rxw_Record__c.FLAG_SENIOR_AGE_PET__c}"/>
<apex:pageBlockSectionItem />
</apex:pageBlockSection>
<apex:pageBlockSection...