the theme

1 files changed, 165 insertions, 0 deletions

diff --git a/hosted/static/css/theme.css b/hosted/static/css/theme.css
new file mode 100644
index 0000000..793c3bc
--- /dev/null
+++ b/hosted/static/css/theme.css
@@ -0,0 +1,165 @@
+* { padding: 0; margin: 0; }
+body {
+	font-family: sans-serif;
+	text-rendering: optimizespeed;
+	background-color: #ffffff;
+}
+a {
+	color: #006ed3;
+	text-decoration: none;
+}
+a:hover,
+h1 a:hover {
+	color: #319cff;
+}
+header,
+#summary {
+	padding-left: 5%;
+	padding-right: 5%;
+}
+th:first-child,
+td:first-child {
+	width: 5%;
+}
+th:last-child,
+td:last-child {
+	width: 5%;
+}
+header {
+	padding-top: 25px;
+	padding-bottom: 15px;
+	background-color: #f2f2f2;
+}
+h1 {
+	font-size: 20px;
+	font-weight: normal;
+	white-space: nowrap;
+	overflow-x: hidden;
+	text-overflow: ellipsis;
+	color: #999;
+}
+h1 a {
+	color: #000;
+	margin: 0 4px;
+}
+h1 a:hover {
+	text-decoration: underline;
+}
+h1 a:first-child {
+	margin: 0;
+}
+main {
+	display: block;
+}
+.meta {
+	font-size: 12px;
+	font-family: Verdana, sans-serif;
+	border-bottom: 1px solid #9C9C9C;
+	padding-top: 10px;
+	padding-bottom: 10px;
+}
+.meta-item {
+	margin-right: 1em;
+}
+#filter {
+	padding: 4px;
+	border: 1px solid #CCC;
+}
+table {
+	width: 100%;
+	border-collapse: collapse;
+}
+tr {
+	border-bottom: 1px dashed #dadada;
+}
+tbody tr:hover {
+	background-color: #ffffec;
+}
+th,
+td {
+	text-align: left;
+	padding: 10px 0;
+}
+th {
+	padding-top: 15px;
+	padding-bottom: 15px;
+	font-size: 16px;
+	white-space: nowrap;
+}
+th a {
+	color: black;
+}
+th svg {
+	vertical-align: middle;
+}
+td {
+	white-space: nowrap;
+	font-size: 14px;
+}
+td:nth-child(2) {
+	width: 80%;
+}
+td:nth-child(3) {
+	padding: 0 20px 0 20px;
+}
+th:nth-child(4),
+td:nth-child(4) {
+	text-align: right;
+}
+td:nth-child(2) svg {
+	position: absolute;
+}
+td .name,
+td .goup {
+	margin-left: 1.75em;
+	word-break: break-all;
+	overflow-wrap: break-word;
+	white-space: pre-wrap;
+}
+.icon {
+	margin-right: 5px;
+}
+.icon.sort {
+	display: inline-block;
+	width: 1em;
+	height: 1em;
+	position: relative;
+	top: .2em;
+}
+.icon.sort .top {
+	position: absolute;
+	left: 0;
+	top: -1px;
+}
+.icon.sort .bottom {
+	position: absolute;
+	bottom: -1px;
+	left: 0;
+}
+footer {
+	padding: 40px 20px;
+	font-size: 12px;
+	text-align: center;
+}
+@media (max-width: 600px) {
+	.hideable {
+		display: none;
+	}
+	td:nth-child(2) {
+		width: auto;
+	}
+	th:nth-child(3),
+	td:nth-child(3) {
+		padding-right: 5%;
+		text-align: right;
+	}
+	h1 {
+		color: #000;
+	}
+	h1 a {
+		margin: 0;
+	}
+	#filter {
+		max-width: 100px;
+	}
+}
\ No newline at end of file