1 files changed, 92 insertions, 15 deletions

diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css
index 92eed33..f59635b 100755
--- a/public/assets/stylesheets/app.css
+++ b/public/assets/stylesheets/app.css
@@ -1202,13 +1202,13 @@ input[type="range"]::-webkit-slider-thumb {
   transform: translateY(0px);
 }
 
-#startpoint {
+.modalLink {
   text-decoration: none;
 }
-
-#startpoint:hover {
+.modalLink:hover {
   text-decoration: underline;
 }
+
 @-webkit-keyframes fade {
   50% {
     opacity:0.6;
@@ -1270,7 +1270,7 @@ input[type="range"]::-webkit-slider-thumb {
   width: 100%;
   margin-top: 10px;
 }
-.settings .subButtons a{
+.settings .subButtons a {
   font-size: 12px;
   font-weight: 300;
   width: 40px;
@@ -1553,12 +1553,15 @@ form li textarea {
   position: fixed;
   right: 20px;
   top: 20px;
+  z-index: 20;
 }
 
 .close:hover {
   color:lightgreen;
 }
 
+
+
 .facebook {
   width: 100%;
   display: inline-block;
@@ -1652,26 +1655,100 @@ form li textarea {
 .share a:hover{
   text-decoration:underline;
 }
-@-webkit-keyframes borderanimation
-{
+
+/* COLLABORATORS */
+
+.collaborators > div {
+  width: 600px;
+  margin: 0 auto;
+  text-align: left;
+  background: white;
+  padding: 10px;
+  margin: 20px auto;
+}
+.collaborators button {
+  width: auto;
+  position: relative;
+  top: -2px;
+}
+.collaborators form {
+  max-width: none;
+}
+.collaborators form input[type=submit] {
+  float: none;
+  width: 150px;
+  position: relative;
+  top: -2px;
+  font-size: 11px;
+
+  padding: 8px;
+  border: 1px solid;
+  font-weight: 500;
+  background: white;
+  cursor: pointer;
+}
+.collaborators form input[type=submit]:hover {
+  background-color: black;
+  border-color: black;
+}
+.collaborators p {
+  margin: 20px 0;
+}
+.collaborators form input[type=text] {
+  font-size: 16px;
+  width: 300px;
+}
+.collaborators h2 {
+  margin: 20px auto 10px;
+}
+#collaborator-list {
+  margin-top: 20px;
+}
+#collaborator-list li {
+  list-style-type: none;
+  background: #fff;
+  padding-top: 4px;
+}
+#collaborator-list .avatar {
+  width: 32px;
+  height: 32px;
+  background-size: cover;
+  display: inline-block;
+  margin-right: 10px;
+}
+#collaborator-list .username {
+  position: relative;
+  top: -10px;
+}
+#collaborator-list .role {
+  float: right;
+  font-style: italic;
+  margin-top: 5px;
+  font-weight: 300;
+}
+#collaborator-list .email {
+  line-height: 31px;
+  position: relative;
+  left: 42px;
+  font-weight: 300;
+  font-style: italic;
+}
+
+/* MARCHING ANTS ANIMATION */
+
+@-webkit-keyframes borderanimation {
   0%{width:600px;}
   100%{width:750px;left:2px;}
 }
-
-@-webkit-keyframes borderanimationleftright
-{
+@-webkit-keyframes borderanimationleftright {
   0%{height:250px;}
   100%{height:500px;top:2px;}
 }
-
-@keyframes borderanimation
-{
+@keyframes borderanimation {
   0%{width:500px;}
   100%{width:750px;left:2px;}
 }
-
-@keyframes borderanimationleftright
-{
+@keyframes borderanimationleftright {
   0%{height:250px;}
   100%{height:500px;top:2px;}
 }