Skip to content

Commit 6323066

Browse files
DiegoAndresCorteslive627
DiegoAndresCortes
authored and
live627
committed
reset specificity, profilelinks vars and fixes
Signed-off-by: Diego Andrés <diegoandres_cortes@outlook.com>
1 parent 0ca326d commit 6323066

2 files changed

Lines changed: 86 additions & 61 deletions

File tree

‎Themes/default/css/index.css‎

Lines changed: 48 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -441,7 +441,7 @@ hr {
441441
.clear_right {
442442
clear: inline-end;
443443
}
444-
.reset {
444+
.reset, button.reset {
445445
all: unset;
446446
outline: revert;
447447
}
@@ -1179,62 +1179,72 @@ img.sort, .sort {
11791179
font-size: 0.7em;
11801180
}
11811181
ol.profile_user_links {
1182-
display: grid;
1183-
grid-template-columns: 1fr 1fr;
1184-
padding-block: 0.25em;
1185-
padding-inline: 0.25em;
1186-
user-select: none;
1187-
}
1188-
.profile_user_links li {
1189-
align-self: center;
1190-
}
1191-
.profile_user_links li a {
1192-
align-items: center;
11931182
background: var(--profilelinks-bg);
11941183
border-color: var(--profilelinks-border-color);
11951184
border-radius: var(--profilelinks-border-radius);
11961185
border-style: var(--profilelinks-border-style);
11971186
border-width: var(--profilelinks-border-width);
1198-
color: var(--profilelinks-color);
1199-
display: flex;
1200-
font-family: var(--profilelinks-font-family);
1187+
box-shadow: var(--profilelinks-box-shadow);
1188+
display: grid;
12011189
font-size: var(--profilelinks-font-size);
1202-
font-weight: var(--profilelinks-font-weight);
12031190
gap: var(--profilelinks-gap);
1191+
grid: var(--profilelinks-grid);
12041192
margin-block: var(--profilelinks-margin-block);
12051193
margin-inline: var(--profilelinks-margin-inline);
1206-
min-height: var(--profilelinks-height);
12071194
padding-block: var(--profilelinks-padding-block);
12081195
padding-inline: var(--profilelinks-padding-inline);
1209-
text-decoration: var(--profilelinks-text-decoration);
1210-
text-shadow: var(--profilelinks-text-shadow);
1196+
user-select: none;
1197+
}
1198+
.profile_user_links li {
1199+
align-self: center;
1200+
}
1201+
.profile_user_links li a {
1202+
align-items: center;
1203+
background: var(--profilelinks-item-bg);
1204+
border-color: var(--profilelinks-item-border-color);
1205+
border-radius: var(--profilelinks-item-border-radius);
1206+
border-style: var(--profilelinks-item-border-style);
1207+
border-width: var(--profilelinks-item-border-width);
1208+
color: var(--profilelinks-item-color);
1209+
display: flex;
1210+
font-family: var(--profilelinks-item-font-family);
1211+
font-size: var(--profilelinks-item-font-size);
1212+
font-weight: var(--profilelinks-item-font-weight);
1213+
gap: var(--profilelinks-item-gap);
1214+
margin-block: var(--profilelinks-item-margin-block);
1215+
margin-inline: var(--profilelinks-item-margin-inline);
1216+
min-height: var(--profilelinks-item-height);
1217+
padding-block: var(--profilelinks-item-padding-block);
1218+
padding-inline: var(--profilelinks-item-padding-inline);
1219+
text-decoration: var(--profilelinks-item-text-decoration);
1220+
text-shadow: var(--profilelinks-item-text-shadow);
12111221
}
12121222
.profile_user_links li a:hover,
12131223
.profile_user_links li:hover a {
1214-
background: var(--profilelinks-bg_hover);
1215-
border-color: var(--profilelinks-border-color_hover);
1216-
border-width: var(--profilelinks-border-width_hover);
1217-
color: var(--profilelinks-color_hover);
1218-
font-weight: var(--profilelinks-font-weight_hover);
1219-
text-decoration: var(--profilelinks-text-decoration_hover);
1220-
text-shadow: var(--profilelinks-text-shadow_hover);
1224+
background: var(--profilelinks-item-bg_hover);
1225+
border-color: var(--profilelinks-item-border-color_hover);
1226+
border-width: var(--profilelinks-item-border-width_hover);
1227+
color: var(--profilelinks-item-color_hover);
1228+
font-weight: var(--profilelinks-item-font-weight_hover);
1229+
text-decoration: var(--profilelinks-item-text-decoration_hover);
1230+
text-shadow: var(--profilelinks-item-text-shadow_hover);
12211231
}
12221232
.profile_user_links li a:focus,
12231233
.profile_user_links li:focus-within a {
1224-
background: var(--profilelinks-bg_focus);
1225-
border-color: var(--profilelinks-border-color_focus);
1226-
border-width: var(--profilelinks-border-width_focus);
1227-
color: var(--profilelinks-color_focus);
1228-
font-weight: var(--profilelinks-font-weight_focus);
1229-
text-decoration: var(--profilelinks-text-decoration_focus);
1230-
text-shadow: var(--profilelinks-text-shadow_focus);
1234+
background: var(--profilelinks-item-bg_focus);
1235+
border-color: var(--profilelinks-item-border-color_focus);
1236+
border-width: var(--profilelinks-item-border-width_focus);
1237+
color: var(--profilelinks-item-color_focus);
1238+
font-weight: var(--profilelinks-item-font-weight_focus);
1239+
text-decoration: var(--profilelinks-item-text-decoration_focus);
1240+
text-shadow: var(--profilelinks-item-text-shadow_focus);
12311241
}
12321242
.profile_user_links li a:focus-visible,
12331243
.profile_user_links li:has(:focus-visible) a {
1234-
outline-color: var(--profilelinks-outline-color);
1235-
outline-offset: var(--profilelinks-outline-offset);
1236-
outline-style: var(--profilelinks-outline-style);
1237-
outline-width: var(--profilelinks-outline-width);
1244+
outline-color: var(--profilelinks-item-outline-color);
1245+
outline-offset: var(--profilelinks-item-outline-offset);
1246+
outline-style: var(--profilelinks-item-outline-style);
1247+
outline-width: var(--profilelinks-item-outline-width);
12381248
}
12391249
.profile_user_links i::before,
12401250
.profile_user_links span.main_icons::before {
@@ -4166,6 +4176,7 @@ div#pollmoderation {
41664176
/* The post area */
41674177
.postarea, .moderatorbar {
41684178
grid-column: 2/-1;
4179+
min-width: 0;
41694180
padding-block: var(--postarea-padding-block);
41704181
padding-inline: var(--postarea-padding-inline);
41714182
}

‎Themes/default/css/variables.css‎

Lines changed: 38 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -571,30 +571,44 @@
571571
--topmenu-body-padding-inline: 0;
572572

573573
/** Profile Links **/
574-
--profilelinks-bg: var(--dropmenu-an-bg);
575-
--profilelinks-bg_focus: var(--dropmenu-an-bg_focus);
576-
--profilelinks-bg_hover: var(--dropmenu-an-bg_hover);
577-
--profilelinks-border-radius: var(--dropmenu-an-border-radius);
578-
--profilelinks-color: var(--dropmenu-an-color);
579-
--profilelinks-color_focus: var(--dropmenu-a1-color_focus);
580-
--profilelinks-color_hover: var(--dropmenu-an-color_hover);
581-
--profilelinks-font-family: var(--dropmenu-an-font-family);
582-
--profilelinks-font-size: 0.7em;
583-
--profilelinks-font-weight: var(--dropmenu-an-font-weight);
584-
--profilelinks-font-weight_focus: var(--dropmenu-an-font-weight_focus);
585-
--profilelinks-font-weight_hover: var(--dropmenu-an-font-weight_hover);
586-
--profilelinks-gap: var(--dropmenu-an-gap);
587-
--profilelinks-height: 2em;
588-
--profilelinks-margin-block: var(--dropmenu-an-margin-block);
589-
--profilelinks-margin-inline: var(--dropmenu-an-margin-inline);
590-
--profilelinks-padding-block: var(--dropmenu-an-padding-block);
591-
--profilelinks-padding-inline: var(--dropmenu-an-padding-inline);
592-
--profilelinks-text-decoration: var(--dropmenu-an-text-decoration);
593-
--profilelinks-text-decoration_focus: var(--dropmenu-an-text-decoration_focus);
594-
--profilelinks-text-decoration_hover: var(--dropmenu-an-text-decoration_hover);
595-
--profilelinks-text-shadow: var(--dropmenu-an-text-shadow);
596-
--profilelinks-text-shadow_focus: var(--dropmenu-an-text-shadow_focus);
597-
--profilelinks-text-shadow_hover: var(--dropmenu-an-text-shadow_hover);
574+
--profilelinks-bg: transparent;
575+
--profilelinks-border-color: transparent;
576+
--profilelinks-border-radius: 0;
577+
--profilelinks-border-style: solid;
578+
--profilelinks-border-width: 0;
579+
--profilelinks-box-shadow: none;
580+
--profilelinks-font-size: inherit;
581+
--profilelinks-gap: 0;
582+
--profilelinks-grid: auto / 1fr 1fr;
583+
--profilelinks-marign-block: 0;
584+
--profilelinks-margin-inline: 0;
585+
--profilelinks-padding-block: 0.25em;
586+
--profilelinks-padding-inline: var(--profilelinks-padding-block);
587+
/** Profile Links Item **/
588+
--profilelinks-item-bg: var(--dropmenu-an-bg);
589+
--profilelinks-item-bg_focus: var(--dropmenu-an-bg_focus);
590+
--profilelinks-item-bg_hover: var(--dropmenu-an-bg_hover);
591+
--profilelinks-item-border-radius: var(--dropmenu-an-border-radius);
592+
--profilelinks-item-color: var(--dropmenu-an-color);
593+
--profilelinks-item-color_focus: var(--dropmenu-a1-color_focus);
594+
--profilelinks-item-color_hover: var(--dropmenu-an-color_hover);
595+
--profilelinks-item-font-family: var(--dropmenu-an-font-family);
596+
--profilelinks-item-font-size: 0.7em;
597+
--profilelinks-item-font-weight: var(--dropmenu-an-font-weight);
598+
--profilelinks-item-font-weight_focus: var(--dropmenu-an-font-weight_focus);
599+
--profilelinks-item-font-weight_hover: var(--dropmenu-an-font-weight_hover);
600+
--profilelinks-item-gap: var(--dropmenu-an-gap);
601+
--profilelinks-item-height: 2em;
602+
--profilelinks-item-margin-block: var(--dropmenu-an-margin-block);
603+
--profilelinks-item-margin-inline: var(--dropmenu-an-margin-inline);
604+
--profilelinks-item-padding-block: var(--dropmenu-an-padding-block);
605+
--profilelinks-item-padding-inline: var(--dropmenu-an-padding-inline);
606+
--profilelinks-item-text-decoration: var(--dropmenu-an-text-decoration);
607+
--profilelinks-item-text-decoration_focus: var(--dropmenu-an-text-decoration_focus);
608+
--profilelinks-item-text-decoration_hover: var(--dropmenu-an-text-decoration_hover);
609+
--profilelinks-item-text-shadow: var(--dropmenu-an-text-shadow);
610+
--profilelinks-item-text-shadow_focus: var(--dropmenu-an-text-shadow_focus);
611+
--profilelinks-item-text-shadow_hover: var(--dropmenu-an-text-shadow_hover);
598612

599613
/** Generic Notification. **/
600614
--genericnoti-bg: var(--window-bg);

0 commit comments

Comments
 (0)