added html, css, js

1 files changed, 82 insertions, 0 deletions

diff --git a/pdf-as-web/src/main/webapp/assets/css/style.css b/pdf-as-web/src/main/webapp/assets/css/style.css
new file mode 100644
index 00000000..8849709f
--- /dev/null
+++ b/pdf-as-web/src/main/webapp/assets/css/style.css
@@ -0,0 +1,82 @@
+html {
+	font-family: Verdana, Geneva, sans-serif;
+}
+
+body {
+	background-image: url("../img/bg.png");
+}
+
+footer {
+	clear: both;
+}
+
+iframe {
+	border: none;
+}
+
+#leftMain {
+	float: left;
+	margin-right: 1em;
+}
+
+#fileSelector {
+	height: 20em;
+}
+
+#dropzone {
+	border-bottom: 2px solid;
+	border-color: #66A3FF;
+	height: 46%;
+}
+
+#traditionalUpload {
+	text-align: center;
+	height: 46%;
+}
+
+#main {
+	height: 900px;
+	width: 800px;
+	float: left;
+}
+
+#content {
+	clear: both;
+	height: 868px;
+	font-size: 150%;
+}
+
+#states {
+	height: 5%;
+}
+
+.center {
+	display: flex;
+	justify-content: center; 
+	align-items: center; 
+}
+
+.container {
+	border-top-left-radius: 15px;
+	border-top-right-radius: 15px;
+	border: 2px solid;
+	border-color: #66A3FF;
+	background: #E8F4FF;
+	box-shadow: 0px 0px 15px #333333;
+	margin-bottom: 1em;
+	width: 20em;
+}
+
+.container h3 {
+	border-top-left-radius: 13px;
+	border-top-right-radius: 13px;
+	background: #66A3FF;
+	color: #FFFFFF;
+	text-align: center;
+	margin: 0px;
+	height: 2em;
+}
+
+.container fieldset {
+	border: none;
+}