Board title and announcement tweaks

Close #232, close #233

src/General/css/font-awesome.css

@@ -28,7 +28,6 @@
 
  :root.shortcut-icons .fa::before, 
  .menu-button .fa::before,
- .hide-announcement .fa::before, 
  .hide-reply-button .fa::before,
  .hide-thread-button .fa::before {display:inline-block;font-size:13px;visibility:visible}
  :root.shortcut-icons #shortcuts .fa::before{font-size:15px!important;margin-top:-3px!important;position:relative;top:1px}
@@ -36,7 +35,6 @@
  :root.shortcut-icons .shortcut.brackets-wrap::after,:root.shortcut-icons .shortcut.brackets-wrap::before{display:none}
  :root.shortcut-icons a .fa, 
  .menu-button .fa,
- .hide-announcement .fa,
  .hide-reply-button .fa,
  .hide-thread-button .fa {display:inline}
 

src/General/css/photon.css

@@ -71,3 +71,9 @@
 {
   background-image: url("data:image/svg+xml,<svg viewBox='0 0 26 26' preserveAspectRatio='true' xmlns='http://www.w3.org/2000/svg'><path fill='rgb(51,51,51)' d='M24.132,7.971c-2.203-2.205-5.916-2.098-8.25,0.235L15.5,8.588l-0.382-0.382c-2.334-2.333-6.047-2.44-8.25-0.235c-2.204,2.203-2.098,5.916,0.235,8.249l8.396,8.396l8.396-8.396C26.229,13.887,26.336,10.174,24.132,7.971z'/></svg>");
 }
+
+/* Board Title */
+:root.photon div.boardTitle {
+  font-family: sans-serif !important;
+  text-shadow: 1px 1px 1px rgba(0,74,153,0.6);
+}

src/General/css/style.css

@@ -505,8 +505,15 @@ div.center:not(.ad-cnt) {
 :root.hide-announcement #globalMessage {
   display: none;
 }
-a.hide-announcement {
+span.hide-announcement {
-  float: left;
+  font-size: 11px;
+  position: relative;
+  bottom: 5px;
+}
+.globalMessage, h2, h3 {
+  color: inherit !important;
+  font-size: 13px;
+  font-weight: 100;
 }
 
 /* Unread */
@@ -1161,6 +1168,9 @@ a:only-of-type > .remove {
 .boardSubtitle[contenteditable="true"] {
   cursor: text !important;
 }
+div.boardTitle {
+  font-weight: 400 !important;
+}
 /* Link Title Favicons */
 .linkify.YouTube {
   background: transparent url('data:image/png;base64,<%= grunt.file.read("src/General/img/links/youtube.png",    {encoding: "base64"}) %>') center left no-repeat!important;

src/General/css/tomorrow.css

@@ -77,3 +77,9 @@
 {
   background-image: url("data:image/svg+xml,<svg viewBox='0 0 26 26' preserveAspectRatio='true' xmlns='http://www.w3.org/2000/svg'><path fill='rgb(197,200,198)' d='M24.132,7.971c-2.203-2.205-5.916-2.098-8.25,0.235L15.5,8.588l-0.382-0.382c-2.334-2.333-6.047-2.44-8.25-0.235c-2.204,2.203-2.098,5.916,0.235,8.249l8.396,8.396l8.396-8.396C26.229,13.887,26.336,10.174,24.132,7.971z'/></svg>");
 }
+
+/* Board Title */
+:root.tomorrow div.boardTitle {
+  font-family: sans-serif !important;
+  text-shadow: 1px 1px 1px rgba(167,170,168,0.6);
+}

src/General/css/yotsuba-b.css

@@ -72,3 +72,9 @@
 {
   background-image: url("data:image/svg+xml,<svg viewBox='0 0 26 26' preserveAspectRatio='true' xmlns='http://www.w3.org/2000/svg'><path fill='rgb(0,0,0)' d='M24.132,7.971c-2.203-2.205-5.916-2.098-8.25,0.235L15.5,8.588l-0.382-0.382c-2.334-2.333-6.047-2.44-8.25-0.235c-2.204,2.203-2.098,5.916,0.235,8.249l8.396,8.396l8.396-8.396C26.229,13.887,26.336,10.174,24.132,7.971z'/></svg>");
 }
+
+/* Board Title */
+:root.yotsuba-b div.boardTitle {
+  font-family: sans-serif !important;
+  text-shadow: 1px 1px 1px rgba(105,10,15,0.6);
+}

src/General/css/yotsuba.css

@@ -71,3 +71,9 @@
 {
   background-image: url("data:image/svg+xml,<svg viewBox='0 0 26 26' preserveAspectRatio='true' xmlns='http://www.w3.org/2000/svg'><path fill='rgb(128,0,0)' d='M24.132,7.971c-2.203-2.205-5.916-2.098-8.25,0.235L15.5,8.588l-0.382-0.382c-2.334-2.333-6.047-2.44-8.25-0.235c-2.204,2.203-2.098,5.916,0.235,8.249l8.396,8.396l8.396-8.396C26.229,13.887,26.336,10.174,24.132,7.971z'/></svg>");
 }
+
+/* Board Title */
+:root.yotsuba div.boardTitle {
+  font-family: sans-serif !important;
+  text-shadow: 1px 1px 1px rgba(100,0,0,0.6);
+}

src/Miscellaneous/AnnouncementHiding.coffee

@@ -23,16 +23,16 @@ PSAHiding =
     $.event 'AddMenuEntry', entry
     $.on entry.el, 'click', PSAHiding.toggle
 
-    PSAHiding.btn = btn = $.el 'a',
+    PSAHiding.btn = btn = $.el 'span',
-      innerHTML: '<span class="fa fa-minus-square-o"></span>'
+      innerHTML: '[<a href=javascript:;>Dismiss</a>]'
-      title:     'Hide announcement.'
+      title:     'Mark announcement as read and hide.'
       className: 'hide-announcement' 
       href: 'javascript:;'
     $.on btn, 'click', PSAHiding.toggle
 
     $.get 'hiddenPSA', 0, ({hiddenPSA}) ->
       PSAHiding.sync hiddenPSA
-      $.before psa, btn
+      $.add psa, btn
       $.rmClass doc, 'hide-announcement'
 
     $.sync 'hiddenPSA', PSAHiding.sync