aboutsummaryrefslogtreecommitdiffhomepage
path: root/tpl
diff options
context:
space:
mode:
authorArthurHoaro <arthur@hoa.ro>2016-03-01 17:38:57 +0100
committerArthurHoaro <arthur@hoa.ro>2016-08-07 12:17:36 +0200
commitb74d833d6f129297a3353275e4d6823f57eaceb5 (patch)
tree66ce8cccf8378d191b78d4e4957175c05a32c95f /tpl
parent497b1c7194f199fe867bbb690691b0d8cbbeb8fc (diff)
downloadShaarli-b74d833d6f129297a3353275e4d6823f57eaceb5.tar.gz
Shaarli-b74d833d6f129297a3353275e4d6823f57eaceb5.tar.zst
Shaarli-b74d833d6f129297a3353275e4d6823f57eaceb5.zip
Add Fira Sans font
Diffstat (limited to 'tpl')
-rw-r--r--tpl/default/css/shaarli.css53
-rw-r--r--tpl/default/fonts/Fira-Sans-regular.woffbin0 -> 14119 bytes
-rw-r--r--tpl/default/fonts/Fira-Sans-regular.woff2bin0 -> 11464 bytes
-rw-r--r--tpl/default/linklist.html10
4 files changed, 55 insertions, 8 deletions
diff --git a/tpl/default/css/shaarli.css b/tpl/default/css/shaarli.css
index 4770b058..e3961fc3 100644
--- a/tpl/default/css/shaarli.css
+++ b/tpl/default/css/shaarli.css
@@ -25,6 +25,17 @@ body {
25 border-radius: .25rem; 25 border-radius: .25rem;
26} 26}
27 27
28@font-face {
29 font-family: 'Roboto Slab';
30 font-weight: 400;
31 font-style: normal;
32 src:
33 local('Fira Sans'),
34 local('Fira-Sans-regular'),
35 url('../fonts/Fira-Sans-regular.woff2') format('woff2'),
36 url('../fonts/Fira-Sans-regular.woff') format('woff');
37}
38
28/** 39/**
29 * Extends Pure grids responsive to hide items. 40 * Extends Pure grids responsive to hide items.
30 * Use xx-0 to hide an item on xx screen. 41 * Use xx-0 to hide an item on xx screen.
@@ -155,7 +166,8 @@ body {
155 text-decoration: none; 166 text-decoration: none;
156 z-index: 1; 167 z-index: 1;
157 168
158 /* TODO: font? */ 169 font-family: Roboto Slab, Arial, sans-serif;
170 font-size: 1.2em;
159} 171}
160 172
161#header h1 a:hover { 173#header h1 a:hover {
@@ -307,7 +319,7 @@ body {
307 */ 319 */
308.linklist-item { 320.linklist-item {
309 margin: 15px 0; 321 margin: 15px 0;
310 background: #fff; 322 background: #f5f5f5;
311 box-shadow: 2px 2px 0.5em #797979; 323 box-shadow: 2px 2px 0.5em #797979;
312} 324}
313 325
@@ -322,23 +334,31 @@ body {
322} 334}
323 335
324.linklist-item-title h2 { 336.linklist-item-title h2 {
325 padding: 2px 10px; 337 padding: 3px 10px 0 10px;
326 line-height: 25px; 338 line-height: 25px;
327} 339}
328 340
329.linklist-item-title a { 341.linklist-item-title a {
330 font-size: 0.6em; 342 font-size: 0.7em;
331 color: #d0fff0; 343 color: #d0fff0;
332 text-decoration: none; 344 text-decoration: none;
333 vertical-align: middle; 345 vertical-align: middle;
346 font-family: Roboto Slab, Arial, sans-serif;
334} 347}
335 348
336.linklist-item-title a:hover { 349.linklist-item-title .linklist-link:visited {
350 color: #ddd;
351}
352
353.linklist-item-title a:hover, .linklist-item-title .linklist-link:hover{
337 color: #fff; 354 color: #fff;
338} 355}
339 356
357
340.linklist-item-title .label-private { 358.linklist-item-title .label-private {
341 border: solid 1px #d0fff0; 359 border: solid 1px #d0fff0;
360 font-family: Arial, sans-serif;
361 font-size: 0.65em;
342} 362}
343 363
344.linklist-item-title .fold-button { 364.linklist-item-title .fold-button {
@@ -356,6 +376,20 @@ body {
356 376
357.linklist-item-description { 377.linklist-item-description {
358 padding: 10px; 378 padding: 10px;
379 font-family: Roboto Slab, Arial, sans-serif;
380}
381
382.linklist-item-description a {
383 text-decoration: none;
384 color: #1b926c;
385}
386
387.linklist-item-description a:hover {
388 text-shadow: 1px 1px #ddd;
389}
390
391.linklist-item-description a:visited {
392 color: #20b988;
359} 393}
360 394
361.linklist-item-infos { 395.linklist-item-infos {
@@ -376,6 +410,10 @@ body {
376 color: #000; 410 color: #000;
377} 411}
378 412
413.linklist-item-tags {
414 margin: 0 0 5px 0;
415}
416
379.linklist-item-infos .label-tag { 417.linklist-item-infos .label-tag {
380 border: 1px solid #505050; 418 border: 1px solid #505050;
381 font-size: 0.9em; 419 font-size: 0.9em;
@@ -385,6 +423,11 @@ body {
385 border: 1px solid #000; 423 border: 1px solid #000;
386} 424}
387 425
426.linklist-plugin-icon {
427 width: 13px;
428 height: 13px;
429}
430
388.linklist-item-infos-url { 431.linklist-item-infos-url {
389 text-align: right; 432 text-align: right;
390 white-space: nowrap; 433 white-space: nowrap;
diff --git a/tpl/default/fonts/Fira-Sans-regular.woff b/tpl/default/fonts/Fira-Sans-regular.woff
new file mode 100644
index 00000000..3ba3c8ab
--- /dev/null
+++ b/tpl/default/fonts/Fira-Sans-regular.woff
Binary files differ
diff --git a/tpl/default/fonts/Fira-Sans-regular.woff2 b/tpl/default/fonts/Fira-Sans-regular.woff2
new file mode 100644
index 00000000..c7ada1ba
--- /dev/null
+++ b/tpl/default/fonts/Fira-Sans-regular.woff2
Binary files differ
diff --git a/tpl/default/linklist.html b/tpl/default/linklist.html
index 2694edfe..cc70cc6a 100644
--- a/tpl/default/linklist.html
+++ b/tpl/default/linklist.html
@@ -52,7 +52,7 @@
52 {/if} 52 {/if}
53 53
54 <h2> 54 <h2>
55 <a href="{$value.real_url}" id="{$value.shorturl}"> 55 <a href="{$value.real_url}" id="{$value.shorturl}" class="linklist-link">
56 {if="strpos($value.url, $value.shorturl) === false"} 56 {if="strpos($value.url, $value.shorturl) === false"}
57 <i class="fa fa-external-link"></i> 57 <i class="fa fa-external-link"></i>
58 {else} 58 {else}
@@ -100,12 +100,16 @@
100 permalink &middot; 100 permalink &middot;
101 </a> 101 </a>
102 102
103 {$link_plugin_counter=count($value.link_plugin)}
103 {loop="$value.link_plugin"} 104 {loop="$value.link_plugin"}
104 <span>{$value}</span> &middot; 105 <span>{$value}</span>
106 {if="$link_plugin_counter - 1 != $counter"}&middot;{/if}
105 {/loop} 107 {/loop}
106 </div> 108 </div>
107 <div class="linklist-item-infos-url pure-u-lg-3-8 pure-u-sm-1"> 109 <div class="linklist-item-infos-url pure-u-lg-3-8 pure-u-sm-1">
108 <a href="{$value.real_url}"><span class="linkurl" title="Short link">{$value.url}</span></a> 110 <a href="{$value.real_url}" title="{$value.title}">
111 <i class="fa fa-link"></i> {$value.url}
112 </a>
109 </div> 113 </div>
110 </div> 114 </div>
111 </div> 115 </div>