diff --git a/www/boris/styles/astroport/colors.css b/www/boris/styles/astroport/colors.css new file mode 100644 index 0000000..5d4a895 --- /dev/null +++ b/www/boris/styles/astroport/colors.css @@ -0,0 +1,124 @@ +:root { + + --rouge: hsl(0, 98.8%, 33.5%); + --rouge-fonce: hsl(0, 75%, 33.5%); + + --noir-complet: black; + --noir-fonce: hsl(0, 30%, 2.1%); + --noir-moyen: hsl(0, 15%, 3.1%); + --noir-clair: hsl(0, 5%, 7.1%); + + --blanc: hsla(0, 0%, 100%, 1); + --blanc-fort: hsla(0, 0%, 100%, 0.75); + --blanc-semi-transparent: hsla(0, 0%, 100%, 0.25); +} + +body { + + background: var(--noir-fonce); + color: white; +} + + +header { + + background: var(--noir-clair); +} + + +header * { + + color: var(--rouge); +} + +header span { + + color: white; +} + +#pinFilter ul li a { + + background-color: var(--blanc); +} + +#pinFilter ul li a { + + border-color: red; +} + +#pinFilter ul li.selected a { + + background-color: var(--rouge); +} + + +ul#tagsList a, +ul#tagsList a:visited { + + color: var(--rouge-fonce); +} + +#narrowingTags a, +#narrowingTags a:visited { + + color: inherit; +} + +#narrowingTags li.selected { + + background-color: var(--rouge-fonce); + color: var(--blanc); + border-color: var(--noir-clair); +} + +#narrowingTags li.selectable { + + background-color: var(--noir-fonce); + color: var(--rouge-fonce); + border-color: var(--noir-clair); +} + +#videosList > li { + + background-color: var(--noir-clair); + border-color: var(--rouge); +} + +.video-title, +.video-title a, +.video-title a:visited { + + color: white; +} + +#videosList .thumbnail { + + background-color: var(--noir-complet); +} + +#videosList > li ul.tags li.selectable a, +#videosList > li ul.tags li.selectable a:visited { + + color: var(--blanc-semi-transparent); +} + +#videosList > li ul.tags li.selectable a:hover { + + color: var(--blanc-fort); +} + +#videosList > li ul.tags li.selected a, +#videosList > li ul.tags li.selected a:visited { + + color: var(--blanc-fort); +} + +article { + + background-color: var(--noir-clair); +} + +article video { + + background-color: black; +} diff --git a/www/boris/styles/astroport/decoration.css b/www/boris/styles/astroport/decoration.css index 8c0176c..d8a42d4 100644 --- a/www/boris/styles/astroport/decoration.css +++ b/www/boris/styles/astroport/decoration.css @@ -1,108 +1,13 @@ -:root { - - --rouge: hsl(0, 98.8%, 33.5%); - --rouge-fonce: hsl(0, 75%, 33.5%); - - --noir-complet: black; - --noir-fonce: hsl(0, 30%, 2.1%); - --noir-moyen: hsl(0, 15%, 3.1%); - --noir-clair: hsl(0, 5%, 7.1%); - - --blanc: hsla(0, 0%, 100%, 1); - --blanc-fort: hsla(0, 0%, 100%, 0.75); - --blanc-semi-transparent: hsla(0, 0%, 100%, 0.25); -} - - body { - background: var(--noir-fonce); - color: white; font-family: Roboto,sans-serif; } -header { - - background: var(--noir-clair); -} - - header * { - color: var(--rouge); text-decoration: none; } -header span { - - color: white; -} - -#pinFilter ul li a { - - background-color: var(--blanc); -} - -#pinFilter ul li.selected a { - - background-color: var(--rouge); -} - - -ul#tagsList, -ul#narrowingTags { - - list-style: none; - margin-left: 0; - padding-left: 0; -} - -ul#tagsList li, -ul#narrowingTags li { - - display: inline-block; -} - -ul#tagsList a, -ul#tagsList a:visited { - - text-decoration: none; - color: var(--rouge-fonce); -} - -#narrowingTags a, -#narrowingTags a:visited { - - text-decoration: none; - color: inherit; -} - -#narrowingTags li { - - border-radius: 1rem; -} - -#narrowingTags li.selected { - - background-color: var(--rouge-fonce); - color: var(--blanc); - border: 0.125rem solid var(--noir-clair); -} - -#tagsList, -#narrowingTags { - - display: flex; - flex-direction: row; - flex-wrap: wrap; -} - -#tagsList li.station, -#narrowingTags li.station { - - order: 1; -} - #tagsList li.station, #narrowingTags li.station { @@ -111,20 +16,16 @@ ul#tagsList a:visited { background-position: left middle; background-size: contain; padding-left: 2em; - order: 1; } #narrowingTags li.selectable { - background-color: var(--noir-fonce); - color: var(--rouge-fonce); - border: 0.125rem solid var(--noir-clair); + border-width: 0.125rem; + border-style: solid; } #videosList > li { - background: var(--noir-clair); - border-color: var(--rouge); border-style: solid; } @@ -132,51 +33,17 @@ ul#tagsList a:visited { .video-title a, .video-title a:visited { - color: white; font-weight: bold; text-decoration: none; word-break: break-all; } -#videosList .thumbnail { - - background-color: var(--noir-complet); -} - #videosList > li ul.tags li a, #videosList > li ul.tags li a:visited { text-decoration: none; } -#videosList > li ul.tags li.selectable a, -#videosList > li ul.tags li.selectable a:visited { - - color: var(--blanc-semi-transparent); -} - -#videosList > li ul.tags li.selectable a:hover { - - color: var(--blanc-fort); -} - -#videosList > li ul.tags li.selected a, -#videosList > li ul.tags li.selected a:visited { - - color: var(--blanc-fort); -} - -article { - - background: var(--noir-clair); -} - -article video { - - background: black; -} - - article .video-title { font-weight: bold; diff --git a/www/boris/styles/astroport/style.css b/www/boris/styles/astroport/style.css index ec19169..efb4ecd 100644 --- a/www/boris/styles/astroport/style.css +++ b/www/boris/styles/astroport/style.css @@ -1,2 +1,3 @@ @import "./layout.css"; @import "./decoration.css"; +@import "./colors.css"; diff --git a/www/boris/styles/barry/9gag_logo.png b/www/boris/styles/barry/9gag_logo.png new file mode 120000 index 0000000..5697e13 --- /dev/null +++ b/www/boris/styles/barry/9gag_logo.png @@ -0,0 +1 @@ +../default/9gag_logo.png \ No newline at end of file diff --git a/www/boris/styles/barry/colors.css b/www/boris/styles/barry/colors.css new file mode 100644 index 0000000..8b13789 --- /dev/null +++ b/www/boris/styles/barry/colors.css @@ -0,0 +1 @@ + diff --git a/www/boris/styles/barry/layout.css b/www/boris/styles/barry/layout.css new file mode 120000 index 0000000..e2d914f --- /dev/null +++ b/www/boris/styles/barry/layout.css @@ -0,0 +1 @@ +../default/layout.css \ No newline at end of file diff --git a/www/boris/styles/barry/logo.png b/www/boris/styles/barry/logo.png new file mode 100644 index 0000000..8378959 Binary files /dev/null and b/www/boris/styles/barry/logo.png differ diff --git a/www/boris/styles/barry/style.css b/www/boris/styles/barry/style.css new file mode 100644 index 0000000..efb4ecd --- /dev/null +++ b/www/boris/styles/barry/style.css @@ -0,0 +1,3 @@ +@import "./layout.css"; +@import "./decoration.css"; +@import "./colors.css"; diff --git a/www/boris/styles/crowdbunker/9gag_logo.png b/www/boris/styles/crowdbunker/9gag_logo.png new file mode 120000 index 0000000..5697e13 --- /dev/null +++ b/www/boris/styles/crowdbunker/9gag_logo.png @@ -0,0 +1 @@ +../default/9gag_logo.png \ No newline at end of file diff --git a/www/boris/styles/crowdbunker/colors.css b/www/boris/styles/crowdbunker/colors.css new file mode 100644 index 0000000..2e301d4 --- /dev/null +++ b/www/boris/styles/crowdbunker/colors.css @@ -0,0 +1,152 @@ +:root { + + --pink: hsl(338.5, 72.8%, 36.1%); + --light-pink: hsl(338.5, 72.8%, 56.1%); + --canard: hsl(200.8, 100%, 9.6%); + --blanc: hsla(0, 0%, 100%, 1); + + + --blanc: hsla(0, 0%, 100%, 1); + --blanc-fort: hsla(0, 0%, 100%, 0.75); + --blanc-semi-transparent: hsla(0, 0%, 100%, 0.25); +} + +body { + + background-color: #121212; + color: white; +} + + +header { + + background-color: var(--canard); +} + +header a, +header a:visited { + + color: white; +} + +header > .sitetitle span { + + border-bottom-color: var(--pink); +} + +header .usp { + + color: white; +} + +header .usp strong { + + color: var(--light-pink); +} + +#pinFilter ul li a { + + background-color: var(--blanc); +} + +#pinFilter ul li a { + + border-color: var(--blanc); +} + +#pinFilter ul li.selected a { + + background-color: var(--pink); +} + + +ul#tagsList a, +ul#tagsList a:visited { + + color: var(--pink); +} + +#narrowingTags a, +#narrowingTags a:visited { + + color: inherit; +} + +#narrowingTags li.selected { + + background-color: var(--blanc); + color: var(--canard); + border-color: var(--canard); +} + +#narrowingTags li.selectable { + + background-color: var(--canard); + color: var(--blanc); + border-color: var(--blanc); +} + +#videosList > li { + + background-color: var(--canard); + border-color: var(--pink); +} + +.video-title, +.video-title a, +.video-title a:visited { + + color: var(--blanc); +} + +#videosList .thumbnail { + + background-color: var(--noir-complet); +} + +#videosList > li ul.tags li.selectable a, +#videosList > li ul.tags li.selectable a:visited { + + color: var(--blanc-semi-transparent); +} + +#videosList > li ul.tags li.selectable a:hover { + + color: var(--blanc-fort); +} + +#videosList > li ul.tags li.selected a, +#videosList > li ul.tags li.selected a:visited { + + color: var(--blanc-fort); +} + + + +article { + + background: var(--canard); +} + +article video { + + background-color: black; +} + +form.add-video input[type="text"] { + + border-color: transparent; +} + +form.add-video input[type="text"]:focus { + + border-color: var(--pink); +} + + +form.add-video input[type="submit"] { + + background-color: var(--pink); + border-color: var(--pink); + color: white; +} diff --git a/www/boris/styles/crowdbunker/decoration.css b/www/boris/styles/crowdbunker/decoration.css index 05054a2..2b25dc9 100644 --- a/www/boris/styles/crowdbunker/decoration.css +++ b/www/boris/styles/crowdbunker/decoration.css @@ -1,26 +1,11 @@ -:root { - - --pink: hsl(338.5, 72.8%, 36.1%); - --light-pink: hsl(338.5, 72.8%, 56.1%); - --canard: hsl(200.8, 100%, 9.6%); -} - body { - background: #121212; - color: white; font-family: Roboto,sans-serif; } -header { - - background: var(--canard); -} - header a, header a:visited { - color: white; text-decoration: none; } @@ -32,45 +17,33 @@ header a:active { header > .sitetitle span { border-bottom-style: solid; - border-bottom-color: var(--pink); } -header .usp { - color: white; +#narrowingTags li.selectable { + + border-width: 0.125rem; + border-style: solid; } -header .usp strong { - - color: var(--light-pink); -} - - #videosList > li { - background: var(--canard); - border-color: var(--pink); border-style: solid; } +#videosList > li ul.tags li a, +#videosList > li ul.tags li a:visited { + + text-decoration: none; +} + .video-title, .video-title a, .video-title a:visited { - color: white; font-weight: bold; text-decoration: none; -} - -article { - - background: var(--canard); -} - - -article video { - - background: black; + word-break: break-all; } article .video-title { @@ -83,20 +56,25 @@ article .video-title { form.add-video input[type="text"] { border-style: solid; - border-color: transparent; } form.add-video input[type="text"]:focus { - border-color: var(--pink); outline: 0; } form.add-video input[type="submit"] { - background: var(--pink); - border-color: var(--pink); border-style: solid; - color: white; font-weight: bold; } + +#successMsg { + + opacity: 0; + transition: opacity 1s; +} + + + + diff --git a/www/boris/styles/crowdbunker/font-awesome/address-book.svg b/www/boris/styles/crowdbunker/font-awesome/address-book.svg new file mode 120000 index 0000000..5faeceb --- /dev/null +++ b/www/boris/styles/crowdbunker/font-awesome/address-book.svg @@ -0,0 +1 @@ +../../default/font-awesome/address-book.svg \ No newline at end of file diff --git a/www/boris/styles/crowdbunker/font-awesome/anchor.svg b/www/boris/styles/crowdbunker/font-awesome/anchor.svg new file mode 120000 index 0000000..3abe343 --- /dev/null +++ b/www/boris/styles/crowdbunker/font-awesome/anchor.svg @@ -0,0 +1 @@ +../../default/font-awesome/anchor.svg \ No newline at end of file diff --git a/www/boris/styles/crowdbunker/font-awesome/arrow-down.svg b/www/boris/styles/crowdbunker/font-awesome/arrow-down.svg new file mode 120000 index 0000000..cd7668c --- /dev/null +++ b/www/boris/styles/crowdbunker/font-awesome/arrow-down.svg @@ -0,0 +1 @@ +../../default/font-awesome/arrow-down.svg \ No newline at end of file diff --git a/www/boris/styles/crowdbunker/font-awesome/bars.svg b/www/boris/styles/crowdbunker/font-awesome/bars.svg new file mode 120000 index 0000000..340d9df --- /dev/null +++ b/www/boris/styles/crowdbunker/font-awesome/bars.svg @@ -0,0 +1 @@ +../../default/font-awesome/bars.svg \ No newline at end of file diff --git a/www/boris/styles/crowdbunker/font-awesome/book.svg b/www/boris/styles/crowdbunker/font-awesome/book.svg new file mode 120000 index 0000000..cdaac5b --- /dev/null +++ b/www/boris/styles/crowdbunker/font-awesome/book.svg @@ -0,0 +1 @@ +../../default/font-awesome/book.svg \ No newline at end of file diff --git a/www/boris/styles/crowdbunker/font-awesome/bookmark.svg b/www/boris/styles/crowdbunker/font-awesome/bookmark.svg new file mode 120000 index 0000000..ff0da29 --- /dev/null +++ b/www/boris/styles/crowdbunker/font-awesome/bookmark.svg @@ -0,0 +1 @@ +../../default/font-awesome/bookmark.svg \ No newline at end of file diff --git a/www/boris/styles/crowdbunker/font-awesome/bullhorn.svg b/www/boris/styles/crowdbunker/font-awesome/bullhorn.svg new file mode 120000 index 0000000..ebe3194 --- /dev/null +++ b/www/boris/styles/crowdbunker/font-awesome/bullhorn.svg @@ -0,0 +1 @@ +../../default/font-awesome/bullhorn.svg \ No newline at end of file diff --git a/www/boris/styles/crowdbunker/font-awesome/cloud.svg b/www/boris/styles/crowdbunker/font-awesome/cloud.svg new file mode 120000 index 0000000..9419ced --- /dev/null +++ b/www/boris/styles/crowdbunker/font-awesome/cloud.svg @@ -0,0 +1 @@ +../../default/font-awesome/cloud.svg \ No newline at end of file diff --git a/www/boris/styles/crowdbunker/font-awesome/film.svg b/www/boris/styles/crowdbunker/font-awesome/film.svg new file mode 120000 index 0000000..b1e1a1a --- /dev/null +++ b/www/boris/styles/crowdbunker/font-awesome/film.svg @@ -0,0 +1 @@ +../../default/font-awesome/film.svg \ No newline at end of file diff --git a/www/boris/styles/crowdbunker/font-awesome/film.white.svg b/www/boris/styles/crowdbunker/font-awesome/film.white.svg new file mode 120000 index 0000000..f9ac018 --- /dev/null +++ b/www/boris/styles/crowdbunker/font-awesome/film.white.svg @@ -0,0 +1 @@ +../../default/font-awesome/film.white.svg \ No newline at end of file diff --git a/www/boris/styles/crowdbunker/font-awesome/hdd.svg b/www/boris/styles/crowdbunker/font-awesome/hdd.svg new file mode 120000 index 0000000..7796201 --- /dev/null +++ b/www/boris/styles/crowdbunker/font-awesome/hdd.svg @@ -0,0 +1 @@ +../../default/font-awesome/hdd.svg \ No newline at end of file diff --git a/www/boris/styles/crowdbunker/font-awesome/laptop.svg b/www/boris/styles/crowdbunker/font-awesome/laptop.svg new file mode 120000 index 0000000..79c545e --- /dev/null +++ b/www/boris/styles/crowdbunker/font-awesome/laptop.svg @@ -0,0 +1 @@ +../../default/font-awesome/laptop.svg \ No newline at end of file diff --git a/www/boris/styles/crowdbunker/font-awesome/play-circle.svg b/www/boris/styles/crowdbunker/font-awesome/play-circle.svg new file mode 120000 index 0000000..c632edf --- /dev/null +++ b/www/boris/styles/crowdbunker/font-awesome/play-circle.svg @@ -0,0 +1 @@ +../../default/font-awesome/play-circle.svg \ No newline at end of file diff --git a/www/boris/styles/crowdbunker/font-awesome/play.svg b/www/boris/styles/crowdbunker/font-awesome/play.svg new file mode 120000 index 0000000..4df8f07 --- /dev/null +++ b/www/boris/styles/crowdbunker/font-awesome/play.svg @@ -0,0 +1 @@ +../../default/font-awesome/play.svg \ No newline at end of file diff --git a/www/boris/styles/crowdbunker/font-awesome/qrcode.svg b/www/boris/styles/crowdbunker/font-awesome/qrcode.svg new file mode 120000 index 0000000..a980d47 --- /dev/null +++ b/www/boris/styles/crowdbunker/font-awesome/qrcode.svg @@ -0,0 +1 @@ +../../default/font-awesome/qrcode.svg \ No newline at end of file diff --git a/www/boris/styles/crowdbunker/font-awesome/save.svg b/www/boris/styles/crowdbunker/font-awesome/save.svg new file mode 120000 index 0000000..695b989 --- /dev/null +++ b/www/boris/styles/crowdbunker/font-awesome/save.svg @@ -0,0 +1 @@ +../../default/font-awesome/save.svg \ No newline at end of file diff --git a/www/boris/styles/crowdbunker/font-awesome/share-alt-square.svg b/www/boris/styles/crowdbunker/font-awesome/share-alt-square.svg new file mode 120000 index 0000000..18f89f6 --- /dev/null +++ b/www/boris/styles/crowdbunker/font-awesome/share-alt-square.svg @@ -0,0 +1 @@ +../../default/font-awesome/share-alt-square.svg \ No newline at end of file diff --git a/www/boris/styles/crowdbunker/font-awesome/share-alt.svg b/www/boris/styles/crowdbunker/font-awesome/share-alt.svg new file mode 120000 index 0000000..bbe051d --- /dev/null +++ b/www/boris/styles/crowdbunker/font-awesome/share-alt.svg @@ -0,0 +1 @@ +../../default/font-awesome/share-alt.svg \ No newline at end of file diff --git a/www/boris/styles/crowdbunker/font-awesome/share-square.svg b/www/boris/styles/crowdbunker/font-awesome/share-square.svg new file mode 120000 index 0000000..9fbde50 --- /dev/null +++ b/www/boris/styles/crowdbunker/font-awesome/share-square.svg @@ -0,0 +1 @@ +../../default/font-awesome/share-square.svg \ No newline at end of file diff --git a/www/boris/styles/crowdbunker/font-awesome/share.svg b/www/boris/styles/crowdbunker/font-awesome/share.svg new file mode 120000 index 0000000..78f7434 --- /dev/null +++ b/www/boris/styles/crowdbunker/font-awesome/share.svg @@ -0,0 +1 @@ +../../default/font-awesome/share.svg \ No newline at end of file diff --git a/www/boris/styles/crowdbunker/font-awesome/sliders-h.svg b/www/boris/styles/crowdbunker/font-awesome/sliders-h.svg new file mode 120000 index 0000000..06f6151 --- /dev/null +++ b/www/boris/styles/crowdbunker/font-awesome/sliders-h.svg @@ -0,0 +1 @@ +../../default/font-awesome/sliders-h.svg \ No newline at end of file diff --git a/www/boris/styles/crowdbunker/font-awesome/tag.svg b/www/boris/styles/crowdbunker/font-awesome/tag.svg new file mode 120000 index 0000000..b5ab4cc --- /dev/null +++ b/www/boris/styles/crowdbunker/font-awesome/tag.svg @@ -0,0 +1 @@ +../../default/font-awesome/tag.svg \ No newline at end of file diff --git a/www/boris/styles/crowdbunker/font-awesome/tags.svg b/www/boris/styles/crowdbunker/font-awesome/tags.svg new file mode 120000 index 0000000..3101859 --- /dev/null +++ b/www/boris/styles/crowdbunker/font-awesome/tags.svg @@ -0,0 +1 @@ +../../default/font-awesome/tags.svg \ No newline at end of file diff --git a/www/boris/styles/crowdbunker/font-awesome/tv.svg b/www/boris/styles/crowdbunker/font-awesome/tv.svg new file mode 120000 index 0000000..ad8ce43 --- /dev/null +++ b/www/boris/styles/crowdbunker/font-awesome/tv.svg @@ -0,0 +1 @@ +../../default/font-awesome/tv.svg \ No newline at end of file diff --git a/www/boris/styles/crowdbunker/font-awesome/unlink.svg b/www/boris/styles/crowdbunker/font-awesome/unlink.svg new file mode 120000 index 0000000..e87dc7e --- /dev/null +++ b/www/boris/styles/crowdbunker/font-awesome/unlink.svg @@ -0,0 +1 @@ +../../default/font-awesome/unlink.svg \ No newline at end of file diff --git a/www/boris/styles/crowdbunker/font-awesome/upload.svg b/www/boris/styles/crowdbunker/font-awesome/upload.svg new file mode 120000 index 0000000..fefa5ef --- /dev/null +++ b/www/boris/styles/crowdbunker/font-awesome/upload.svg @@ -0,0 +1 @@ +../../default/font-awesome/upload.svg \ No newline at end of file diff --git a/www/boris/styles/crowdbunker/font-awesome/user-alt.svg b/www/boris/styles/crowdbunker/font-awesome/user-alt.svg new file mode 120000 index 0000000..e3ea154 --- /dev/null +++ b/www/boris/styles/crowdbunker/font-awesome/user-alt.svg @@ -0,0 +1 @@ +../../default/font-awesome/user-alt.svg \ No newline at end of file diff --git a/www/boris/styles/crowdbunker/font-awesome/user-astronaut.svg b/www/boris/styles/crowdbunker/font-awesome/user-astronaut.svg new file mode 120000 index 0000000..4547c06 --- /dev/null +++ b/www/boris/styles/crowdbunker/font-awesome/user-astronaut.svg @@ -0,0 +1 @@ +../../default/font-awesome/user-astronaut.svg \ No newline at end of file diff --git a/www/boris/styles/crowdbunker/font-awesome/user-friends.svg b/www/boris/styles/crowdbunker/font-awesome/user-friends.svg new file mode 120000 index 0000000..a55e162 --- /dev/null +++ b/www/boris/styles/crowdbunker/font-awesome/user-friends.svg @@ -0,0 +1 @@ +../../default/font-awesome/user-friends.svg \ No newline at end of file diff --git a/www/boris/styles/crowdbunker/font-awesome/user-tag.svg b/www/boris/styles/crowdbunker/font-awesome/user-tag.svg new file mode 120000 index 0000000..f523e33 --- /dev/null +++ b/www/boris/styles/crowdbunker/font-awesome/user-tag.svg @@ -0,0 +1 @@ +../../default/font-awesome/user-tag.svg \ No newline at end of file diff --git a/www/boris/styles/crowdbunker/font-awesome/user.svg b/www/boris/styles/crowdbunker/font-awesome/user.svg new file mode 120000 index 0000000..69b3c6d --- /dev/null +++ b/www/boris/styles/crowdbunker/font-awesome/user.svg @@ -0,0 +1 @@ +../../default/font-awesome/user.svg \ No newline at end of file diff --git a/www/boris/styles/crowdbunker/font-awesome/wallet.svg b/www/boris/styles/crowdbunker/font-awesome/wallet.svg new file mode 120000 index 0000000..661c4d8 --- /dev/null +++ b/www/boris/styles/crowdbunker/font-awesome/wallet.svg @@ -0,0 +1 @@ +../../default/font-awesome/wallet.svg \ No newline at end of file diff --git a/www/boris/styles/crowdbunker/font-awesome/wrench.svg b/www/boris/styles/crowdbunker/font-awesome/wrench.svg new file mode 120000 index 0000000..b44dc89 --- /dev/null +++ b/www/boris/styles/crowdbunker/font-awesome/wrench.svg @@ -0,0 +1 @@ +../../default/font-awesome/wrench.svg \ No newline at end of file diff --git a/www/boris/styles/crowdbunker/style.css b/www/boris/styles/crowdbunker/style.css index ec19169..efb4ecd 100644 --- a/www/boris/styles/crowdbunker/style.css +++ b/www/boris/styles/crowdbunker/style.css @@ -1,2 +1,3 @@ @import "./layout.css"; @import "./decoration.css"; +@import "./colors.css"; diff --git a/www/boris/styles/default/layout.css b/www/boris/styles/default/layout.css index 2ee23dc..aa8cfef 100644 --- a/www/boris/styles/default/layout.css +++ b/www/boris/styles/default/layout.css @@ -82,11 +82,13 @@ aside#menu > div { } #pinFilter ul li a { + + border-width: 1px; + border-style: solid; display: inline-block; height: 3rem; width: 3rem; - border: 1px solid red; background-repeat: no-repeat; } @@ -115,13 +117,57 @@ aside#menu > div { } + +ul#tagsList, +ul#narrowingTags { + + display: flex; + flex-direction: row; + flex-wrap: wrap; + + list-style: none; + margin-left: 0; + padding-left: 0; +} + #tagsList li, #narrowingTags li { + display: inline-block; + padding: 0.125rem 0.5rem; margin: 0.25rem 0.25rem; } +#narrowingTags li.selected { + + border-width: 0.125rem; + border-style: solid; +} + +#tagsList li.station, +#narrowingTags li.station { + + order: 1; +} + +ul#tagsList a, +ul#tagsList a:visited { + + text-decoration: none; +} + +#narrowingTags a, +#narrowingTags a:visited { + + text-decoration: none; +} + +#narrowingTags li { + + border-radius: 1rem; +} + #videosList { display: grid;