Revize 8075a85b
Přidáno uživatelem Marek Zábran před asi 4 roky(ů)
resources/sass/_custom.scss | ||
---|---|---|
233 | 233 |
.pin-left { |
234 | 234 |
border-left: .5pt solid $theme-color-four; |
235 | 235 |
display: inline-block; |
236 |
margin: 50px; |
|
237 |
margin-bottom: 0pt; |
|
238 |
min-height: 75vh; |
|
239 |
height: auto; |
|
236 |
//margin: 50px; |
|
237 |
//margin-bottom: 0pt; |
|
238 |
margin: 10rem 50px 0px -5rem; |
|
239 |
//min-height: 75vh; |
|
240 |
//height: auto; |
|
241 |
position: fixed; |
|
242 |
top: 0; |
|
243 |
bottom: 0; |
|
240 | 244 |
text-align: left; |
241 | 245 |
width: 100%; |
242 | 246 |
.text{ |
... | ... | |
251 | 255 |
} |
252 | 256 |
} |
253 | 257 |
|
258 |
footer { |
|
259 |
background: $theme-color-four; |
|
260 |
color: $theme-color-five; |
|
261 |
display: block; |
|
262 |
height: 50px; |
|
263 |
position: fixed; |
|
264 |
left: 0; |
|
265 |
bottom: 0; |
|
266 |
width: 100%; |
|
267 |
} |
|
268 |
|
|
254 | 269 |
.button-image { |
255 | 270 |
background-color: transparent; |
256 | 271 |
border-color: transparent; |
... | ... | |
423 | 438 |
} |
424 | 439 |
} |
425 | 440 |
|
426 |
.arrow-left {
|
|
441 |
.arrow{ |
|
427 | 442 |
position: absolute; |
428 | 443 |
width: 0; |
429 | 444 |
height: 0; |
430 |
margin-top: 50px; |
|
431 |
//height: 0.9685rem; |
|
432 |
//width: 0.59055rem; |
|
433 |
margin-left: 90%; |
|
434 |
border-top: 0.59055rem solid transparent; |
|
435 |
border-bottom: 0.59055rem solid transparent; |
|
436 |
|
|
437 |
border-right:0.59055rem solid $theme-color-four; |
|
445 |
margin: 2rem; |
|
446 |
cursor:pointer; |
|
447 |
border: 0.59055rem solid transparent; |
|
448 |
} |
|
449 |
|
|
450 |
.arrow-left { |
|
451 |
margin-left: 80%; |
|
452 |
|
|
453 |
border-right:0.59055rem solid $theme-color-five; |
|
454 |
background-color: $theme-color-four !important; |
|
438 | 455 |
} |
439 |
.arrow-right { |
|
440 |
position: absolute; |
|
441 |
top: 0; |
|
442 |
width: 0; |
|
443 |
height: 0; |
|
444 |
margin: 50px; |
|
445 |
border-top: 0.59055rem solid transparent; |
|
446 |
border-bottom: 0.59055rem solid transparent; |
|
447 | 456 |
|
457 |
.arrow-right { |
|
448 | 458 |
border-left:0.59055rem solid $theme-color-four; |
459 |
|
|
460 |
position: fixed; |
|
461 |
z-index: 1; |
|
462 |
top: 0; |
|
463 |
left: 0; |
|
449 | 464 |
} |
450 | 465 |
|
451 | 466 |
.sidenav { |
... | ... | |
455 | 470 |
z-index: 1; |
456 | 471 |
top: 0; |
457 | 472 |
left: 0; |
458 |
//margin-top: 50px; |
|
459 |
background-color: $theme-color-five; |
|
473 |
background-color: $theme-color-four; |
|
460 | 474 |
overflow-x: hidden; |
461 | 475 |
transition: 0.5s; |
462 |
//padding-top: 60px; |
|
463 | 476 |
} |
464 | 477 |
|
465 | 478 |
.sidenav a { |
466 |
//padding: 8px 8px 8px 50px; |
|
467 | 479 |
text-decoration: none; |
468 |
//font-size: 25px; |
|
469 |
color: $theme-color-four; |
|
480 |
color: $theme-color-five; |
|
470 | 481 |
display: block; |
471 | 482 |
transition: 0.3s; |
472 | 483 |
} |
473 | 484 |
|
474 | 485 |
.sidenav a:hover { |
475 |
color: $theme-color-five;
|
|
486 |
color: $theme-color-four;
|
|
476 | 487 |
background-color: $theme-color-one; |
477 | 488 |
} |
478 | 489 |
|
479 |
/*.sidenav .closebtn { |
|
480 |
position: absolute; |
|
481 |
top: 0; |
|
482 |
right: 25px; |
|
483 |
font-size: 36px; |
|
484 |
margin-left: 50px; |
|
485 |
}*/ |
|
486 |
|
|
487 | 490 |
@media screen and (max-height: 450px) { |
488 |
.sidenav {padding-top: 15px;} |
|
491 |
//.sidenav {padding-top: 15px;}
|
|
489 | 492 |
.sidenav a {font-size: 18px;} |
490 | 493 |
} |
491 | 494 |
|
492 | 495 |
@media (max-width: 990px) { |
496 |
body { |
|
497 |
/*.pin-left { |
|
498 |
margin-left: -15rem; |
|
499 |
margin-top: 11rem; |
|
500 |
}*/ |
|
501 |
} |
|
502 |
} |
|
503 |
|
|
504 |
@media (max-width: 770px) { |
|
493 | 505 |
body { |
494 | 506 |
.pin-left { |
495 |
margin-left: 0px; |
|
507 |
margin-left: -33vw; |
|
508 |
margin-top: 12rem; |
|
509 |
//left: 20vw; |
|
496 | 510 |
} |
497 | 511 |
} |
498 | 512 |
} |
499 | 513 |
|
500 | 514 |
@media only screen and (max-width: 540px) |
501 | 515 |
{ |
502 |
|
|
503 |
|
|
504 | 516 |
.head-title.text-center h1 |
505 | 517 |
{ |
506 | 518 |
font-size: 45pt; |
Také k dispozici: Unified diff
Issue #7953 @2.25h
Dodělání levého menu - už nesedí jen nepatrně některé marginy.
Login - oprava velikosti špendlíku.