Revize 3e4f999e
Přidáno uživatelem Adam Mištera před asi 4 roky(ů)
| resources/sass/_custom.scss | ||
|---|---|---|
| 364 | 364 |
} |
| 365 | 365 |
} |
| 366 | 366 |
|
| 367 |
// Metadata area |
|
| 367 | 368 |
.metadata-area {
|
| 368 | 369 |
|
| 369 |
color: $theme-color-two; |
|
| 370 |
|
|
| 371 | 370 |
h2 {
|
| 372 | 371 |
font-weight: $font-weight-two; |
| 373 | 372 |
font-size: 12pt; |
| 374 | 373 |
} |
| 375 | 374 |
|
| 376 |
.metadata {
|
|
| 377 |
position: relative; |
|
| 378 |
display: flex; |
|
| 379 |
align-items: baseline; |
|
| 380 |
margin-left: 50vw; |
|
| 375 |
.arrow-down {
|
|
| 376 |
position: absolute; |
|
| 377 |
top: 0.25rem; |
|
| 378 |
right: 0; |
|
| 379 |
margin: 2rem; |
|
| 380 |
width: 0; |
|
| 381 |
height: 0; |
|
| 382 |
border-left: 0.59055rem solid transparent; |
|
| 383 |
border-right: 0.59055rem solid transparent; |
|
| 384 |
border-top: 0.59055rem solid $theme-color-two; |
|
| 381 | 385 |
} |
| 382 | 386 |
|
| 383 | 387 |
.pin-horizontal {
|
| 384 |
border-bottom: .5pt solid $theme-color-two; |
|
| 388 |
color: $theme-color-two; |
|
| 389 |
border-bottom: .042rem solid $theme-color-two; |
|
| 385 | 390 |
display: inline-block; |
| 386 |
margin: 50px 50px 0 0; |
|
| 391 |
margin: 3.35rem 3.125rem 0 0; |
|
| 392 |
|
|
| 387 | 393 |
&:before {
|
| 388 | 394 |
content: ''; |
| 389 | 395 |
background-color: $theme-color-two; |
| ... | ... | |
| 396 | 402 |
left: 50vw; |
| 397 | 403 |
} |
| 398 | 404 |
|
| 399 |
.arrow-down {
|
|
| 400 |
width: 0; |
|
| 401 |
height: 0; |
|
| 402 |
border-left: 0.2rem solid transparent; |
|
| 403 |
border-right: 0.2rem solid transparent; |
|
| 404 |
border-top: 0.2rem solid $theme-color-two; |
|
| 405 |
margin-left: 0.5rem; |
|
| 405 |
.metadata {
|
|
| 406 |
position: relative; |
|
| 407 |
display: flex; |
|
| 408 |
align-items: baseline; |
|
| 409 |
|
|
| 410 |
span {
|
|
| 411 |
font-weight: $font-weight-two; |
|
| 412 |
} |
|
| 413 |
|
|
| 414 |
.arrow-down {
|
|
| 415 |
position: relative; |
|
| 416 |
top: 0; |
|
| 417 |
right: 0; |
|
| 418 |
width: 0; |
|
| 419 |
height: 0; |
|
| 420 |
border-left: 0.25rem solid transparent; |
|
| 421 |
border-right: 0.25rem solid transparent; |
|
| 422 |
border-top: 0.25rem solid $theme-color-two; |
|
| 423 |
margin: 0 0.5rem 0 0.5rem; |
|
| 424 |
} |
|
| 406 | 425 |
} |
| 426 |
} |
|
| 407 | 427 |
|
| 428 |
.white-pin {
|
|
| 429 |
color: $theme-color-one; |
|
| 430 |
border-bottom: .042rem solid $theme-color-one; |
|
| 408 | 431 |
|
| 432 |
&:before {
|
|
| 433 |
content: ''; |
|
| 434 |
background-color: $theme-color-one; |
|
| 435 |
} |
|
| 436 |
|
|
| 437 |
.metadata {
|
|
| 438 |
.arrow-down {
|
|
| 439 |
border-top: 0.25rem solid $theme-color-one; |
|
| 440 |
} |
|
| 441 |
} |
|
| 409 | 442 |
} |
| 410 | 443 |
|
| 411 | 444 |
.metadata-text {
|
| 445 |
font-size: 8pt; |
|
| 412 | 446 |
color: $theme-color-one; |
| 413 | 447 |
padding-top: 10px; |
| 414 | 448 |
padding-left: 25px; |
| ... | ... | |
| 419 | 453 |
margin-top: 10px; |
| 420 | 454 |
|
| 421 | 455 |
.artefact-name {
|
| 422 |
font-family: $font-weight-two;
|
|
| 456 |
font-weight: $font-weight-two;
|
|
| 423 | 457 |
font-size: 8pt; |
| 424 | 458 |
} |
| 425 | 459 |
|
| 426 | 460 |
.artefact-author {
|
| 427 |
font-family: $font-weight-one;
|
|
| 461 |
font-weight: $font-weight-one;
|
|
| 428 | 462 |
font-size: 7pt; |
| 429 | 463 |
} |
| 464 |
|
|
| 465 |
.inter_like_filled {
|
|
| 466 |
|
|
| 467 |
&:before {
|
|
| 468 |
background-image : url(../images/interface/Hearth_Filled_50.png); |
|
| 469 |
width: 50px; |
|
| 470 |
height: 50px; |
|
| 471 |
} |
|
| 472 |
|
|
| 473 |
&:hover, &:focus, &:active {
|
|
| 474 |
background-color: transparent !important; |
|
| 475 |
border-color: transparent !important; |
|
| 476 |
outline: none !important; |
|
| 477 |
box-shadow: none !important; |
|
| 478 |
} |
|
| 479 |
} |
|
| 430 | 480 |
} |
| 431 | 481 |
} |
| 432 | 482 |
} |
Také k dispozici: Unified diff
Issue #7954 @1.5h
[+] Oprava a dokončení stylování
[+] Přidání JS pro správné nastavení délky špendlíku