JSFiddle - React, Tailwind, and code Playground

by CaseyLeask

HTML

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>AFL 2012</title>

    <link rel="stylesheet" href="/safari-bug/css/safari-bug.css" />

  </head>
  <body> 
      
    <!-- START body content wrapper -->
    <div class="page wrapper bg-trans">

      <div id="slide-video-wrapper">
        <div id="playerArea">
          <div id="playerContainer">
            <div id="player" class="tpPlayer">
                <object type="application/x-shockwave-flash" data="http://www.afl.com.au/static-resources/player/pdk-res/pdk/swf/flvPlayer.swf" id="_playerPdkSwfObject" name="_playerPdkSwfObject" width="100%" height="100%" wmode="opaque" allowfullscreen="true"><param name="scale" value="noscale"><param name="flashvars"...

CSS

/* Layout
-------------------------------*/
/* line 7, safari-bug/css/global.scss */
.wrapper {
  display: block;
  margin: 0 auto;
  position: relative;
  text-align: left;
  width: 980px; }
  /* line 8, safari-bug/css/global.scss */
  .wrapper.page {
    background-color: white;
    padding: 20px 20px 1px;
    position: relative;
    width: 940px;
    zoom: 1; }

/* line 12, safari-bug/css/global.scss */
#slide-video-wrapper {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0; }


body {
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:center top;
  z-index:90;
  background-image:url(http://s3.amazonaws.com/github/assets/1354/ca/63/ca636c4e-38c8-11e2-8918-92300ee53e13.png);
  background-position:center 0;
  background-color: white;
}