Merge pull request #1 from flibbertigibbet/feature/css-styles

flibbertigibbet · flibbertigibbet · commit ba82bed17e18 · 2015-10-26T14:24:34.000-04:00
Use CSS instead of hardcoded styles
diff --git a/dist/jsoneditor.css b/dist/jsoneditor.css
@@ -0,0 +1,71 @@
+.jse-modal{
+    background-color: white;
+    border: 1px solid black;
+    position: absolute;
+    z-index: 10;
+    box-shadow:3px 3px black;
+}
+.jse-disableHeader, .jse-disableLabel{
+    color:  #ccc;
+}
+.jse-CheckboxLabel{
+    font-weight: normal;
+}
+.jse-Checkbox{
+    display:inline-block;
+    width:auto;
+}
+.jse-MultiCheckboxLabel{
+    display:block;
+}
+.jse-MultiCheckboxControl{
+    display:      inline-block;
+    margin-right: 20px;
+}
+.jse-Switcher{
+    background-color:transparent;
+    height:auto;
+    font-style:italic;
+    font-weight:normal;
+    padding:0 0 0 3px;
+}
+.jse-TextareaInput{
+    width:100%;
+    height:300px;
+    box-sizing:border-box;
+}
+.jse-IndentedPanel{
+    padding-left:10px;
+    margin-left:10px;
+    border-left:1px solid #ccc;
+}
+.jse-Tab{
+    border: 1px solid #ccc;
+    borderWidth: 1px 0 1px 1px;
+    textAlign: center;
+    lineHeight: 30px;
+    borderRadius: 5px;
+    borderBottomRightRadius: 0;
+    borderTopRightRadius: 0;
+    fontWeight: bold;
+    cursor: pointer;
+}
+.jse-TabActive{
+    opacity: 1;
+    background: white;
+}
+.jse-TabInActive{
+    opacity:0.5;
+    background: none;
+}
+.jse-BlockLink{
+    display: block;
+}
+.jse-Media{
+    width:100%;
+}
+.jse-{
+}
+.jse-{
+}
+
diff --git a/dist/jsoneditor.js b/dist/jsoneditor.js
diff --git a/dist/jsoneditor.js.map b/dist/jsoneditor.js.map
diff --git a/dist/jsoneditor.min.js b/dist/jsoneditor.min.js
diff --git a/examples/advanced.html b/examples/advanced.html
@@ -5,6 +5,7 @@
     <title>Advanced JSON Editor Example</title>
     
     <script src="../dist/jsoneditor.js"></script>
+    <link rel='stylesheet' href="../dist/jsoneditor.css" href="styles.css">
   </head>
   <body>
     <h1>Advanced JSON Editor Example</h1>
diff --git a/examples/basic.html b/examples/basic.html
@@ -4,6 +4,7 @@
     <meta charset="utf-8" />
     <title>Basic JSON Editor Example</title>
     <script src="../dist/jsoneditor.js"></script>
+    <link rel='stylesheet' href="../dist/jsoneditor.css" href="styles.css">
   </head>
   <body>
     <h1>Basic JSON Editor Example</h1>
diff --git a/examples/css_integration.html b/examples/css_integration.html
@@ -10,6 +10,7 @@
     <link rel='stylesheet' href='//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.3/css/font-awesome.css'>
     
     <script src="../dist/jsoneditor.js"></script>
+    <link rel='stylesheet' href="../dist/jsoneditor.css" href="styles.css">
     
     <script>
     // Set the default CSS theme and icon library globally
diff --git a/examples/recursive.html b/examples/recursive.html
@@ -16,6 +16,7 @@
     <script src='//cdn.jsdelivr.net/sceditor/1.4.3/plugins/xhtml.js'></script>
 
     <script src="../dist/jsoneditor.js"></script>
+    <link rel='stylesheet' href="../dist/jsoneditor.css" href="styles.css">
 </head>
 <body>
 <div class='container'>
diff --git a/examples/select2.html b/examples/select2.html
@@ -4,6 +4,7 @@
     <meta charset="utf-8" />
     <title>JSON Editor Select2 Integration Example</title>
     <script src="../dist/jsoneditor.js"></script>
+    <link rel='stylesheet' href="../dist/jsoneditor.css" href="styles.css">
     <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
     <script src="//cdn.jsdelivr.net/select2/3.4.8/select2.min.js"></script>
     <link rel="stylesheet" href="//cdn.jsdelivr.net/select2/3.4.8/select2.css">
diff --git a/examples/upload.html b/examples/upload.html
@@ -4,6 +4,7 @@
     <meta charset="utf-8" />
     <title>JSON Editor Upload Example</title>
     <script src="../dist/jsoneditor.js"></script>
+    <link rel='stylesheet' href="../dist/jsoneditor.css" href="styles.css">
   </head>
   <body>
     <h1>JSON Editor Upload Example</h1>
diff --git a/examples/wysiwyg.html b/examples/wysiwyg.html
@@ -4,6 +4,7 @@
     <meta charset="utf-8" />
     <title>JSON Editor WYSIWYG Example</title>
     <script src="../dist/jsoneditor.js"></script>
+    <link rel='stylesheet' href="../dist/jsoneditor.css" href="styles.css">
     <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
     <script src="//cdn.jsdelivr.net/sceditor/1.4.3/jquery.sceditor.bbcode.min.js"></script>
     <link rel="stylesheet" href="//cdn.jsdelivr.net/sceditor/1.4.3/jquery.sceditor.default.min.css">
diff --git a/src/theme.js b/src/theme.js
