Docker image now installing and running.

2 files changed, 313 insertions, 0 deletions

diff --git a/edit-webapp/css/consent.css b/edit-webapp/css/consent.css
new file mode 100644
index 0000000..129bb19
--- /dev/null
+++ b/edit-webapp/css/consent.css
@@ -0,0 +1,150 @@
+.box {
+    width:600px;
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 50px;
+    background-color: white;
+   -webkit-box-shadow: 1px 1px 15px #999999;
+    -moz-box-shadow: 1px 1px 15px #999999;
+    box-shadow: 1px 1px 15px #999999;
+    -webkit-border-radius: 8px;
+    -moz-border-radius: 8px;
+    border-radius: 8px;
+    overflow: auto;
+    padding: 1.268em;
+}
+
+body {
+    font-family:Verdana, Geneva, sans-serif;
+    font-size: 12px;
+}
+
+h1 {
+    font-size: 13px;
+    padding-bottom: 12px;
+}
+
+a {
+    color: #00247D;
+    text-decoration: underline;
+}
+
+a:visited {
+    color: #00247D;
+    text-decoration: underline;
+}
+
+a:focus, a:hover, a:active {
+    color: #F39800;
+    text-decoration: underline;
+}
+
+#tou-content {
+    font-family:monospace;
+    width: 95%;
+    border: solid 1px #666;
+    margin: 4px;
+    padding: 10px;
+    overflow: hidden;
+}
+
+#tou-content li{
+    margin-bottom:10px;
+}
+
+#tou-acceptance {
+    width: 95%;
+    border: solid 1px #666;
+    background-color: #F0F0F0;
+    margin: 4px;
+    padding: 10px;
+    text-align: left;
+    overflow: hidden;
+}
+
+.service_name {
+    font-weight: bold;
+}
+
+.service_description {
+    font-style: italic;
+}
+
+.organization_name {
+}
+
+#attributeRelease-consent {
+    width: 95%;
+    border: solid 1px #666;
+    background-color: #F0F0F0;
+    margin: 4px;
+    overflow: hidden;
+}
+
+#attributeRelease {
+    width: 95%;
+    margin: 4px;
+    border: solid 1px black;
+    overflow: hidden;
+}
+
+#attributeRelease table {
+    border-collapse: collapse;
+    border: none 0px white;
+    width: 100%;
+}
+
+#attributeRelease td {
+    padding: 3px 7px;
+    vertical-align: top;
+}
+
+#attributeRelease th  {
+    text-align: left;
+    font-size: 18px;
+    padding: 5px 7px;
+    background-color:#00247D;
+    color: white;
+}
+
+#attributeRelease tr:nth-of-type(even) {
+    background-color: #E4E5E3;
+}
+
+.federation_logo
+{
+	width: 50%;
+    float: left;
+    padding-top: 35px;
+    border: 0;
+}
+.organization_logo
+{
+	width: 50%;
+    float: right;
+    border: 0;
+}
+
+.form-error {
+  padding: 0;
+  color: #B61601;
+}
+
+/* Device specific styles */
+@media only screen and (max-device-width: 721px){
+  .box {
+      width: auto;
+      box-shadow: none;
+      border-radius: 0;
+      -webkit-box-shadow: none;
+      -webkit-border-radius: 0;
+      -moz-box-shadow: none;
+      -moz-border-radius: 0;
+      padding: 0;
+      margin-top:0;
+  }
+  #tou-content, #tou-acceptance{
+    /*width:87%;*/
+    width:auto;
+  }
+}
diff --git a/edit-webapp/css/main.css b/edit-webapp/css/main.css
new file mode 100644
index 0000000..8b02328
--- /dev/null
+++ b/edit-webapp/css/main.css
@@ -0,0 +1,163 @@
+* {

+    margin: 0;

+    padding: 0;

+}

+header, footer, section, nav {

+    display: block;

+}

+html, body {

+    height: 100%;

+}

+body {

+    font-family:Verdana, Geneva, sans-serif;

+    font-size: 12px;

+    line-height: 1.5;

+    color: #717171;

+    background: #717171;

+}

+a:link,

+a:visited {

+    text-decoration: none;

+    color: #717171;

+}

+img {

+    max-width: 100%;

+    margin-bottom: 12px;

+}

+

+.wrapper {

+    background: #ffffff;

+}

+

+.container {

+    position: relative;

+    left: 34%;

+    width: 540px;

+    margin-left: -270px;

+}

+.container-footer {

+    padding-top: 12px;

+}

+@media only screen and (max-width: 1020px) {

+    .container {

+        left: 45%;

+    }

+}

+@media only screen and (max-width: 650px) {

+    .container {

+        position: static;

+        margin: 0 auto;

+        width: 280px;

+    }

+}

+

+header {

+    padding: 20px 0;

+}

+

+.logo img {

+    border: none;

+}

+@media only screen and (max-width: 650px) {

+    .logo img {

+        display: none;

+    }

+    .logo {

+        background: url(images/dummylogo-mobile.png) no-repeat top center;

+        display: block;

+        height: 115px;

+        width: 100px;

+        margin: 0 auto;

+    }

+}

+

+.content {

+    padding-bottom: 80px;

+    overflow: hidden;

+}

+

+.column {

+    float: left;

+}

+.column.one {

+    width: 50%;

+    margin-right: 48px;

+}

+

+form {

+    width: 240px;

+    padding-bottom: 21px;

+}

+form label { /* labels are hidden */

+    font-weight: bold;

+}

+form legend {

+    font-size:1.2em;

+    margin-bottom: 12px;

+}

+.form-element-wrapper {

+    margin-bottom: 12px;

+}

+.form-element {

+    width: 100%;

+    padding: 13px 12px;

+    border: none;

+    font-size: 14px;

+    border-radius: 4px;

+    -webkit-border-radius: 4px;

+    -moz-border-radius: 4px;

+}

+.form-field {

+    color: #B7B7B7;

+    border: 1px solid #B7B7B7;

+}

+.form-field-focus {

+    color: #333333;

+    border-color: #333;

+}

+.form-button {

+    background: #B61601;

+    box-sizing: content-box;

+    -moz-box-sizing: content-box;

+    color: #ffffff;

+    cursor: pointer;

+}

+.form-button:hover {

+    background: #FF6400;

+}

+.form-error {

+    padding: 0;

+    color: #B61601;

+}

+

+.list-help {

+    margin-top: 40px; /* offset padding on first anchor */

+    list-style: none;

+}

+.list-help-item a {

+    display: block;

+    padding: 6px 0;

+}

+.item-marker {

+    color: #be0000;

+}

+

+footer {

+    color: #ffffff;

+    font-size: 11px;

+    background: #717171;

+}

+.footer-text {

+    margin-bottom: 12px;

+}

+.footer-links a:link,

+.footer-links a:visited {

+    color: #ffffff;

+    font-weight: bold;

+}

+.footer-links a:after {

+    content: "\00a0\00a0\00a0|\00a0\00a0";

+}

+.footer-links a.last:after {

+    content: "";

+}