CrystalOpedia - User contributions [en]

MediaWiki:Vector.css

2023-08-26T10:58:58Z

Samurizabelin: Reverted edits by Samurizabelin (talk) to last revision by Crystalcraze

/* All CSS here will be loaded for users of the Vector skin */
@import url("https://fonts.googleapis.com/css?family=Raleway:200,700|Source+Sans+Pro:300,600,300italic,600italic");
@import url('https://fonts.googleapis.com/css2?family=Hachi+Maru+Pop&family=Michroma&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope&family=Ubuntu&display=swap');

:root {
--white: #ffffff;
--black: #000000;
--grey: #bbbbbb;
--purple: #6521C4; /* rgb(101, 33, 196) */
--blue: #48C8F4; /* rgb(72, 200, 244) */

--fs-grey: #3b3b3b;
--fs-header: #bfea7c;
--fs-direct: #ffd8ba;
--fs-objectim: #8e5b3f;
--fs-owner: #ffffc9;
--fs-system: #e5e5e5;

--txt-font: 'Hachi Maru Pop';
--txt-font-second: 'sans-serif';
--txt-font-body: 'Ubuntu';
--txt-font-body-second: 'sans-serif';
--mono-font: 'Overpass Mono';
--normal: 1.1em;
--small: 0.8em;
/*
font-family: 'Hachi Maru Pop', cursive;
font-family: 'Michroma', sans-serif;
font-family: 'Manrope', sans-serif;
font-family: 'Ubuntu', sans-serif;
*/
}

/*** GENERAL ***/
body {
font-family: var(--txt-font-body), var(--txt-font-body-second);
}

a {
-moz-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
-webkit-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
border-bottom: dotted 1px rgba(255, 255, 255, 0.35);
color: var(--purple);
text-decoration: none;
}

a:hover {
color: var(--blue) !important;
border-bottom-color: transparent;
text-decoration: none;
}

.mw-page-container {
background-color: var(--white);
background-image: linear-gradient(to top, rgba(0, 206, 255, 0.5), rgba(0, 206, 255, 0.5)), url("https://crystalcraze.net/assets/img/bg.jpg");
background-size: auto,
cover;
background-attachment: fixed,
fixed;
background-position: center,
center;
padding: 0;
}

/*** HEADER ***/
.mw-header {
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-ms-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
background-color: rgba(101, 33, 196, 0.95);
/*width: 100%;*/
height: 3.5em;
min-height: 3.5em;
/*margin: 0;*/
}

.vector-sticky-header {
background-color: rgba(101, 33, 196, 0.95);
border-bottom: 0;
}

.vector-sticky-header-context-bar-primary {
font-family: var(--txt-font), var(--txt-font-second);
text-transform: uppercase;
color: var(--white) !important;
}

/*** SIDEBAR ***/
#mw-panel-toc, #mw-panel, #vector-page-tools {
/*display: block;
max-width: 100%;
margin-left: 0;
top: auto;*/
padding: 0.5em 0 1em 0;
border-radius: 0 15px 15px 0;
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.125);

-moz-transition: opacity 0.35s ease, -moz-transform 0.35s ease;
-webkit-transition: opacity 0.35s ease, -webkit-transform 0.35s ease;
-ms-transition: opacity 0.35s ease, -ms-transform 0.35s ease;
transition: opacity 0.35s ease, transform 0.35s ease;
-webkit-overflow-scrolling: touch;

-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-ms-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
background-color: rgba(101, 33, 196, 0.95) !important;

font-family: var(--txt-font), var(--txt-font-second);
text-transform: uppercase;
}

.vector-main-menu {
background-color: rgba(101, 33, 196, 0.95) !important;
}

.mw-sidebar-action {
padding: 0 0.25em;
}

.mw-sidebar-action-content a {
color: var(--white);
}

/*** MENUS ***/
.vector-menu-content-list {
list-style: none;
margin-bottom: 1.5em;
padding: 0.25em;
}

.vector-menu-dropdown {
border-radius: 15px;
}

.vector-menu-dropdown .vector-menu-content, .vector-user-menu-logout, .vector-user-menu-login {
background-color: var(--purple);
border-radius: 15px !important;
}

.vector-menu-dropdown li a, .vector-menu-heading-label, .vector-pinnable-header-label {
padding: 0 1em;
}

.vector-menu-tabs .vector-menu-content .vector-menu-content-list li a {
color: var(--purple) !important;
}

.vector-menu-tabs .vector-menu-content .vector-menu-content-list li a:hover {
border-radius: 5px 5px 0 0 !important;
color: var(--blue) !important;
background-color: rgba(255, 255, 255, 0.0) !important;
}

.vector-menu-portal {
margin: 0 0.5em 0 0;
padding: 0;
}

#pt-anonuserpage span {
margin: 0.8em;
line-height: 1.65;
}

.vector-user-links .vector-user-menu-more .vector-menu-content-list li a {
color: var(--white);
}

.vector-user-links .vector-user-menu-more {
font-size: var(--small);
margin: 0.8em;
line-height: 1.65;
}

.vector-user-menu-anon-editor p {
font-size: var(--small);
}

.vector-menu-heading, .vector-user-menu-logout, .vector-user-menu-login, .vector-user-menu-anon-editor p {
border-bottom: solid 2px rgba(255, 255, 255, 0.125);
color: var(--white) !important;
}

.vector-user-links .vector-user-menu .vector-menu-content-item-logout {
border-top: none;
}

.mw-list-item, .vector-user-menu-anon-editor p {
font-family: var(--txt-font), var(--txt-font-second);
text-transform: uppercase;
color: var(--white) !important;
}

.mw-list-item a, .uls-lcd a, .vector-user-menu-logout a, .vector-user-menu-login a, .vector-user-menu-anon-editor a, .vector-pinnable-header-label {
color: var(--blue) !important;
text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
border-radius: 5px;
border: 0;
display: block;
font-family: var(--txt-font), var(--txt-font-second);
font-size: var(--normal);
font-weight: 200;
text-transform: uppercase;
padding: 0.5em 1.0em;
min-height: 32px;
}

.mw-list-item a:hover, .uls-lcd a:hover, .vector-user-menu-logout a:hover, .vector-user-menu-login a:hover, .vector-user-menu-anon-editor a:hover {
background: var(--blue) !important;
color: var(--white) !important;
text-decoration: none;
}

/*** BUTTONS ***/
.mw-ui-button, .uls-lcd-region-title {
color: var(--white);
text-decoration: none;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-ms-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.125);
text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
font-family: var(--txt-font), var(--txt-font-second);
text-transform: uppercase;
font-weight: 300;
line-height: 1.65;
}

.mw-ui-button {
border-radius: 5px !important;
}

.mw-ui-button:before, .vector-user-menu-logout:before, .vector-user-menu-login:before {
margin-left: 0;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
text-transform: none !important;
}

.mw-ui-button:hover, .vector-user-menu-logout:hover, .vector-user-menu-login:hover {
background-color: rgba(255, 255, 255, 0.025);
}

.mw-ui-button:active, .vector-user-menu-logout:active, .vector-user-menu-login:active {
background-color: rgba(255, 255, 255, 0.075);
}

/** Language Tools**/
.mw-pt-translate-header {
border-bottom: 0;
}

.uls-lcd, .uls-lcd-region-title {
background-color: var(--purple);
color: var(--white) !important;
}

.uls-menu {
border-radius: 15px;
margin-top: 20px;
max-width: 400px;
}

.uls-search {
background-color: var(--blue);
border-radius: 15px 15px 0 0;
}

#uls-settings-block {
background-color: var(--blue) !important;
border-radius: 0 0 15px 15px;
}

.mw-ui-button.mw-ui-quiet:not(.mw-ui-icon-element) {
min-height: 46px;
}

/*** CONTENT ***/
.mw-content-container, .mw-workspace-container {
background-color: var(--white);
padding: 25px 50px 25px 50px;
border-radius: 25px;
}

/*** COLLAPSIBLES ***/
.mw-collapsible {
width: 100%;
}
.mw-collapsible, .mw-collapsible tbody, .mw-collapsible tr {
border: 0 none !important;
outline: 0 none !important;
border-collapse: collapse !important;
}

.mw-collapsible th {
background-color: var(--purple) !important;
color: var(--white);
cursor: pointer;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
}

.mw-collapsible tbody tr:first-child th:last-child {
border-radius: 0px 15px 0px 0px;
}

.mw-collapsible tbody tr:first-child th:first-child {
border-radius: 15px 0px 0px 0px;
}

.mw-collapsible th a {
color: var(--blue);
}

.mw-collapsible th:hover {
background-color: #7062E0 !important;
}

.mw-collapsible th:after {
content: '\002B';
color: white;
font-weight: bold;
float: right;
margin-left: 5px;
}

.mw-collapsible td {
color: black;
padding: 5px 18px;
max-height: 0;
overflow: hidden;
background-color: var(--blue);
transition: max-height 0.2s ease-out;
}

.mw-collapsible tr:last-child td:last-child {
border-radius: 0px 0px 15px 0px;
}

.mw-collapsible tr:last-child td:first-child {
border-radius: 0px 0px 0px 15px;
}

/** Chat Message **/
.chat {
padding: 5px 18px;
border-radius: 15px;
overflow: hidden;
box-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
margin-bottom: 15px;
background-color: var(--fs-grey);
border: 3px solid var(--blue);
color: var(--fs-system);
}

.chat .speaker {
color: var(--fs-header);
}

.chat .regionsay {
color: var(--fs-direct);
}

.chat .ownersay {
color: var(--fs-owner);
}

.chat .objectim {
color: var(--fs-owner);
}

.chat a {
color: var(--fs-header);
}

.chat a:visited {
color: var(--fs-header);
}

/** Note **/
.note, .mw-pt-languages {
padding: 5px 18px;
border-radius: 15px;
overflow: hidden;
box-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
margin-bottom: 15px;
background-color: var(--purple);
border: 3px solid var(--blue);
color: var(--blue);
}

.mw-pt-languages a, .note a {
color: var(--white);
}

.mw-pt-languages a:visited, .note a:visited {
color: var(--grey);
}

.note img {
float: left;
width: 100%;
width: 128px;
height: 128px;
margin-right: 20px;
border-radius: 50%;
border: 2px solid rgba(255, 255, 255, 0.125);
}

.note .h2, .mw-pt-languages-label {
color: var(--white);
background-color: transparent;
text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
font-family: var(--txt-font), var(--txt-font-second), sans-serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
margin: 0;
margin: 0 0 1em 0;
margin-bottom: 0px;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

.note hr {
background-color: transparent;
margin: 0.5em 0 !important;
border: 0;
border-bottom: solid 2px rgba(255, 255, 255, 0.125) !important;
}

MediaWiki:Vector.css

2023-08-26T10:50:52Z

Samurizabelin:

/* All CSS here will be loaded for users of the Vector skin */
@import url("https://fonts.googleapis.com/css?family=Raleway:200,700|Source+Sans+Pro:300,600,300italic,600italic");
@import url('https://fonts.googleapis.com/css2?family=Hachi+Maru+Pop&family=Michroma&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope&family=Ubuntu&display=swap');

:root {
--white: #ffffff;
--black: #000000;
--grey: #bbbbbb;
--purple: #6521C4; /* rgb(101, 33, 196) */
--blue: #48C8F4; /* rgb(72, 200, 244) */

--fs-grey: #3b3b3b;
--fs-header: #bfea7c;
--fs-direct: #ffd8ba;
--fs-objectim: #8e5b3f;
--fs-owner: #ffffc9;
--fs-system: #e5e5e5;

--txt-font: 'Hachi Maru Pop';
--txt-font-second: 'sans-serif';
--txt-font-body: 'Ubuntu';
--txt-font-body-second: 'sans-serif';
--mono-font: 'Overpass Mono';
--normal: 1.1em;
--small: 0.8em;
/*
font-family: 'Hachi Maru Pop', cursive;
font-family: 'Michroma', sans-serif;
font-family: 'Manrope', sans-serif;
font-family: 'Ubuntu', sans-serif;
*/
}

/*** GENERAL ***/
body {
font-family: var(--txt-font-body), var(--txt-font-body-second);
}

a {
-moz-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
-webkit-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
border-bottom: dotted 1px rgba(255, 255, 255, 0.35);
color: var(--purple);
text-decoration: none;
}

a:hover {
color: var(--blue) !important;
border-bottom-color: transparent;
text-decoration: none;
}

.mw-page-container {
background-color: var(--white);
background-image: linear-gradient(to top, rgba(0, 206, 255, 0.5), rgba(0, 206, 255, 0.5)), url("https://crystalcraze.net/assets/img/bg.jpg");
background-size: auto,
cover;
background-attachment: fixed,
fixed;
background-position: center,
center;
padding: 0;
}

/*** HEADER ***/
.mw-header {
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-ms-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
background-color: rgba(101, 33, 196, 0.95);
/*width: 100%;*/
height: 3.5em;
min-height: 3.5em;
/*margin: 0;*/
}

.vector-sticky-header {
background-color: rgba(101, 33, 196, 0.95);
border-bottom: 0;
}

.vector-sticky-header-context-bar-primary {
font-family: var(--txt-font), var(--txt-font-second);
text-transform: uppercase;
color: var(--white) !important;
}

/*** SIDEBAR ***/
#mw-panel-toc, #mw-panel, #vector-page-tools {
/*display: block;
max-width: 100%;
margin-left: 0;
top: auto;*/
padding: 0.5em 0 1em 0;
border-radius: 0 15px 15px 0;
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.125);

-moz-transition: opacity 0.35s ease, -moz-transform 0.35s ease;
-webkit-transition: opacity 0.35s ease, -webkit-transform 0.35s ease;
-ms-transition: opacity 0.35s ease, -ms-transform 0.35s ease;
transition: opacity 0.35s ease, transform 0.35s ease;
-webkit-overflow-scrolling: touch;

-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-ms-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
background-color: rgba(101, 33, 196, 0.95) !important;

font-family: var(--txt-font), var(--txt-font-second);
text-transform: uppercase;
}

.vector-main-menu {
background-color: rgba(101, 33, 196, 0.95) !important;
}

.mw-sidebar-action {
padding: 0 0.25em;
}

.mw-sidebar-action-content a {
color: var(--white);
}

/*** MENUS ***/
.vector-menu-content-list {
list-style: none;
margin-bottom: 1.5em;
padding: 0.25em;
}

.vector-menu-dropdown {
border-radius: 15px;
}

.vector-menu-dropdown .vector-menu-content, .vector-user-menu-logout, .vector-user-menu-login {
background-color: var(--purple);
border-radius: 15px !important;
}

.vector-menu-dropdown li a, .vector-menu-heading-label, .vector-pinnable-header-label {
padding: 0 1em;
}

.vector-menu-tabs .vector-menu-content .vector-menu-content-list li a {
color: var(--purple) !important;
}

.vector-menu-tabs .vector-menu-content .vector-menu-content-list li a:hover {
border-radius: 5px 5px 0 0 !important;
color: var(--blue) !important;
background-color: rgba(255, 255, 255, 0.0) !important;
}

.vector-menu-portal {
margin: 0 0.5em 0 0;
padding: 0;
}

#pt-anonuserpage span {
margin: 0.8em;
line-height: 1.65;
}

.vector-user-links .vector-user-menu-more .vector-menu-content-list li a {
color: var(--white);
}

.vector-user-links .vector-user-menu-more {
font-size: var(--small);
margin: 0.8em;
line-height: 1.65;
}

.vector-user-menu-anon-editor p {
font-size: var(--small);
}

.vector-menu-heading, .vector-user-menu-logout, .vector-user-menu-login, .vector-user-menu-anon-editor p {
border-bottom: solid 2px rgba(255, 255, 255, 0.125);
color: var(--white) !important;
}

.vector-user-links .vector-user-menu .vector-menu-content-item-logout {
border-top: none;
}

.mw-list-item, .vector-user-menu-anon-editor p {
font-family: var(--txt-font), var(--txt-font-second);
text-transform: uppercase;
color: var(--white) !important;
}

.mw-list-item a, .uls-lcd a, .vector-user-menu-logout a, .vector-user-menu-login a, .vector-user-menu-anon-editor a, .vector-pinnable-header-label {
color: var(--blue) !important;
text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
border-radius: 5px;
border: 0;
display: block;
font-family: var(--txt-font), var(--txt-font-second);
font-size: var(--normal);
font-weight: 200;
text-transform: uppercase;
padding: 0.5em 1.0em;
min-height: 32px;
}

.mw-list-item a:hover, .uls-lcd a:hover, .vector-user-menu-logout a:hover, .vector-user-menu-login a:hover, .vector-user-menu-anon-editor a:hover {
background: var(--blue) !important;
color: var(--white) !important;
text-decoration: none;
}

/*** BUTTONS ***/
.mw-ui-button, .uls-lcd-region-title {
color: var(--white);
text-decoration: none;
-moz-transition: background-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out;
-ms-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.125);
text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
font-family: var(--txt-font), var(--txt-font-second);
text-transform: uppercase;
font-weight: 300;
line-height: 1.65;
}

.mw-ui-button {
border-radius: 5px !important;
}

.mw-ui-button:before, .vector-user-menu-logout:before, .vector-user-menu-login:before {
margin-left: 0;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
text-transform: none !important;
}

.mw-ui-button:hover, .vector-user-menu-logout:hover, .vector-user-menu-login:hover {
background-color: rgba(255, 255, 255, 0.025);
}

.mw-ui-button:active, .vector-user-menu-logout:active, .vector-user-menu-login:active {
background-color: rgba(255, 255, 255, 0.075);
}

/** Language Tools**/
.mw-pt-translate-header {
border-bottom: 0;
}

.uls-lcd, .uls-lcd-region-title {
background-color: var(--purple);
color: var(--white) !important;
}

.uls-menu {
border-radius: 15px;
margin-top: 20px;
max-width: 400px;
}

.uls-search {
background-color: var(--blue);
border-radius: 15px 15px 0 0;
}

#uls-settings-block {
background-color: var(--blue) !important;
border-radius: 0 0 15px 15px;
}

.mw-ui-button.mw-ui-quiet:not(.mw-ui-icon-element) {
min-height: 46px;
}

/*** CONTENT ***/
.mw-content-container, .mw-workspace-container {
background-color: red;
padding: 25px 50px 25px 50px;
border-radius: 25px;
}

/*** COLLAPSIBLES ***/
.mw-collapsible {
width: 100%;
}
.mw-collapsible, .mw-collapsible tbody, .mw-collapsible tr {
border: 0 none !important;
outline: 0 none !important;
border-collapse: collapse !important;
}

.mw-collapsible th {
background-color: var(--purple) !important;
color: var(--white);
cursor: pointer;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
}

.mw-collapsible tbody tr:first-child th:last-child {
border-radius: 0px 15px 0px 0px;
}

.mw-collapsible tbody tr:first-child th:first-child {
border-radius: 15px 0px 0px 0px;
}

.mw-collapsible th a {
color: var(--blue);
}

.mw-collapsible th:hover {
background-color: #7062E0 !important;
}

.mw-collapsible th:after {
content: '\002B';
color: white;
font-weight: bold;
float: right;
margin-left: 5px;
}

.mw-collapsible td {
color: black;
padding: 5px 18px;
max-height: 0;
overflow: hidden;
background-color: var(--blue);
transition: max-height 0.2s ease-out;
}

.mw-collapsible tr:last-child td:last-child {
border-radius: 0px 0px 15px 0px;
}

.mw-collapsible tr:last-child td:first-child {
border-radius: 0px 0px 0px 15px;
}

/** Chat Message **/
.chat {
padding: 5px 18px;
border-radius: 15px;
overflow: hidden;
box-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
margin-bottom: 15px;
background-color: var(--fs-grey);
border: 3px solid var(--blue);
color: var(--fs-system);
}

.chat .speaker {
color: var(--fs-header);
}

.chat .regionsay {
color: var(--fs-direct);
}

.chat .ownersay {
color: var(--fs-owner);
}

.chat .objectim {
color: var(--fs-owner);
}

.chat a {
color: var(--fs-header);
}

.chat a:visited {
color: var(--fs-header);
}

/** Note **/
.note, .mw-pt-languages {
padding: 5px 18px;
border-radius: 15px;
overflow: hidden;
box-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
margin-bottom: 15px;
background-color: var(--purple);
border: 3px solid var(--blue);
color: var(--blue);
}

.mw-pt-languages a, .note a {
color: var(--white);
}

.mw-pt-languages a:visited, .note a:visited {
color: var(--grey);
}

.note img {
float: left;
width: 100%;
width: 128px;
height: 128px;
margin-right: 20px;
border-radius: 50%;
border: 2px solid rgba(255, 255, 255, 0.125);
}

.note .h2, .mw-pt-languages-label {
color: var(--white);
background-color: transparent;
text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
font-family: var(--txt-font), var(--txt-font-second), sans-serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
margin: 0;
margin: 0 0 1em 0;
margin-bottom: 0px;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

.note hr {
background-color: transparent;
margin: 0.5em 0 !important;
border: 0;
border-bottom: solid 2px rgba(255, 255, 255, 0.125) !important;
}