NetNewsWire/Shared/Resources/NewsFax.nnwtheme/stylesheet.css

/* Custom Fonts */
@font-face {
	font-family: 'ModeSeven';
	src: url(data:font/truetype;charset=utf-8;base64,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
	font-weight: normal;
	font-style: normal;
}


body {
	margin-left: auto;
	margin-right: auto;
	background: black;
	word-wrap: break-word;
	max-width: 44em;
	color: white;
}

.feedHeader {
	margin: auto;
	text-align: center;
}

.feedHeader img {
	margin: auto;
	display: block;
	padding-top: 1em;
	padding-bottom: 1em;
}

th.newsfax {
	color: yellow;
	width: 22.5%;
}

.svg-inline--fa {
	height: 1em;
	width: 1em;
	vertical-align: middle;
}

a { 
	text-decoration: none;
	font-weight: bolder;
}
a:hover {
	text-decoration: underline;
}
.feedlink {
	font-weight: bold;
}
.headerTable {
	width: 100%;
	height: 68px;
}

.newsfax-footer {
	padding-top: 40px;
}

.newsfax-footer-cell-red a {
	color: red;
}

.newsfax-footer-cell-green a {
	color: green;
}

.newsfax-footer-cell-yellow a {
	color: yellow;
}

.newsfax-footer-cell-blue a {
	color: cornflowerblue;
}


pre {
	padding: 5px;
	color: white;
}

.systemMessage {
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translateX(-55%) translateY(-50%);
	-webkit-user-select: none;
	cursor: default;
}

:root {
	--header-table-border-color: rgba(0, 0, 0, 0.1);
	--header-color: rgba(0, 0, 0, 0.3);
	--body-code-color: lightgray;
	--system-message-color: #cbcbcb;
	--feedlink-color: rgba(0, 182, 255, 0.6);
	--article-title-color: #fff;
	--article-date-color: rgba(0, 0, 0, 0.3);
	--table-cell-border-color: lightgray;
}

body .headerTable {
	border-bottom: 1px solid var(--header-table-border-color);
	color: var(--header-color);
}
body .header {
	color: var(--header-color);
}
body .header a:link, .header a:visited {
	color: var(--header-color);
}

body code, body pre {
	color: var(--body-code-color);
}

body > .systemMessage {
	color: var(--system-message-color);
}

.feedlink a:link, .feedlink a:visited {
	color: var(--feedlink-color);
}

.avatar img {
	border-: 4px;
	display: none;
}

.feedIcon {
	border-radius: 4px;
	display: none;
}
.rightAlign {
	text-align: end;
}
.leftAlign {
	text-align: start;
}

.articleTitle a:link, .articleTitle a:visited, .articleTitle h1 {
	color: var(--article-title-color);
	margin-top: 26px;
	padding-bottom: 12px;
	padding-top: 10px;
	text-align: center;
	text-transform: uppercase;
	margin: auto;
	font-family: ModeSeven, ui-serif;
}

.articleDateline {
	color: rgba(124, 124, 124, 1);
	margin-bottom: 5px;
	text-align: center;
	padding-top: 1em;
}

.articleDateline a:link, .articleDateline a:visited {
	color: rgba(166, 166, 166, 1);
	font-weight: normal;
	padding-top: 1em;
	text-align: center;
}

.articleDatelineTitle {
	color: rgba(124, 124, 124, 1);
	margin-bottom: 5px;
	font-weight: normal;
}

.articleDatelineTitle a:link, .articleDatelineTitle a:visited {
	color: var(--article-title-color);
}

.externalLink {
	margin-bottom: 5px;
	font-style: italic;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
}



.articleBody {
	margin-top: 20px;
	line-height: 1.6em;
}

h1 {
	line-height: 1.15em;
	font-weight: bold;
	padding-bottom: 0;
	margin-bottom: 5px;
}

pre {
	max-width: 100%;
	margin: 0;
	overflow: auto;
	overflow-y: hidden;
	word-wrap: normal;
	word-break: normal;
}

pre {
	line-height: 1.4286em;
}

code, pre {
	font-family: 'ModeSeven', SF Mono, Menlo, "Courier New", Courier, monospace;
	font-size: 0.95em;
	-webkit-hyphens: none;
}

pre code {
	letter-spacing: -.027em;
	font-size: 0.9375em;
}

.nnw-overflow {
	overflow-x: auto;
}
/*
 Instead of the last-child bits, border-collapse: collapse
 could have been used. However, then the inter-cell borders
 overlap the table border, which looks bad.
 */
.nnw-overflow table {
	margin-bottom: 1px;
	border-spacing: 0;
	border: 1px solid var(--secondary-accent-color);
	font-size: inherit;
}
.nnw-overflow table table {
	margin-bottom: 0;
	border: none;
}
.nnw-overflow td, .nnw-overflow th {
	-webkit-hyphens: none;
	word-break: normal;
	border: 1px solid var(--table-cell-border-color);
	border-top: none;
	border-left: none;
	padding: 5px;
}

.nnw-overflow tr :matches(td, th):last-child {
	border-right: none;
}

.nnw-overflow :matches(thead, tbody, tfoot):last-child > tr:last-child :matches(td, th) {
	border-bottom: none;
}
.nnw-overflow td pre {
	border: none;
	padding: 0;
}
.nnw-overflow table[border="0"] {
	border-width: 0;
}

img, figure, video, div, object {
	max-width: 100%;
	height: auto !important;
	margin: 0 auto;
}

iframe {
	max-width: 100%;
	margin: 0 auto;
}

iframe.nnw-constrained {
	max-height: 50vw;
}

figure {
	margin-bottom: 1em;
	margin-top: 1em;
}

figcaption {
	font-size: 14px;
	line-height: 1.3em;
}

sup {
	vertical-align: top;
	position: relative;
	bottom: 0.2rem;
}

sub {
	vertical-align: bottom;
	position: relative;
	top: 0.2rem;
}

hr {
	border: none; 
	background-color: var(--table-cell-border-color); 
	height: 1px;
	margin-top: 1em;
}

.iframeWrap {
	position: relative;
	display: block;
	padding-top: 56.25%;
}

.iframeWrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	height: 100% !important;
	width: 100% !important;
}

/* @media (prefers-color-scheme: light) {
	  blockquote {
		  background: color(srgb 0.947 0.947 0.947);
		  border-radius: 4px;
		  margin: 1.5em 0;
		  padding: 1rem;
		  color: color(srgb 0.383 0.383 0.383);
		  font-size: 0.95rem;
	  }
	  
	  pre {
		  background: color(srgb 0.947 0.947 0.947);
	  }
	  
	  p code {
		  background: color(srgb 0.947 0.947 0.947);
		  padding: 0.2em;
		  border-radius: 4px;
	  }
} */

blockquote {
	  background: rgba(49, 49, 49, 1);
	  margin: 1.5em 0;
	  padding: 1em;
	  color: rgba(195, 195, 195, 1);
	  font-size: 0.95rem;
  }
  
  pre {
	  background: rgba(49, 49, 49, 1);
	  color: white;
  }
  
  p code {
	  background: rgba(49, 49, 49, 1);
	  padding: 0.2em;
	  border-radius: 4px;
	  color: white;
  }

blockquote > blockquote {
  padding-left: 1em;
  padding-top: 0em;
  padding-bottom: 0em;
  font-style: italic;
}


blockquote > *:first-child {
	margin-block-start: 0px;
}

blockquote > *:last-child {
	margin-block-end: 0px;
}


/* Feed Specific */

.feedbin--article-wrap {
	border-top: 1px solid var(--header-table-border-color);
}

/* Hide the external link at the bottom of Daring Fireball posts */

.x-netnewswire-hide {
	display: none;
}

/* see removeWpSmiley; this rule is kept in case a wp-smiley is encountered without alt text */

.wp-smiley {
   height: 1em;
   max-height: 1em;
}

/* Twitter */

.twitterAvatar {
	vertical-align: middle;
	border-radius: 4px;
	height: 1.7em;
	width: 1.7em;
}

.twitterUsername {
	line-height: 1.2;
	margin-left: 4px;
	display: inline-block;
	vertical-align: middle;
}

.twitterScreenName {
	font-size: 66%;
}

.twitterTimestamp {
	font-size: 66%;
}

/*Block ads and junk*/

iframe[src*="feedads"],
iframe[src*="doubleclick"],
iframe[src*="plusone.google"] {
	display: none !important;
}

a[href*=".ads."],
a[href*="feedads"],
a[href*="doubleclick"],
a[href*="//ads."],
a[href*="api.tweetmeme"],
a[href*="delicious.com/post?"],
a[href*="digg.com/submit?"],
a[href*="google.com/bookmarks/mark?"],
a[href*="posterous.com/share?"],
a[href*="tumblr.com/share?"],
a[href*="linkedin.com/shareArticle?"],
a[href*="facebook.com/share.php?"],
a[href*="http://twitter.com/home?"],
a[href*="addtoany.com/share_save"] {
	display: none !important;
}

img[src*=".ads."],
img[src*="//ads."],
img[src*="doubleclick"],
img[src*="feedads"],
img[src*="feedburner"],
img[src*="feedblitz"],
img[src*="share-buttons"] {
	display: none !important;
}

/* Newsfoot specific styles. Structural styles come first, theme styles second */
.newsfoot-footnote-container {
	position: relative;
	display: inline-block;
	z-index: 9999;
}

.newsfoot-footnote-popover {
	position: absolute;
	display: block;
	padding: 0em 1em;
	margin: 1em;
	top: 0.75em;
	max-width: none;
	border-radius: 0.3em;
	box-sizing: border-box;
}

.newsfoot-footnote-popover {
	left: calc(-1 * (50vw - 1em));
	right: calc(-1 * (50vw - 1em));
}
.newsfoot-footnote-popover-arrow {
	content: '';
	display: block;
	width: 1em;
	position: absolute;
	top: -0.5em;
	left: calc(50% - 0.5em);
	height: 1em !important;
	transform: rotate(45deg);
	z-index:0;
}
.newsfoot-footnote-popover-inner {
	border-radius: calc(0.3em - 1px);
	padding: 1em;
	position: relative;
	z-index: 1;
}

.newsfoot-footnote-popover-inner :first-child {
	margin-top: 0;
}
.newsfoot-footnote-popover-inner :last-child {
	margin-bottom: 0;
}

.newsfoot-footnote-popover .reversefootnote,
.newsfoot-footnote-popover .footnoteBackLink,
.newsfoot-footnote-popover .footnote-return,
.newsfoot-footnote-popover a[href*='#fn'] {
	display: none;
}

sup[id^='fn'] {
	vertical-align: baseline;
}

a.footnote {
	display: inline-block;
	text-decoration: none;
	padding: 0.05em 0.75em;
	border-radius: 1em;
	min-width: 1em;
	text-align: center;
	font-size: 0.8em;
	line-height: 1em;
	position:relative;
	top: -0.1em;
}

/* light / default */
.newsfoot-footnote-popover {
	background: #ccc;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5), 0 3px 6px rgba(0, 0, 0, 0.25);
	color: black;
	padding: 1px;
}
.newsfoot-footnote-popover-arrow {
	background: #fafafa;
	border: 1px solid #ccc;
}
.newsfoot-footnote-popover-inner {
	background: #fafafa;
}
body a.footnote,
body a.footnote:visited,
.newsfoot-footnote-popover + a.footnote:hover {
	background: #aaa;
	color: white;
	transition: background-color 200ms ease-out;
}
a.footnote:hover,
.newsfoot-footnote-popover + a.footnote {
	background: #666;
	transition: background-color 200ms ease-out;
}

/* dark */
@media screen and (prefers-color-scheme: dark) {
	.newsfoot-footnote-popover {
		background: #444;
		color: rgb(224, 224, 224);
	}
	.newsfoot-footnote-popover-arrow {
		background: #242424;
		border: 1px solid #444;
	}
	.newsfoot-footnote-popover-inner {
		background: #242424;
	}
	body a.footnote,
	body a.footnote:visited,
	.newsfoot-footnote-popover + a.footnote:hover {
		background: #aaa;
		color: white;
		transition: background-color 200ms ease-out;
	}
	a.footnote:hover,
	.newsfoot-footnote-popover + a.footnote {
		background: #666;
		transition: background-color 200ms ease-out;
	}
}

/* iOS Specific */
@supports (-webkit-touch-callout: none) {
	
	body {
		margin-top: 3px;
		margin-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
		font-family: 'ModeSeven', -apple-system;
	}

	:root {
		--primary-accent-color:rgba(110, 227, 231, 1);
		--secondary-accent-color: rgba(110, 227, 231, 1);
		--block-quote-border-color: rgba(94, 158, 244, 0.75);
		--header-table-border-color: rgba(255, 255, 255, 0.2);
	}
	body a, body a:visited, body a * {
		color: var(--secondary-accent-color);
	}
	body .header {
		font: -apple-system-body;
		font-size: [[font-size]]px;
	}
	body .header a:link, body .header a:visited {
		color: var(--primary-accent-color);
	}

	.avatar img {
		border-radius: 4px;
	}

	.nnw-overflow table {
		border: none;
	}

	.activityIndicatorWrap {
		position: relative;
	}

	.activityIndicator {
		z-index: 1;
		width: 64px;
		height: 64px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

}

/* macOS Specific */
@supports not (-webkit-touch-callout: none) {
	
	body {
		margin-top: 20px;
		margin-bottom: 64px;
		padding-left: 48px;
		padding-right: 48px;
		font-family: 'ModeSeven', -apple-system;
	}

	.smallText {
		font-size: 14px;
	}

	.mediumText {
		font-size: 16px;
	}

	.largeText {
		font-size: 18px;
	}

	.xlargeText {
		font-size: 20px;
	}

	.xxlargeText {
		font-size: 22px;
	}

	:root {
		--accent-color: rgba(110, 227, 231, 1);
		--block-quote-border-color: rgba(94, 158, 244, .50);
		--header-table-border-color: rgba(255, 255, 255, 0.1);
	}



	body a, body a:visited, body a * {
		color: var(--accent-color);
	}

	.nnw-overflow table {
		//border: 1px solid var(--accent-color);
	}

}