Small CSS fixes for new categories

static/styles/beluga/style.css

@@ -18,12 +18,13 @@
   padding: 0
 }
 
-.cats_dna, .cats_rna, .cats_protein, .cats_other {
-  width: 36px!important;
+.cats_dna, .cats_mrna, .cats_rrna, .cats_trna, .cats_protein, .cats_other {
+  /* width: 36px!important; */
   height: 36px!important;
   line-height: 36px;
 }
-.group .cats_dna:after, .group .cats_rna:after,
+.group .cats_dna:after, .group .cats_mrna:after,
+.group .cats_rrna:after, .group .cats_trna:after,
 .group .cats_protein:after, .group .cats_other:after {
   color: black!important;
 }
@@ -34,27 +35,41 @@
   letter-spacing: -2px;
 }
 .group .cats_dna { background-color: #3EACA7; }
-.cats_rna:after {
-  content: "RNA";
+.cats_mrna:after {
+  content: "mRNA";
   color: #1D818E;
   font-size: 18px;
   letter-spacing: -2px;
 }
-.group .cats_rna { background-color: #1D818E; }
+.group .cats_mrna { background-color: #1D818E; }
+.cats_rrna:after {
+  content: "rRNA";
+  color: #88C796;
+  font-size: 18px;
+  letter-spacing: -2px;
+}
+.group .cats_rrna { background-color: #88C796; }
+.cats_trna:after {
+  content: "tRNA";
+  color: #4DC593;
+  font-size: 18px;
+  letter-spacing: -2px;
+}
+.group .cats_trna { background-color: #4DC593; }
 .cats_protein:after {
   content: "PROT";
-  color: #88C796;
+  color: #77C5D4;
   font-size: 18px;
   letter-spacing: -2px;
 }
-.group .cats_protein { background-color: #88C796; }
+.group .cats_protein { background-color: #77C5D4; }
 .cats_other:after {
   content: "MISC";
-  color: #4DC593;
+  color: #0D5968;
   font-size: 18px;
   letter-spacing: -2px;
 }
-.group .cats_other { background-color: #4DC593; }
+.group .cats_other { background-color: #0D5968; }
 
 body {
   width: 100%;
@@ -313,7 +328,8 @@ p.min_padding {
 
 #logo a::before {
   content: "BioTorrents.de";
-  font-size: 40px;
+  font-size: 36px;
+  letter-spacing: -2px;
   line-height: 56px;
   font-weight: 100;
   font-family: sans-serif;
@@ -2095,16 +2111,14 @@ body.style_pink h1 a, body.style_pink h2 a, body.style_pink h3 a, body.style_pin
 }
 body.style_pink .cats_dna:after { color: #78467f; }
 body.style_pink .group .cats_dna { background-color: #78467f; }
-body.style_pink .cats_rna:after { color: #4f3063; }
-body.style_pink .group .cats_rna { background-color: #4f3063; }
-body.style_pink .cats_protein:after { color: #9f5c9c; }
-body.style_pink .group .cats_protein { background-color: #9f5c9c; }
-body.style_pink .cats_other:after { color: #c871b9; }
-body.style_pink .group .cats_other { background-color: #c871b9; }
-/* Unused categories
+body.style_pink .cats_mrna:after { color: #4f3063; }
+body.style_pink .group .cats_mrna { background-color: #4f3063; }
+body.style_pink .cats_rrna:after { color: #9f5c9c; }
+body.style_pink .group .cats_rrna { background-color: #9f5c9c; }
+body.style_pink .cats_trna:after { color: #c871b9; }
+body.style_pink .group .cats_trna { background-color: #c871b9; }
 body.style_pink .cats_other:after { color: #ef86d5; }
 body.style_pink .group .cats_other { background-color: #ef86d5; }
-*/
 body.style_pink a:hover, body.style_pink .torrent_table .group a:hover { color: #db7bc7; }
 body.style_pink ::selection,
 body.style_pink ::-moz-selection {

static/styles/oppai/style.css

@@ -6,7 +6,9 @@
 
 /* We're going to opt for the category icon method for now, tags_* is also available */
 .cats_dna { width: 36px; height: 36px; background: url('/static/common/caticons/dna.png') no-repeat center center; }
-.cats_rna { width: 36px; height: 36px; background: url('/static/common/caticons/rna.png') no-repeat center center; }
+.cats_mrna { width: 36px; height: 36px; background: url('/static/common/caticons/rna.png') no-repeat center center; }
+.cats_rrna { width: 36px; height: 36px; background: url('/static/common/caticons/rna.png') no-repeat center center; }
+.cats_trna { width: 36px; height: 36px; background: url('/static/common/caticons/rna.png') no-repeat center center; }
 .cats_protein { width: 36px; height: 36px; background: url('/static/common/caticons/protein.png') no-repeat center center; }
 .cats_other { width: 36px; height: 36px; background: url('/static/common/caticons/other.png') no-repeat center center; }
 
@@ -401,7 +403,6 @@ input.hidden {
 
 /* Layout (Any page) */
 
-
 .thin {
   width: 850px;
   margin: 0px auto;
@@ -579,7 +580,6 @@ td.colhead, .colhead td, .colhead th {
   font-weight: bold;
 }
 
-
 .colhead .sign {
   padding: 0px 8px 0px 8px;
   font-size: 12pt;
@@ -639,7 +639,6 @@ ul.nobullet {
   display: inline-block;
 }
 
-
 /* Layout (home page) */
 
 ul.stats li {
@@ -834,10 +833,8 @@ blockquote {
   border: 1px solid #BBB;
 }
 
-
 /* Layout (Inbox) */
 
-
 tr.unreadpm {
   background-color: #ECC;
 }