Tapa talk + ads

[Labster]

I can't do anything about the ads we're seeing, but I can do something about the missing new post icon you could click:

Code:

/* You need to replace this one that I changed earlier */
ul.topics li.row {
    padding: 10px 15px 8px 45px;
}

/* Add the comments icon back in the hackiest way possible */
a.row-item-link {
  font-size: 22px;
  color: teal;
  margin-top: 10px
}
a.row-item-link::before {
  margin-left: 10px;
  content:"f27a";
  /* Because I can't add FontAwesome .fa class directly */
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}

We could have put a small png inline there, but I looked and saw they were loading FontAwesome anyway, so I picked what I thought was best from http://fontawesome.io/icons/

Also, I'm not really a fan of the cyan buttons, so I propose changing them to a nice teal color:

Code:

/* Let's eliminate the cyan */
.topic_type, .pagination li a:hover, .pagination li.active span, .pagination li a:focus, .jumpbox-cat-link, .dropdown-contents > li > a:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover, a.no_avatar:hover, .jumpbox-cat-link:hover, input.button1:focus, input.button2:focus, input.button3:focus, .specialbutton, input.specialbutton, .panel .specialbutton, a.specialbutton, .unread-mark, input.quick-relay.button1,
#footer, .navbar, .navbar a, .navbar_footer, .navbar_footer a, .default-submit-action,
.headerbar, .scrollToTop, .no_avatar, .social_links_footer, .badge, thead tr, .sidebar_block_stripe::before, .fancy_panel::before
{
    background: teal !important;
}
.below-header-nav .inner-box .nav-item.active {
  color: teal;
  border-bottom-color: teal;
}
.below-header-nav .inner-box svg path, .below-header-nav .inner-box svg polygon {
  fill: teal !important;
}
.pagination li a:hover, .pagination li.active span, .pagination li a:focus, blockquote, .codebox code, .jumpbox-cat-link, a.postlink, input.button1:focus, input.button2:focus, input.button3:focus, input.specialbutton, .inputbox:hover, .inputbox:focus, .specialbutton, a.specialbutton, .button:hover, .button:focus {
    border-color: teal;
}
.codebox code {
  color: #ac7000;
}

Yep, I'm even changing the icon colors
-- ∇×V