|
|
| (60 intermediate revisions by the same user not shown) |
| Line 4: |
Line 4: |
| @import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap'); | | @import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap'); |
|
| |
|
| /* Rizline Bio templates */ | | /* General utility classes */ |
| .rizline-bio-chip { | | .nowrap { |
| width: 211px; | | white-space: nowrap; |
| height: 30px;
| |
| box-sizing: border-box;
| |
| padding: 2px;
| |
| border-radius: 100px;
| |
| display: flex;
| |
| justify-content: center;
| |
| align-items: stretch;
| |
| user-select: none;
| |
| cursor: pointer;
| |
| border: 1px solid transparent;
| |
| transition: 0.2s;
| |
| } | | } |
|
| |
|
| .rizline-bio-chip, | | .wrap-anywhere { |
| .rizline-bio-chip.rizline-bio-chip-inactive {
| | overflow-wrap: anywhere; |
| background-color: #e2dbed;
| |
| color: #8066ad;
| |
| }
| |
| | |
| .rizline-bio-chip.rizline-bio-chip-focusable:hover,
| |
| .rizline-bio-chip.rizline-bio-chip-selected {
| |
| background-color: #cfc4e2;
| |
| color: #8067ab;
| |
| border-color: #7c6d96;
| |
| }
| |
| | |
| .rizline-bio-chip.rizline-bio-chip-focusable:focus-within,
| |
| .rizline-bio-chip.rizline-bio-chip-active {
| |
| background-color: #7f65af;
| |
| color: #ffffff;
| |
| }
| |
| | |
| .rizline-bio-chip.rizline-bio-chip-left {
| |
| border-radius: 100px 0 0 100px;
| |
| justify-content: end;
| |
| }
| |
| | |
| .rizline-bio-chip.rizline-bio-chip-right {
| |
| border-radius: 0 100px 100px 0;
| |
| justify-content: start;
| |
| }
| |
| | |
| .rizline-bio-chip > .rizline-bio-text {
| |
| font-family: 'Comfortaa', sans-serif;
| |
| font-weight: 700;
| |
| font-size: 17px;
| |
| padding: 0 6px;
| |
| display: flex;
| |
| align-items: baseline;
| |
| border-width: 0;
| |
| border-style: dashed;
| |
| }
| |
| | |
| .rizline-bio-chip > .rizline-bio-text,
| |
| .rizline-bio-chip.rizline-bio-chip-inactive > .rizline-bio-text {
| |
| border-color: #aea3c3; | |
| }
| |
| | |
| .rizline-bio-chip.rizline-bio-chip-focusable:focus-within > .rizline-bio-text
| |
| .rizline-bio-chip.rizline-bio-chip-selected > .rizline-bio-text {
| |
| border-color: #a697c0;
| |
| }
| |
| | |
| .rizline-bio-chip.rizline-bio-chip-active > .rizline-bio-text {
| |
| border-color: #c1aee6;
| |
| }
| |
| | |
| .rizline-bio-chip.rizline-bio-chip-left > .rizline-bio-text {
| |
| border-right-width: 1px;
| |
| }
| |
| | |
| .rizline-bio-chip.rizline-bio-chip-right > .rizline-bio-text {
| |
| border-left-width: 1px;
| |
| } | | } |
|
| |
|
| Line 89: |
Line 20: |
| } | | } |
|
| |
|
| /* General classes */ | | /* Generic "gadget disabled" message */ |
| .nowrap { | | .rgwiki-main-gadget-disabled { |
| white-space: nowrap; | | border-color: #bbbbbb; |
| | border-style: solid; |
| | border-width: 0 6px 0 6px; |
| | border-radius: 6px; |
| | background-color: #bbbbbb1f; |
| | padding: 0.5em 1em; |
| | margin: 1em; |
| | display: block !important; |
| | color: #666; |
| | } |
| | |
| | /* Template:TriviaBox */ |
| | /* Hide by default, more CSS is in [[MediaWiki:Gadget-main-trivia-box.css]] */ |
| | .rgwiki-main-trivia-box { |
| | display: none; |
| } | | } |
|
| |
|
| .wrap-anywhere { | | /* Template:SpoilerWarning */ |
| overflow-wrap: anywhere; | | /* Hide text message. The message is copied to the shown box in [[MediaWiki:Gadget-main-spoiler-warning-screen.js]] */ |
| | .rgwiki-main-show-spoiler-warning-screen { |
| | display: none; |
| } | | } |