ShareDAV/templates/base.html

121 lines
2.9 KiB
HTML
Raw Normal View History

2020-10-28 19:59:29 +01:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ShareDAV</title>
<style>
thead {
font-weight: bold;
}
input[type="submit"],
input[type="button"] {
padding: .5em;
border-radius: .5em;
border: 0;
background-color: #c4e1ff;
font-weight: bold;
2020-10-31 11:46:02 +01:00
font-size: small;
2020-10-28 19:59:29 +01:00
}
input[type="submit"].delete {
background-color: #e56f83;
}
input[type="submit"] {
background-color: #a9ca97;
}
a:before {
content: " ";
color: gray;
}
a, a:visited, a:hover, a:active, a:focus {
/* font-style: normal; */
text-decoration: none;
color: black;
}
#content {
float: right;
width: calc(100% - 20px);
/* background-color: #F0F0F0; */
/* border-radius: 1em; */
/* padding: 10px; */
/* height: calc(100vh - 40px);*/
}
#menu {
float: left;
width: 150px;
margin-left: -185px;
background-color: #CCCCCC;
border-radius: .5em;
padding: 10px;
height: calc(100vh - 40px);
}
#menu span {
display: block;
margin-bottom: .5em;
}
#menu hr {
border: 1px solid gray;
}
2020-10-31 11:46:02 +01:00
.dialog, .error {
left: 50%;
top: 50%;
position: absolute;
transform: translate(-50%, -50%);
border: solid lightgrey;
padding: 1em;
border-radius: .5em;
}
.dialog label {
display: flex;
margin-bottom: 1em;
align-items: center;
}
.form-content {
display: grid;
grid-gap : 20px;
grid-template-columns: 100px 1fr;
}
.form-controls {
margin-top: 1em;
text-align: right;
}
2020-10-28 19:59:29 +01:00
body {
font-family: sans-serif;
margin-left: 200px
}
</style>
{{ block "page-styles" . }}{{ end }}
</head>
<body>
<div id="content">
{{ block "page-content" . }}{{ end }}
</div>
<div id="menu">
<span style="font-weight: bold;"><a href="./">ShareDAV</a></span>
{{ if .SessionUser }}
{{ if eq .SessionUser.Role "admin" }}
<hr/>
<span><a href="users">Users</a></span>
<span><a href="shares">Shares</a></span>
{{ end }}
<hr/>
<span><a href="my-shares">My Shares</a></span>
<hr/>
<span><a href="logout">Logout</a></span>
{{ end }}
</div>
<div style="clear: both;"></div>
</body>
</html>