-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathLinksOnlyV2Blink.css
115 lines (94 loc) · 4.07 KB
/
LinksOnlyV2Blink.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
/*If you want only links script, change the colour the same in visited and not visited from original main script(s)*/
/*Warning this is a new file for links only, but not only, made for run with zzz and videos and others scripts*/
/*ZZZ and VIDEOS scripts correction for color of links when too much highlights, need a darker colour.*/
/*This version include a blink effect that permit to correct 2 ideas, last tags and last links not well readable cause too much bright.*/
/*
This version add:
-a blink effect supplemental(if blink move content when on hover, maybe link or perf issue)
-a better contrast and visibility for all links, darker underline for less light under text in different contrast ratio and more same colors*/
* a > span, * a > span * ,* a span,*[data-url]{
text-decoration-color: currentColor !important;
text-decoration: wavy !important;
/*background-color:unset !important;
background-image:unset !important;
background: unset !important;*/
/* animation: blinker 1.7s cubic-bezier(.5, 0, 1, 1) infinite alternate;*/
}
* a > span::before, * a > span *::before, * a span::before{
text-decoration-color: currentColor !important;
text-decoration-line:underline !important;
text-decoration-style:wavy !important;
background-color:unset !important;
background-image:unset !important;
background:unset !important;
/* animation: blinker 1.7s cubic-bezier(.5, 0, 1, 1) infinite alternate;*/
}
/*
*[xmlns\:xhtml]
*[xmlns\\3Axlink],
*[xlink\\3Ahref]
*/
[xmlns\:xhtml]:not(html),[xmlns\:xlink]:not(html),[xlink\:href]:not(html),[xmlns]:not(html),[xlink]:not(html),[xlinkHref]:not(html)
{
text-decoration-color: currentColor !important;
text-decoration-line:underline !important;
text-decoration-style:dotted !important;
background-color:unset !important;
background-image:unset !important;
background:unset !important;
/* animation: blinker 1.7s cubic-bezier(.5, 0, 1, 1) infinite alternate;*/
}
p * a,p > * a,div > * a{
text-decoration-line:underline !important;
text-decoration-style:dashed !important;
text-decoration-color:#265C00 !important;
text-decoration-thickness: 0.3px !important;
/*fix with https://drafts.csswg.org/css-text-decor-4/#text-underline-position-property*/
/* animation: blinker 1.7s cubic-bezier(.5, 0, 1, 1) infinite alternate;*/
}
:not(p) * a,:not(p) > * a *{
/*text-decoration-color: currentColor !important;*/
/*font-size: 1.0em !important;*/
text-decoration-color: #265C00 !important;
/*background-color: none !important;*/
/*animation: blinker 1.7s cubic-bezier(.5, 0, 1, 1) infinite alternate;*/
}
/*
,*[xmlns:xhtml]
,*[xlink:href]
*[xmlns:xlink]
*/
*[href],[xlink],[xmlns]:not(html),[xlinkHref],[xmlns\:xhtml],[xmlns\:xlink],[xlink\:href]
{
/*font-size: 1.0em !important;*/
/*text-decoration-color: currentColor !important;*/
/*text-decoration-color: #00CC14 !important;*/
/* animation: blinker 1.7s cubic-bezier(.5, 0, 1, 1) infinite alternate;;*/
}
a[href]:not(:hover){
/*animation: blinker 1s ease-in-out 3s infinite alternate;*/
text-space-collapse: preserve;
/*text-height: 1.1 em;*/
font-weight: bolder;
font-size:1.075em !important;
letter-spacing: -1px !important;
animation-name: blinker;
animation-delay:2s;
animation-duration:1s;
animation-iteration-count: infinite;
animation-timing-function: steps(5, end);
animation-direction:alternate;
color:#265C00;
}
/*
WHY NOT ? #540A87 even better with very bright hilights in links.
*[href]:visited,*[data-url]:visited,[xmlns]:visited,[xlink]:visited,[xlinkHref]:visited,[xmlns\:xhtml]:visited,[xmlns\:xlink]:visited,[xlink\:href]:visited,:not(p) a:visited,:not(p) > a:visited * ,*[data-url]:visited
{
color:#CC3399 !important;
text-decoration-color: #CC3399 !important;
animation: blinker 1.7s cubic-bezier(.5, 0, 1, 1) infinite alternate;
}
*/
@-webkit-keyframes blinker { 0%{color:#85C247 !important; text-decoration-color: #85C247 !important;} 100% { color:#265C00 !important;text-decoration-color: #265C00 !important;opacity:0.6}}
@keyframes blinker { 0%{color:#85C247 !important; text-decoration-color: #85C247 !important;} 100% { color:#265C00 !important;text-decoration-color: #265C00 !important;opacity:0.6}
}