editor.css in sibyl-0.2.0

- old
+ new
@@ -1,4 +1,148 @@
-/*
-  Place all the styles related to the matching controller here.
-  They will automatically be included in application.css.
-*/
+
+body {
+    background: #fff;
+    color: #000;
+		padding-left: 20px;
+		font-family: 'Roboto Slab', serif;
+		background-image: url(/assets/old_moon/old_moon_@2X.jpg);
+  }
+  .tiles {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 1600px;
+    height: 100%;
+  }
+	a.page_image {
+	  cursor: text;
+	}
+	.controls {
+		background-color: rgba(0,0,0,0.9);
+		color: white;
+		padding: 20px;
+		margin: 20px;
+		border-radius: 20px;
+		position: fixed;
+		left: 0;
+		top: 0;
+		width: 400px;
+		z-index: 2;
+	}
+  .photo {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: cover;
+    transition: transform .5s ease-out;
+  }
+	.xy_select {
+		width: 60px;
+	}
+	#page_number {
+		position: absolute;
+		width: 190px;
+		top: 50px;
+		left: 210px;
+		font-size: 15pt;
+	}
+	.element_text {
+		width: 278px;
+	}
+	#current_labels {
+		margin-bottom: 10px;
+		margin-top: 40px;
+	}
+	#page_buttons {
+		margin-bottom: 10px;
+		position: absolute;
+		top: 10px;
+		left: 210px;
+	}
+	#select_element_name {
+		width: 285px;
+		margin-bottom: 5px;
+	}
+	#locate {
+		width: 200px;
+		height: 80px;
+		position: absolute;
+		top: 210px;
+		left: 160px;
+	}
+	#position_controls {
+		padding-right: 200px;
+		margin-top: 20px;
+		margin-bottom: 20px;
+	}
+	#default_element_content {
+		margin-top: 20px;
+	}
+	#save_element {
+		margin-top: 20px;
+		margin-left: 10px;
+		margin-bottom: 20px;
+		font-size: 15pt;
+		width: 293px;
+		height: 80px;
+	}
+	#save_form {
+		position: absolute;
+		top: 81px;
+		left: 210px;
+		font-size: 15pt;
+		width: 190px;
+	}
+	#title {
+		position: absolute;
+		top: 15px;
+		left: 15px;
+		font-size: 15pt;
+	}
+	#set {
+		margin: 20px;
+		margin-top: 20px;
+	}
+	#tabs {
+		margin-bottom: 10px;
+		position: absolute;
+		width: 410px;
+		top: 195px;
+		left: 10px;
+	}
+	.scrollContainer {
+		height: 500px;
+		width: 410px;
+	}
+	#jsonView {
+		height: 500px;
+		width: 350px;
+		overflow:auto;
+	}
+	#open_image {
+		margin-top: 7px;
+		margin-left: 40px;
+	}
+	#tabs-1 {
+		text-align: center;
+	}
+	#scaffold {
+		margin-top: 7px;
+	}
+	.tile {
+		font-family: sans-serif;
+	}
+	.sibyl_form {
+		padding: 20px;
+		text-align: center;
+		background-color: rgba(250,250,250,0.3);
+		width: 300px;
+	}
+	#close {
+		position: absolute;
+		left: 420px;
+		top: -10px;
+	}