Browse Source

Small CSS fixes for new categories

pjc 5 years ago
parent
commit
9226f3e20c
2 changed files with 36 additions and 25 deletions
  1. 33
    19
      static/styles/beluga/style.css
  2. 3
    6
      static/styles/oppai/style.css

+ 33
- 19
static/styles/beluga/style.css View File

18
   padding: 0
18
   padding: 0
19
 }
19
 }
20
 
20
 
21
-.cats_dna, .cats_rna, .cats_protein, .cats_other {
22
-  width: 36px!important;
21
+.cats_dna, .cats_mrna, .cats_rrna, .cats_trna, .cats_protein, .cats_other {
22
+  /* width: 36px!important; */
23
   height: 36px!important;
23
   height: 36px!important;
24
   line-height: 36px;
24
   line-height: 36px;
25
 }
25
 }
26
-.group .cats_dna:after, .group .cats_rna:after,
26
+.group .cats_dna:after, .group .cats_mrna:after,
27
+.group .cats_rrna:after, .group .cats_trna:after,
27
 .group .cats_protein:after, .group .cats_other:after {
28
 .group .cats_protein:after, .group .cats_other:after {
28
   color: black!important;
29
   color: black!important;
29
 }
30
 }
34
   letter-spacing: -2px;
35
   letter-spacing: -2px;
35
 }
36
 }
36
 .group .cats_dna { background-color: #3EACA7; }
37
 .group .cats_dna { background-color: #3EACA7; }
37
-.cats_rna:after {
38
-  content: "RNA";
38
+.cats_mrna:after {
39
+  content: "mRNA";
39
   color: #1D818E;
40
   color: #1D818E;
40
   font-size: 18px;
41
   font-size: 18px;
41
   letter-spacing: -2px;
42
   letter-spacing: -2px;
42
 }
43
 }
43
-.group .cats_rna { background-color: #1D818E; }
44
+.group .cats_mrna { background-color: #1D818E; }
45
+.cats_rrna:after {
46
+  content: "rRNA";
47
+  color: #88C796;
48
+  font-size: 18px;
49
+  letter-spacing: -2px;
50
+}
51
+.group .cats_rrna { background-color: #88C796; }
52
+.cats_trna:after {
53
+  content: "tRNA";
54
+  color: #4DC593;
55
+  font-size: 18px;
56
+  letter-spacing: -2px;
57
+}
58
+.group .cats_trna { background-color: #4DC593; }
44
 .cats_protein:after {
59
 .cats_protein:after {
45
   content: "PROT";
60
   content: "PROT";
46
-  color: #88C796;
61
+  color: #77C5D4;
47
   font-size: 18px;
62
   font-size: 18px;
48
   letter-spacing: -2px;
63
   letter-spacing: -2px;
49
 }
64
 }
50
-.group .cats_protein { background-color: #88C796; }
65
+.group .cats_protein { background-color: #77C5D4; }
51
 .cats_other:after {
66
 .cats_other:after {
52
   content: "MISC";
67
   content: "MISC";
53
-  color: #4DC593;
68
+  color: #0D5968;
54
   font-size: 18px;
69
   font-size: 18px;
55
   letter-spacing: -2px;
70
   letter-spacing: -2px;
56
 }
71
 }
57
-.group .cats_other { background-color: #4DC593; }
72
+.group .cats_other { background-color: #0D5968; }
58
 
73
 
59
 body {
74
 body {
60
   width: 100%;
75
   width: 100%;
313
 
328
 
314
 #logo a::before {
329
 #logo a::before {
315
   content: "BioTorrents.de";
330
   content: "BioTorrents.de";
316
-  font-size: 40px;
331
+  font-size: 36px;
332
+  letter-spacing: -2px;
317
   line-height: 56px;
333
   line-height: 56px;
318
   font-weight: 100;
334
   font-weight: 100;
319
   font-family: sans-serif;
335
   font-family: sans-serif;
2095
 }
2111
 }
2096
 body.style_pink .cats_dna:after { color: #78467f; }
2112
 body.style_pink .cats_dna:after { color: #78467f; }
2097
 body.style_pink .group .cats_dna { background-color: #78467f; }
2113
 body.style_pink .group .cats_dna { background-color: #78467f; }
2098
-body.style_pink .cats_rna:after { color: #4f3063; }
2099
-body.style_pink .group .cats_rna { background-color: #4f3063; }
2100
-body.style_pink .cats_protein:after { color: #9f5c9c; }
2101
-body.style_pink .group .cats_protein { background-color: #9f5c9c; }
2102
-body.style_pink .cats_other:after { color: #c871b9; }
2103
-body.style_pink .group .cats_other { background-color: #c871b9; }
2104
-/* Unused categories
2114
+body.style_pink .cats_mrna:after { color: #4f3063; }
2115
+body.style_pink .group .cats_mrna { background-color: #4f3063; }
2116
+body.style_pink .cats_rrna:after { color: #9f5c9c; }
2117
+body.style_pink .group .cats_rrna { background-color: #9f5c9c; }
2118
+body.style_pink .cats_trna:after { color: #c871b9; }
2119
+body.style_pink .group .cats_trna { background-color: #c871b9; }
2105
 body.style_pink .cats_other:after { color: #ef86d5; }
2120
 body.style_pink .cats_other:after { color: #ef86d5; }
2106
 body.style_pink .group .cats_other { background-color: #ef86d5; }
2121
 body.style_pink .group .cats_other { background-color: #ef86d5; }
2107
-*/
2108
 body.style_pink a:hover, body.style_pink .torrent_table .group a:hover { color: #db7bc7; }
2122
 body.style_pink a:hover, body.style_pink .torrent_table .group a:hover { color: #db7bc7; }
2109
 body.style_pink ::selection,
2123
 body.style_pink ::selection,
2110
 body.style_pink ::-moz-selection {
2124
 body.style_pink ::-moz-selection {

+ 3
- 6
static/styles/oppai/style.css View File

6
 
6
 
7
 /* We're going to opt for the category icon method for now, tags_* is also available */
7
 /* We're going to opt for the category icon method for now, tags_* is also available */
8
 .cats_dna { width: 36px; height: 36px; background: url('/static/common/caticons/dna.png') no-repeat center center; }
8
 .cats_dna { width: 36px; height: 36px; background: url('/static/common/caticons/dna.png') no-repeat center center; }
9
-.cats_rna { width: 36px; height: 36px; background: url('/static/common/caticons/rna.png') no-repeat center center; }
9
+.cats_mrna { width: 36px; height: 36px; background: url('/static/common/caticons/rna.png') no-repeat center center; }
10
+.cats_rrna { width: 36px; height: 36px; background: url('/static/common/caticons/rna.png') no-repeat center center; }
11
+.cats_trna { width: 36px; height: 36px; background: url('/static/common/caticons/rna.png') no-repeat center center; }
10
 .cats_protein { width: 36px; height: 36px; background: url('/static/common/caticons/protein.png') no-repeat center center; }
12
 .cats_protein { width: 36px; height: 36px; background: url('/static/common/caticons/protein.png') no-repeat center center; }
11
 .cats_other { width: 36px; height: 36px; background: url('/static/common/caticons/other.png') no-repeat center center; }
13
 .cats_other { width: 36px; height: 36px; background: url('/static/common/caticons/other.png') no-repeat center center; }
12
 
14
 
401
 
403
 
402
 /* Layout (Any page) */
404
 /* Layout (Any page) */
403
 
405
 
404
-
405
 .thin {
406
 .thin {
406
   width: 850px;
407
   width: 850px;
407
   margin: 0px auto;
408
   margin: 0px auto;
579
   font-weight: bold;
580
   font-weight: bold;
580
 }
581
 }
581
 
582
 
582
-
583
 .colhead .sign {
583
 .colhead .sign {
584
   padding: 0px 8px 0px 8px;
584
   padding: 0px 8px 0px 8px;
585
   font-size: 12pt;
585
   font-size: 12pt;
639
   display: inline-block;
639
   display: inline-block;
640
 }
640
 }
641
 
641
 
642
-
643
 /* Layout (home page) */
642
 /* Layout (home page) */
644
 
643
 
645
 ul.stats li {
644
 ul.stats li {
834
   border: 1px solid #BBB;
833
   border: 1px solid #BBB;
835
 }
834
 }
836
 
835
 
837
-
838
 /* Layout (Inbox) */
836
 /* Layout (Inbox) */
839
 
837
 
840
-
841
 tr.unreadpm {
838
 tr.unreadpm {
842
   background-color: #ECC;
839
   background-color: #ECC;
843
 }
840
 }

Loading…
Cancel
Save