blob: bd0b6c7c0435d9c4b5505df8ea597b4576caee4c [file] [log] [blame]
Andreuae44f202019-09-23 23:15:56 +02001body {
avm9996349fe6192019-09-24 14:34:39 +02002 margin: 0;
Andreuae44f202019-09-23 23:15:56 +02003 background-image: url('https://images.unsplash.com/photo-1428196457394-f0c4aec5f574?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1050&q=80');
4 background-size: cover;
5}
6
7header {
avm9996349fe6192019-09-24 14:34:39 +02008 padding: 8px 0;
Andreuae44f202019-09-23 23:15:56 +02009 font-family: 'Open Sans';
10 display: block;
11}
12
13header a {
avm9996349fe6192019-09-24 14:34:39 +020014 font-size: 17px;
Andreuae44f202019-09-23 23:15:56 +020015 text-decoration: none;
16}
17
18header #leftlinks {
Andreuae44f202019-09-23 23:15:56 +020019 float: left;
20}
21
22header #rightlinks {
Andreuae44f202019-09-23 23:15:56 +020023 float: right;
24}
25
26div#outter-container {
Adrià Vilanova Martínez30e64952022-11-20 01:17:44 +010027 margin: 13px auto;
28 max-width: 800px;
avm9996349fe6192019-09-24 14:34:39 +020029 width: Calc(100% - 26px);
Andreuae44f202019-09-23 23:15:56 +020030}
31
Andreu2211ab22019-09-23 18:13:26 +020032#inner-container {
33 background-color: white;
avm9996349fe6192019-09-24 14:34:39 +020034 padding: 16px;
Andreu2211ab22019-09-23 18:13:26 +020035}
36
37p {
38 font-size: 16px;
39 text-align: justify;
Andreuae44f202019-09-23 23:15:56 +020040 display: none;
Andreuae44f202019-09-23 23:15:56 +020041 margin-bottom: 25px;
42}
43
44#table-container {
avm9996349fe6192019-09-24 14:34:39 +020045 overflow: auto;
Andreuae44f202019-09-23 23:15:56 +020046}
47
48div#table-container {
49 display: inline-block;
50 width: 100%;
51 margin: 0 auto;
Andreu2211ab22019-09-23 18:13:26 +020052}
53
54table#ranking {
avm9996349fe6192019-09-24 14:34:39 +020055 font-size: 20px;
Andreu2211ab22019-09-23 18:13:26 +020056 text-align: center;
Andreu2211ab22019-09-23 18:13:26 +020057 font-family: 'Open Sans';
avm9996349fe6192019-09-24 14:34:39 +020058 margin: 8px auto;
Andreu779c3b72019-09-24 03:14:35 +020059 width: 95%;
avm9996349fe6192019-09-24 14:34:39 +020060 max-width: 512px;
Andreu2211ab22019-09-23 18:13:26 +020061}
62
63table#ranking td {
avm9996349fe6192019-09-24 14:34:39 +020064 padding: 4px;
65
Andreuae44f202019-09-23 23:15:56 +020066 max-width: 400px;
67 text-overflow: ellipsis;
68 white-space: nowrap;
69 overflow: hidden;
70}
71
72td div.username {
avm9996349fe6192019-09-24 14:34:39 +020073 font-size: 17px;
Andreuae44f202019-09-23 23:15:56 +020074}
75
76td div.userinfo {
avm9996349fe6192019-09-24 14:34:39 +020077 font-size: 14px;
Andreuae44f202019-09-23 23:15:56 +020078 color: rgb(100,100,100);
79}
80
81td.name {
82 text-align: left;
83}
84
85tr#header th {
86 text-align: center;
avm9996349fe6192019-09-24 14:34:39 +020087 padding: 6px 0;
Andreu2211ab22019-09-23 18:13:26 +020088}
89
90tr.gold {
91 background-color: rgba(255, 225, 0, 0.3);
92}
93
94tr.silver {
95 background-color: rgba(200, 200, 200, 0.3);
96}
97
98tr.bronze {
99 background-color: rgba(200, 125, 50, 0.3);
100}
101
102tr.me {
103 background-color: rgba(50, 50, 255, 0.3);
104}
105
106tr.top3 td:first-child::before {
107 content: '';
avm9996349fe6192019-09-24 14:34:39 +0200108 background-size: 20px 20px;
109 width: 20px;
110 height: 20px;
111 background-repeat: no-repeat;
112 padding-right: 8px;
Andreu2211ab22019-09-23 18:13:26 +0200113 float: left;
114 position: relative;
115 top: 0px;
116 left: 5px;
117}
118
119tr.gold td:first-child::before {
120 background-image: url('../bin/images/first.png');
121}
122
123
124tr.silver td:first-child::before {
125 background-image: url('../bin/images/second.png');
126}
127
128
129tr.bronze td:first-child::before {
130 background-image: url('../bin/images/third.png');
131}