1 files changed, 33 insertions, 1 deletions
diff --git a/frontend/views/page/page.css b/frontend/views/page/page.css
index 0005031..8e7634d 100644
--- a/frontend/views/page/page.css
+++ b/frontend/views/page/page.css
@@ -7,6 +7,7 @@
   height: 100%;
 }
 
+/* tiles */
 
 .tile {
   position: absolute;
@@ -25,6 +26,14 @@
   user-select: none;
   cursor: arrow;
 }
+.tile.link {
+  display: block;
+  cursor: pointer;
+  border: 1px solid #31f;
+  background-color: rgba(48,16,255,0.1);
+}
+
+/* tile orientations */
 
 .tile.top_left { top: 0; left: 0; }
 .tile.center_left { top: 50%; left: 0; }
@@ -36,6 +45,8 @@
 .tile.center_right { top: 50%; right: 0; }
 .tile.bottom_right { bottom: 0; right: 0; }
 
+/* sortable tile list */
+
 .tileList .row {
   justify-content: flex-start;
   align-items: center;
@@ -76,6 +87,8 @@
   opacity: 0.6;
 }
 
+/* tile form */
+
 .row.imageUrl label {
   width: 13rem;
 }
@@ -101,6 +114,8 @@
   margin-right: 0;
 }
 
+/* tile font form */
+
 .box .font {
   justify-content: space-between;
 }
@@ -127,6 +142,8 @@
 .box form .font label {
 }
 
+/* tile color form */
+
 .box form label.color span {
   min-width: 4rem;
   width: 4rem;
@@ -143,4 +160,19 @@
 .box label.color input[type='text'] {
   width: 6rem;
   max-width: 6rem;
-}
-\ No newline at end of file
+}
+
+/* cursors */
+
+.tile.hand_up {
+  cursor: url(/static/img/hand_up.png) 40 10, pointer;
+}
+.tile.hand_right {
+  cursor: url(/static/img/hand_right.png) 90 40, pointer;
+}
+.tile.hand_down {
+  cursor: url(/static/img/hand_down.png) 10 60, pointer;
+}
+.tile.hand_left {
+  cursor: url(/static/img/hand_left.png) 60 90, pointer;
+}