added some styling

MissionVistaCS · Apr 9, 2018 · cb4bcd8 · cb4bcd8
1 parent 174d901
commit cb4bcd8
Show file tree

Hide file tree

Showing 6 changed files with 39 additions and 70 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -52,7 +52,7 @@
     "file-loader": "^1.1.4",
     "vue-loader": "^13.0.5",
     "vue-template-compiler": "^2.4.4",
-    "webpack": "^3.6.0",
+    "webpack": "^3.11.0",
     "webpack-cli": "^2.0.14",
     "webpack-dev-server": "^2.9.1"
   }

diff --git a/routes/update/reply.js b/routes/update/reply.js
diff --git a/src/components/Catalog.vue b/src/components/Catalog.vue
@@ -19,7 +19,7 @@
         </div>
         <hr class="abovePostLink">
         <div id="postLink">
-            [<a href="post">Start a New Thread</a>]
+            [<a href="post" id="postLinkText">Start a New Thread</a>]
         </div>
         <hr>
         <div id="threads">
@@ -118,6 +118,10 @@
         text-align: center;
     }
 
+    #postLinkText:hover {
+	color: #d00;
+    }
+
     .teaser {
         padding: 0 15px;
         display: block;
@@ -249,4 +253,4 @@
             }
         }
     }
-</script>
+</script>
diff --git a/src/components/Index.vue b/src/components/Index.vue
@@ -92,6 +92,12 @@
         color: #800;
         text-decoration: none;
     }
+
+    #boards a.boardlink:hover {
+	color: #d00;
+	text-decoration: underline;
+    }
+
     #boards .column {
         width: 12em;
     }
@@ -147,4 +153,4 @@
     ul {
         padding-left: 0;
     }
-</style>
+</style>
diff --git a/src/components/Thread.vue b/src/components/Thread.vue
@@ -10,7 +10,7 @@
             <div class="boardTitle">/{{ $route.params.board }}/ {{ board.name }}</div>
         </div>
         <hr class="abovePostLink">
-        <div id="postLink"> [<a href="#" v-on:click="toggleReplyBox">Post a Reply</a>]</div>
+        <div id="postLink"> [<a href="#" v-on:click="toggleReplyBox" id="postLinkText">Post a Reply</a>]</div>
         <hr>
         <div class="board">
             <div class="thread">
@@ -237,6 +237,10 @@
         text-align: center;
     }
 
+    #postLinkText:hover {
+	color: #d00;
+    }
+
     .replyBox {
     	background-color: #EEF2FF;
     }
@@ -376,4 +380,4 @@
             }
         }
     }
-</script>
+</script>