Add first versions of Deck and Weather styles

Deck/README.md

@@ -0,0 +1,15 @@
+# Nextcloud Deck userstyle
+
+This userstyle tries to enhance the [Nextcloud Deck](https://apps.nextcloud.com/apps/deck) app to give it a more compact design, reminiscent of Trello.
+
+## Features
+
+* Boards have a background loaded from [Unsplash Source](https://source.unsplash.com/)
+* Card stacks are semi-transparent
+* Scrollbars are inside card stacks; you do not loose the other stacks in the view while scrolling, just like in Trello
+* Card margins and paddings have been reduced to the minimum
+* The darker "card controls" section is as small as possible, depending on its content
+
+## Screenshot
+
+![Screenshot of a test board](screenshot.png)

Deck/style.css

@@ -0,0 +1,64 @@
+.app-deck #app-content {
+    background-image: url('https://source.unsplash.com/weekly?nature');
+    background-size: cover;
+}
+
+.app-deck #boardlist table {
+    background-color: rgba(255,255,255,0.8);
+}
+
+.app-deck #innerBoard {
+    align-items: baseline;
+    overflow-y: hidden;
+    height: 100%;
+}
+
+.app-deck .stack {
+    background-color: rgba(255,255,255,0.5);
+    border-radius: 5px;
+    padding-left: 5px;
+    padding-right: 5px;
+    max-height: 100%;
+}
+
+.app-deck .card-list {
+    overflow: auto;
+}
+
+.app-deck .card, .app-deck .card:last-child {
+    margin: 5px;
+}
+
+.app-deck .card.create {
+    border-color: white !important;
+    margin-bottom: 10px;
+    min-height: 40px;
+}
+.app-deck .card.create .icon-add {
+    background-image: var(--icon-add-fff);
+}
+
+.app-deck .card .card-upper {
+    padding: 0 3px;
+}
+
+.app-deck .card .card-controls {
+    padding: 3px 0;
+    align-items: center;
+}
+
+.app-deck .card .card-controls .card-files {
+    margin: 0;
+}
+
+.app-deck .card .card-controls .icon {
+    margin: 5px 0 5px 10px;
+}
+
+.app-deck .card .card-controls button {
+    padding: 0 16px;
+}
+
+.app-deck .card .assigned-user {
+    margin: 0;
+}

README.md

@@ -0,0 +1,13 @@
+# Nextcloud Userstyles
+
+This repository holds a few userstyles to help customize some Nextcloud apps. Each style gets its own folder with a README that describes everything it does and includes a screenshot.
+
+## Use a userstyle
+
+The following steps describe a workflow that is used by the [Stylus](https://addons.mozilla.org/en-US/firefox/addon/styl-us/) extension - other userstyles extensions probably work in a similar way.
+
+1. Navigate to your Nextcloud instance.
+2. In the extension's menu, choose to create a new style for your instance's domain.
+3. Copy-paste the contents of the CSS file(s) you want in the new userstyle.
+4. Save your new style.
+5. Enjoy!

Weather/README.md

@@ -0,0 +1,12 @@
+# Nextcloud Weather userstyle
+
+This userstyle makes very small edits to the [Nextcloud Weather](https://apps.nextcloud.com/apps/weather) app. Most users will probably not even notice the design changes.
+
+## Features
+
+* Responsive design using Flexbox
+* Prevent the settings section from appearing at the bottom of the page and causing it to get scrollbars
+
+## Screenshot
+
+![Screenshot of the Nextcloud Weather in portrait mode](screenshot.png)

Weather/style.css

@@ -0,0 +1,16 @@
+.app-weather #city-right {
+    display: flex;
+	flex-wrap: wrap;
+	justify-content: space-around;
+	align-items: flex-start;
+}
+
+.app-weather #city-forecast-panel {
+    float: none;
+}
+
+.app-weather #city-list-left {
+    display: flex;
+    flex-direction: column;
+    padding-bottom: 0;
+}