fix link colors so they are visible with the cursor
authorxangelo <git@xangelo.ca>
Mon, 30 Jan 2023 16:12:16 +0000 (11:12 -0500)
committerxangelo <git@xangelo.ca>
Mon, 30 Jan 2023 16:12:16 +0000 (11:12 -0500)
public/assets/style.css

index 4b4c0a29700f60b9b7ad7e122168ebf9c3d8bf36..aed8d9ee1bc605779f5ff952ce4cbf6abe5048cb 100644 (file)
@@ -1,3 +1,11 @@
+/**
+ * Sections
+ *
+ * SEARCH
+ * OUTLINER
+ * TEXTSTYLES
+ */
+
 body {
   background-color: #eee;
   font-size: 1rem;
 body {
   background-color: #eee;
   font-size: 1rem;
@@ -7,6 +15,10 @@ body {
   padding: 2rem 1rem;
 }
 
   padding: 2rem 1rem;
 }
 
+footer {
+  text-align: center;
+}
+
 .modal {
   position: absolute;
   top: 0;
 .modal {
   position: absolute;
   top: 0;
@@ -27,7 +39,7 @@ body {
   margin-bottom: 1rem;
 }
 
   margin-bottom: 1rem;
 }
 
-/** search **/
+/** SEARCH **/
 #search-query {
   width: 100%;
   border: solid 1px #888;
 #search-query {
   width: 100%;
   border: solid 1px #888;
@@ -47,6 +59,7 @@ body {
   background-color: #000;
 }
 
   background-color: #000;
 }
 
+/** OUTLINER **/
 #outliner {
   background-color: #fff;
   border: solid 1px #ddd;
 #outliner {
   background-color: #fff;
   border: solid 1px #ddd;
@@ -96,20 +109,29 @@ body {
 
 .cursor.hidden-cursor > .nodeContent {
   color: #000;
 
 .cursor.hidden-cursor > .nodeContent {
   color: #000;
-  background-color: #fff;
-}
+  background-color: #fff; }
 .strikethrough, .strikethrough .node {
   text-decoration: line-through;
   color: #808080;
 }
 
 .strikethrough, .strikethrough .node {
   text-decoration: line-through;
   color: #808080;
 }
 
-
-footer {
-  text-align: center;
+a {
+  color: #098bd9;
+}
+.cursor > .nodeContent a {
+  color: #098bd9;
+}
+a:visited {
+  color: #b26be4;
 }
 }
+.cursor > .nodeContent a:visited {
+  color: #b26be4;
+}
+
 
 
 
 
-/* text styles */
+
+/* TEXTSTYLES */
 
 em {
   font-style: italic;
 
 em {
   font-style: italic;
@@ -141,4 +163,3 @@ kbd {
   line-height: 1rem;
   white-space: nowrap;
 }
   line-height: 1rem;
   white-space: nowrap;
 }
-