<html>
<head>
- <title> Surfer - File not found</title>
+ <title> Surfer - File not found </title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
</head>
<body>
-<div class="wrapper">
- <div class="content">
- <h2> Surfer </h2>
- <p>File not found</p>
- </div>
+<div class="container-center">
+ <p>File not found</p>
</div>
</body>
-body {
+[v-cloak] {
+ display: none;
+}
+
+html, body {
margin: 0;
font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
font-weight: 400;
color: rgb(96, 98, 102);
+ height: 100%;
+ width: 100%;
}
.el-container {
padding: 7px;
}
-/* old */
-
-.wrapper {
- display: table;
- width: 100%;
- height: 100%;
-}
-
-.content {
- display: table-cell;
- width: 100%;
+/* welcome and 404 page */
+.container-center {
+ display: flex;
height: 100%;
- text-align: center;
- vertical-align: middle;
-}
-
-pre {
- margin: auto;
- text-align: left;
- width: 400px;
-}
-
-[v-cloak] {
- display: none;
-}
-
-.hand {
- cursor: pointer;
-}
-
-.main {
- margin-bottom: 40px;
-}
-
-td {
- vertical-align: middle !important;
- overflow: hidden;
-}
-
-.entry-toolbar {
- opacity: 0;
- transition: opacity .25s;
-}
-
-tr:hover .entry-toolbar {
- opacity: 1;
-}
-
-table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after {
- content: " \25B4\25BE"
-}
-
-th {
- cursor: pointer;
+ align-items: center;
+ justify-content: center;
}
<html>
<head>
- <title> Surfer - Welcome</title>
+ <title> Surfer - Welcome </title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
- <link rel="stylesheet" href="/_admin/css/style.css">
+ <link rel="stylesheet" href="/_admin/css/style.css">
</head>
<body>
-<div class="wrapper">
- <div class="content">
-
<img src="/_admin/img/logo.png"/>
- <h2> Surfer </h2>
-
<a href="/_admin">Manage your files in your browser</a> or use the <a href="https://www.npmjs.com/package/cloudron-surfer">commandline tool</a>.
- </p>
- <br/>
- <br/>
- <br/>
- <br/>
- <br/>
- </div>
+<div class="container-center">
+ <center>
+ <img src="/_admin/img/logo.png"/>
+ <h2> Surfer </h2>
+ <p>
+ <a href="/_admin">Manage your files in your browser</a> or use the <a href="https://www.npmjs.com/package/cloudron-surfer">commandline tool</a>.
+ </p>
+ <br/>
+ <br/>
+ <br/>
+ <br/>
+ <br/>
+ </center>
</div>
</body>
projects / perso / Immae / Projets / Nodejs / Surfer.git / commitdiff
