First version of light stylesheet
This commit is contained in:
parent
e7266f399c
commit
5b91bfa73d
|
|
@ -6,7 +6,7 @@ A web-ui for registering domains, written in modern Perl 5 with Dancer.
|
|||
|
||||
## Current state
|
||||
|
||||
Cyberman was designed to serve .cyb, and the codebase reflects this. Although it is capable of serving any domain, the default config is for .cyb, and the templates/stylesheet are oriented towards cybNIC. We're interested in producing a 'generic' style; if you'd like to contribute to this, do get in touch.
|
||||
Cyberman was designed to serve .cyb, and the codebase reflects this. Although it is capable of serving any domain, the default config is for .cyb, and the templates/stylesheet are oriented towards cybNIC. We're working on producing a 'generic' style; if you'd like to contribute to this, do get in touch.
|
||||
|
||||
## Features
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,101 @@
|
|||
* {
|
||||
margin: 0;
|
||||
}
|
||||
html {
|
||||
height: 100%;
|
||||
}
|
||||
body {
|
||||
background-color: #ccc;
|
||||
height: 100%;
|
||||
}
|
||||
body, a {
|
||||
font-family: sans-serif;
|
||||
color: #333;
|
||||
font-size: 14px;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
p {
|
||||
margin-bottom: 0.8em;
|
||||
}
|
||||
.inner {
|
||||
background-color: white;
|
||||
min-height: calc(100% - 10px);
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
max-width: 750px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
.body {
|
||||
max-width: 700px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.toolbar {
|
||||
border: 1px solid #bbb;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
max-width: 700px;
|
||||
padding: 10px;
|
||||
border-radius: 5px;
|
||||
background-color: #efefef;
|
||||
}
|
||||
.toolbar #email {
|
||||
font-style: italic;
|
||||
}
|
||||
center h1 {
|
||||
border-bottom: 2px solid #333;
|
||||
padding-bottom: 10px;
|
||||
margin-left: 1rem;
|
||||
margin-right: 1rem;
|
||||
text-align: left;
|
||||
}
|
||||
a.bracketButton {
|
||||
text-decoration: none;
|
||||
}
|
||||
a.bracketButton:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
button.textButton {
|
||||
background: none !important;
|
||||
color: inherit;
|
||||
border: none;
|
||||
padding: 0 !important;
|
||||
font: inherit;
|
||||
cursor: pointer;
|
||||
}
|
||||
button.textButton:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
form.login>table>tbody>tr>td>label {
|
||||
margin-right: 10px;
|
||||
}
|
||||
table.domains {
|
||||
width: 100%;
|
||||
}
|
||||
table.domains td:first-child {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
table.t, table.t th, table.t td {
|
||||
border: 1px solid #bbb;
|
||||
}
|
||||
table.t {
|
||||
border-radius: 2px;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
table.t td {
|
||||
padding: 10px
|
||||
}
|
||||
table.t tr:first-child {
|
||||
background-color: #aad3e0;
|
||||
}
|
||||
|
||||
.msgBox {
|
||||
border: 1px solid #5bc0de;
|
||||
display: inline-block;
|
||||
padding: 10px;
|
||||
background-color: #aad3e0;
|
||||
border-radius: 2px;
|
||||
max-width: 650px;
|
||||
}
|
||||
|
|
@ -5,13 +5,13 @@
|
|||
|
||||
<% IF params.new %>
|
||||
<div class="msgBox">
|
||||
The domain '<% params.new | html_entity %>.<% vars.config.tld %>' was registered successfully!
|
||||
The domain <em><% params.new | html_entity %>.<% vars.config.tld %></em> was registered successfully!
|
||||
</div>
|
||||
<br /><br />
|
||||
<% END %>
|
||||
<% IF params.removed %>
|
||||
<div class="msgBox">
|
||||
The domain '<% params.removed | html_entity %>.<% vars.config.tld %>' was removed successfully.
|
||||
The domain <em><% params.removed | html_entity %>.<% vars.config.tld %></em> was removed successfully.
|
||||
</div>
|
||||
<br /><br />
|
||||
<% END %>
|
||||
|
|
@ -34,7 +34,7 @@
|
|||
|
||||
<br />
|
||||
|
||||
<table class="domains">
|
||||
<table class="domains t">
|
||||
<tr>
|
||||
<td>
|
||||
<strong>Domain name</strong>
|
||||
|
|
|
|||
|
|
@ -10,22 +10,24 @@
|
|||
<link rel="stylesheet" type="text/css" href="/css/style.css" />
|
||||
</head>
|
||||
<body>
|
||||
<% IF vars.auth %>
|
||||
<div class="toolbar">
|
||||
<div class="body">
|
||||
<span>
|
||||
Logged in as <% vars.email | html_entity %>
|
||||
</span>
|
||||
<span style="float:right;">
|
||||
<form action="/logout" method="POST">
|
||||
[ <a href="/domains" class="bracketButton">domains</a> ]
|
||||
[ <a href="/account" class="bracketButton">account</a> ]
|
||||
[ <button class="textButton" action="submit">log out</button> ]
|
||||
</form>
|
||||
</span>
|
||||
<div class="inner">
|
||||
<% IF vars.auth %>
|
||||
<div class="toolbar">
|
||||
<div class="body">
|
||||
<span>
|
||||
Logged in as <span id="email"><% vars.email | html_entity %></span>
|
||||
</span>
|
||||
<span style="float:right;">
|
||||
<form action="/logout" method="POST">
|
||||
[ <a href="/domains" class="bracketButton">domains</a> ]
|
||||
[ <a href="/account" class="bracketButton">account</a> ]
|
||||
[ <button class="textButton" action="submit">log out</button> ]
|
||||
</form>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<% END %>
|
||||
<% content %>
|
||||
</div>
|
||||
<% END %>
|
||||
<% content %>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -35,7 +35,7 @@
|
|||
|
||||
<br />
|
||||
|
||||
<table style="width:100%">
|
||||
<table style="width:100%" class="t">
|
||||
<tr>
|
||||
<td>
|
||||
<strong>Name</strong>
|
||||
|
|
|
|||
Loading…
Reference in New Issue