diff options
author | ArthurHoaro <arthur@hoa.ro> | 2017-02-21 14:16:48 +0100 |
---|---|---|
committer | ArthurHoaro <arthur@hoa.ro> | 2017-02-27 20:01:54 +0100 |
commit | 7040169069322d72cec4276b7b812291b57a0d40 (patch) | |
tree | d038b8d560873852c2cbf0ef147ed71543b255a6 /tpl/default/css/shaarli.css | |
parent | 430ff0710265ff281727ef6824cf292d1dfc50f1 (diff) | |
download | Shaarli-7040169069322d72cec4276b7b812291b57a0d40.tar.gz Shaarli-7040169069322d72cec4276b7b812291b57a0d40.tar.zst Shaarli-7040169069322d72cec4276b7b812291b57a0d40.zip |
Multiple minor improvements and bugfixes regarding the new templates:
* Add API settings in `configure.html`
* Fix textarea autoresize
* Load user.css from data folder
* Move fold/expand all button to the right and fix an issue with already folded items
* Reset datetime display to international datetime
* Temporarilly remove JS login panel (need improvement and integration with the plugin system)
* Body background is slightly lighter
* Fix an issue where thumbnails were hidden by description
* Fix an issue where private orange bar wasn't displayed with thumbnails
* Remove the gradient bar behind titles
* Fix empty bookmarklet name in Firefox
Diffstat (limited to 'tpl/default/css/shaarli.css')
-rw-r--r-- | tpl/default/css/shaarli.css | 68 |
1 files changed, 41 insertions, 27 deletions
diff --git a/tpl/default/css/shaarli.css b/tpl/default/css/shaarli.css index 161c36d6..b937c596 100644 --- a/tpl/default/css/shaarli.css +++ b/tpl/default/css/shaarli.css | |||
@@ -2,7 +2,7 @@ | |||
2 | * General | 2 | * General |
3 | */ | 3 | */ |
4 | body { | 4 | body { |
5 | background: #c5c5c5; | 5 | background: #d0d0d0; |
6 | } | 6 | } |
7 | 7 | ||
8 | .strong { | 8 | .strong { |
@@ -268,6 +268,12 @@ pre { | |||
268 | width: 200px; | 268 | width: 200px; |
269 | } | 269 | } |
270 | 270 | ||
271 | /* because chrome */ | ||
272 | #header-login-form input[type="text"]::-webkit-input-placeholder, | ||
273 | #header-login-form input[type="password"]::-webkit-input-placeholder { | ||
274 | color: #777777; | ||
275 | } | ||
276 | |||
271 | .subheader-form { | 277 | .subheader-form { |
272 | visibility: hidden; | 278 | visibility: hidden; |
273 | position: fixed; | 279 | position: fixed; |
@@ -384,6 +390,10 @@ pre { | |||
384 | color: #252525; | 390 | color: #252525; |
385 | } | 391 | } |
386 | 392 | ||
393 | .toolbar-plugin input[type="submit"]:hover { | ||
394 | background: #fff; | ||
395 | } | ||
396 | |||
387 | @media screen and (max-width: 64em) { | 397 | @media screen and (max-width: 64em) { |
388 | .toolbar-plugin input[type="text"] { | 398 | .toolbar-plugin input[type="text"] { |
389 | width: 70%; | 399 | width: 70%; |
@@ -484,19 +494,6 @@ pre { | |||
484 | background: #f5f5f5; | 494 | background: #f5f5f5; |
485 | } | 495 | } |
486 | 496 | ||
487 | .linklist-item.private .linklist-item-title::before { | ||
488 | position: absolute; | ||
489 | left: 3px; | ||
490 | top: 0; | ||
491 | display: block; | ||
492 | content:""; | ||
493 | background: #F89406; | ||
494 | height: 95%; | ||
495 | width: 2px; | ||
496 | margin-top: 3px; | ||
497 | z-index: 1; | ||
498 | } | ||
499 | |||
500 | .linklist-item-title h2 { | 497 | .linklist-item-title h2 { |
501 | padding: 3px 10px 0 10px; | 498 | padding: 3px 10px 0 10px; |
502 | line-height: 30px; | 499 | line-height: 30px; |
@@ -563,14 +560,13 @@ pre { | |||
563 | .linklist-item-description { | 560 | .linklist-item-description { |
564 | position: relative; | 561 | position: relative; |
565 | padding: 10px; | 562 | padding: 10px; |
566 | background: #f5f5f5; | ||
567 | font-family: Roboto Slab, Arial, sans-serif; | 563 | font-family: Roboto Slab, Arial, sans-serif; |
568 | word-wrap: break-word; | 564 | word-wrap: break-word; |
569 | color: #252525; | 565 | color: #252525; |
570 | line-height: 1.3em; | 566 | line-height: 1.3em; |
571 | } | 567 | } |
572 | 568 | ||
573 | .linklist-item.private .linklist-item-description::before { | 569 | { |
574 | position: absolute; | 570 | position: absolute; |
575 | left: 3px; | 571 | left: 3px; |
576 | top: 0; | 572 | top: 0; |
@@ -596,9 +592,29 @@ pre { | |||
596 | } | 592 | } |
597 | 593 | ||
598 | .linklist-item-thumbnail { | 594 | .linklist-item-thumbnail { |
595 | position: relative; | ||
599 | margin-top: 10px; | 596 | margin-top: 10px; |
600 | padding: 10px; | 597 | padding: 10px; |
601 | float: left; | 598 | float: left; |
599 | z-index: 50; | ||
600 | } | ||
601 | |||
602 | .linklist-item.private .linklist-item-title::before, | ||
603 | .linklist-item.private .linklist-item-description::before, | ||
604 | .linklist-item.private .linklist-item-thumbnail::before { | ||
605 | position: absolute; | ||
606 | left: 3px; | ||
607 | top: 0; | ||
608 | display: block; | ||
609 | content:""; | ||
610 | background: #F89406; | ||
611 | height: 95%; | ||
612 | width: 2px; | ||
613 | z-index: 1; | ||
614 | } | ||
615 | |||
616 | .linklist-item.private .linklist-item-title::before { | ||
617 | margin-top: 3px; | ||
602 | } | 618 | } |
603 | 619 | ||
604 | .linklist-item-infos { | 620 | .linklist-item-infos { |
@@ -702,15 +718,6 @@ pre { | |||
702 | text-align: center; | 718 | text-align: center; |
703 | } | 719 | } |
704 | 720 | ||
705 | .page-form .window-title:after { | ||
706 | display: block; | ||
707 | content:""; | ||
708 | background: linear-gradient(to right, #f5f5f5, #1b926c, #f5f5f5); | ||
709 | height: 1px; | ||
710 | width: 80%; | ||
711 | margin: auto; | ||
712 | } | ||
713 | |||
714 | .page-form .window-subtitle { | 721 | .page-form .window-subtitle { |
715 | text-align: center; | 722 | text-align: center; |
716 | } | 723 | } |
@@ -740,7 +747,7 @@ pre { | |||
740 | } | 747 | } |
741 | 748 | ||
742 | .page-form textarea { | 749 | .page-form textarea { |
743 | height: 240px; | 750 | min-height: 240px; |
744 | padding: 15px 5px 3px 15px; | 751 | padding: 15px 5px 3px 15px; |
745 | resize: vertical; | 752 | resize: vertical; |
746 | overflow-y: auto; | 753 | overflow-y: auto; |
@@ -1163,7 +1170,7 @@ div.awesomplete > ul { | |||
1163 | 1170 | ||
1164 | .daily-entry-thumbnail { | 1171 | .daily-entry-thumbnail { |
1165 | float: left; | 1172 | float: left; |
1166 | margin: 15px 5px 5px 5px; | 1173 | margin: 15px 5px 5px 15px; |
1167 | } | 1174 | } |
1168 | 1175 | ||
1169 | .daily-entry-description a { | 1176 | .daily-entry-description a { |
@@ -1178,3 +1185,10 @@ div.awesomplete > ul { | |||
1178 | .daily-entry-description a:visited { | 1185 | .daily-entry-description a:visited { |
1179 | color: #20b988; | 1186 | color: #20b988; |
1180 | } | 1187 | } |
1188 | |||
1189 | /* | ||
1190 | * Fix empty bookmarklet name in Firefox | ||
1191 | */ | ||
1192 | .pure-button { | ||
1193 | -moz-user-select: auto; | ||
1194 | } | ||