"first proto"

This commit is contained in:
2018-02-26 19:53:06 +01:00
parent 99181ffa08
commit 7332af1dc0
16 changed files with 369 additions and 110 deletions

View File

@@ -14,8 +14,6 @@
--text-color: #555555;
--white: #FFFFFF;
--black: #000000;
--font-normal: url("/static/fonts/RobotoCondensed-Regular.ttf") format("truetype");
--font-bold: url("/static/fonts/RobotoCondensed-Bold.ttf") format("truetype");
--banner-logo: url(/static/images/logo.png);
--add_icon: url(/static/images/add.png);
--edit_icon: url(/static/images/edit.png);

View File

@@ -6,15 +6,15 @@
*/
@font-face {
font-family: "Roboto Condensed";
font-style: normal;
font-weight: 400;
src: var(--font-normal);
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 400;
src: url(/static/fonts/RobotoCondensed-Regular.ttf) format('truetype');
}
@font-face {
font-family: "Roboto Condensed";
font-style: normal;
font-weight: 700;
src: var(--font-bold);
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 700;
src: url(/static/fonts/RobotoCondensed-Bold.ttf) format('truetype');
}

View File

@@ -0,0 +1,5 @@
main > article > p.note {
color: var(--text-color);
display: block;
font-size: 12px;
}

View File

@@ -7,13 +7,13 @@
*/
* {
box-sizing: border-box;
box-sizing: border-box;
}
body {
margin: 10px;
font-family: "Roboto Condensed";
background-color: var(--dark-bg);
font-family: 'Roboto Condensed';
background-color: var(--dark-bg);
}
div.content {
@@ -224,8 +224,8 @@ footer {
color: var(--white);
}
input[type="text"],
input[type="password"],
input[type='text'],
input[type='password'],
textarea,
select,
pre {
@@ -235,7 +235,7 @@ pre {
background-color: var(--white);
color: var(--text-color);
padding: 5px;
font-family: "Roboto Condensed";
font-family: 'Roboto Condensed';
margin: 5px;
}
@@ -244,8 +244,8 @@ pre {
}
button,
input[type="button"],
input[type="submit"] {
input[type='button'],
input[type='submit'] {
border-color: var(--dark-border);
border-style: solid;
border-width: 1px;
@@ -253,15 +253,15 @@ input[type="submit"] {
color: var(--white);
font-weight: bold;
padding: 5px;
font-family: "Roboto Condensed";
font-family: 'Roboto Condensed';
margin: 5px;
border-radius: 4px;
}
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="file"]:hover {
input[type='button']:hover,
input[type='submit']:hover,
input[type='file']:hover {
background-color: var(--light-coloured-bg);
color: var(--text-color);
cursor: pointer;
@@ -280,7 +280,7 @@ div.file_upload {
border-color: var(--clear-bg);
}
input[type="file"] {
input[type='file'] {
position: absolute;
width: 18px;
height: 18px;
@@ -368,3 +368,17 @@ input.upload {
background-repeat: no-repeat;
background-position: center center;
}
form {
width: 350px;
text-align: center;
line-height: 40px;
}
form > label {
float: left;
}
form > input[type='text'], form > input[type='password'] {
float: right;
}