UserCSS:リンク

code:stylexx.css

body{

--marker-color: var(--accent-color, yellow); /* 強調色 */

}

code:stylexx.css

body{

--page-link-color: var(--text-color, gray); /* */

/* --page-link-hover-color: var(--text-color, gray); /* */

--page-link-color-cursor-line: var(--text-color, gray); /* */

--empty-page-link-color: var(--text-color, gray); /* */

/* --empty-page-link-hover-color: var(--text-color, gray); /* */

--marker-color: var(--accent-color, yellow); /* 強調色 */

}

code:stylexx.css

body{

--page-link-color: rgba(20,20,64,0.8);

--page-link-hover-color: rgba(10,10,255,0.9);

--page-link-color-cursor-line: rgba(64,20,64,0.8);

--empty-page-link-color: rgba(64,20,20,0.8);

--empty-page-link-hover-color: rgba(255,10,10,0.9);

--marker-color: var(--accent-color, yellow); /* 強調色 */

}

code:style.css

body{

--page-link-color: rgba(64,64,127,0.8);

--page-link-hover-color: rgba(0,0,127,0.9);

--page-link-color-cursor-line: rgba(127,64,127,0.8);

--empty-page-link-color: rgba(127,64,64,0.8);

--empty-page-link-hover-color: rgba(127,0,0,0.9);

--marker-color: var(--accent-color, yellow); /* 強調色 */

}

code:stylexx.css

body{

--page-link-color: rgba(192,192,240,0.8);

--page-link-hover-color: rgba(127,127,255,0.9);

--page-link-color-cursor-line: rgba(240,192,240,0.8);

--empty-page-link-color: rgba(240,192,192,0.8);

--empty-page-link-hover-color: rgba(255,127,127,0.9);

--marker-color: var(--accent-color, yellow); /* 強調色 */

}

code:style.css

/* External links */

.line a.link:not(.icon)::after {

font-family: 'Font Awesome 5 Free';

font-weight: 900;

/* content: ' \f35d'; /* */

content: ' \f360';

display: inline-block;

}

ページリンク

code:style.css

/* --page-link-color: green; /* */

color: var(--page-link-color) ;

/* background-color: pink; */

--marker-color: var(--page-link-color, yellow);　/* */

}

空ページへのリンク

code:style.css

/* --empty-page-link-color: green; /* */

color: var(--empty-page-link-color) ;

--marker-color: var(--empty-page-link-color, yellow);　/* */

}

code:stylexx.css

/* --empty-page-link-color: green; /* */

color: var(--text-color) ;

background-color: var(--empty-page-link-color) ;

}

hover時に太字にする

code:stylexx.css

.line a:hover {

font-weight: bold;

}

hover時に下線を引く

code:style.css

.line a:hover {

text-decoration: underline;

}

hover時に下線を引く

code:stylexx.css

.line a:hover {

/*--marker-color: var(--page-link-color, yellow);　/* */

/*--marker-color: var(--accent-color, yellow); /* 強調色 */

background: linear-gradient( to right,

var(--marker-color),

transparent 25%,

transparent 75%,

var(--marker-color)

) 0% center / 400% auto ; /* グラデーション */

padding: 0.1em 0.2em 0.1em 0.2em;

animation: marker 10s linear infinite;

animation-direction: reverse;

}

code:stylexx.css

/* --page-link-color: green;*/

color: var(--page-link-color) ;

/* background-color: pink; */

}

color: var(--empty-page-link-color) ;

}

code:stylexx.css

}

}

code:stylexx.css

a,

.page-list-item .description .link {

}

a:hover, a:active {

}

.line a.empty-page-link {

}

.line a.empty-page-link:hover {

}

code:stylexx.css

.grid li.relation-label.links .arrow {

}

.grid li.relation-label.links a {

}

.grid li.relation-label.links a .title {

}

.grid li.relation-label a {

}

影文字

code:stylexx.css

color: var(--page-link-color) ;

/* text-shadow: 1px 1px var(--accent-color); /* */

text-shadow: 1px 1px var(--main-color);

}

ふち取り

code:style.css

/* --page-link-color: green; /* */

color: var(--page-link-color) ;

}

砂文字

code:stylexx.css

/* --page-link-color: green; /* */

color: var(--page-link-color) ;

/* text-shadow: 0 0 9px var(--accent-color); /* */

text-shadow: 0 0 9px var(--main-color); /* */

}

https://img.shields.io/badge/UserCSS-リンク-1572B6.svg?logo=css3&style=for-the-badge

UserCSS.icon