aboutsummaryrefslogtreecommitdiffhomepage
path: root/tpl/default/css
diff options
context:
space:
mode:
authorArthurHoaro <arthur@hoa.ro>2017-02-21 14:16:48 +0100
committerArthurHoaro <arthur@hoa.ro>2017-02-27 20:01:54 +0100
commit7040169069322d72cec4276b7b812291b57a0d40 (patch)
treed038b8d560873852c2cbf0ef147ed71543b255a6 /tpl/default/css
parent430ff0710265ff281727ef6824cf292d1dfc50f1 (diff)
downloadShaarli-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')
-rw-r--r--tpl/default/css/shaarli.css68
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 */
4body { 4body {
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}