Skip to content
Snippets Groups Projects
Commit 73f7e069 authored by frekk's avatar frekk
Browse files

rejiggled site styling with better logos

parent 6de47dc0
Branches
Tags
No related merge requests found
#site-name {
display: inline-block;
}
.logo {
margin-left: 0px;
margin-right: 15px;
transform: rotate(45deg);
}
.logo:hover {
animation: spin 0.5s linear infinite;
}
@keyframes spin { 100% { transform: rotate(360deg); } }
#branding h1 {
float: left;
}
#content-related.wide {
width: 400px;
margin-right: -440px;
}
\ No newline at end of file
html {
height: 100%;
}
body {
width: 100%;
min-height: 100%;
position: relative;
background-color: yellow;
font-family: Arial, Helvetica, sans-serif;
margin: 0;
}
* {
box-sizing: border-box;
}
#form-register {
position: absolute;
width: 400px;
padding-top: 50%;
#content {
width: 80%;
margin: 0 10%;
}
.centered {
......@@ -23,30 +26,55 @@ body {
transform: translate(-50%, -50%);
}
.modal {
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: thistle;
opacity: 0.6;
}
.form-container {
background-color: #ffe;
border-style: 2px solid #8fc;
border-radius: 5px;
padding: 20px;
z-index: 2;
margin: 40px;
}
.form-container p {
margin: 0;
fieldset {
border: none;
}
.form-row {
margin: 10px 10px 20px 10px;
overflow: auto;
}
.submit-row {
margin: 10px;
overflow: auto; /* stop parent div from collapsing when contents are floated */
}
.form-row label {
font-weight: bold;
display: inline;
}
/* style text boxes */
.form-row input[type="text"],
.form-row input[type="email"] {
display: block;
padding: 4px;
font-size: 14px;
line-height: 20px;
width: 100%;
display: inline-block;
}
.form-row input[type=checkbox] {
display: inline;
font-size: 14px;
line-height: 20px;
}
.help {
margin: 0 40px;
}
.help a {
color: #777;
}
ul.errorlist {
......@@ -58,15 +86,51 @@ ul.errorlist {
font-weight: bold;
}
.form-container label {
font-weight: bold;
.logo {
margin: 5px 30px 5px 20px;
}
.form-container input {
float: right;
padding: 4px;
nav {
background-color: #333;
height: 60px;
}
.navtab {
float: left;
text-decoration: none;
color: white;
text-align: center;
font-size: 22px;
font-variant-caps: all-petite-caps;
font-weight: 400;
line-height: 40px;
padding: 10px 20px;
border-left: 1.5px solid #555;
background-color: #3c3c3c;
}
.navtab:hover, .navtab.active {
color: #eee;
background-color: black;
}
.navtab:last-child {
border-right: 1.5px solid #555;
}
#container {
padding-bottom: 60px;
}
#footer {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 10px;
margin: 3px 0 22px 0;
font-size: 20px;
clear: both;
background-color: #ccc;
color: #777;
text-align: center;
overflow: hidden;
z-index: -1;
}
\ No newline at end of file
#site-name {
display: inline-block;
}
/* memberdb: css used by both main site & admin pages
* some of this is just copied from the admin css */
.logo {
display: inline-block;
margin: 10px;
height: 44px;
width: 44px;
float: left;
margin: -5px 10px;
height: 50px;
width: 50px;
background-image: url("ucc-logo-white.png");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.errornote {
font-size: 14px;
font-weight: 700;
display: block;
padding: 10px 12px;
margin: 0 0 10px 0;
color: #ba2121;
border: 1px solid #ba2121;
border-radius: 4px;
background-color: #fff;
background-position: 5px 12px;
}
/* FORM BUTTONS */
.button, input[type=submit], input[type=button], .submit-row input, a.button {
background: #79aec8;
padding: 10px 15px;
border: none;
border-radius: 4px;
color: #fff;
cursor: pointer;
}
a.button {
padding: 4px 5px;
}
.button:active, input[type=submit]:active, input[type=button]:active,
.button:focus, input[type=submit]:focus, input[type=button]:focus,
.button:hover, input[type=submit]:hover, input[type=button]:hover {
background: #609ab6;
}
.button[disabled], input[type=submit][disabled], input[type=button][disabled] {
opacity: 0.4;
}
.button.default, input[type=submit].default, .submit-row input.default {
float: right;
border: none;
font-weight: 400;
background: #417690;
}
.button.default:active, input[type=submit].default:active,
.button.default:focus, input[type=submit].default:focus,
.button.default:hover, input[type=submit].default:hover {
background: #205067;
}
.button[disabled].default,
input[type=submit][disabled].default,
input[type=button][disabled].default {
opacity: 0.4;
}
#content-related.wide {
width: 400px;
margin-right: -440px;
.help, p.help, form p.help, div.help, form div.help, div.help li {
font-size: 12px;
color: #999;
}
\ No newline at end of file
......@@ -6,6 +6,7 @@
{% block extrastyle %}
<link rel="stylesheet" type="text/css" href="{% static "shared.css" %}">
<link rel="stylesheet" type="text/css" href="{% static "admin_custom.css" %}">
{% endblock %}
{% block branding %}
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment