diff --git a/README.md b/README.md index 90cfa2f..089c182 100644 --- a/README.md +++ b/README.md @@ -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 diff --git a/public/css/light.css b/public/css/light.css new file mode 100644 index 0000000..06b132f --- /dev/null +++ b/public/css/light.css @@ -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; +} diff --git a/views/domains.tt b/views/domains.tt index 68260e4..4557657 100644 --- a/views/domains.tt +++ b/views/domains.tt @@ -5,13 +5,13 @@ <% IF params.new %>
Domain name diff --git a/views/layouts/main.tt b/views/layouts/main.tt index 4b161a8..aa4906a 100644 --- a/views/layouts/main.tt +++ b/views/layouts/main.tt @@ -10,22 +10,24 @@ - <% IF vars.auth %> - |