Add alert dropdown style for channel and fix font size for dashboard origin

Signed-off-by: Kouya Heika <kouyaheika@canithesis.org>

core/style.css

@@ -446,6 +446,16 @@ nav.top div.slideout.mail .dropdown .mail .message a {
 	text-decoration: underline;
 }
 
+nav.top div.slideout.alerts .dropdown .alerts .alert .header {
+	font-size: 12px;
+}
+
+nav.top div.slideout.alerts .dropdown .alerts .alert .header a:link,
+nav.top div.slideout.alerts .dropdown .alerts .alert .header a:visited {
+	color: var(--subtitle);
+	text-decoration: none;
+}
+
 nav.top div.slideout.alerts .dropdown .alerts .alert .info,
 nav.top div.slideout.mail .dropdown .mail .message .info {
 	display: flex;
@@ -679,14 +689,14 @@ nav.top .navbutton-bar .button.selected {
 
 /* == HEADING/HEADER */
 
-.header {
+body > .header {
 	display: flex;
 	margin-bottom: 8px;
 }
 
-.header > .gap { flex-grow: 1;}
+body > .header > .gap { flex-grow: 1;}
 
-.header > .title {
+body > .header > .title {
 	border: var(--primary-container-border);
 	border-top: none;
 	flex-shrink: 0; flex-grow: 0;
@@ -703,7 +713,7 @@ nav.top .navbutton-bar .button.selected {
 	padding-top: 8px;
 }
 
-.heading {
+body > .heading {
 	z-index: 10;
 	display: block;
 	background-repeat: repeat-x;
@@ -714,46 +724,29 @@ nav.top .navbutton-bar .button.selected {
 	font-family: var(--primary-font);
 }
 
-.heading > div.head-contents {
+body > .heading > div.head-contents {
 	max-width: 1200px;
 	margin-left: auto; margin-right: auto;
 
 }
 
-.heading.main {
+body > .heading.main {
 	position: sticky;
 	background-size: 64px;
 	height: 60px;
 	z-index: -1;
 }
 
-.heading {
+body > .heading {
 	background-color: var(--header-bg);
 	background-image: var(--navbar-top);
 }
 
-.heading.sub,
-.heading.section {
-	height: 28px;
-}
-
-.heading.sub {
-	background-size: 64px;
-	background-position-y: -32px;
-}
-
-.heading.section {
-	background-size: 32px;
-	background-image: var(--nav-db);
-	background-color: var(--header-bg);
-	font-size: 1.5em;
-}
-
-.heading.main > div.head-contents > a {
+body > .heading.main > div.head-contents > a {
 	font-size: 2em;
 }
 
-.heading > div.head-contents > a {
+body > .heading > div.head-contents > a {
 	margin: 0px 0px 0px 4px;
 	display: inline-block;
 	font-weight: bold;
@@ -765,17 +758,17 @@ nav.top .navbutton-bar .button.selected {
 	display: inline-block;
 }
 
-.heading.main img {
+body > .heading.main img {
 	height: 48px;
 }
 
-.heading.main i {
+body > .heading.main i {
 	margin-left: 16px;
 	font-weight: normal;
 	font-size: 1.5em !important;
 }
 
-.heading hr {
+body > .heading hr {
 	margin: 0px 8px;
 	border: none;
 	border-left: var(--header-line);
@@ -784,7 +777,7 @@ nav.top .navbutton-bar .button.selected {
 	height: 75%;
 }
 
-.header div.buttontab {
+body > .header div.buttontab {
 	background: var(--default-button-background);
 	border: var(--default-button-border);
 	margin: -12px 4px 8px 4px;
@@ -792,7 +785,7 @@ nav.top .navbutton-bar .button.selected {
 	font-size: 12px;
 }
 
-.header div.buttontab a {
+body > .header div.buttontab a {
 	color: var(--main-text);
 	display: inline-block;
 	text-decoration: none;
@@ -800,40 +793,28 @@ nav.top .navbutton-bar .button.selected {
 	height: 100%;
 }
 
-.header div.buttontab a img {
+body > .header div.buttontab a img {
 	vertical-align: middle;
 }
 
-.header div.buttontab:hover {
+body > .header div.buttontab:hover {
 	background: var(--hover-button-background);
 	border: var(--hover-button-border);
 }
 
-.header div.buttontab:active {
+body > .header div.buttontab:active {
 	background: var(--active-button-background);
 	border: var(--active-button-border);
 }
 
 @media only screen and (orientation: landscape) {
-	.heading {
+	body > .heading {
 		width: calc(100% + 8px);
 		padding: 2px 4px;
 		left: 64px;
 	}
 
-	.heading.main,
-	.heading.sub {
-		top: 0px;
-	}
-
-	.heading.main { margin: -8px; margin-bottom: 8px; }
-	.heading.sub { margin: -8px; margin-bottom: 8px; }
-	.heading.section { margin: 4px -8px; }
-
-	body > .header-title {
-		top: -8px;
-		margin-bottom: -8px;
-	}
+	body > .heading.main { top: 0px; margin: -8px; margin-bottom: 8px; }
 
 	/* Center header */
 	body > .header {
@@ -1114,11 +1095,22 @@ body.dashboard .dash-container .primary .mainbox .alert.unread .content {
 }
 
 body.dashboard .dash-container .primary .mainbox .alert .info {
-	text-align: right;
+	display: flex;
 	color: var(--subtitle);
 	font-family: var(--primary-font);
 }
 
+body.dashboard .dash-container .primary .mainbox .alert .origin {
+	flex-grow: 1;
+	font-size: 12px;
+}
+
+body.dashboard .dash-container .primary .mainbox .alert .origin a:link,
+body.dashboard .dash-container .primary .mainbox .alert .origin a:visited {
+	color: var(--subtitle);
+	text-decoration: none;
+}
+
 body.dashboard .dash-container .blogpost {
 	padding: 4px;
 }