ntdservices commited on
Commit
a4da104
·
verified ·
1 Parent(s): 7518e83

Update static/index.html

Browse files
Files changed (1) hide show
  1. static/index.html +34 -10
static/index.html CHANGED
@@ -70,16 +70,40 @@
70
  #panel.min ~ #saveState { display: none; }
71
 
72
  /* Pins (bigger + more transparent) */
73
- .pin{
74
- position:absolute; left:0; top:0;
75
- width:34px; height:34px; border-radius:50%;
76
- border:2px solid rgba(255,255,255,.45);
77
- background:rgba(255,255,255,.12);
78
- box-shadow:0 2px 10px rgba(0,0,0,.45);
79
- transform:translate(-50%, -50%);
80
- z-index:3; cursor:pointer; display:block; padding:0; line-height:0;
81
- -webkit-appearance:none; appearance:none;
82
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
83
  .pin::before{content:""; position:absolute; inset:-10px; border-radius:50%;}
84
  .pin:hover{background:rgba(255,255,255,.26)}
85
 
 
70
  #panel.min ~ #saveState { display: none; }
71
 
72
  /* Pins (bigger + more transparent) */
73
+ /* Pins as very transparent rectangles with faded edges */
74
+ .pin {
75
+ position: absolute;
76
+ left: 0;
77
+ top: 0;
78
+ width: 80px; /* adjust rectangle size */
79
+ height: 40px;
80
+ border-radius: 12px; /* rounded edges */
81
+ background: radial-gradient(
82
+ ellipse at center,
83
+ rgba(255, 255, 255, 0.25) 0%,
84
+ rgba(255, 255, 255, 0.12) 60%,
85
+ rgba(255, 255, 255, 0.0) 100%
86
+ );
87
+ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
88
+ transform: translate(-50%, -50%);
89
+ z-index: 3;
90
+ cursor: pointer;
91
+ display: block;
92
+ padding: 0;
93
+ line-height: 0;
94
+ -webkit-appearance: none;
95
+ appearance: none;
96
+ border: none; /* remove solid border */
97
+ }
98
+ .pin:hover {
99
+ background: radial-gradient(
100
+ ellipse at center,
101
+ rgba(255, 255, 255, 0.4) 0%,
102
+ rgba(255, 255, 255, 0.18) 60%,
103
+ rgba(255, 255, 255, 0.0) 100%
104
+ );
105
+ }
106
+
107
  .pin::before{content:""; position:absolute; inset:-10px; border-radius:50%;}
108
  .pin:hover{background:rgba(255,255,255,.26)}
109