X-Git-Url: https://git.immae.eu/?p=github%2Fshaarli%2FShaarli.git;a=blobdiff_plain;f=assets%2Fdefault%2Fscss%2Fshaarli.scss;h=760d8d6ab7272a5d8c929ccb8425fc5a8f7f054d;hp=425a0490f2e69151bee7c54015bfb5cf5079739c;hb=a062416918c964e7551137c08b5b5671e6e2bb7e;hpb=e85b7a05a177f803ae36ba5c12835313f31177bc diff --git a/assets/default/scss/shaarli.scss b/assets/default/scss/shaarli.scss index 425a0490..760d8d6a 100644 --- a/assets/default/scss/shaarli.scss +++ b/assets/default/scss/shaarli.scss @@ -146,6 +146,13 @@ body, background-color: $main-green; } +.pure-alert-warning { + a { + color: $warning-text; + font-weight: bold; + } +} + .page-single-alert { margin-top: 100px; } @@ -374,8 +381,6 @@ body, box-shadow: 0 1px 0 $light-shadow, 0 1px 4px $dark-shadow inset; background: $almost-white; padding: 5px 5px 3px 15px; - width: 20%; - height: 20px; color: $dark-grey; } @@ -629,23 +634,22 @@ body, } .linklist-item { + position: relative; margin: 0 0 10px; box-shadow: 1px 1px 3px $light-grey; background: $almost-white; &.private { - .linklist-item-title { - &::before { - @extend %private-border; - margin-top: 3px; - } - } - - .linklist-item-description { - &::before { - @extend %private-border; - height: 100%; - } + &::before { + display: block; + position: absolute; + top: 0; + left: 0; + z-index: 1; + background: $orange; + width: 2px; + height: 100%; + content: ''; } } } @@ -736,7 +740,7 @@ body, font-size: 1em; } - .delete-checkbox { + .link-checkbox { display: none; } } @@ -751,6 +755,14 @@ body, font-size: 1.3em; } +.pin-link { + font-size: 1.3em; +} + +.pinned-link { + color: $blue !important; +} + .linklist-item-description { position: relative; padding: 0 10px; @@ -844,6 +856,10 @@ body, margin: 0 7px; } +.ctrl-delete { + margin: 0 7px 0 0; +} + // 64em -> lg @media screen and (max-width: 64em) { .linklist-item-infos-url { @@ -1547,3 +1563,40 @@ form { .pure-button-shaarli { background-color: $main-green; } + +.progressbar { + border-radius: 6px; + background-color: $main-green; + padding: 1px; + + > div { + border-radius: 10px; + background: repeating-linear-gradient( + -45deg, + $almost-white, + $almost-white 6px, + $background-color 6px, + $background-color 12px + ); + width: 0%; + height: 10px; + } +} + +.thumbnails-page-container { + .progress-counter { + padding: 10px 0 20px; + } + + .thumbnail-placeholder { + margin: 10px auto; + background-color: $light-grey; + } + + .thumbnail-link-title { + padding-bottom: 20px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } +}