webapps/portal-oddajanje-solar
16
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

init commit of new design

Browse Source
This commit is contained in:
Leon Noe Jovan
2021-11-16 18:45:20 +01:00
parent cead80ed79
commit 32fa0ad3a9
43 changed files with 2062 additions and 220 deletions
Download Patch File Download Diff File Expand all files Collapse all files

210
static/css/form.css Normal file
View File

@@ -0,0 +1,210 @@
@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic,300italic,300,100italic,100);
html {
font-family: 'Roboto', sans-serif;
font-size: 16px;
color: #46535B; }
body {
font-size: 16px;
padding: 0;
margin: 0; }
h1 {
font-size: 30px;
font-style: normal;
font-weight: 300;
line-height: 35px;
color: #006CB7; }
h2 {
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 21px;
text-transform: uppercase;
color: #006CB7; }
h3 {
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 21px; }
em {
font-weight: 300; }
.btn {
border: none;
line-height: 2.5rem;
padding: 0 2.5rem;
color: white;
background: #006CB7;
border-radius: 20px;
font-size: 1.125rem;
font-weight: 400;
cursor: pointer;
transition: opacity 0.3s ease-out; }
.btn:hover {
opacity: 0.8; }
.input-wrapper {
position: relative;
height: 66px; }
.input-wrapper .input-icon {
position: absolute;
left: 0;
top: 0;
display: block;
width: 1.5rem; }
.input-wrapper .input-floating-label {
position: absolute;
left: 46px;
right: 0;
display: block; }
.input-wrapper .input-floating-label input {
padding: 4px 0;
background: none;
border: none;
display: block;
width: 100%;
border-bottom: 2px solid #C4C4C4; }
.input-wrapper .input-floating-label .floating-label {
position: absolute;
top: -14px;
font-size: 10px;
color: #46535B; }
.panel {
background: #F5F5F5;
padding: 40px 60px;
border-radius: 20px; }
.panel .panel-logo {
position: absolute;
top: -60px;
left: 0;
right: 0;
display: block;
margin: auto;
background: #F5F5F5;
padding: 20px 30px;
width: 100px;
border-radius: 100%;
text-align: center; }
.line {
background: #C4C4C4;
height: 2px;
width: 200px;
margin: auto; }
.a-right {
display: block;
text-align: right;
font-size: 10px;
text-decoration: none;
color: #006CB7;
text-transform: uppercase; }
.alert {
position: relative;
color: #8D3D3D; }
.alert img {
position: relative;
top: 0.25rem;
width: 1.8rem; }
.alert p {
position: absolute;
left: 3rem;
top: 0;
margin: 0;
text-transform: uppercase; }
.submit-alert {
background: white;
border: 2px solid #B7DB70;
box-sizing: border-box;
border-radius: 8px; }
.submit-alert .btn {
margin-top: 0.5rem;
background: #88B52F;
border-radius: 4px; }
.form-wrapper {
margin-bottom: 1rem; }
.form-wrapper label {
display: block;
font-weight: normal;
font-size: 0.75rem;
line-height: 0.875rem;
text-transform: uppercase; }
.form-wrapper select {
display: block;
background: #FFFFFF;
border: 1px solid #B6BEC3;
padding: 0.75rem 1rem;
width: 100%; }
.form-wrapper input[type="text"] {
box-sizing: border-box;
display: block;
background: #FFFFFF;
border: 1px solid #B6BEC3;
padding: 0.75rem 1rem;
width: 100%; }
.form-wrapper .dropzone {
box-sizing: border-box;
padding: 0.5rem;
height: 4.5rem;
background: #E0E6EA; }
.form-wrapper .dropzone .dz-default.dz-message {
box-sizing: border-box;
display: block;
height: 3.5rem;
text-align: center;
border: 2px dashed white; }
.form-wrapper .dropzone .dz-default.dz-message span {
display: inline-block;
background: #006CB7;
border-radius: 6px;
color: white;
padding: 0.5rem 0.75rem;
margin-top: 0.5rem;
cursor: pointer; }
.form-wrapper .dz-preview.dz-file-preview {
position: relative;
background: white;
height: 4.5rem;
margin-top: 1rem; }
.form-wrapper .dz-preview.dz-file-preview .dz-image {
position: absolute;
left: 1rem;
top: 1rem;
background: url("/static/image/file.svg");
background-repeat: no-repeat;
background-position: center;
width: 2rem;
height: 2rem; }
.form-wrapper .dz-preview.dz-file-preview .dz-image img {
display: none; }
.form-wrapper .dz-preview.dz-file-preview .dz-details .dz-filename {
position: absolute;
top: 1.5rem;
left: 1.5rem; }
.form-wrapper .dz-preview.dz-file-preview .dz-details .dz-size {
position: absolute;
top: 1rem;
right: 1rem; }
.form-wrapper .dz-preview.dz-file-preview .dz-success-mark, .form-wrapper .dz-preview.dz-file-preview .dz-error-mark {
display: none; }
.form-wrapper .dz-preview.dz-file-preview .dz-progress {
position: absolute;
left: 50%;
top: 1.5rem;
width: 28%;
border-radius: 10px;
overflow: hidden; }
.form-wrapper .dz-preview.dz-file-preview .dz-progress .dz-upload {
height: 20px;
display: inline-block;
background: #006CB7; }
/*# sourceMappingURL=form.css.map */

7
static/css/form.css.map Normal file
View File

@@ -0,0 +1,7 @@
{
"version": 3,
"mappings": "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",
"sources": ["slovenscina-theme.scss","slovenscina-elements.scss","form.scss"],
"names": [],
"file": "form.css"
}

95
static/css/form.scss Normal file
View File

@@ -0,0 +1,95 @@
@import "slovenscina-elements.scss";
.form-wrapper {
margin-bottom:1rem;
label {
display:block;
font-weight: normal;
font-size: 0.75rem;
line-height: 0.875rem;
text-transform: uppercase;
}
select {
display:block;
background: #FFFFFF;
border: 1px solid $grey-border;
padding: 0.75rem 1rem;
width:100%;
}
input[type="text"] {
box-sizing: border-box;
display:block;
background: #FFFFFF;
border: 1px solid $grey-border;
padding: 0.75rem 1rem;
width:100%;
}
.dropzone {
box-sizing: border-box;
padding:0.5rem;
height:4.5rem;
background:#E0E6EA;
.dz-default.dz-message {
box-sizing: border-box;
display: block;
height:3.5rem;
text-align: center;
border:2px dashed white;
span {
display: inline-block;
background: $blue;
border-radius: 6px;
color:white;
padding: 0.5rem 0.75rem;
margin-top:0.5rem;
cursor: pointer;
}
}
}
.dz-preview.dz-file-preview {
position:relative;
background:white;
height:4.5rem;
margin-top:1rem;
.dz-image {
position:absolute;
left:1rem;
top:1rem;
background: url("/static/image/file.svg");
background-repeat: no-repeat;
background-position: center;
width:2rem;
height:2rem;
img {
display: none;
}
}
.dz-details {
.dz-filename {
position:absolute;
top:1.5rem;
left:1.5rem;
}
.dz-size {
position:absolute;
top:1rem;
right:1rem;
}
}
.dz-success-mark,.dz-error-mark {display:none;}
.dz-progress {
position:absolute;
left:50%;
top: 1.5rem;
width:28%;
border-radius: 10px;
overflow: hidden;
.dz-upload {
height: 20px;
display: inline-block;
background:$blue;
}
}
}
}

189
static/css/header.css Normal file
View File

@@ -0,0 +1,189 @@
@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic,300italic,300,100italic,100);
html {
font-family: 'Roboto', sans-serif;
font-size: 16px;
color: #46535B; }
body {
font-size: 16px;
padding: 0;
margin: 0; }
h1 {
font-size: 30px;
font-style: normal;
font-weight: 300;
line-height: 35px;
color: #006CB7; }
h2 {
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 21px;
text-transform: uppercase;
color: #006CB7; }
h3 {
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 21px; }
em {
font-weight: 300; }
.btn {
border: none;
line-height: 2.5rem;
padding: 0 2.5rem;
color: white;
background: #006CB7;
border-radius: 20px;
font-size: 1.125rem;
font-weight: 400;
cursor: pointer;
transition: opacity 0.3s ease-out; }
.btn:hover {
opacity: 0.8; }
.input-wrapper {
position: relative;
height: 66px; }
.input-wrapper .input-icon {
position: absolute;
left: 0;
top: 0;
display: block;
width: 1.5rem; }
.input-wrapper .input-floating-label {
position: absolute;
left: 46px;
right: 0;
display: block; }
.input-wrapper .input-floating-label input {
padding: 4px 0;
background: none;
border: none;
display: block;
width: 100%;
border-bottom: 2px solid #C4C4C4; }
.input-wrapper .input-floating-label .floating-label {
position: absolute;
top: -14px;
font-size: 10px;
color: #46535B; }
.panel {
background: #F5F5F5;
padding: 40px 60px;
border-radius: 20px; }
.panel .panel-logo {
position: absolute;
top: -60px;
left: 0;
right: 0;
display: block;
margin: auto;
background: #F5F5F5;
padding: 20px 30px;
width: 100px;
border-radius: 100%;
text-align: center; }
.line {
background: #C4C4C4;
height: 2px;
width: 200px;
margin: auto; }
.a-right {
display: block;
text-align: right;
font-size: 10px;
text-decoration: none;
color: #006CB7;
text-transform: uppercase; }
.alert {
position: relative;
color: #8D3D3D; }
.alert img {
position: relative;
top: 0.25rem;
width: 1.8rem; }
.alert p {
position: absolute;
left: 3rem;
top: 0;
margin: 0;
text-transform: uppercase; }
.submit-alert {
background: white;
border: 2px solid #B7DB70;
box-sizing: border-box;
border-radius: 8px; }
.submit-alert .btn {
margin-top: 0.5rem;
background: #88B52F;
border-radius: 4px; }
body {
background: #F5F5F5; }
header {
position: fixed;
top: 0;
width: 100%;
height: 4rem;
background: #006CB7;
z-index: 1000000;
box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.2); }
header .logo {
display: inline-block;
padding: 0.5rem 1.5rem; }
header .logo img {
height: 3rem; }
header .menu-items {
float: right;
padding: 1.5rem 1.5rem;
display: inline-block; }
header .menu-items a {
margin-left: 2rem;
display: inline-block;
color: white;
text-decoration: none; }
.tab-nav {
margin-top: 2rem;
border-bottom: 1px solid #848C90; }
.tab-nav a {
position: relative;
top: 1px;
display: inline-block;
font-weight: 500;
text-transform: uppercase;
font-size: 1.125rem;
padding: 0.25rem 2rem;
text-decoration: none;
color: #848C90;
transition: color 0.3s ease-out; }
.tab-nav a.active, .tab-nav a:hover {
color: #006CB7;
border-bottom: 4px solid #006CB7; }
h1.title {
font-weight: 300;
font-size: 1.5rem;
line-height: 1.75rem;
margin: 0;
color: #006CB7; }
p.subtitle {
font-size: 14px;
line-height: 150%;
margin-top: 0.5rem; }
/*# sourceMappingURL=header.css.map */

7
static/css/header.css.map Normal file
View File

@@ -0,0 +1,7 @@
{
"version": 3,
"mappings": "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",
"sources": ["slovenscina-theme.scss","slovenscina-elements.scss","header.scss"],
"names": [],
"file": "header.css"
}

70
static/css/header.scss Normal file
View File

@@ -0,0 +1,70 @@
@import "slovenscina-elements.scss";
body {
background: $white;
}
header {
position:fixed;
top:0;
width:100%;
height:4rem;
background:$blue;
z-index: 1000000;
box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.2);
}
header {
.logo {
display: inline-block;
padding:0.5rem 1.5rem;
img {
height:3rem;
}
}
.menu-items {
float:right;
padding: 1.5rem 1.5rem;
display: inline-block;
a {
margin-left:2rem;
display: inline-block;
color:white;
text-decoration: none;
}
}
}
.tab-nav {
margin-top:2rem;
border-bottom:1px solid $grey-dark;
a {
position:relative;
top:1px;
display: inline-block;
font-weight: 500;
text-transform: uppercase;
font-size: 1.125rem;
padding: 0.25rem 2rem;
text-decoration: none;
color: $grey-dark;
transition: color 0.3s ease-out;
&.active,&:hover {
color:$blue;
border-bottom: 4px solid $blue;
}
}
}
h1.title {
font-weight: 300;
font-size: 1.5rem;
line-height: 1.75rem;
margin:0;
color: $blue;
}
p.subtitle {
font-size: 14px;
line-height: 150%;
margin-top:0.5rem;
}

168
static/css/history.css Normal file
View File

@@ -0,0 +1,168 @@
@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic,300italic,300,100italic,100);
html {
font-family: 'Roboto', sans-serif;
font-size: 16px;
color: #46535B; }
body {
font-size: 16px;
padding: 0;
margin: 0; }
h1 {
font-size: 30px;
font-style: normal;
font-weight: 300;
line-height: 35px;
color: #006CB7; }
h2 {
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 21px;
text-transform: uppercase;
color: #006CB7; }
h3 {
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 21px; }
em {
font-weight: 300; }
.btn {
border: none;
line-height: 2.5rem;
padding: 0 2.5rem;
color: white;
background: #006CB7;
border-radius: 20px;
font-size: 1.125rem;
font-weight: 400;
cursor: pointer;
transition: opacity 0.3s ease-out; }
.btn:hover {
opacity: 0.8; }
.input-wrapper {
position: relative;
height: 66px; }
.input-wrapper .input-icon {
position: absolute;
left: 0;
top: 0;
display: block;
width: 1.5rem; }
.input-wrapper .input-floating-label {
position: absolute;
left: 46px;
right: 0;
display: block; }
.input-wrapper .input-floating-label input {
padding: 4px 0;
background: none;
border: none;
display: block;
width: 100%;
border-bottom: 2px solid #C4C4C4; }
.input-wrapper .input-floating-label .floating-label {
position: absolute;
top: -14px;
font-size: 10px;
color: #46535B; }
.panel {
background: #F5F5F5;
padding: 40px 60px;
border-radius: 20px; }
.panel .panel-logo {
position: absolute;
top: -60px;
left: 0;
right: 0;
display: block;
margin: auto;
background: #F5F5F5;
padding: 20px 30px;
width: 100px;
border-radius: 100%;
text-align: center; }
.line {
background: #C4C4C4;
height: 2px;
width: 200px;
margin: auto; }
.a-right {
display: block;
text-align: right;
font-size: 10px;
text-decoration: none;
color: #006CB7;
text-transform: uppercase; }
.alert {
position: relative;
color: #8D3D3D; }
.alert img {
position: relative;
top: 0.25rem;
width: 1.8rem; }
.alert p {
position: absolute;
left: 3rem;
top: 0;
margin: 0;
text-transform: uppercase; }
.submit-alert {
background: white;
border: 2px solid #B7DB70;
box-sizing: border-box;
border-radius: 8px; }
.submit-alert .btn {
margin-top: 0.5rem;
background: #88B52F;
border-radius: 4px; }
.history-item {
background: white;
height: 2.875rem;
padding: 1rem 1.5rem;
position: relative; }
.history-item .history-item-date {
text-transform: uppercase;
display: inline-block;
color: #848C90;
line-height: 1rem;
font-weight: 400;
font-size: 0.875rem; }
.history-item .history-item-uploader {
display: inline-block;
padding-left: 1rem;
margin-left: 1rem;
border-left: 1px solid #848C90;
color: #848C90;
line-height: 1rem;
font-weight: 400;
font-size: 0.875rem; }
.history-item .history-item-filecount {
float: right;
color: #006CB7;
line-height: 1rem;
font-weight: 400;
font-size: 0.875rem; }
.history-item .history-item-desc {
position: absolute;
bottom: 1rem;
font-style: normal;
font-weight: normal;
font-size: 1rem;
line-height: 1.25rem;
color: #46535B; }
/*# sourceMappingURL=history.css.map */

7
static/css/history.css.map Normal file
View File

@@ -0,0 +1,7 @@
{
"version": 3,
"mappings": "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",
"sources": ["slovenscina-theme.scss","slovenscina-elements.scss","history.scss"],
"names": [],
"file": "history.css"
}

42
static/css/history.scss Normal file
View File

@@ -0,0 +1,42 @@
@import "slovenscina-elements.scss";
.history-item {
background:white;
height:2.875rem;
padding:1rem 1.5rem;
position:relative;
.history-item-date {
text-transform: uppercase;
display: inline-block;
color:$grey-dark;
line-height: 1rem;
font-weight: 400;
font-size:0.875rem;
}
.history-item-uploader {
display: inline-block;
padding-left:1rem;
margin-left:1rem;
border-left: 1px solid $grey-dark;
color:$grey-dark;
line-height: 1rem;
font-weight: 400;
font-size:0.875rem;
}
.history-item-filecount {
float:right;
color:$blue;
line-height: 1rem;
font-weight: 400;
font-size:0.875rem;
}
.history-item-desc {
position:absolute;
bottom:1rem;
font-style: normal;
font-weight: normal;
font-size: 1rem;
line-height: 1.25rem;
color:$black;
}
}

120
static/css/simple-grid.css Normal file
View File

@@ -0,0 +1,120 @@
.hidden-sm {
display: none; }
.container {
width: 90%;
margin-left: auto;
margin-right: auto; }
@media only screen and (min-width: 33.75em) {
.container {
width: 80%; } }
@media only screen and (min-width: 60em) {
.container {
width: 90%;
max-width: 80rem; } }
.row {
position: relative;
width: 100%; }
.row [class^="col"] {
float: left;
margin: 0.5rem 2%;
min-height: 0.125rem; }
.row::after {
content: "";
display: table;
clear: both; }
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
width: 96%; }
.col-1-sm {
width: 4.3333333333%; }
.col-2-sm {
width: 12.6666666667%; }
.col-3-sm {
width: 21%; }
.col-4-sm {
width: 29.3333333333%; }
.col-5-sm {
width: 37.6666666667%; }
.col-6-sm {
width: 46%; }
.col-7-sm {
width: 54.3333333333%; }
.col-8-sm {
width: 62.6666666667%; }
.col-9-sm {
width: 71%; }
.col-10-sm {
width: 79.3333333333%; }
.col-11-sm {
width: 87.6666666667%; }
.col-12-sm {
width: 96%; }
@media only screen and (min-width: 45em) {
.col-1 {
width: 4.3333333333%; }
.col-2 {
width: 12.6666666667%; }
.col-3 {
width: 21%; }
.col-4 {
width: 29.3333333333%; }
.col-5 {
width: 37.6666666667%; }
.col-6 {
width: 46%; }
.col-7 {
width: 54.3333333333%; }
.col-8 {
width: 62.6666666667%; }
.col-9 {
width: 71%; }
.col-10 {
width: 79.3333333333%; }
.col-11 {
width: 87.6666666667%; }
.col-12 {
width: 96%; }
.hidden-sm {
display: block; } }
/*# sourceMappingURL=simple-grid.css.map */

7
static/css/simple-grid.css.map Normal file
View File

@@ -0,0 +1,7 @@
{
"version": 3,
"mappings": "AACA,UAAW;EACT,OAAO,EAAE,IAAI;;AAWf,UAAW;EACT,KAAK,EAAE,GAAG;EACV,WAAW,EAAE,IAAI;EACjB,YAAY,EAAE,IAAI;EAElB,2CAAsD;IALxD,UAAW;MAMP,KAAK,EAAE,GAAG;EAGZ,wCAAsD;IATxD,UAAW;MAUP,KAAK,EAAE,GAAG;MACV,SAAS,EAAE,KAAK;;AAIpB,IAAK;EACH,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,IAAI;;AAGb,mBAAoB;EAClB,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,SAAS;EACjB,UAAU,EAAE,QAAQ;;AAGtB,WAAY;EACV,OAAO,EAAE,EAAE;EACX,OAAO,EAAE,KAAK;EACd,KAAK,EAAE,IAAI;;AAGb;;;;;;;;;;;OAWQ;EACN,KAAK,EAlDC,GAAG;;AAqDX,SAAU;EAAE,KAAK,EAAC,aAAmC;;AACrD,SAAU;EAAE,KAAK,EAAE,cAAkC;;AACrD,SAAU;EAAE,KAAK,EAAE,GAAiC;;AACpD,SAAU;EAAE,KAAK,EAAE,cAAiC;;AACpD,SAAU;EAAE,KAAK,EAAE,cAAwC;;AAC3D,SAAU;EAAE,KAAK,EAAE,GAAiC;;AACpD,SAAU;EAAE,KAAK,EAAE,cAAwC;;AAC3D,SAAU;EAAE,KAAK,EAAE,cAAwC;;AAC3D,SAAU;EAAE,KAAK,EAAE,GAAwC;;AAC3D,UAAW;EAAE,KAAK,EAAE,cAAyC;;AAC7D,UAAW;EAAE,KAAK,EAAE,cAAyC;;AAC7D,UAAW;EAAE,KAAK,EAhEV,GAAG;;AAkEX,wCAAoD;EAClD,MAAO;IAAE,KAAK,EAAC,aAAmC;;EAClD,MAAO;IAAE,KAAK,EAAE,cAAkC;;EAClD,MAAO;IAAE,KAAK,EAAE,GAAiC;;EACjD,MAAO;IAAE,KAAK,EAAE,cAAiC;;EACjD,MAAO;IAAE,KAAK,EAAE,cAAwC;;EACxD,MAAO;IAAE,KAAK,EAAE,GAAiC;;EACjD,MAAO;IAAE,KAAK,EAAE,cAAwC;;EACxD,MAAO;IAAE,KAAK,EAAE,cAAwC;;EACxD,MAAO;IAAE,KAAK,EAAE,GAAwC;;EACxD,OAAQ;IAAE,KAAK,EAAE,cAAyC;;EAC1D,OAAQ;IAAE,KAAK,EAAE,cAAyC;;EAC1D,OAAQ;IAAE,KAAK,EA9ET,GAAG;;EAgFT,UAAW;IACT,OAAO,EAAE,KAAK",
"sources": ["simple-grid.scss"],
"names": [],
"file": "simple-grid.css"
}

91
static/css/simple-grid.scss Normal file
View File

@@ -0,0 +1,91 @@
.hidden-sm {
display: none;
}
// grid
$width: 96%;
$gutter: 4%;
$breakpoint-small: 33.75em; // 540px
$breakpoint-med: 45em; // 720px
$breakpoint-large: 60em; // 960px
.container {
width: 90%;
margin-left: auto;
margin-right: auto;
@media only screen and (min-width: $breakpoint-small) {
width: 80%;
}
@media only screen and (min-width: $breakpoint-large) {
width: 90%;
max-width: 80rem;
}
}
.row {
position: relative;
width: 100%;
}
.row [class^="col"] {
float: left;
margin: 0.5rem 2%;
min-height: 0.125rem;
}
.row::after {
content: "";
display: table;
clear: both;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
width: $width;
}
.col-1-sm { width:($width / 12) - ($gutter * 11 / 12); }
.col-2-sm { width: ($width / 6) - ($gutter * 10 / 12); }
.col-3-sm { width: ($width / 4) - ($gutter * 9 / 12); }
.col-4-sm { width: ($width / 3) - ($gutter * 8 / 12); }
.col-5-sm { width: ($width / (12 / 5)) - ($gutter * 7 / 12); }
.col-6-sm { width: ($width / 2) - ($gutter * 6 / 12); }
.col-7-sm { width: ($width / (12 / 7)) - ($gutter * 5 / 12); }
.col-8-sm { width: ($width / (12 / 8)) - ($gutter * 4 / 12); }
.col-9-sm { width: ($width / (12 / 9)) - ($gutter * 3 / 12); }
.col-10-sm { width: ($width / (12 / 10)) - ($gutter * 2 / 12); }
.col-11-sm { width: ($width / (12 / 11)) - ($gutter * 1 / 12); }
.col-12-sm { width: $width; }
@media only screen and (min-width: $breakpoint-med) {
.col-1 { width:($width / 12) - ($gutter * 11 / 12); }
.col-2 { width: ($width / 6) - ($gutter * 10 / 12); }
.col-3 { width: ($width / 4) - ($gutter * 9 / 12); }
.col-4 { width: ($width / 3) - ($gutter * 8 / 12); }
.col-5 { width: ($width / (12 / 5)) - ($gutter * 7 / 12); }
.col-6 { width: ($width / 2) - ($gutter * 6 / 12); }
.col-7 { width: ($width / (12 / 7)) - ($gutter * 5 / 12); }
.col-8 { width: ($width / (12 / 8)) - ($gutter * 4 / 12); }
.col-9 { width: ($width / (12 / 9)) - ($gutter * 3 / 12); }
.col-10 { width: ($width / (12 / 10)) - ($gutter * 2 / 12); }
.col-11 { width: ($width / (12 / 11)) - ($gutter * 1 / 12); }
.col-12 { width: $width; }
.hidden-sm {
display: block;
}
}

8
static/css/slovenscina-elements.css Normal file
View File

@@ -0,0 +1,8 @@
html {
font-family: 'Roboto', sans-serif;
color: #46535B; }
.panel {
background: #F5F5F5; }
/*# sourceMappingURL=slovenscina-elments.css.map */

7
static/css/slovenscina-elements.css.map Normal file
View File

@@ -0,0 +1,7 @@
{
"version": 3,
"mappings": "AAMA,IAAK;EACH,WAAW,EAAE,oBAAoB;EACjC,KAAK,EANC,OAAO;;ACAf,MAAO;EACL,UAAU,EDCJ,OAAO",
"sources": ["slovenscina-theme.scss","slovenscina-elments.scss"],
"names": [],
"file": "slovenscina-elments.css"
}

144
static/css/slovenscina-elements.scss Normal file
View File

@@ -0,0 +1,144 @@
@import "slovenscina-theme.scss";
h1 {
font-size: 30px;
font-style: normal;
font-weight: 300;
line-height: 35px;
color:$blue;
}
h2 {
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 21px;
text-transform: uppercase;
color:$blue;
}
h3 {
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 21px;
}
em {
font-weight: 300;
}
.btn {
border:none;
line-height: 2.5rem;
padding: 0 2.5rem;
color:white;
background: $blue;
border-radius: 20px;
font-size: 1.125rem;
font-weight: 400;
cursor: pointer;
transition: opacity 0.3s ease-out;
&:hover {
opacity: 0.8;
}
}
.input-wrapper {
position:relative;
height:66px;
.input-icon {
position:absolute;
left:0;
top:0;
display:block;
width:1.5rem;
}
.input-floating-label {
position:absolute;
left: 46px;
right:0;
display:block;
input {
padding:4px 0;
background: none;
border:none;
display:block;
width:100%;
border-bottom: 2px solid $grey;
}
.floating-label {
position: absolute;
top: -14px;
font-size: 10px;
color: $black;
}
}
}
.panel {
background: $white;
padding: 40px 60px;
border-radius: 20px;
.panel-logo {
position:absolute;
top: -60px;
left:0;
right:0;
display:block;
margin:auto;
background: $white;
padding:20px 30px;
width: 100px;
border-radius: 100%;
text-align: center;
}
}
.line {
background: $grey;
height:2px;
width:200px;
margin: auto;
}
.a-right {
display:block;
text-align: right;
font-size:10px;
text-decoration: none;
color:$blue;
text-transform: uppercase;
}
.alert {
position:relative;
color:$red;
img {
position:relative;
top:0.25rem;
width:1.8rem;
}
p {
position: absolute;
left:3rem;
top: 0;
margin:0;
text-transform: uppercase;
}
}
.submit-alert {
background:white;
border: 2px solid $green-light;
box-sizing: border-box;
border-radius: 8px;
.btn {
margin-top:0.5rem;
background: $green;
border-radius: 4px;
}
}

5
static/css/slovenscina-theme.css Normal file
View File

@@ -0,0 +1,5 @@
html {
font-family: 'Roboto', sans-serif;
color: #46535B; }
/*# sourceMappingURL=slovenscina-theme.css.map */

7
static/css/slovenscina-theme.css.map Normal file
View File

@@ -0,0 +1,7 @@
{
"version": 3,
"mappings": "AAMA,IAAK;EACH,WAAW,EAAE,oBAAoB;EACjC,KAAK,EANC,OAAO",
"sources": ["slovenscina-theme.scss"],
"names": [],
"file": "slovenscina-theme.css"
}

24
static/css/slovenscina-theme.scss Normal file
View File

@@ -0,0 +1,24 @@
@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic,300italic,300,100italic,100);
$blue: #006CB7;
$red: #8D3D3D;
$black: #46535B;
$grey: #C4C4C4;
$grey-dark: #848C90;
$grey-border: #B6BEC3;
$white: #F5F5F5;
$green-light: #B7DB70;
$green: #88B52F;
html {
font-family: 'Roboto', sans-serif;
font-size:16px;
color: $black;
}
body {
font-size:16px;
padding:0;
margin:0;
}

169
static/css/styles.css Normal file
View File

@@ -0,0 +1,169 @@
@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic,300italic,300,100italic,100);
html {
font-family: 'Roboto', sans-serif;
font-size: 16px;
color: #46535B; }
body {
font-size: 16px;
padding: 0;
margin: 0; }
h1 {
font-size: 30px;
font-style: normal;
font-weight: 300;
line-height: 35px;
color: #006CB7; }
h2 {
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 21px;
text-transform: uppercase;
color: #006CB7; }
h3 {
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 21px; }
em {
font-weight: 300; }
.btn {
border: none;
line-height: 2.5rem;
padding: 0 2.5rem;
color: white;
background: #006CB7;
border-radius: 20px;
font-size: 1.125rem;
font-weight: 400;
cursor: pointer;
transition: opacity 0.3s ease-out; }
.btn:hover {
opacity: 0.8; }
.input-wrapper {
position: relative;
height: 66px; }
.input-wrapper .input-icon {
position: absolute;
left: 0;
top: 0;
display: block;
width: 1.5rem; }
.input-wrapper .input-floating-label {
position: absolute;
left: 46px;
right: 0;
display: block; }
.input-wrapper .input-floating-label input {
padding: 4px 0;
background: none;
border: none;
display: block;
width: 100%;
border-bottom: 2px solid #C4C4C4; }
.input-wrapper .input-floating-label .floating-label {
position: absolute;
top: -14px;
font-size: 10px;
color: #46535B; }
.panel {
background: #F5F5F5;
padding: 40px 60px;
border-radius: 20px; }
.panel .panel-logo {
position: absolute;
top: -60px;
left: 0;
right: 0;
display: block;
margin: auto;
background: #F5F5F5;
padding: 20px 30px;
width: 100px;
border-radius: 100%;
text-align: center; }
.line {
background: #C4C4C4;
height: 2px;
width: 200px;
margin: auto; }
.a-right {
display: block;
text-align: right;
font-size: 10px;
text-decoration: none;
color: #006CB7;
text-transform: uppercase; }
.alert {
position: relative;
color: #8D3D3D; }
.alert img {
position: relative;
top: 0.25rem;
width: 1.8rem; }
.alert p {
position: absolute;
left: 3rem;
top: 0;
margin: 0;
text-transform: uppercase; }
.submit-alert {
background: white;
border: 2px solid #B7DB70;
box-sizing: border-box;
border-radius: 8px; }
.submit-alert .btn {
margin-top: 0.5rem;
background: #88B52F;
border-radius: 4px; }
.background {
background: url(../image/bg.jpeg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
overflow-y: scroll;
height: 200vh;
width: 100%; }
.login-panel {
position: absolute;
width: 50%;
left: 25%;
top: 100px; }
.register-button {
position: relative;
margin-top: 2rem;
display: block;
text-decoration: none;
color: #848C90; }
.register-button img {
width: 2rem; }
.register-button h3 {
position: absolute;
left: 3rem;
top: 0;
margin: 0; }
.register-button p {
position: absolute;
left: 3rem;
bottom: 0;
margin: 0;
font-size: 0.875rem;
font-weight: 300; }
/*# sourceMappingURL=styles.css.map */

7
static/css/styles.css.map Normal file
View File

@@ -0,0 +1,7 @@
{
"version": 3,
"mappings": "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",
"sources": ["slovenscina-theme.scss","slovenscina-elements.scss","styles.scss"],
"names": [],
"file": "styles.css"
}

44
static/css/styles.scss Normal file
View File

@@ -0,0 +1,44 @@
@import "slovenscina-elements.scss";
.background {
background: url(../image/bg.jpeg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
overflow-y: scroll;
height:200vh;
width:100%;
}
.login-panel {
position:absolute;
width:50%;
left:25%;
top: 100px;
}
.register-button {
position:relative;
margin-top:2rem;
display: block;
text-decoration: none;
color:$grey-dark;
img {
width:2rem;
}
h3 {
position:absolute;
left:3rem;
top:0;
margin:0;
}
p {
position:absolute;
left:3rem;
bottom:0;
margin:0;
font-size:0.875rem;
font-weight: 300;
}
}

17
static/css/utils.css Normal file
View File

@@ -0,0 +1,17 @@
.text-center {
text-align: center; }
.m-b-1 {
margin-bottom: 1rem; }
.m-b-2 {
margin-bottom: 2rem; }
.m-b-3 {
margin-bottom: 3rem; }
.set-open-transition {
transition: max-height 0.3s ease-out;
overflow: hidden; }
/*# sourceMappingURL=utils.css.map */

7
static/css/utils.css.map Normal file
View File

@@ -0,0 +1,7 @@
{
"version": 3,
"mappings": "AAAA,YAAa;EACX,UAAU,EAAE,MAAM;;AAGpB,MAAO;EACL,aAAa,EAAC,IAAI;;AAEpB,MAAO;EACL,aAAa,EAAC,IAAI;;AAEpB,MAAO;EACL,aAAa,EAAC,IAAI;;AAGpB,oBAAqB;EACnB,UAAU,EAAE,wBAAwB;EACpC,QAAQ,EAAE,MAAM",
"sources": ["utils.scss"],
"names": [],
"file": "utils.css"
}

18
static/css/utils.scss Normal file
View File

@@ -0,0 +1,18 @@
.text-center {
text-align: center;
}
.m-b-1 {
margin-bottom:1rem;
}
.m-b-2 {
margin-bottom:2rem;
}
.m-b-3 {
margin-bottom:3rem;
}
.set-open-transition {
transition: max-height 0.3s ease-out;
overflow: hidden;
}