You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
135 lines
2.7 KiB
135 lines
2.7 KiB
/*
|
|
Theme Name: Kolarix - Q Movies
|
|
Author: Kolarix
|
|
Version: 1.1.0
|
|
*/
|
|
@import url(css/variables.css);
|
|
@import url(css/min_reset.css);
|
|
@import url(css/animations.css);
|
|
.header {
|
|
padding: var(--gap) 0;
|
|
z-index: 1; }
|
|
.header-wrapper {
|
|
position: relative;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center; }
|
|
|
|
.logo-wrapper {
|
|
font-size: 40px;
|
|
letter-spacing: 10px;
|
|
/*@media screen and (max-width: 990px) {
|
|
font-size: 0;
|
|
|
|
.tag {
|
|
font-size: 40px;
|
|
}
|
|
}*/ }
|
|
.logo-wrapper:hover {
|
|
text-decoration: none; }
|
|
|
|
#main {
|
|
display: flex;
|
|
height: 100%; }
|
|
|
|
.section {
|
|
flex: 1;
|
|
height: 100%; }
|
|
.section .article {
|
|
width: 100%; }
|
|
@media screen and (min-width: 991px) {
|
|
.section .article {
|
|
height: 100%; } }
|
|
|
|
.loader-wrapper {
|
|
display: none;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: rgba(0, 0, 0, 0.3); }
|
|
.loader-wrapper .loader {
|
|
position: relative;
|
|
top: calc(50% - 25px);
|
|
width: 50px;
|
|
height: 50px;
|
|
margin: 0 auto;
|
|
background: #ffffff;
|
|
border-radius: 50%;
|
|
animation: roll 1s ease-in-out infinite alternate; }
|
|
.loader-wrapper .loader::after {
|
|
content: '';
|
|
position: absolute;
|
|
inset: 5px;
|
|
border-radius: 50%;
|
|
border: 5px solid;
|
|
border-color: #ff3d00 transparent; }
|
|
|
|
@keyframes roll {
|
|
0% {
|
|
transform: translateX(-150%) rotate(0deg); }
|
|
100% {
|
|
transform: translateX(150%) rotate(360deg); } }
|
|
.login-wrapper {
|
|
position: relative;
|
|
text-align: center; }
|
|
.login-form {
|
|
max-width: 300px;
|
|
margin: 0 auto; }
|
|
.login-form .input {
|
|
width: 100%;
|
|
margin-top: 5px; }
|
|
.login .row {
|
|
margin-bottom: 20px; }
|
|
.login .button {
|
|
padding: 10px 20px;
|
|
background: #d2691e; }
|
|
.login .button:hover {
|
|
background: #d2691e80; }
|
|
|
|
.button-logout {
|
|
display: none;
|
|
margin: 0 auto; }
|
|
|
|
.footer {
|
|
padding: var(--gap) 0;
|
|
margin-top: 30px;
|
|
background: #ffffff; }
|
|
.footer-credits {
|
|
text-align: center; }
|
|
.footer-credits p + p {
|
|
margin-top: 5px; }
|
|
|
|
.wrapper {
|
|
width: 100%;
|
|
max-width: 1440px;
|
|
margin: 0 auto;
|
|
padding: 0 var(--gap); }
|
|
|
|
.sm-grey {
|
|
color: var(--grey-blue);
|
|
letter-spacing: 2px; }
|
|
|
|
.tag {
|
|
font-family: "BarlowCondensed-Bold", sans-serif;
|
|
background: var(--dark-blue);
|
|
color: #ffffff;
|
|
letter-spacing: 0;
|
|
padding: 5px 10px;
|
|
border-radius: 20px;
|
|
margin-right: 20px; }
|
|
|
|
body:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 50%;
|
|
height: calc(100% - 180px);
|
|
z-index: -1;
|
|
background: var(--light-grey-blue);
|
|
border-top-left-radius: 100px;
|
|
border-bottom-left-radius: 100px; }
|
|
|
|
/*# sourceMappingURL=style.css.map */
|