From fd769e27cb7a1c56e1fedff2352f45452cff01c3 Mon Sep 17 00:00:00 2001
From: Byrl Raze Buckbriar <octade@invalid.invalid>
Date: Fri, 18 Oct 2024 04:58:15 -0700
Subject: [PATCH] Add Mini Theme.

---
 .../themes/Mini Theme/images/latest.png       |  Bin 0 -> 4209 bytes
 .../common/themes/Mini Theme/style-colors.css |   22 +
 .../common/themes/Mini Theme/style.css        | 1039 +++++++++++++++++
 3 files changed, 1061 insertions(+)
 create mode 100644 Rocksolid_Light/common/themes/Mini Theme/images/latest.png
 create mode 100644 Rocksolid_Light/common/themes/Mini Theme/style-colors.css
 create mode 100644 Rocksolid_Light/common/themes/Mini Theme/style.css

diff --git a/Rocksolid_Light/common/themes/Mini Theme/images/latest.png b/Rocksolid_Light/common/themes/Mini Theme/images/latest.png
new file mode 100644
index 0000000000000000000000000000000000000000..6aa733320f98ffba37095a5395e263966f381ed5
GIT binary patch
literal 4209
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
CoZsL8

literal 0
HcmV?d00001

diff --git a/Rocksolid_Light/common/themes/Mini Theme/style-colors.css b/Rocksolid_Light/common/themes/Mini Theme/style-colors.css
new file mode 100644
index 0000000..b3b977e
--- /dev/null
+++ b/Rocksolid_Light/common/themes/Mini Theme/style-colors.css	
@@ -0,0 +1,22 @@
+:root {
+  --color-dark: #FFFFFF;
+  --color-medium: #CADCEB;
+  --color-light: #ECF3F7;
+
+  --color-header-background: #CADCEB;
+  --color-header-background-light: #CADCEB;
+  --color-header-link: #FFFFFF;
+
+  --color-section-background: #CADCEB;
+  --color-section-link: #24669F;
+
+  --color-text: #0C090A;
+  --color-text-quote: #52595D;
+  --color-highlight: #1d1d1d;
+
+  --color-link: #1052DA;
+  --color-visited: #55aaff;
+
+  --color-border: #FFFFFF;
+  --color-row-border: #FFFFFF;
+}
diff --git a/Rocksolid_Light/common/themes/Mini Theme/style.css b/Rocksolid_Light/common/themes/Mini Theme/style.css
new file mode 100644
index 0000000..689c68c
--- /dev/null
+++ b/Rocksolid_Light/common/themes/Mini Theme/style.css	
@@ -0,0 +1,1039 @@
+/* MINI THEME for Rocksolid Light news portal. */
+/* Generates a spartan, compact, plaintext layout. */
+
+/* (c) 2024, Byrl Raze Buckbriar <https://octade.net> */
+/* License: Same GPL License as Rocksolid Light. */
+/* Author provides no warranty whatsoever. */
+
+@import "style-colors.css";
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+.page {
+  display: flex;
+  flex-wrap: wrap;
+  width: 100%;
+  height: 100%;
+}
+
+.section {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.menu {
+  border: none;
+  border-spacing: 0px;
+  margin: 0px;
+  padding: 0px;
+  background-color: var(--color-dark);
+}
+
+.header {
+  border: none;
+  border-spacing: 0px;
+  width: 100%;
+  height: 8%;
+  margin: 0px;
+  padding: 0px;
+  background-color: var(--color-light);
+}
+
+.title {
+  font-size: 2em;
+  text-decoration: none;
+  color: var(--color-text);
+}
+
+.title_small {
+  font-size: 0em;
+  text-decoration: none;
+  color: var(--color-text);
+}
+
+.header_menu {
+  font-size: 1.333em;
+  text-decoration: none;
+  color: var(--color-text);
+}
+
+.content {
+  background-color: var(--color-light);
+}
+
+.responsive_image {
+  width: 100%;
+  max-width: 80%;
+  height: auto;
+}
+
+.visited {
+  color: var(--color-visited);
+}
+
+.search_result {
+  color: var(--color-highlight);
+}
+
+.theme_listbox {
+  border: none;
+  padding: 0.2em;
+  width: 200px !important;
+  background-color: var(--color-medium);
+  color: var(--color-text);
+}
+
+/* Title */
+.np_title {
+  text-decoration: none;
+  color: var(--color-header-link) !important;
+  font-size: 1.5em;
+}
+
+/* Header frame */
+.np_frame_header {
+  width: 100%;
+  border: none;
+  border-spacing: 0px;
+  margin: 0px;
+  padding: 0px;
+  background: var(--color-dark);
+}
+
+/* Menu frame */
+.np_frame_menu {
+  border: none;
+  border-spacing: 0px;
+  margin: 0px;
+  padding: 2px;
+  background: var(--color-dark);
+}
+
+/* Content frame */
+.np_frame_content {
+  border: none;
+  border-spacing: 0px;
+  margin: 0px;
+  padding: 2px;
+  background: var(--color-dark);
+}
+
+/* Header table */
+.header_table {
+  border: none;
+  padding: 2px;
+  background: var(--color-dark);
+}
+
+.np_button_hidden {
+  padding-left: 5px;
+  padding-right: 5px;
+  border: 1px solid var(--color-text);
+  color: var(--color-visited);
+  white-space: nowrap;
+  font-family: Arial, Helvetica, sans-serif;
+  background: var(--color-dark);
+  border-radius: 5px;
+}
+/* Header buttons */
+.np_header_button_link {
+  padding-left: 5px;
+  padding-right: 5px;
+  border: none;
+  color: var(--color-section-link);
+  white-space: nowrap;
+  font-family: Arial, Helvetica, sans-serif;
+  background: var(--color-section-background);
+  border-radius: 5px;
+  font-size: 1.8em;
+}
+
+.np_header_button_bar {
+  background: var(--color-header-background);
+  padding: 2px;
+  margin-bottom: 1px;
+  color: black;
+  font-size: 0.5em;
+}
+
+.np_header_links {
+  color: #777 !important;
+  font-size: 1.333em
+}
+
+/* Mail buttons */
+.np_mail_button_link {
+  padding-left: 5px;
+  padding-right: 5px;
+  border: none;
+  color: var(--color-visited);
+  white-space: nowrap;
+  font-family: Arial, Helvetica, sans-serif;
+  background: var(--color-dark);
+  border-radius: 5px;
+  font-size: 1.2em;
+}
+
+.np_mail_button_read {
+  padding-left: 5px;
+  padding-right: 5px;
+  border: none;
+  color: var(--color-visited);
+  white-space: nowrap;
+  font-family: Arial, Helvetica, sans-serif;
+  background: var(--color-dark);
+  border-radius: 5px;
+  font-size: 1.333em;
+}
+
+.np_mail_button_link:hover {
+  color: var(--color-dark);
+  background: var(--color-visited);
+}
+
+.np_mail_button_read:hover {
+  color: var(--color-dark);
+  background: var(--color-visited);
+}
+
+/* Filename buttons */
+.np_filename_button_link {
+  padding-left: 5px;
+  padding-right: 5px;
+  border: none;
+  color: var(--color-visited);
+  white-space: nowrap;
+  font-family: Arial, Helvetica, sans-serif;
+  background: var(--color-dark);
+  border-radius: 5px;
+  font-size: 0.8em;
+}
+
+.np_filename_button_link:hover {
+  color: var(--color-dark);
+  background: var(--color-visited);
+}
+
+/* Username buttons */
+.np_username_button_link {
+  padding-left: 5px;
+  padding-right: 5px;
+  border: none;
+  color: var(--color-visited);
+  white-space: nowrap;
+  font-family: Arial, Helvetica, sans-serif;
+  background: var(--color-dark);
+  border-radius: 5px;
+  font-size: 0.9em;
+}
+
+.np_header_button_checkbox {
+  transform: scale(0.8);
+}
+
+.np_header_button_link:hover {
+  color: var(--color-section-background);
+  background: var(--color-section-link);
+}
+
+.np_username_button_link:hover {
+  color: var(--color-dark);
+  background: var(--color-visited);
+}
+
+.np_header_bar_top {
+  background: #FFFFFF;
+  padding: 1px;
+  margin-bottom: 0px;
+  color: black;
+  font-size: 0.5em;
+  margin: 0px;
+}
+
+.np_header_bar_large {
+  background: var(--color-header-background);
+  padding: 1px;
+  margin-bottom: 1px;
+  color: black;
+  font-size: 0.5em;
+}
+
+.np_header_bar_small {
+  background: var(--color-dark);
+  padding: 1px;
+  margin-bottom: 1px;
+  color: black;
+  font-size: 0.6em;
+}
+
+.display_headers:active .display_headers_on {
+  display: block;
+}
+
+#trigger_headers:checked+.display_headers_on {
+  display: block;
+}
+
+.display_headers_on {
+  display: none; /* NEW */
+  background: var(--color-dark);
+  padding: 3px;
+  color: var(--color-text);
+  border: solid 1px var(--color-link);
+  word-wrap: break-word;
+  position: absolute;
+  z-index: 1000;
+  font-size: 1.3em;
+  width: 98%;
+  height: auto;
+}
+
+.display_headers_on:hover {
+  display: block;
+}
+
+.display_headers {
+  margin: 100px;
+}
+
+div.ellipsis {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+input {
+  background-color: var(--color-medium);
+  border: none;
+  color: var(--color-text);
+}
+
+textarea.postbody {
+  background-color: #FFF;
+  border: none;
+  color: var(--color-text);
+  height: calc(1.333em * 1.5 * 20);
+  width: auto;
+  max-width: 90% !important;
+}
+
+textarea.configuration {
+  background-color: var(--color-medium);
+  border: none;
+  color: var(--color-text);
+  resize: none;
+}
+
+/* =========== Index Layout ============== */
+
+/* headline */
+h1.np_index_headline {
+  font-size: 0.8em;
+}
+
+/* Table around the groups */
+table.np_groups_table {
+  width: 100%;
+  table-layout: fixed;
+  border: none;
+  border-spacing: 0px;
+  margin: 0px;
+  padding: 0px;
+  font-size: 0.5em;
+}
+
+/* border around all groups */
+.np_index_groups {
+  background: var(--color-dark);
+  padding: 0px;
+  border: solid 1px var(--color-link);
+}
+
+/* a block of groups */
+.np_index_groupblock {
+  margin-bottom: 20px;
+  background: var(--color-dark);
+}
+
+/* headline of a group of blocks */
+.np_index_grouphead {
+  border: solid 1px var(--color-link);
+  background: var(--color-dark);
+  color: var(--color-text);
+  font-size: 0.7em;
+  font-style: italic;
+}
+
+/* a single group */
+.np_index_group {
+  margin-left: 10px;
+  margin-bottom: 5px;
+  font-size: 0.8em;
+}
+
+/* Text inside a Line */
+span.np_group_line_text {
+  font-size: 1.2em;
+  font-weight: bold;
+  font-family: Arial, Helvetica, sans-serif;
+  color: var(--color-visited) !important;
+}
+
+/* =========== Thread Layout ============== */
+
+/* Headline */
+h1.np_thread_headline {
+  font-size: 0.6em;
+  margin-top: 5px;
+  margin-bottom: 10px;
+}
+
+/* Table around the thread */
+table.np_thread_table {
+  width: 100%;
+  table-layout: fixed;
+  border: solid 1px var(--color-visited);
+  border-spacing: 0px;
+  margin: 0px;
+  padding: 0px;
+  font-size: 0.5em;
+}
+
+/* Head of the table */
+tr.np_thread_head, td.np_thread_head {
+  color: var(--color-visited);
+  background: var(--color-light);
+  margin: 0px;
+}
+
+/* Even line numbers in the thread */
+tr.np_thread_line1, td.np_thread_line1 {
+  padding-left: 3px;
+  padding-top: 3px;
+  padding-right: 0px;
+  padding-bottom: 3px;
+  background: var(--color-dark);
+  border-bottom: 1px solid var(--color-row-border);
+  border-right: 1px solid var(--color-row-border);
+  margin: 0px;
+}
+
+/* Odd line numbers in the thread */
+tr.np_thread_line2, td.np_thread_line2 {
+  padding-left: 3px;
+  padding-top: 3px;
+  padding-right: 0px;
+  padding-bottom: 3px;
+  background: var(--color-light);
+  border-bottom: 1px solid var(--color-row-border);
+  border-right: 1px solid var(--color-row-border);
+  margin: 0px;
+}
+
+/* Text inside a Line */
+span.np_thread_line_text {
+  font-size: 1.333em;
+  font-weight: bold;
+  font-family: Arial, Helvetica, sans-serif;
+}
+
+/* The small images, a thread consists of */
+img.thread_image {
+  vertical-align: bottom;
+}
+
+/* =========== Article Layout ============= */
+
+/* headline */
+h1.np_article_headline {
+  font-size: 0.6em;
+}
+
+/* Head of an article */
+div.np_article_header {
+  background: var(--color-medium);
+  padding: 3px;
+  border: 3px solid #ddd;
+  font-size: 0.55em;
+}
+
+/* Layout of the Text-Body */
+div.np_article_body {
+  background: #FFF;
+  margin-top: 20px;
+  white-space: pre-wrap;
+  font-family: "Lucida Console", "Courier New", Courier, "Andale Mono",
+  monospace;
+  font-size: 0.55em;
+}
+
+/* Layout of the Text-Body for Synchronet (to display ASCII art etc.*/
+div.np_article_body_synch {
+  background: var(--color-light);
+  margin-top: 20px;
+  white-space: pre-wrap;
+  font-family: "Lucida Console", "Courier New", Courier, "Andale Mono",
+  monospace;
+  font-size: 0.55em;
+}
+
+/* Layout of quoted text / graphic layout */
+blockquote.np_article_quote {
+  border-left: var(--color-link) solid 1px;
+  padding-left: 5px;
+  color: var(--color-text-quote);
+  margin: 0px;
+}
+
+/* =========== Post layout =========== */
+
+/* headline */
+h1.np_post_headline {
+  font-size: 1.333em;
+}
+
+/* Head with the input fields for subject, name and email  */
+.np_post_header {
+  background: var(--color-dark);
+  padding: 3px;
+  border: solid 1px var(--color-link);
+}
+
+/* Body with the message-field and the post-button in it */
+.np_post_body {
+  background: var(--color-light);
+  padding: 3px;
+  border: solid 1px var(--color-link);
+  margin-top: 10px;
+}
+
+/* show or hide groups toggle */
+.np_show_hide_toggle {
+  margin-top: 0;
+  margin-bottom: 0;
+  text-decoration: none;
+  text-align: center;
+  color: var(--color-highlight);
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 1.2em;
+}
+
+/* =========== specifically for rocksolid overboard =========== */
+
+/* results table */
+table.np_results_table {
+  width: 100%;
+  table-layout: fixed;
+  border: none;
+  border-spacing: 0px;
+  margin: 0px;
+  padding: 0px;
+  font-size: 0.5em;
+}
+
+/* overboard style toggle */
+.np_ob_style_toggle {
+  margin-top: 0;
+  margin-bottom: 0;
+  text-decoration: none;
+  color: var(--color-highlight);
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 0.8em;
+}
+
+/* search sort toggle */
+.np_search_sort_toggle {
+  margin-top: 0;
+  margin-bottom: 0;
+  text-decoration: none;
+  color: var(--color-highlight);
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 0.8em;
+}
+
+/* overboard posted_date */
+.np_ob_posted_date {
+  margin-top: 0;
+  margin-bottom: 0;
+  text-decoration: none;
+  color: var(--color-highlight);
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 1.333em;
+}
+
+/* posted_date */
+.np_posted_date {
+  float: right;
+  margin-top: 0;
+  margin-bottom: 0;
+  margin-right: 10;
+  text-decoration: none;
+  color: var(--color-highlight);
+  text-align: right;
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 0.8em;
+  width: 50%;
+}
+
+/* posted_date left */
+.np_posted_date_left {
+  float: left;
+  margin-top: 5;
+  margin-bottom: 0;
+  margin-right: 10;
+  margin-left: 10;
+  text-decoration: none;
+  color: var(--color-highlight);
+  text-align: left;
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 0.8em;
+  width: 50%;
+}
+
+#datebox {
+  display: flex;
+  justify-content: space-between;
+}
+
+/* last posted_date */
+.np_last_posted_date {
+  margin-top: 10;
+  margin-bottom: 10;
+  margin-right: 10;
+  text-decoration: none;
+  color: var(--color-highlight);
+  text-align: left;
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 0.9em;
+}
+
+/* unsubscribe/new links in groups page */
+.np_group_user_tools {
+  margin-top: 3;
+  margin-bottom: 2;
+  margin-right: 10;
+  text-decoration: none;
+  color: var(--color-visited) !important;
+  text-align: left;
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 1.333em;
+}
+
+/* group description */
+.np_group_desc {
+  margin-top: 2;
+  margin-bottom: 2;
+  margin-right: 10;
+  text-decoration: none;
+  color: var(--color-highlight) !important;
+  text-align: left;
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 1.333em;
+}
+
+.np_ob_group {
+  margin-top: 0;
+  margin-bottom: 0;
+  text-decoration: none;
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 0.8em;
+}
+
+.np_ob_body {
+  margin-top: 0;
+  margin-bottom: 0;
+  text-decoration: none;
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 1.333em;
+}
+
+.np_ob_subject {
+  margin-top: 0;
+  margin-bottom: 0;
+  text-decoration: none;
+  font-family: Helvetica, Arial, sans-serif;
+  font-size: 1.1.333em;
+}
+
+/* Even line numbers in the thread */
+.np_result_line1 {
+  padding-left: 3px;
+  padding-top: 6px;
+  padding-right: 0px;
+  padding-bottom: 6px;
+  background: var(--color-dark);
+  margin: 0px;
+}
+
+/* Odd line numbers in the thread */
+.np_result_line2 {
+  padding-left: 3px;
+  padding-top: 6px;
+  padding-right: 0px;
+  padding-bottom: 6px;
+  background: var(--color-light);
+  border-top: 1px solid var(--color-row-border);
+  border-bottom: 1px solid var(--color-row-border);
+  margin: 0px;
+}
+
+.np_ob_tail {
+  font-size: 0.7em;
+}
+/* =========== navigation buttons on top of every page =========== */
+.np_buttonbar {
+  background: #FFF;
+  padding: 1px;
+  margin-bottom: 1px;
+  width: 100%;
+  color: black;
+  font-size: 0.6em;
+}
+
+.np_button_link {
+  padding-left: 5px;
+  padding-right: 5px;
+  border: none;
+  margin-right: 10px;
+  color: var(--color-visited);
+  white-space: nowrap;
+  font-family: Arial, Helvetica, sans-serif;
+  background: var(--color-dark);
+  border-radius: 5px;
+  border: 1px solid var(--color-highlight);
+  font-size: 1.333em;
+}
+
+.np_button_link:hover {
+  color: var(--color-dark);
+  background: var(--color-visited);
+}
+
+td.np_button {
+  padding-left: 5px;
+  padding-right: 5px;
+  border-right: solid white 1px;
+  color: white;
+  white-space: nowrap;
+  font-family: Arial, Helvetica, sans-serif;
+}
+
+a.np_button {
+  color: white;
+  text-decoration: underline;
+}
+
+.button_container {
+  text-align: center;
+}
+
+.np_pages {
+  color: var(--color-visited);
+}
+
+.np_pages_selected {
+  color: var(--color-highlight) !important;
+  text-weight: bold;
+  margin-left: 5px;
+  font-size: 110%;
+}
+
+.np_pages_unselected {
+  color: var(--color-visited) !important;
+  text-decoration: underline;
+  margin-left: 5px;
+}
+
+input[type=submit] {
+  padding: 5px;
+  border: 1px solid var(--color-text);
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+}
+
+input[type=submit]:hover {
+  color: var(--color-medium);
+  background: var(--color-text);
+}
+
+input[type=button] {
+  padding: 5px;
+  border: 1px solid var(--color-text);
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+}
+
+input[type=button]:hover {
+  color: var(--color-medium);
+  background: var(--color-text);
+}
+
+a:link {
+  text-decoration: none;
+  color: var(--color-link);
+  font-size: inherit;
+}
+
+a:visited {
+  text-decoration: none;
+  color: var(--color-visited);
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+a:active {
+  text-decoration: underline;
+}
+
+/* custom styles for simple - minimal themes */
+/* TODO : cruft code left above - using !important overrides for now */
+
+.np_thread_head,
+.np_last_posted_date,
+.np_index_groups td a img,
+.np_index_groups tr td:first-of-type,
+.np_index_groups tr td:last-of-type,
+.np_index_groups tr td:nth-of-type(3) {
+  width: 0px;
+  height: 0px;
+  line-height: 0px;
+  max-width: 0px;
+  max-height: 0px;
+  display: none;
+  visibility: hidden;
+}
+
+.np_header_bar_top {
+  font-size: 0.9em;
+}
+
+.np_header_bar_top img {
+  content: ""; /* hide image from php generated code */
+  visibility: hidden;
+  display: none;
+  width: 0px;
+  max-width: 0px;
+  height: 0px;
+  margin: 0px;
+  padding: 0px;
+}
+
+table, tbody, tr, td {
+  border-collapse: collapse;
+  border: 0px solid transparent;
+  border: none !important;
+}
+
+td {
+  padding: 0.2em;
+}
+
+body {
+  margin: 0px;
+  padding-left: 1em;
+  padding-right: 1em;
+  padding-bottom: 2em;
+  background: #FFF;
+}
+
+/* set a uniform font for everything */
+
+* {
+  font-family: 'Noto Sans Mono', Monospace;
+  font-size: 14pt !important;
+  font-weight: 400;
+}
+
+/* collapse the border around listings */
+.np_index_groups {
+  border-collapse: collapse;
+  border: 0px solid transparent;
+}
+
+/* size the footer image */
+a img {
+  width: 20%;
+  min-width: 320px;
+  max-width: 320px;
+}
+
+button,
+.np_button_link,
+input[value="Lookup"],
+input[value="Reply"],
+input[value="Post Article"],
+input[value="Quote"],
+input[value="Login"],
+input[value="Create"],
+input[value="I forgot my password"],
+input[type="submit"],
+.np_header_button_link {
+  border: none; /* border: 3px solid #333 */;
+  background: #777;
+  color: #eee;
+  padding: 9px;
+  margin: 3px;
+}
+
+input[type="text"] {
+  min-width: 448px;
+}
+
+input[value="Lookup"], input[name="id"] {
+  display: none;
+}
+
+table[align="right"] {
+  display: none;
+}
+
+hr {
+  display: none;
+  width: 0px;
+  visibility: hidden;
+}
+
+.np_thread_table tr td:nth-of-type(2) {
+  display: none;
+  width: 0px;
+  visibility: hidden;
+}
+
+.np_thread_table tr td:nth-of-type(3) {
+  display: none;
+  width: 0px;
+  visibility: hidden;
+}
+
+input[type="text"], input[type="password"] {
+  padding: 8px;
+  border: none;
+  border-radius: 3px;
+  width: 100%;
+  min-width: 98%;
+  margin: 8px;
+}
+
+/* make text input tables wider */
+
+table {
+  min-width: 50%;
+  max-width: 100%;
+}
+
+
+tbody tr:nth-child(even) {
+  background-color: #FFF !important;
+}
+
+.np_groups_table tr {
+  border-top: 1px solid #dadce0 !important;
+}
+
+.np_groups_table tr:hover td {
+  background: #dadce0 !important;
+  background-color: #dadce0 !important;
+}
+
+tr.np_thread_line1:hover td {
+  background: #dadce0 !important;
+  background-color: #dadce0 !important;
+}
+
+tr.np_thread_line2:hover td {
+  background: #dadce0 !important;
+  background-color: #dadce0 !important;
+
+}
+
+tr.np_thread_line1, tr.np_thread_line2 {
+  border-top: 1px solid #dadce0 !important;
+}
+
+.np_header_bar_top td.np_header_links {
+  display: inline-block;
+  margin-right: 1em;
+  float: right;
+  text-align: right;
+}
+
+.np_header_bar_top {
+  float: right;
+  text-align: right;
+}
+
+.np_header_button_bar {
+  display: inline-block;
+  width: 100%
+  float: left;
+  background: transparent;
+}
+
+.np_header_button_bar td {
+  display: inline-block;
+  margin-right: 1em;
+}
+
+.np_header_bar_top .np_title {
+  display: none;
+  visibility: hidden;
+}
+
+.np_header_button_link {
+  min-width:   192px;
+}
+
+body {
+  width: 100% !important;
+  min-width: 100% !important;
+  max-width: 100% !important;
+}
+
+body h1.np_thread_headline:nth-of-type(1) {
+  font-size: 1.3em !important;
+  padding-right: 2em;
+  text-align: right;
+  color: #FFFFFF;
+  display: block;
+  width: 100%;
+  background: #777;
+}
+
+a.np_group_user_tools {
+  display: none;
+}
+
+
+a[title="Copy article link to clipboard"] {
+  display: none !important;
+  visibility: hidden;
+}
+
+a[title="Copy message-id to clipboard"] {
+  display: none !important;
+  visibility: hidden;
+}
+
+a[title="Copy article link to clipboard"] i {
+  display: none !important;
+  visibility: hidden;
+}
+
+a[title="Copy message-id to clipboard"] i {
+  display: none !important;
+  visibility: hidden;
+}
+
+input[name="terms"] {
+  width: 50%;
+  max-width: 50% !important;
+}