Tweak API documentation page design

res/static/res/style/apidoc.css

@@ -5,18 +5,21 @@
 
 /* Global Definitions */
 .api_doc_details{
-	border: 2px solid;
+	border-top: 1px solid;
-	border-radius: 4px;
+	border-bottom: 1px solid;
 	margin-top: 10px;
+	margin: 15px -8px 15px -8px;
 }
-
 .api_doc_details > summary {
 	padding: 2px;
 	font-family: monospace;
 }
-
+.api_doc_details > summary > .method {
+	display: inline-block;
+	width: 80px;
+}
 .api_doc_details > div {
-	padding: 5px;
+	padding: 8px;
 }
 
 table{
@@ -44,46 +47,30 @@ h3{
 
 /* GET requests */
 .api_doc_details.request_get{
-	border-color: #0000F0;
+	border-color: rgb(54, 54, 255);
-}
+	background-color: rgba(32, 32, 255, 0.2);
-
-.api_doc_details.request_get > summary{
-	background-color: #000040;
 }
 
 /* POST requests */
 .api_doc_details.request_post{
-	border-color: #009000;
+	border-color: #00d000;
-}
+	background-color: rgba(0, 255, 0, 0.05);
-
-.api_doc_details.request_post > summary{
-	background-color: #004000;
 }
 
 /* DELETE requests */
 .api_doc_details.request_delete{
 	border-color: #B00000;
-}
+	background-color: rgba(255, 0, 0, 0.05);
-
-.api_doc_details.request_delete > summary{
-	background-color: #400000;
 }
 
 /* PUT requests */
 .api_doc_details.request_put{
 	border-color: #B06000;
-}
+	background-color: rgba(255, 128, 0, 0.05);
-
-.api_doc_details.request_put > summary{
-	background-color: #804000;
 }
 
 /* PATCH requests */
 .api_doc_details.request_patch{
 	border-color: #6000B0;
+	background-color: rgba(128, 0, 255, 0.1);
 }
-
-.api_doc_details.request_patch > summary{
-	background-color: #400080;
-}
-

res/template/file_viewer.html

@@ -10,7 +10,6 @@
 		<link rel="stylesheet" href="/res/style/listview.css"/>
 		<link href='https://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'/>
 		<link rel="shortcut icon" href="/res/img/tray32.png"/>
-		<meta name="theme-color" content="#9FCF6C"/>
 		<link rel="icon" sizes="180x180" href="/res/img/pixeldrain.png"/>
 		<link rel="icon" sizes="256x256" href="/res/img/pixeldrain_big.png"/>
 		
@@ -20,16 +19,16 @@
 		
 		{{template "bgpattern"}}
 		
-		<meta name="twitter:creator" content="@Fornax96" />
+		<meta name="theme-color"        content="#202020"/>
-		<meta name="twitter:image" th:content="*{ogImage}" />
+		<meta name="twitter:image"      content="*{ogImage}" />
-		<meta property="og:title" th:content="*{ogTitle}" />
+		<meta property="og:title"       content="*{ogTitle}" />
-		<meta property="og:type" th:content="*{ogType}" />
+		<meta property="og:type"        content="*{ogType}" />
-		<meta property="og:site_name" th:content="*{ogSiteName}" />
+		<meta property="og:site_name"   content="*{ogSiteName}" />
-		<meta property="og:description" th:content="*{ogDescription}" />
+		<meta property="og:description" content="*{ogDescription}" />
-		<meta property="description" th:content="*{description}" />
+		<meta property="description"    content="*{description}" />
-		<meta property="og:url" th:content="*{ogUrl}" />
+		<meta property="og:url"         content="*{ogUrl}" />
-		<meta property="og:image" th:content="*{ogImage}" />
+		<meta property="og:image"       content="*{ogImage}" />
-		<meta property="og:image:url" th:content="*{ogImage}" />
+		<meta property="og:image:url"   content="*{ogImage}" />
 		<meta property="article:author" content="Fornax96" />
 		<link rel="image_src" th:href="*{ogImage}" />
 	</head>

res/template/fragments/api/file-id-delete.html

@@ -1,6 +1,6 @@
 {{define "api-file-id-delete"}}
 <details th:fragment="details" class="api_doc_details request_delete">
-	<summary>DELETE: /file/{id}</summary>
+	<summary><span class="method">DELETE</span>/file/{id}</summary>
 	<div>
 		<h3>Description</h3>
 		<p>

res/template/fragments/api/file-id-download-get.html

@@ -1,6 +1,6 @@
 {{define "api-file-id-download-get"}}
 <details th:fragment="details" class="api_doc_details request_get">
-	<summary>GET: /file/{id}/download</summary>
+	<summary><span class="method">GET</span>/file/{id}/download</summary>
 	<div>
 		<h3>Description</h3>
 		<p>

res/template/fragments/api/file-id-get.html

@@ -1,6 +1,6 @@
 {{define "api-file-id-get"}}
 <details th:fragment="details" class="api_doc_details request_get">
-	<summary>GET: /file/{id}</summary>
+	<summary><span class="method">GET</span>/file/{id}</summary>
 	<div>
 		<h3>Description</h3>
 		<p>

res/template/fragments/api/file-id-info-get.html

@@ -1,6 +1,6 @@
 {{define "api-file-id-info-get"}}
 <details th:fragment="details" class="api_doc_details request_get">
-	<summary>GET: /file/{id}/info</summary>
+	<summary><span class="method">GET</span>/file/{id}/info</summary>
 		<div>
 			<h3>Description</h3>
 			<p>

res/template/fragments/api/file-id-thumbnail-get.html

@@ -1,6 +1,6 @@
 {{define "api-file-id-thumbnail-get"}}
 <details th:fragment="details" class="api_doc_details request_get">
-	<summary>GET: /file/{id}/thumbnail</summary>
+	<summary><span class="method">GET</span>/file/{id}/thumbnail</summary>
 	<div>
 		<h3>Description</h3>
 		<p>

res/template/fragments/api/file-post.html

@@ -1,6 +1,6 @@
 {{define "api-file-post"}}
 <details th:fragment="details" class="api_doc_details request_post">
-	<summary>POST: /file</summary>
+	<summary><span class="method">POST</span>/file</summary>
 	<div>
 		<h3>Description</h3>
 		<p>

res/template/fragments/api/list-post.html

@@ -1,6 +1,6 @@
 {{define "api-list-post"}}
 <details class="api_doc_details request_post">
-	<summary>POST: /list</summary>
+	<summary><span class="method">POST</span>/list</summary>
 	<div>
 		<h3>Description</h3>
 		<p>