add fargo base styles (#22721)

static/grandlyon-cut/_fargo.scss

@@ -0,0 +1,85 @@
+div#user-files {
+	input[type="submit"] {
+		display: none;
+	}
+	margin: 0 auto 3ex auto;
+	width: 50%;
+	@media screen and (max-width: $common-screen-width) {
+		width: 75%;
+		td.thumbnail, th.created + th {
+			display: none;
+		}
+		td.title {
+			text-overflow: ellipsis;
+			max-width: 1px;
+			overflow: hidden;
+		}
+	}
+	@media screen and (max-width: $mobile-limit) {
+		width: auto;
+		margin: 0 0.5em 3ex 0.5em;
+		th.size, td.size {
+			display: none;
+		}
+	}
+	form#send-file {
+		display: none;
+	}
+	div.table-container {
+		min-width: 0;
+		width: 100%;
+		td {
+			border: 1px solid #dfdfdf;
+			&.filename, &.created, &.thumbnail, &.title {
+				width: 100%;
+			}
+			&.created {
+				white-space: nowrap;
+			}
+			&.thumbnail img {
+				width: auto;
+				max-width: unset;
+			}
+		}
+		tr::before {
+			border: 1px solid #dfdfdf;
+		}
+		a {
+			font-size: 16px;
+		}
+		table {
+			border: 0;
+			tr.mime-application::before {
+				padding: 5px;
+			}
+			th, thead tr::before {
+				border: 0;
+				background: #d0d0d0;
+			}
+			@media screen and (max-width: 570px) {
+				tr::before, td.thumbnail, th.created, td.created {
+					display: none;
+				}
+			}
+		}
+	}
+	ul.pagination {
+		border: 0;
+		background: transparent;
+	}
+}
+
+div#oauth2-authorize, div#oauth2-confirm {
+	margin: 0 auto 3ex auto;
+	width: 30em;
+	select {
+		width: 90%;
+	}
+	label {
+		display: none;
+	}
+	@media screen and (max-width: $mobile-limit) {
+		width: auto;
+		margin: 0 0.5em 3ex 0.5em;
+	}
+}

static/grandlyon-cut/style.scss

@@ -23,4 +23,5 @@
 }
 
 @import "fc";
+@import "fargo";
 @import 'custom';

templates/fargo/base.html

@@ -0,0 +1,10 @@
+{% extends "base.html" %}
+{% load gadjo static %}
+
+{% block extra_css %}
+<link rel="stylesheet" href="{% static "fargo/css/style.css" %}" />
+{% endblock %}
+
+{% block extra_scripts %}
+<script type="text/javascript" src="{% xstatic 'jquery' 'jquery.min.js' %}"></script>
+{% endblock %}