|
|
(39 intermediate revisions by the same user not shown) |
Line 3: |
Line 3: |
| /* Rizline font */ | | /* Rizline font */ |
| @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'); |
|
| |
|
| |
|
| |
|
| /* General utility classes */ | | /* General utility classes */ |
Line 14: |
Line 12: |
| overflow-wrap: anywhere; | | overflow-wrap: anywhere; |
| } | | } |
|
| |
|
| |
|
|
| |
|
Line 23: |
Line 20: |
| } | | } |
|
| |
|
| | | /* Generic "gadget disabled" message */ |
| | | .rgwiki-main-gadget-disabled { |
| /* Template:TriviaBox */ | | border-color: #bbbbbb; |
| .rgwiki-main-trivia-box { | |
| border-color: #5bcffa; | |
| border-style: solid; | | border-style: solid; |
| border-width: 0 6px 0 6px; | | border-width: 0 6px 0 6px; |
| border-radius: 6px; | | border-radius: 6px; |
| background-color: #5bcffa1f; | | background-color: #bbbbbb1f; |
| padding: 0.5em 1em; | | padding: 0.5em 1em; |
| margin: 1em; | | margin: 1em; |
| | display: block !important; |
| | color: #666; |
| } | | } |
|
| |
|
| .rgwiki-main-trivia-box > p {
| | /* Template:TriviaBox */ |
| display: inline;
| | /* Hide by default, more CSS is in [[MediaWiki:Gadget-main-trivia-box.css]] */ |
| }
| | .rgwiki-main-trivia-box { |
| | | display: none; |
| .rgwiki-main-trivia-box > ul { | |
| display: inline-block; | |
| margin: 0;
| |
| /* margin-left: 0.5em; */
| |
| } | | } |
|
| |
|
| .rgwiki-main-trivia-box > ul > li { | | /* Template:SpoilerWarning */ |
| | /* 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; | | display: none; |
| }
| |
|
| |
| .rgwiki-main-trivia-box > ul > li.rgwiki-main-trivia-active {
| |
| display: block;
| |
| }
| |
|
| |
| .rgwiki-main-trivia-box > .rgwiki-main-trivia-button {
| |
| float: right;
| |
| }
| |
|
| |
|
| |
|
| |
| /* Rizline Bio templates */
| |
| .rgwiki-rizline-bio-chip {
| |
| width: 211px;
| |
| height: 30px;
| |
| box-sizing: border-box;
| |
| padding: 2px;
| |
| border-radius: 100px;
| |
| display: flex;
| |
| justify-content: center;
| |
| align-items: stretch;
| |
| /* user-select: none; */
| |
| cursor: default;
| |
| border: 1px solid transparent;
| |
| transition: 0.1s;
| |
| zoom: 0.75;
| |
| }
| |
|
| |
| .rgwiki-rizline-bio-chip.rgwiki-rizline-bio-chip-focusable {
| |
| cursor: pointer;
| |
| }
| |
|
| |
| .rgwiki-rizline-bio-chip,
| |
| .rgwiki-rizline-bio-chip.rgwiki-rizline-bio-chip-inactive {
| |
| background-color: #e2dbed;
| |
| color: #8066ad;
| |
| }
| |
|
| |
| .rgwiki-rizline-bio-chip.rgwiki-rizline-bio-chip-focusable:not(.rgwiki-rizline-bio-chip-clicked):hover,
| |
| .rgwiki-rizline-bio-chip.rgwiki-rizline-bio-chip-selected {
| |
| background-color: #cfc4e2;
| |
| color: #8067ab;
| |
| border-color: #7c6d96;
| |
| }
| |
|
| |
| .rgwiki-rizline-bio-chip.rgwiki-rizline-bio-chip-clicked,
| |
| .rgwiki-rizline-bio-chip.rgwiki-rizline-bio-chip-active {
| |
| background-color: #7f65af;
| |
| color: #ffffff;
| |
| }
| |
|
| |
| .rgwiki-rizline-bio-chip.rgwiki-rizline-bio-chip-left {
| |
| border-radius: 100px 0 0 100px;
| |
| justify-content: end;
| |
| }
| |
|
| |
| .rgwiki-rizline-bio-chip.rgwiki-rizline-bio-chip-right {
| |
| border-radius: 0 100px 100px 0;
| |
| justify-content: start;
| |
| }
| |
|
| |
| .rgwiki-rizline-bio-chip > .rgwiki-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;
| |
| }
| |
|
| |
| .rgwiki-rizline-bio-chip > .rgwiki-rizline-bio-text,
| |
| .rgwiki-rizline-bio-chip.rgwiki-rizline-bio-chip-inactive > .rgwiki-rizline-bio-text {
| |
| border-color: #aea3c3;
| |
| }
| |
|
| |
| .rgwiki-rizline-bio-chip.rgwiki-rizline-bio-chip-focusable:not(.rgwiki-rizline-bio-chip-clicked):hover > .rgwiki-rizline-bio-text,
| |
| .rgwiki-rizline-bio-chip.rgwiki-rizline-bio-chip-selected > .rgwiki-rizline-bio-text {
| |
| border-color: #a697c0;
| |
| }
| |
|
| |
| .rgwiki-rizline-bio-chip.rgwiki-rizline-bio-chip-clicked > .rgwiki-rizline-bio-text,
| |
| .rgwiki-rizline-bio-chip.rgwiki-rizline-bio-chip-active > .rgwiki-rizline-bio-text {
| |
| border-color: #c1aee6;
| |
| }
| |
|
| |
| .rgwiki-rizline-bio-chip.rgwiki-rizline-bio-chip-left > .rgwiki-rizline-bio-text {
| |
| border-right-width: 1px;
| |
| }
| |
|
| |
| .rgwiki-rizline-bio-chip.rgwiki-rizline-bio-chip-right > .rgwiki-rizline-bio-text {
| |
| border-left-width: 1px;
| |
| } | | } |