/* ============================================================================== 
   File: scr_link.css
	- Stylesheet for TipTool LINKS 
	- Author: Daniel Hugentobler (DH)
	- created: 22.DEC.2018, taken from scr_generic.css
	- amended: -
   ============================================================================== */

 a {
	text-decoration: none; 			/* do NOT underline, better use a border-bottom for readability */
	outline: none;
	cursor: pointer;				/* hand */
	padding: 0.2rem;
	border: none;
	border-radius: 0.8rem;
	background-color: transparent;
	color: #8B0000;					/* dark red */
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
/* wrapped link: ensure an unstaggered backlighting */
td a {
	display: inline-block;
}
.pen_link {
	display: inline-block;			/* prevent line break of pen and its link! */
}

.collexp a {
	white-space: normal;
	line-height: 1rem;
}
.byNight a {
	color: #FFFFB3;					/* light yellow;*/
}
a:visited {
	color: #495828;					/* very dark olive for writing only */
}
.byNight a:visited {
	color: #C9FFC0;					/* very light green */
}

a:focus,
a:hover {
/*	background-color: #8B0000;*/		/* dark red */
	background-color: olivedrab;
	color: white;
}
.byNight a:focus,
.byNight a:hover {
	background-color: transparent;
	color: lime;
}
a:active {
	background-color: black;
	color: lime;
}
/* override any specific background-color for cmd-links (icon-button) */
a.cmd:link,
a.cmd:visited,
a.cmd:focus,
a.cmd:hover,
a.cmd:active {
	background-color: inherit;
}

/* override background color for icons being used as the link's content */
a.iconLink,
a.iconLink:focus,
a.iconLink:hover,
a.iconLink:active,
a.teamLink,
a.teamLink:focus,
a.teamLink:hover,
a.teamLink:active,
.tblDisplay a.teamLink,
.tblDisplay a.teamLink:focus,
.tblDisplay a.teamLink:hover,
.tblDisplay a.teamLink:active {
	background-color: transparent;
}
/*
.tblDisplay a > .iconLink:focus::before,
.tblDisplay a > .iconLink:hover::before,
.tblDisplay a > .iconLink:active::before {
	background-color: transparent;
}*/
/* header/footer-links are ALWAYS LIME 
	N.B.: override regular settings with .byNight! */
header a:link,
footer a:link,
.byNight header a:link,
.byNight footer a:link {
	color: lime;
	padding-left: 0.3rem;
	padding-right: 0.3rem;
}
header a:visited,
footer a:visited,
.byNight header a:visited,
.byNight footer a:visited {
	color: lime;
}
header a:focus,
header a:hover,
footer a:focus,
footer a:hover,
.byNight header a:focus,
.byNight header a:hover,
.byNight footer a:focus,
.byNight footer a:hover {
	color: black;
	background-color: lime;
}
.byNight header a:active,
.byNight header a:focus,
.byNight header a:hover,
.byNight footer a:active,
.byNight footer a:focus,
.byNight footer a:hover {
	-webkit-box-shadow: 0 0 2rem lime;	/* glow */
	-moz-box-shadow: 0 0 2rem lime;
	box-shadow: 0 0 2rem lime;
}
/* invert the colors */
header a:active,
footer a:active,
.byNight header a:active,
.byNight footer a:active {
	color: lime;
	background-color: black;
}
/* login-link must be more prominent */
header a.login:link {
	display: inline-block;
	padding: 0.2rem 0.8rem 0.2rem;
}

/* override any specific background-color for cmd-links (icon-button) */
.byNight /*.main*/ a.cmd:link,
.byNight /*.main*/ a.cmd:visited,
.byNight /*.main*/ a.cmd:focus,
.byNight /*.main*/ a.cmd:hover,
.byNight /*.main*/ a.cmd:active {
	background-color: inherit;
}

/* ---------------------- */
/*     links in TABLES    */
/* ---------------------- */
/* suppress darkening for icon-links */
.td_icon a:active,
.td_icon a:hover,
.td_icon a:focus {
	background-color: transparent;
}

/* a link in a th is a sort-arrow */
th a:link,
th a:visited  {
	color: #E9FFE0;						/* light green */
	background-color: darkolivegreen;
}
.byNight th a:link,
.byNight th a:visited  {
	color: lime;
	background-color: transparent;
}
th a:focus,
th a:hover {
	color: white;
	background-color: transparent;
}
.byNight th a:focus,
.byNight th a:hover {
	color: black;
	background-color: transparent;
}
th a:active {
	color: lime;
	background-color: transparent;
}

td a.my_tips {
	color: #8B0000;						/* dark red */
	font-weight: bold;
}
td a.my_tips:focus,
td a.my_tips:hover {
	background-color: #8B0000;			/* dark red */
	color: white;
}
.byNight td a.my_tips {
	color: lime;
}
.byNight td a.my_tips:focus,
.byNight td a.my_tips:hover,
.byNight th a:active {
	color: black;
	background-color: lime;
	-webkit-box-shadow: 0 0 2rem lime;	/* glow */
	-moz-box-shadow: 0 0 2rem lime;
	box-shadow: 0 0 2rem lime;
}


/* ---------------------- */
/* emphasize ToC: MY TIPS */
/* ---------------------- */
#navi_tips li.my_tips a,
#navi_tips li.my_tips a:visited {
	color: olivedrab;
	font-weight: bold;
}
#navi_tips li.my_tips a:hover,
#navi_tips li.my_tips a:focus {
	background-color: #8B0000;			/* dark red */
	color: white;
}
#navi_tips li.my_tips a:active {
	color: black;
	background-color: lime;
}
/* special coloring for the link to "my-tips" */
.byNight #navi_tips .my_tips a,
.byNight #navi_tips .my_tips a:visited {
	color: lime;
}
.byNight #navi_tips .my_tips a:hover,
.byNight #navi_tips .my_tips a:focus {
	color: black;
	background-color: lime;
	-webkit-box-shadow: 0 0 2rem lime;	/* glow */
	-moz-box-shadow: 0 0 2rem lime;
	box-shadow: 0 0 2rem lime;
}
.byNight #navi_tips .my_tips a:active {
	color: lime;
	background-color: black;
}

/* -------- */
/* TOOLBARS */
/* -------- */
/* override FF side effect for day and night */
.toolbar li a,
.toolbar li a:active,
.toolbar li a:focus,
.toolbar li a:hover,
#toolbar li a:hover {
	background-color: inherit;
}