Revize 31d75014
Přidáno uživatelem Jiří Noháč před asi 4 roky(ů)
| resources/sass/_custom.scss | ||
|---|---|---|
| 360 | 360 |
} |
| 361 | 361 |
} |
| 362 | 362 |
|
| 363 |
.monButton {
|
|
| 364 |
|
|
| 365 |
&:before {
|
|
| 366 |
background-image : url(../images/Button_Arrow_Small.png); |
|
| 367 |
//height: 0.9685rem; |
|
| 368 |
//width: 0.59055rem; |
|
| 369 |
} |
|
| 370 |
|
|
| 371 |
&:hover {
|
|
| 372 |
background-color: transparent; |
|
| 373 |
border-color: $theme-color-four; |
|
| 374 |
} |
|
| 363 |
.content {
|
|
| 364 |
position: relative; |
|
| 365 |
|
|
| 366 |
//Circle style button |
|
| 367 |
//Toto možná nebude zcela optimální pro ostatní circle buttony. Nehodící se propagujte do btn-categories. |
|
| 368 |
.btn-circle.rounded-circle {
|
|
| 369 |
padding: 6px 0px; |
|
| 370 |
font-size: 16px; |
|
| 371 |
text-align: center; |
|
| 372 |
} |
|
| 375 | 373 |
|
| 376 |
&:focus {
|
|
| 377 |
background-color: transparent; |
|
| 378 |
border-color: $theme-color-four; |
|
| 379 |
outline: none !important; |
|
| 380 |
box-shadow: none !important; |
|
| 381 |
} |
|
| 374 |
.btn-categories {
|
|
| 375 |
position: absolute; |
|
| 376 |
border-width: 5px; |
|
| 377 |
background-color: $theme-color-five; |
|
| 378 |
border-color: $theme-color-four; |
|
| 379 |
color: $theme-color-four; |
|
| 380 |
outline: none !important; |
|
| 381 |
box-shadow: none !important; |
|
| 382 |
font-weight: $font-weight-two; |
|
| 382 | 383 |
|
| 383 | 384 |
&:active {
|
| 384 |
background-color: transparent !important;
|
|
| 385 |
border-color: transparent !important;
|
|
| 385 |
background-color: $theme-color-three;
|
|
| 386 |
border-color: $theme-color-four;
|
|
| 386 | 387 |
outline: none !important; |
| 387 | 388 |
box-shadow: none !important; |
| 389 |
color: $theme-color-five; |
|
| 388 | 390 |
} |
| 389 | 391 |
} |
| 392 |
} |
|
| 390 | 393 |
|
| 391 |
.content {
|
|
| 392 |
position: relative; |
|
| 394 |
//CATEGORIES - TILES |
|
| 395 |
.btn.btn-dark.cat-tile |
|
| 396 |
{
|
|
| 397 |
//STYLING |
|
| 398 |
border-color: $theme-color-four; |
|
| 399 |
border-radius: 0; |
|
| 400 |
border-style: solid; |
|
| 401 |
border-width: 2px; |
|
| 402 |
color: $theme-color-four; |
|
| 403 |
background-color: $theme-color-five; |
|
| 404 |
text-align: center; |
|
| 405 |
outline: none !important; |
|
| 406 |
box-shadow: none !important; |
|
| 393 | 407 |
|
| 394 |
//Circle style button |
|
| 395 |
//Toto možná nebude zcela optimální pro ostatní circle buttony. Nehodící se propagujte do btn-categories. |
|
| 396 |
.btn-circle.rounded-circle {
|
|
| 397 |
padding: 6px 0px; |
|
| 398 |
font-size: 16px; |
|
| 399 |
text-align: center; |
|
| 400 |
} |
|
| 401 |
.btn-categories |
|
| 408 |
//FONT |
|
| 409 |
font-size: 8mm; |
|
| 410 |
word-wrap: break-word; |
|
| 411 |
|
|
| 412 |
//SPACING |
|
| 413 |
margin: 10pt 32pt; |
|
| 414 |
height: 40mm; |
|
| 415 |
width: 86%; |
|
| 416 |
|
|
| 417 |
&:active, &:focus |
|
| 402 | 418 |
{
|
| 403 |
position: absolute; |
|
| 404 |
border-width: 5px; |
|
| 405 |
background-color: $theme-color-five; |
|
| 419 |
background-color: $theme-color-three; |
|
| 406 | 420 |
border-color: $theme-color-four; |
| 407 |
color:$theme-color-four; |
|
| 408 | 421 |
outline: none !important; |
| 409 | 422 |
box-shadow: none !important; |
| 410 |
font-weight: $font-weight-two; |
|
| 411 |
|
|
| 412 |
&:active |
|
| 413 |
{
|
|
| 414 |
background-color: $theme-color-three; |
|
| 415 |
border-color: $theme-color-four; |
|
| 416 |
outline: none !important; |
|
| 417 |
box-shadow: none !important; |
|
| 418 |
color:$theme-color-five; |
|
| 419 |
} |
|
| 420 |
} |
|
| 421 |
|
|
| 422 |
.btn-sm |
|
| 423 |
{
|
|
| 424 |
width: 120px; |
|
| 425 |
height: 120px; |
|
| 426 |
} |
|
| 427 |
.btn-dm |
|
| 428 |
{
|
|
| 429 |
width: 240px; |
|
| 430 |
height: 240px; |
|
| 431 |
} |
|
| 432 |
.btn-xl |
|
| 433 |
{
|
|
| 434 |
width: 360px; |
|
| 435 |
height: 360px; |
|
| 423 |
color: $theme-color-five; |
|
| 436 | 424 |
} |
| 425 |
} |
|
| 437 | 426 |
|
| 427 |
//CATEGORIES - enter button |
|
| 428 |
.btn.button-square.cat-enter-butt |
|
| 429 |
{
|
|
| 430 |
position: fixed; |
|
| 431 |
bottom: 8%; |
|
| 432 |
right: 45%; |
|
| 433 |
display: none; |
|
| 438 | 434 |
} |
| 439 | 435 |
} |
| 440 | 436 |
|
| ... | ... | |
| 515 | 511 |
{
|
| 516 | 512 |
.head-title.text-center h1 |
| 517 | 513 |
{
|
| 518 |
font-size: 45pt; |
|
| 514 |
font-size: 23pt; |
|
| 515 |
padding-top: 50pt; |
|
| 516 |
margin-left: 36pt; |
|
| 517 |
white-space: nowrap; |
|
| 519 | 518 |
} |
| 520 | 519 |
|
| 521 | 520 |
.btn-circle.rounded-circle.btn-sm |
Také k dispozici: Unified diff
Issue @7957 #4h
Issue @7957 #4h
Predelani kategorii podle nove udelaneho navrhu. Momentalne funkcni pro kazdou kategorii jeji vybrani, kde se nasledne zobrazi vybrana kategorie a vespod obrazovky enter button pro jeji navstiveni(nyni jen pouze jako priprave, zatim nikam neroutuje). Dale je jiz pridan slide sidebar na vrchu obrazovky.