Browse code

Separate css for people table

We embedded this because we seemed to require committed minification to do
styling (which is incorrect, minification should be part of either the build or
deployment step). However, turns out this isn't necessary as demonstrated by
the donation-banner.css.

Damian Johnson authored on20/11/2017 11:00:42
Showing2 changed files
... ...
@@ -2,6 +2,8 @@
2 2
 # Revision: $Revision$
3 3
 # Translation-Priority: 3-low
4 4
 #include "head.wmi" TITLE="Tor Project: Core People" CHARSET="UTF-8"
5
+<link href="$(DOCROOT)/css/people-table.css" rel="stylesheet">
6
+
5 7
 <div id="content" class="clearfix">
6 8
 <div id="breadcrumbs">
7 9
     <a href="<page index>">Home &raquo; </a>
... ...
@@ -10,48 +12,6 @@
10 12
 </div>
11 13
 <div id="maincol">
12 14
 
13
-<style>
14
-table.people td {
15
-  vertical-align: top;
16
-  padding: 0px;
17
-  padding-bottom: 15px;
18
-  width: 50%;
19
-}
20
-
21
-table.people tr td:first-child {
22
-  padding-right: 10px;
23
-}
24
-
25
-.photo {
26
-  width: 145px;
27
-  float: left;
28
-}
29
-
30
-.icon {
31
-  width: 20px;
32
-  margin-right: 4px;
33
-  padding: 0px;
34
-  float: right;
35
-}
36
-
37
-.field {
38
-  font-family: "Montserrat";
39
-  font-size: 0.8rem;
40
-  color: rgb(50, 50, 50);
41
-}
42
-
43
-.description {
44
-  font-family: "Montserrat";
45
-  font-size: 0.9rem;
46
-  padding-top: 15px;
47
-}
48
-
49
-.description a, .field a, .name a {
50
-  font-weight: bold;
51
-  text-decoration: none;
52
-}
53
-</style>
54
-
55 15
 <table class="people">
56 16
   <tr>
57 17
     <td>
58 18
new file mode 100644
... ...
@@ -0,0 +1,40 @@
1
+table.people td {
2
+  vertical-align: top;
3
+  padding: 0px;
4
+  padding-bottom: 15px;
5
+  width: 50%;
6
+}
7
+
8
+table.people tr td:first-child {
9
+  padding-right: 10px;
10
+}
11
+
12
+.photo {
13
+  width: 145px;
14
+  float: left;
15
+}
16
+
17
+.icon {
18
+  width: 20px;
19
+  margin-right: 4px;
20
+  padding: 0px;
21
+  float: right;
22
+}
23
+
24
+.field {
25
+  font-family: "Montserrat";
26
+  font-size: 0.8rem;
27
+  color: rgb(50, 50, 50);
28
+}
29
+
30
+.description {
31
+  font-family: "Montserrat";
32
+  font-size: 0.9rem;
33
+  padding-top: 15px;
34
+}
35
+
36
+.description a, .field a, .name a { 
37
+  font-weight: bold;
38
+  text-decoration: none;
39
+}
40
+