diff options
Diffstat (limited to 'assets/default/scss/shaarli.scss')
-rw-r--r-- | assets/default/scss/shaarli.scss | 71 |
1 files changed, 59 insertions, 12 deletions
diff --git a/assets/default/scss/shaarli.scss b/assets/default/scss/shaarli.scss index 09d5efbe..6b286f1e 100644 --- a/assets/default/scss/shaarli.scss +++ b/assets/default/scss/shaarli.scss | |||
@@ -146,6 +146,17 @@ body, | |||
146 | background-color: $main-green; | 146 | background-color: $main-green; |
147 | } | 147 | } |
148 | 148 | ||
149 | .pure-alert-warning { | ||
150 | a { | ||
151 | color: $warning-text; | ||
152 | font-weight: bold; | ||
153 | } | ||
154 | } | ||
155 | |||
156 | .page-single-alert { | ||
157 | margin-top: 100px; | ||
158 | } | ||
159 | |||
149 | .anchor { | 160 | .anchor { |
150 | &:target { | 161 | &:target { |
151 | padding-top: 40px; | 162 | padding-top: 40px; |
@@ -625,23 +636,22 @@ body, | |||
625 | } | 636 | } |
626 | 637 | ||
627 | .linklist-item { | 638 | .linklist-item { |
639 | position: relative; | ||
628 | margin: 0 0 10px; | 640 | margin: 0 0 10px; |
629 | box-shadow: 1px 1px 3px $light-grey; | 641 | box-shadow: 1px 1px 3px $light-grey; |
630 | background: $almost-white; | 642 | background: $almost-white; |
631 | 643 | ||
632 | &.private { | 644 | &.private { |
633 | .linklist-item-title { | 645 | &::before { |
634 | &::before { | 646 | display: block; |
635 | @extend %private-border; | 647 | position: absolute; |
636 | margin-top: 3px; | 648 | top: 0; |
637 | } | 649 | left: 0; |
638 | } | 650 | z-index: 1; |
639 | 651 | background: $orange; | |
640 | .linklist-item-description { | 652 | width: 2px; |
641 | &::before { | 653 | height: 100%; |
642 | @extend %private-border; | 654 | content: ''; |
643 | height: 100%; | ||
644 | } | ||
645 | } | 655 | } |
646 | } | 656 | } |
647 | } | 657 | } |
@@ -1543,3 +1553,40 @@ form { | |||
1543 | .pure-button-shaarli { | 1553 | .pure-button-shaarli { |
1544 | background-color: $main-green; | 1554 | background-color: $main-green; |
1545 | } | 1555 | } |
1556 | |||
1557 | .progressbar { | ||
1558 | border-radius: 6px; | ||
1559 | background-color: $main-green; | ||
1560 | padding: 1px; | ||
1561 | |||
1562 | > div { | ||
1563 | border-radius: 10px; | ||
1564 | background: repeating-linear-gradient( | ||
1565 | -45deg, | ||
1566 | $almost-white, | ||
1567 | $almost-white 6px, | ||
1568 | $background-color 6px, | ||
1569 | $background-color 12px | ||
1570 | ); | ||
1571 | width: 0%; | ||
1572 | height: 10px; | ||
1573 | } | ||
1574 | } | ||
1575 | |||
1576 | .thumbnails-page-container { | ||
1577 | .progress-counter { | ||
1578 | padding: 10px 0 20px; | ||
1579 | } | ||
1580 | |||
1581 | .thumbnail-placeholder { | ||
1582 | margin: 10px auto; | ||
1583 | background-color: $light-grey; | ||
1584 | } | ||
1585 | |||
1586 | .thumbnail-link-title { | ||
1587 | padding-bottom: 20px; | ||
1588 | overflow: hidden; | ||
1589 | text-overflow: ellipsis; | ||
1590 | white-space: nowrap; | ||
1591 | } | ||
1592 | } | ||