@ -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 */
|
@ -0,0 +1,7 @@
|
||||
{
|
||||
"version": 3,
|
||||
"mappings": "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",
|
||||
"sources": ["slovenscina-theme.scss","slovenscina-elements.scss","form.scss"],
|
||||
"names": [],
|
||||
"file": "form.css"
|
||||
}
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
@ -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 */
|
@ -0,0 +1,7 @@
|
||||
{
|
||||
"version": 3,
|
||||
"mappings": "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",
|
||||
"sources": ["slovenscina-theme.scss","slovenscina-elements.scss","header.scss"],
|
||||
"names": [],
|
||||
"file": "header.css"
|
||||
}
|
@ -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;
|
||||
}
|
@ -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 */
|
@ -0,0 +1,7 @@
|
||||
{
|
||||
"version": 3,
|
||||
"mappings": "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",
|
||||
"sources": ["slovenscina-theme.scss","slovenscina-elements.scss","history.scss"],
|
||||
"names": [],
|
||||
"file": "history.css"
|
||||
}
|
@ -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;
|
||||
}
|
||||
}
|
@ -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 */
|
@ -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"
|
||||
}
|
@ -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;
|
||||
}
|
||||
}
|
@ -0,0 +1,8 @@
|
||||
html {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
color: #46535B; }
|
||||
|
||||
.panel {
|
||||
background: #F5F5F5; }
|
||||
|
||||
/*# sourceMappingURL=slovenscina-elments.css.map */
|
@ -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"
|
||||
}
|
@ -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;
|
||||
}
|
||||
}
|
@ -0,0 +1,5 @@
|
||||
html {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
color: #46535B; }
|
||||
|
||||
/*# sourceMappingURL=slovenscina-theme.css.map */
|
@ -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"
|
||||
}
|
@ -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;
|
||||
}
|
@ -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 */
|
@ -0,0 +1,7 @@
|
||||
{
|
||||
"version": 3,
|
||||
"mappings": "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",
|
||||
"sources": ["slovenscina-theme.scss","slovenscina-elements.scss","styles.scss"],
|
||||
"names": [],
|
||||
"file": "styles.css"
|
||||
}
|
@ -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;
|
||||
}
|
||||
}
|
@ -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 */
|
@ -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"
|
||||
}
|
@ -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;
|
||||
}
|
After Width: | Height: | Size: 1.3 KiB |
After Width: | Height: | Size: 1.5 KiB |
After Width: | Height: | Size: 1.6 KiB |
Before Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 912 B |
Before Width: | Height: | Size: 2.2 KiB |
After Width: | Height: | Size: 2.3 KiB |
Before Width: | Height: | Size: 1.7 KiB |
After Width: | Height: | Size: 2.4 KiB |
Before Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 908 B |