JSFiddle - React, Tailwind, and code Playground
by swingley
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=7,IE=9" />
<title>
Create web map from id
</title>
<link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/2.4/js/dojo/dijit/themes/claro/claro.css">
<link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/2.4/js/esri/dijit/css/Popup.css">
<link rel="stylesheet" type="text/css" href="css/chromepopup.css">
<style type="text/css">
html,body {
height:100%;
width:100%;
margin:0;
padding:0;
}
body {
background-color:#FFF;
overflow:hidden;
font-family:"Helvetica";
}
#header {
border:solid 1px #A8A8A8;
overflow:hidden;
background-color:#999;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#C0C0C0));
background: -moz-linear-gradient(top, #fff, #C0C0C0);
height:65px;
margin: 5px 5px;
}
.roundedCorners {
-o-border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}
.shadow {
-webkit-box-shadow:4px 4px 8px #adadad;
-moz-box-shadow:4px 4px 8px #adadad;
-o-box-shadow:4px 4px 8px #adadad;
box-shadow:4px 4px 8px #adadad;
}
#title{
padding-top:2px;
padding-left:10px;
color:#000;
font-size:18pt;
text-align:left;
text-shadow: 0px 1px 0px #e5e5ee;
font-weight:700;
}
#subtitle {
font-size:small;
padding-left:40px;
text-shadow: 0px 1px 0px #e5e5ee;
color:#000;
}
#rightPane{
background-color:#E8E8E8;
border:solid 2px...