RHPZAdmin/XenforoMasterTemplate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: RHPZAdmin:master
Branches Tags
RHPZAdmin:master RHPZAdmin:Dev
..
compare: RHPZAdmin:Dev
Branches Tags
RHPZAdmin:Dev RHPZAdmin:master

4 Commits
master ... Dev

Author SHA1 Message Date
Benjamin
b079c07cf4 A lot of things. 2026-06-08 16:25:52 +02:00
Benjamin
79b36df619 Club System 2026-06-02 20:54:40 +02:00
Benjamin
e8158dde8d Club System 2026-06-02 20:54:09 +02:00
Benjamin
1affe88683 Added new conversations design 2026-05-25 09:56:23 +02:00
57 changed files with 1064 additions and 504 deletions
Expand all files Collapse all files

9
style_properties.less
View File

@@ -14,10 +14,12 @@
@xf-borderRadiusMedium: 0px; @xf-borderRadiusMedium: 0px;
@xf-borderRadiusSmall: 0px; @xf-borderRadiusSmall: 0px;
@xf-buttonBg: @xf-paletteColor3; @xf-buttonBg: @xf-paletteColor3;
@xf-buttonCtaBg: @xf-paletteAccent2;
@xf-buttonPrimaryBg: @xf-paletteAccent3; @xf-buttonPrimaryBg: @xf-paletteAccent3;
@xf-buttonTextColor: @xf-paletteNeutral1; @xf-buttonTextColor: @xf-paletteNeutral1;
@xf-chromeBg: @xf-paletteColor1; @xf-chromeBg: @xf-paletteColor1;
@xf-chromeTextColor: @xf-paletteNeutral1; @xf-chromeTextColor: @xf-paletteNeutral1;
@xf-contentAccentBg: @xf-paletteAccent1;
@xf-contentAltBg: @xf-paletteColor3; @xf-contentAltBg: @xf-paletteColor3;
@xf-contentBg: @xf-paletteColor2; @xf-contentBg: @xf-paletteColor2;
@xf-contentHighlightBg: @xf-paletteColor3; @xf-contentHighlightBg: @xf-paletteColor3;
@@ -25,11 +27,13 @@
@xf-errorColor: @xf-paletteNeutral1; @xf-errorColor: @xf-paletteNeutral1;
@xf-fontFamilyBody: 'Segoe UI', 'San Francisco', 'Helvetica Neue', sans-serif; @xf-fontFamilyBody: 'Segoe UI', 'San Francisco', 'Helvetica Neue', sans-serif;
@xf-fontFamilyUi: 'Segoe UI', 'San Francisco', 'Helvetica Neue', sans-serif; @xf-fontFamilyUi: 'Segoe UI', 'San Francisco', 'Helvetica Neue', sans-serif;
@xf-inlineModHighlightColor: @xf-paletteAccent1;
@xf-linkColor: @xf-paletteAccent3; @xf-linkColor: @xf-paletteAccent3;
@xf-linkHoverColor: @xf-paletteAccent2; @xf-linkHoverColor: @xf-paletteAccent2;
@xf-linkUgcColor: @xf-paletteAccent3; @xf-linkUgcColor: @xf-paletteAccent3;
@xf-linkUgcHoverColor: @xf-paletteAccent2; @xf-linkUgcHoverColor: @xf-paletteAccent2;
@xf-pageBg: @xf-paletteColor1; @xf-pageBg: @xf-paletteColor1;
@xf-paletteAccent1: hsl(35, 90%, 95%);
@xf-paletteAccent2: #e56700; @xf-paletteAccent2: #e56700;
@xf-paletteAccent3: #ff7300; @xf-paletteAccent3: #ff7300;
@xf-paletteColor1: #1e1e1e; @xf-paletteColor1: #1e1e1e;
@@ -40,14 +44,19 @@
@xf-paletteNeutral1: #f1f1f1; @xf-paletteNeutral1: #f1f1f1;
@xf-paletteNeutral2: #a1a1aa; @xf-paletteNeutral2: #a1a1aa;
@xf-paletteNeutral3: #111111; @xf-paletteNeutral3: #111111;
@xf-selectedItemBgColor: @xf-paletteAccent1;
@xf-selectedItemColor: @xf-paletteAccent3;
@xf-styleType: dark; @xf-styleType: dark;
@xf-subNavBg: @xf-paletteColor2; @xf-subNavBg: @xf-paletteColor2;
@xf-successBg: #81c784; @xf-successBg: #81c784;
@xf-successColor: @xf-paletteNeutral1; @xf-successColor: @xf-paletteNeutral1;
@xf-successFeatureColor: #388e3c; @xf-successFeatureColor: #388e3c;
@xf-textColor: @xf-paletteNeutral1; @xf-textColor: @xf-paletteNeutral1;
@xf-textColorAccentContent: @xf-paletteAccent3;
@xf-textColorDimmed: mix(@xf-textColor, @xf-textColorMuted);
@xf-textColorEmphasized: @xf-paletteAccent3; @xf-textColorEmphasized: @xf-paletteAccent3;
@xf-textColorFeature: @xf-paletteNeutral1; @xf-textColorFeature: @xf-paletteNeutral1;
@xf-textColorMuted: @xf-paletteNeutral2;
.xf-blockTabHeaderSelected() .xf-blockTabHeaderSelected()
{ {

107
style_properties/_metadata.json
View File

@@ -1,33 +1,33 @@
{ {
"blockTabHeaderBg.json": { "blockTabHeaderBg.json": {
"hash": "5207750cec31f74935a0c209f2bb7d5d" "hash": "f548168a30a1d58f885379c826512664"
}, },
"blockTabHeaderSelected.json": { "blockTabHeaderSelected.json": {
"hash": "47eac3b302ad0fe474a0d0960d01e059" "hash": "47eac3b302ad0fe474a0d0960d01e059"
}, },
"blockTabHeaderTextColor.json": { "blockTabHeaderTextColor.json": {
"hash": "d2d647878d3725763debf391d47486db" "hash": "60987b64d0d5440a964a29356f62c9a6"
}, },
"borderColor.json": { "borderColor.json": {
"hash": "d336471427f3a4028996bddb971f2afa" "hash": "188643a00ec1edff6b6c9a56ac2ee460"
}, },
"borderColorAccentContent.json": { "borderColorAccentContent.json": {
"hash": "f2aff3c91a3241c9203b07e0c574828c" "hash": "d66b2a8f03254ebf5526514258d40246"
}, },
"borderColorFaint.json": { "borderColorFaint.json": {
"hash": "be6f17463760417b337cebbd89773430" "hash": "7be6c7b8d9b69a388381311c812ac54f"
}, },
"borderColorFeature.json": { "borderColorFeature.json": {
"hash": "2d8206ba58e695a661d20712db761817" "hash": "166710f3e43991e1d4693c735f13d16c"
}, },
"borderColorHeavy.json": { "borderColorHeavy.json": {
"hash": "ad04822f5a3a42927dd967c341e45d63" "hash": "1f06279972da1695c6b46f21b0e92ab5"
}, },
"borderColorHighlight.json": { "borderColorHighlight.json": {
"hash": "2ab3fdc69004f2f6a50af84ad45cc7c2" "hash": "7e4e4b3b3d1483dd69b4cd2cec00ec2a"
}, },
"borderColorLight.json": { "borderColorLight.json": {
"hash": "aff3cdcedc1516d511dd6aca180a8236" "hash": "e505c1138e48608af68155d642da1c5f"
}, },
"borderRadiusLarge.json": { "borderRadiusLarge.json": {
"hash": "6c8e75e1fcedd0b096d7bf911230a1c4" "hash": "6c8e75e1fcedd0b096d7bf911230a1c4"
@@ -39,31 +39,37 @@
"hash": "03a46b0de545083de0e402a483ca6f1e" "hash": "03a46b0de545083de0e402a483ca6f1e"
}, },
"buttonBg.json": { "buttonBg.json": {
"hash": "a8535a0dff9ac6ed83955c83d73253a0" "hash": "c1634e1f6ff0cac089c1326d49980800"
},
"buttonCtaBg.json": {
"hash": "810922cf9b02cafca3cb1476eeb19dbc"
}, },
"buttonPrimaryBg.json": { "buttonPrimaryBg.json": {
"hash": "9d6e7069664536ec94ec4a9cb00ae102" "hash": "20d797f8ed23f15e4d4f5489eff32d27"
}, },
"buttonTextColor.json": { "buttonTextColor.json": {
"hash": "474dfe468f35e3a7f7f7744620b9aafa" "hash": "ab55be34da1e9618d8a1c11ba00c9cae"
}, },
"chromeBg.json": { "chromeBg.json": {
"hash": "7fbcf3a7cfd4a1a7cf052382201f61c5" "hash": "57cea2ca2670bbc1efd611347e7ef7fa"
}, },
"chromeTextColor.json": { "chromeTextColor.json": {
"hash": "7d59fddb50e545f6dc4ee746d57300f9" "hash": "95ef3871aec2885a46045ed9117f32ca"
},
"contentAccentBg.json": {
"hash": "6c073c7846e2fcbfb6e42e31ee12e149"
}, },
"contentAltBg.json": { "contentAltBg.json": {
"hash": "475dbbcaf0266619fc0013038f6e1e9e" "hash": "0468aaff60170b86470fae92621d5451"
}, },
"contentBg.json": { "contentBg.json": {
"hash": "d5e9973a4e83961dc45fdaaf6e81c83b" "hash": "a602585bd026fe54b911c34051a92f64"
}, },
"contentHighlightBg.json": { "contentHighlightBg.json": {
"hash": "7ee9346c8d25ea473dacd9a9e21206e7" "hash": "3f25b8f5a6851ecae0eaf5e3791c9cd9"
}, },
"errorBg.json": { "errorBg.json": {
"hash": "5b0fa167f49f5c9955d7946d5e102f4c" "hash": "0640f2a117475e7615a8004007937f3a"
}, },
"errorColor.json": { "errorColor.json": {
"hash": "e4469cb3a0e2c9cdc3840008700d8742" "hash": "e4469cb3a0e2c9cdc3840008700d8742"
@@ -74,73 +80,94 @@
"fontFamilyUi.json": { "fontFamilyUi.json": {
"hash": "45a85d0b24fa4ea774734402210aaf2e" "hash": "45a85d0b24fa4ea774734402210aaf2e"
}, },
"inlineModHighlightColor.json": {
"hash": "cb98086bf3814d6b4322d49d2bd5b22b"
},
"linkColor.json": { "linkColor.json": {
"hash": "7ca02736780e9e4b47bf7d6d960bcffe" "hash": "9831d4fa8c2918fc50b50c90388192e2"
}, },
"linkHoverColor.json": { "linkHoverColor.json": {
"hash": "24233df430149979043c3864a9e94d4d" "hash": "e66a8617ad8ea84d1c9e688acc427e07"
}, },
"linkUgcColor.json": { "linkUgcColor.json": {
"hash": "a092f48a4f951cf3e92ed461659ae894" "hash": "1a38ff8d88512e77e68c0931ee7f72d5"
}, },
"linkUgcHoverColor.json": { "linkUgcHoverColor.json": {
"hash": "2e1385c3bfe51e1874c0ec8805217d8d" "hash": "fd483e9f6ebed528993ea0c5b3db6880"
}, },
"pageBg.json": { "pageBg.json": {
"hash": "3975020da986bf3e13a65be134449908" "hash": "25b20f46219dd7b5cbccc5a1bc93d63d"
},
"paletteAccent1.json": {
"hash": "87cf0a292eb7205172307c668732865b"
}, },
"paletteAccent2.json": { "paletteAccent2.json": {
"hash": "00cb79f56e2ae668475327758cdd4ce2" "hash": "4349b4660d958eb33ab63cef998e4f17"
}, },
"paletteAccent3.json": { "paletteAccent3.json": {
"hash": "e9322fb2aa0043a573713fc3f96ca79a" "hash": "56ba082c5e25fc8d3033242058d2de50"
}, },
"paletteColor1.json": { "paletteColor1.json": {
"hash": "976763c8be910c28f4c0008c9a277448" "hash": "5d31b63804de05124fff929c11b5267f"
}, },
"paletteColor2.json": { "paletteColor2.json": {
"hash": "eecdd3bf62255ec43dfc912fb56ab08c" "hash": "33c7c95dcc4c860a1adb200e7f852709"
}, },
"paletteColor3.json": { "paletteColor3.json": {
"hash": "e1603121b3eee6f5c4518966d685ef69" "hash": "1eb9e549beb1af1ccbb432382f2a32f0"
}, },
"paletteColor4.json": { "paletteColor4.json": {
"hash": "c645a133d49ed59c98e33fe3cc17b5c4" "hash": "e9faae6096c6bdfbab02281e1db92805"
}, },
"paletteColor5.json": { "paletteColor5.json": {
"hash": "23dedee0b4f9b9b88f3e99a5135dbfca" "hash": "567468795753c5a7111a5f866ee32a09"
}, },
"paletteNeutral1.json": { "paletteNeutral1.json": {
"hash": "2a6c79989236ec6cbc8bf81344b52496" "hash": "c3cdb06fe904db889e392ccf4446102b"
}, },
"paletteNeutral2.json": { "paletteNeutral2.json": {
"hash": "e6d5fa3553c3542a42c954eed332dc47" "hash": "06b15abfcfd3ec5eb01c917d0e6f12d9"
}, },
"paletteNeutral3.json": { "paletteNeutral3.json": {
"hash": "e08775923d2c98300549be6ed17147d8" "hash": "1ec2ef5d3d83ad10b6b7232aaa08c440"
},
"selectedItemBgColor.json": {
"hash": "1b6dcccfb12810ca097e9609b6190590"
},
"selectedItemColor.json": {
"hash": "b31443445198bba66ac1fe266b242e27"
}, },
"styleType.json": { "styleType.json": {
"hash": "a06efd294967581901bd111dfe7511c2" "hash": "a06efd294967581901bd111dfe7511c2"
}, },
"subNavBg.json": { "subNavBg.json": {
"hash": "b61b38b236ab81ab58134cac3fa4963b" "hash": "cf02b59b25e4764d10333085d206326e"
}, },
"successBg.json": { "successBg.json": {
"hash": "1c9a192fe62a1bdbaf49d0d776919de8" "hash": "e9a29a0bf4949a28c64b0379c43d362c"
}, },
"successColor.json": { "successColor.json": {
"hash": "c17c8090edddc7a86df397787808c105" "hash": "1448166e4c2a23f70a2f41568ec6f52c"
}, },
"successFeatureColor.json": { "successFeatureColor.json": {
"hash": "25ab19e3c11c371f8b53ad56af94a5a0" "hash": "915e092c9c59a762d40a7b6a0c80ceca"
}, },
"textColor.json": { "textColor.json": {
"hash": "df26881141502f16be13b75b9903f48f" "hash": "3707f47d0f8dc6307af0bbaa21f2a5d9"
},
"textColorAccentContent.json": {
"hash": "a77a12cc25c97dbec7938c01a50357ac"
},
"textColorDimmed.json": {
"hash": "f8a9b3ad55cabe63e15bbb285598e615"
}, },
"textColorEmphasized.json": { "textColorEmphasized.json": {
"hash": "7069705f62fdf89df20fcc7eab85959e" "hash": "9bc63d4911cbfaf41224390ac3595d0b"
}, },
"textColorFeature.json": { "textColorFeature.json": {
"hash": "f149f8945b9e6497264151339755a294" "hash": "982f1f7d5af442215b1feb98243f51a7"
},
"textColorMuted.json": {
"hash": "b13405edd626276a29712e73a70dbe34"
} }
} }

3
style_properties/blockTabHeaderBg.json
View File

@@ -10,8 +10,7 @@
"depends_on": "", "depends_on": "",
"value_group": "blockTabHeader", "value_group": "blockTabHeader",
"property_value": { "property_value": {
"default": "@xf-paletteColor2", "default": "@xf-paletteColor2"
"alternate": "@xf-paletteColor4"
}, },
"display_order": 6500 "display_order": 6500
} }

3
style_properties/blockTabHeaderTextColor.json
View File

@@ -10,8 +10,7 @@
"depends_on": "", "depends_on": "",
"value_group": "blockTabHeader", "value_group": "blockTabHeader",
"property_value": { "property_value": {
"default": "@xf-paletteNeutral1", "default": "@xf-paletteNeutral1"
"alternate": "@xf-paletteColor2"
}, },
"display_order": 6600 "display_order": 6600
} }

3
style_properties/borderColor.json
View File

@@ -10,8 +10,7 @@
"depends_on": "", "depends_on": "",
"value_group": "borderBasic", "value_group": "borderBasic",
"property_value": { "property_value": {
"default": "@xf-paletteColor5", "default": "@xf-paletteColor5"
"alternate": "xf-intensify(@xf-contentBg, 10%)"
}, },
"display_order": 4000 "display_order": 4000
} }

3
style_properties/borderColorAccentContent.json
View File

@@ -10,8 +10,7 @@
"depends_on": "", "depends_on": "",
"value_group": "borderOther", "value_group": "borderOther",
"property_value": { "property_value": {
"default": "@xf-paletteAccent2", "default": "@xf-paletteAccent2"
"alternate": "mix(@xf-paletteAccent3, @xf-paletteAccent2)"
}, },
"display_order": 5200 "display_order": 5200
} }

3
style_properties/borderColorFaint.json
View File

@@ -10,8 +10,7 @@
"depends_on": "", "depends_on": "",
"value_group": "borderBasic", "value_group": "borderBasic",
"property_value": { "property_value": {
"default": "@xf-paletteColor5", "default": "@xf-paletteColor5"
"alternate": "xf-diminish(@xf-borderColor, 6%)"
}, },
"display_order": 4100 "display_order": 4100
} }

3
style_properties/borderColorFeature.json
View File

@@ -10,8 +10,7 @@
"depends_on": "", "depends_on": "",
"value_group": "borderOther", "value_group": "borderOther",
"property_value": { "property_value": {
"default": "@xf-paletteAccent3", "default": "@xf-paletteAccent3"
"alternate": "@xf-paletteColor3"
}, },
"display_order": 5100 "display_order": 5100
} }

3
style_properties/borderColorHeavy.json
View File

@@ -10,8 +10,7 @@
"depends_on": "", "depends_on": "",
"value_group": "borderBasic", "value_group": "borderBasic",
"property_value": { "property_value": {
"default": "@xf-paletteColor5", "default": "@xf-paletteColor5"
"alternate": "xf-intensify(@xf-borderColor, 4%)"
}, },
"display_order": 4300 "display_order": 4300
} }

3
style_properties/borderColorHighlight.json
View File

@@ -10,8 +10,7 @@
"depends_on": "", "depends_on": "",
"value_group": "borderOther", "value_group": "borderOther",
"property_value": { "property_value": {
"default": "@xf-paletteAccent3", "default": "@xf-paletteAccent3"
"alternate": "@xf-paletteColor4"
}, },
"display_order": 5000 "display_order": 5000
} }

3
style_properties/borderColorLight.json
View File

@@ -10,8 +10,7 @@
"depends_on": "", "depends_on": "",
"value_group": "borderBasic", "value_group": "borderBasic",
"property_value": { "property_value": {
"default": "@xf-paletteColor5", "default": "@xf-paletteColor5"
"alternate": "xf-diminish(@xf-borderColor, 4%)"
}, },
"display_order": 4200 "display_order": 4200
} }

3
style_properties/buttonBg.json
View File

@@ -10,8 +10,7 @@
"depends_on": "", "depends_on": "",
"value_group": "buttons", "value_group": "buttons",
"property_value": { "property_value": {
"default": "@xf-paletteColor3", "default": "@xf-paletteColor3"
"alternate": "@xf-paletteColor4"
}, },
"display_order": 8200 "display_order": 8200
} }

16
style_properties/buttonCtaBg.json Normal file
View File

@@ -0,0 +1,16 @@
{
"group_name": "color",
"title": "Call-to-action button background",
"description": "",
"property_type": "value",
"css_components": [],
"value_type": "color",
"value_parameters": "",
"has_variations": true,
"depends_on": "",
"value_group": "buttons",
"property_value": {
"default": "@xf-paletteAccent2"
},
"display_order": 8400
}

3
style_properties/buttonPrimaryBg.json
View File

@@ -10,8 +10,7 @@
"depends_on": "", "depends_on": "",
"value_group": "buttons", "value_group": "buttons",
"property_value": { "property_value": {
"default": "@xf-paletteAccent3", "default": "@xf-paletteAccent3"
"alternate": "@xf-paletteColor3"
}, },
"display_order": 8300 "display_order": 8300
} }

3
style_properties/buttonTextColor.json
View File

@@ -10,8 +10,7 @@
"depends_on": "", "depends_on": "",
"value_group": "buttons", "value_group": "buttons",
"property_value": { "property_value": {
"default": "@xf-paletteNeutral1", "default": "@xf-paletteNeutral1"
"alternate": "@xf-paletteColor1"
}, },
"display_order": 8100 "display_order": 8100
} }

3
style_properties/chromeBg.json
View File

@@ -10,8 +10,7 @@
"depends_on": "", "depends_on": "",
"value_group": "chrome", "value_group": "chrome",
"property_value": { "property_value": {
"default": "@xf-paletteColor1", "default": "@xf-paletteColor1"
"alternate": "@xf-paletteColor5"
}, },
"display_order": 6000 "display_order": 6000
} }

3
style_properties/chromeTextColor.json
View File

@@ -10,8 +10,7 @@
"depends_on": "", "depends_on": "",
"value_group": "chrome", "value_group": "chrome",
"property_value": { "property_value": {
"default": "@xf-paletteNeutral1", "default": "@xf-paletteNeutral1"
"alternate": "@xf-paletteColor2"
}, },
"display_order": 6050 "display_order": 6050
} }

16
style_properties/contentAccentBg.json Normal file
View File

@@ -0,0 +1,16 @@
{
"group_name": "color",
"title": "Accented content background color",
"description": "This background color is used for further differentiation from regular content",
"property_type": "value",
"css_components": [],
"value_type": "color",
"value_parameters": "",
"has_variations": true,
"depends_on": "",
"value_group": "contentBackground",
"property_value": {
"default": "@xf-paletteAccent1"
},
"display_order": 2400
}

3
style_properties/contentAltBg.json
View File

@@ -10,8 +10,7 @@
"depends_on": "", "depends_on": "",
"value_group": "contentBackground", "value_group": "contentBackground",
"property_value": { "property_value": {
"default": "@xf-paletteColor3", "default": "@xf-paletteColor3"
"alternate": "darken(@xf-contentBg, 4%)"
}, },
"display_order": 2200 "display_order": 2200
} }

3
style_properties/contentBg.json
View File

@@ -10,8 +10,7 @@
"depends_on": "", "depends_on": "",
"value_group": "contentBackground", "value_group": "contentBackground",
"property_value": { "property_value": {
"default": "@xf-paletteColor2", "default": "@xf-paletteColor2"
"alternate": "@xf-paletteNeutral3"
}, },
"display_order": 2000 "display_order": 2000
} }

3
style_properties/contentHighlightBg.json
View File

@@ -10,8 +10,7 @@
"depends_on": "", "depends_on": "",
"value_group": "contentBackground", "value_group": "contentBackground",
"property_value": { "property_value": {
"default": "@xf-paletteColor3", "default": "@xf-paletteColor3"
"alternate": "@xf-paletteColor5"
}, },
"display_order": 2300 "display_order": 2300
} }

3
style_properties/errorBg.json
View File

@@ -10,8 +10,7 @@
"depends_on": "", "depends_on": "",
"value_group": "errorMessage", "value_group": "errorMessage",
"property_value": { "property_value": {
"default": "#e57373", "default": "#e57373"
"alternate": "hsl(358, 70%, 20%)"
}, },
"display_order": 10410 "display_order": 10410
} }

16
style_properties/inlineModHighlightColor.json Normal file
View File

@@ -0,0 +1,16 @@
{
"group_name": "color",
"title": "Inline moderation highlight color",
"description": "When content is selected for inline moderation, its background color will be replaced with this",
"property_type": "value",
"css_components": [],
"value_type": "color",
"value_parameters": "",
"has_variations": true,
"depends_on": "",
"value_group": "contentBackground",
"property_value": {
"default": "@xf-paletteAccent1"
},
"display_order": 2500
}

3
style_properties/linkColor.json
View File

@@ -10,8 +10,7 @@
"depends_on": "", "depends_on": "",
"value_group": "links", "value_group": "links",
"property_value": { "property_value": {
"default": "@xf-paletteAccent3", "default": "@xf-paletteAccent3"
"alternate": "@xf-paletteColor2"
}, },
"display_order": 1000 "display_order": 1000
} }

3
style_properties/linkHoverColor.json
View File

@@ -10,8 +10,7 @@
"depends_on": "", "depends_on": "",
"value_group": "links", "value_group": "links",
"property_value": { "property_value": {
"default": "@xf-paletteAccent2", "default": "@xf-paletteAccent2"
"alternate": "@xf-paletteColor1"
}, },
"display_order": 1100 "display_order": 1100
} }

3
style_properties/linkUgcColor.json
View File

@@ -10,8 +10,7 @@
"depends_on": "", "depends_on": "",
"value_group": "links", "value_group": "links",
"property_value": { "property_value": {
"default": "@xf-paletteAccent3", "default": "@xf-paletteAccent3"
"alternate": "@xf-paletteColor2"
}, },
"display_order": 1200 "display_order": 1200
} }

3
style_properties/linkUgcHoverColor.json
View File

@@ -10,8 +10,7 @@
"depends_on": "", "depends_on": "",
"value_group": "links", "value_group": "links",
"property_value": { "property_value": {
"default": "@xf-paletteAccent2", "default": "@xf-paletteAccent2"
"alternate": "@xf-paletteColor1"
}, },
"display_order": 1300 "display_order": 1300
} }

3
style_properties/pageBg.json
View File

@@ -10,8 +10,7 @@
"depends_on": "", "depends_on": "",
"value_group": "contentBackground", "value_group": "contentBackground",
"property_value": { "property_value": {
"default": "@xf-paletteColor1", "default": "@xf-paletteColor1"
"alternate": "darken(@xf-contentBg, 8%)"
}, },
"display_order": 2100 "display_order": 2100
} }

16
style_properties/paletteAccent1.json Normal file
View File

@@ -0,0 +1,16 @@
{
"group_name": "palette",
"title": "Accent 1",
"description": "",
"property_type": "value",
"css_components": [],
"value_type": "color",
"value_parameters": "hidePalette=true",
"has_variations": true,
"depends_on": "",
"value_group": "accent",
"property_value": {
"default": "hsl(35, 90%, 95%)"
},
"display_order": 2000
}

3
style_properties/paletteAccent2.json
View File

@@ -10,8 +10,7 @@
"depends_on": "", "depends_on": "",
"value_group": "accent", "value_group": "accent",
"property_value": { "property_value": {
"default": "#e56700", "default": "#e56700"
"alternate": "hsl(35, 85%, 45%)"
}, },
"display_order": 2100 "display_order": 2100
} }

2
style_properties/paletteAccent3.json
View File

@@ -11,7 +11,7 @@
"value_group": "accent", "value_group": "accent",
"property_value": { "property_value": {
"default": "#ff7300", "default": "#ff7300",
"alternate": "hsl(35, 85%, 15%)" "alternate": "#e56700"
}, },
"display_order": 2200 "display_order": 2200
} }

2
style_properties/paletteColor1.json
View File

@@ -11,7 +11,7 @@
"value_group": "primary", "value_group": "primary",
"property_value": { "property_value": {
"default": "#1e1e1e", "default": "#1e1e1e",
"alternate": "hsl(206, 60%, 75%)" "alternate": "#f0f0f0"
}, },
"display_order": 1000 "display_order": 1000
} }

2
style_properties/paletteColor2.json
View File

@@ -11,7 +11,7 @@
"value_group": "primary", "value_group": "primary",
"property_value": { "property_value": {
"default": "#252526", "default": "#252526",
"alternate": "hsl(204, 60%, 60%)" "alternate": "#ffffff"
}, },
"display_order": 1100 "display_order": 1100
} }

2
style_properties/paletteColor3.json
View File

@@ -11,7 +11,7 @@
"value_group": "primary", "value_group": "primary",
"property_value": { "property_value": {
"default": "#2d2d30", "default": "#2d2d30",
"alternate": "hsl(205, 60%, 40%)" "alternate": "#e8e8e8"
}, },
"display_order": 1200 "display_order": 1200
} }

2
style_properties/paletteColor4.json
View File

@@ -11,7 +11,7 @@
"value_group": "primary", "value_group": "primary",
"property_value": { "property_value": {
"default": "#3e3e42", "default": "#3e3e42",
"alternate": "hsl(205, 60%, 20%)" "alternate": "#dcdcdc"
}, },
"display_order": 1300 "display_order": 1300
} }

2
style_properties/paletteColor5.json
View File

@@ -11,7 +11,7 @@
"value_group": "primary", "value_group": "primary",
"property_value": { "property_value": {
"default": "#3f3f46", "default": "#3f3f46",
"alternate": "hsl(205, 60%, 10%)" "alternate": "#d0d0d0"
}, },
"display_order": 1400 "display_order": 1400
} }

2
style_properties/paletteNeutral1.json
View File

@@ -11,7 +11,7 @@
"value_group": "neutral", "value_group": "neutral",
"property_value": { "property_value": {
"default": "#f1f1f1", "default": "#f1f1f1",
"alternate": "hsl(0, 0%, 100%)" "alternate": "#454545"
}, },
"display_order": 3000 "display_order": 3000
} }

2
style_properties/paletteNeutral2.json
View File

@@ -11,7 +11,7 @@
"value_group": "neutral", "value_group": "neutral",
"property_value": { "property_value": {
"default": "#a1a1aa", "default": "#a1a1aa",
"alternate": "hsl(0, 0%, 54%)" "alternate": "#737373"
}, },
"display_order": 3100 "display_order": 3100
} }

3
style_properties/paletteNeutral3.json
View File

@@ -10,8 +10,7 @@
"depends_on": "", "depends_on": "",
"value_group": "neutral", "value_group": "neutral",
"property_value": { "property_value": {
"default": "#111111", "default": "#111111"
"alternate": "hsl(0, 0%, 8%)"
}, },
"display_order": 3200 "display_order": 3200
} }

16
style_properties/selectedItemBgColor.json Normal file
View File

@@ -0,0 +1,16 @@
{
"group_name": "color",
"title": "Selected item background color",
"description": "",
"property_type": "value",
"css_components": [],
"value_type": "color",
"value_parameters": "",
"has_variations": true,
"depends_on": "",
"value_group": "selectedItems",
"property_value": {
"default": "@xf-paletteAccent1"
},
"display_order": 9200
}

16
style_properties/selectedItemColor.json Normal file
View File

@@ -0,0 +1,16 @@
{
"group_name": "color",
"title": "Selected item color",
"description": "",
"property_type": "value",
"css_components": [],
"value_type": "color",
"value_parameters": "",
"has_variations": true,
"depends_on": "",
"value_group": "selectedItems",
"property_value": {
"default": "@xf-paletteAccent3"
},
"display_order": 9100
}

3
style_properties/subNavBg.json
View File

@@ -10,8 +10,7 @@
"depends_on": "", "depends_on": "",
"value_group": "chrome", "value_group": "chrome",
"property_value": { "property_value": {
"default": "@xf-paletteColor2", "default": "@xf-paletteColor2"
"alternate": "@xf-contentAltBg"
}, },
"display_order": 6080 "display_order": 6080
} }

3
style_properties/successBg.json
View File

@@ -10,8 +10,7 @@
"depends_on": "", "depends_on": "",
"value_group": "successMessage", "value_group": "successMessage",
"property_value": { "property_value": {
"default": "#81c784", "default": "#81c784"
"alternate": "hsl(122, 70%, 20%)"
}, },
"display_order": 10210 "display_order": 10210
} }

3
style_properties/successColor.json
View File

@@ -10,8 +10,7 @@
"depends_on": "", "depends_on": "",
"value_group": "successMessage", "value_group": "successMessage",
"property_value": { "property_value": {
"default": "@xf-paletteNeutral1", "default": "@xf-paletteNeutral1"
"alternate": "hsl(116, 70%, 85%)"
}, },
"display_order": 10220 "display_order": 10220
} }

3
style_properties/successFeatureColor.json
View File

@@ -10,8 +10,7 @@
"depends_on": "", "depends_on": "",
"value_group": "successMessage", "value_group": "successMessage",
"property_value": { "property_value": {
"default": "#388e3c", "default": "#388e3c"
"alternate": "hsl(122, 70%, 50%)"
}, },
"display_order": 10230 "display_order": 10230
} }

3
style_properties/textColor.json
View File

@@ -10,8 +10,7 @@
"depends_on": "", "depends_on": "",
"value_group": "textBasic", "value_group": "textBasic",
"property_value": { "property_value": {
"default": "@xf-paletteNeutral1", "default": "@xf-paletteNeutral1"
"alternate": "darken(@xf-paletteNeutral1, 12%)"
}, },
"display_order": 100 "display_order": 100
} }

16
style_properties/textColorAccentContent.json Normal file
View File

@@ -0,0 +1,16 @@
{
"group_name": "color",
"title": "Accented content text color",
"description": "",
"property_type": "value",
"css_components": [],
"value_type": "color",
"value_parameters": "",
"has_variations": true,
"depends_on": "",
"value_group": "textOther",
"property_value": {
"default": "@xf-paletteAccent3"
},
"display_order": 3200
}

16
style_properties/textColorDimmed.json Normal file
View File

@@ -0,0 +1,16 @@
{
"group_name": "color",
"title": "Dimmed text color",
"description": "Used when less-important text is placed next to normal text",
"property_type": "value",
"css_components": [],
"value_type": "color",
"value_parameters": "",
"has_variations": true,
"depends_on": "",
"value_group": "textBasic",
"property_value": {
"default": "mix(@xf-textColor, @xf-textColorMuted)"
},
"display_order": 200
}

3
style_properties/textColorEmphasized.json
View File

@@ -10,8 +10,7 @@
"depends_on": "", "depends_on": "",
"value_group": "textOther", "value_group": "textOther",
"property_value": { "property_value": {
"default": "@xf-paletteAccent3", "default": "@xf-paletteAccent3"
"alternate": "@xf-paletteColor1"
}, },
"display_order": 3100 "display_order": 3100
} }

3
style_properties/textColorFeature.json
View File

@@ -10,8 +10,7 @@
"depends_on": "", "depends_on": "",
"value_group": "textOther", "value_group": "textOther",
"property_value": { "property_value": {
"default": "@xf-paletteNeutral1", "default": "@xf-paletteNeutral1"
"alternate": "@xf-paletteColor2"
}, },
"display_order": 3000 "display_order": 3000
} }

16
style_properties/textColorMuted.json Normal file
View File

@@ -0,0 +1,16 @@
{
"group_name": "color",
"title": "Muted text color",
"description": "Text is further de-emphasised using this style",
"property_type": "value",
"css_components": [],
"value_type": "color",
"value_parameters": "",
"has_variations": true,
"depends_on": "",
"value_group": "textBasic",
"property_value": {
"default": "@xf-paletteNeutral2"
},
"display_order": 300
}

14
templates/_metadata.json
View File

@@ -3,7 +3,7 @@
"addon_id": "XF", "addon_id": "XF",
"version_id": 2031070, "version_id": 2031070,
"version_string": "2.3.10", "version_string": "2.3.10",
"hash": "92f8334dbbaac2af86e9e9de3b22fc45" "hash": "122ec8228c6c2b8046c4d75aa413e316"
}, },
"public/account_alerts_popup.html": { "public/account_alerts_popup.html": {
"addon_id": "XF", "addon_id": "XF",
@@ -17,11 +17,17 @@
"version_string": "2.3.10", "version_string": "2.3.10",
"hash": "0cb82ae0d5544911ac92db38a01cb211" "hash": "0cb82ae0d5544911ac92db38a01cb211"
}, },
"public/conversations_popup.html": {
"addon_id": "XF",
"version_id": 2031070,
"version_string": "2.3.10",
"hash": "8e9cc51c532904221c9f876a8a2f5693"
},
"public/extra.less": { "public/extra.less": {
"addon_id": "XF", "addon_id": "XF",
"version_id": 2031070, "version_id": 2031070,
"version_string": "2.3.10", "version_string": "2.3.10",
"hash": "24d94c7353b843acb056656d00ea35d2" "hash": "e5bc61bbe761757ea341047fe034fc40"
}, },
"public/member_tooltip.html": { "public/member_tooltip.html": {
"addon_id": "XF", "addon_id": "XF",
@@ -39,7 +45,7 @@
"addon_id": "", "addon_id": "",
"version_id": 0, "version_id": 0,
"version_string": "", "version_string": "",
"hash": "96718ec22da14ac5d4615109068a2dc2" "hash": "9f45a4c55e49ec4481f9e58b20038717"
}, },
"public/romhackplaza_js.html": { "public/romhackplaza_js.html": {
"addon_id": "", "addon_id": "",
@@ -51,6 +57,6 @@
"addon_id": "RomhackPlaza/Master", "addon_id": "RomhackPlaza/Master",
"version_id": 1000000, "version_id": 1000000,
"version_string": "1.0.0", "version_string": "1.0.0",
"hash": "b4d757a96108efbca01fb7e6b68f11b5" "hash": "883175f080ec2926eca33fb50f0def1e"
} }
} }

394
templates/public/PAGE_CONTAINER.html
View File

@@ -10,7 +10,7 @@
data-logged-in="{{ $xf.visitor.user_id ? 'true' : 'false' }}" data-logged-in="{{ $xf.visitor.user_id ? 'true' : 'false' }}"
data-cookie-prefix="{$xf.cookie.prefix}" data-cookie-prefix="{$xf.cookie.prefix}"
data-csrf="{{ csrf_token()|escape('js') }}" data-csrf="{{ csrf_token()|escape('js') }}"
class="has-no-js {{ $template ? 'template-' . $template : '' }}" class="has-no-js {{ $template ? 'template-' . $template : '' }} {{ $xf.visitor.style_variation === 'alternate' ? '$light-mode' : '' }}"
{{ $xf.runJobs ? ' data-run-jobs=""' : '' }}> {{ $xf.runJobs ? ' data-run-jobs=""' : '' }}>
<head> <head>
<xf:set var="$siteName" value="{$xf.options.boardTitle}" /> <xf:set var="$siteName" value="{$xf.options.boardTitle}" />
@@ -82,7 +82,7 @@
</head> </head>
<body data-template="{$template}"> <body data-template="{$template}">
<div id="app"> <main id="app">
<nav id="menu"> <nav id="menu">
<div class="$menu-header"> <div class="$menu-header">
<div class="$menu-logo"> <div class="$menu-logo">
@@ -131,369 +131,6 @@
</div> </div>
</nav> </nav>
<xf:comment>
<xf:if contentcheck="true">
<div class="p-staffBar">
<div class="p-staffBar-inner hScroller" data-xf-init="h-scroller">
<div class="hScroller-scroll">
<xf:contentcheck>
<xf:if is="$xf.visitor.is_moderator && $xf.session.unapprovedCounts.total">
<a href="{{ link('approval-queue') }}" class="p-staffBar-link badgeContainer badgeContainer--highlighted" data-badge="{$xf.session.unapprovedCounts.total|number}">
{{ phrase('approval_queue') }}
</a>
</xf:if>
<xf:if is="$xf.visitor.is_moderator && !$xf.options.reportIntoForumId && $xf.session.reportCounts.total">
<a href="{{ link('reports') }}"
class="p-staffBar-link badgeContainer badgeContainer--visible {{ ($xf.session.reportCounts.total && ($xf.session.reportCounts.lastBuilt > $xf.session.reportLastRead) OR $xf.session.reportCounts.assigned) ? ' badgeContainer--highlighted' : '' }}"
data-badge="{{ $xf.session.reportCounts.assigned ? $xf.session.reportCounts.assigned|number . ' / ' . $xf.session.reportCounts.total|number : $xf.session.reportCounts.total|number }}"
title="{{ $xf.session.reportCounts.lastBuilt ? phrase('last_report_update:')|for_attr . ' ' . date_time($xf.session.reportCounts.lastBuilt) : '' }}">
{{ phrase('reports') }}
</a>
</xf:if>
<xf:if contentcheck="true">
<a class="p-staffBar-link menuTrigger" data-xf-click="menu" data-xf-key="alt+m" role="button" tabindex="0" aria-expanded="false" aria-haspopup="true">{{ phrase('moderator') }}</a>
<div class="menu" data-menu="menu" aria-hidden="true">
<div class="menu-content">
<h4 class="menu-header">{{ phrase('moderator_tools') }}</h4>
<xf:contentcheck>
<!--[XF:mod_tools_menu:top]-->
<xf:if is="$xf.visitor.is_moderator">
<a href="{{ link('approval-queue') }}" class="menu-linkRow">{{ phrase('approval_queue') }}</a>
</xf:if>
<xf:if is="$xf.visitor.is_moderator && !$xf.options.reportIntoForumId">
<a href="{{ link('reports') }}" class="menu-linkRow" title="{{ $xf.session.reportCounts.lastBuilt ? phrase('last_report_update:')|for_attr . ' ' . date_time($xf.session.reportCounts.lastBuilt) : '' }}">{{ phrase('reports') }}</a>
</xf:if>
<!--[XF:mod_tools_menu:bottom]-->
</xf:contentcheck>
</div>
</div>
</xf:if>
<xf:if is="$xf.visitor.is_admin">
<a href="{{ base_url('admin.php') }}" class="p-staffBar-link" target="_blank">{{ phrase('admin') }}</a>
</xf:if>
</xf:contentcheck>
</div>
</div>
</div>
</xf:if>
<header class="p-header" id="header">
<div class="p-header-inner">
<div class="p-header-content">
<div class="p-header-logo p-header-logo--image">
<a href="{{ ($xf.options.logoLink && $xf.homePageUrl) ? $xf.homePageUrl : link('index') }}">
<xf:macro id="style_variation_macros::picture"
arg-property="publicLogoUrl"
arg-propertyRetina="publicLogoUrl2x"
arg-width="{{ property('publicLogoWidth') }}"
arg-height="{{ property('publicLogoHeight') }}"
arg-alt="{$xf.options.boardTitle}" />
</a>
</div>
<xf:ad position="container_header" />
</div>
</div>
</header>
<xf:set var="$navHtml">
<nav class="p-nav">
<div class="p-nav-inner">
<xf:button class="button--plain p-nav-menuTrigger" data-xf-click="off-canvas" data-menu=".js-headerOffCanvasMenu" tabindex="0"
aria-label="{{ phrase('menu')|for_attr }}">
<i aria-hidden="true"></i>
</xf:button>
<div class="p-nav-smallLogo">
<a href="{{ ($xf.options.logoLink && $xf.homePageUrl) ? $xf.homePageUrl : link('index') }}">
<xf:macro id="style_variation_macros::picture"
arg-property="publicLogoUrl"
arg-property2x="publicLogoUrl2x"
arg-width="{{ property('publicLogoWidth') }}"
arg-height="{{ property('publicLogoHeight') }}"
arg-alt="{$xf.options.boardTitle}" />
</a>
</div>
<div class="p-nav-scroller hScroller" data-xf-init="h-scroller" data-auto-scroll=".p-navEl.is-selected">
<div class="hScroller-scroll">
<ul class="p-nav-list js-offCanvasNavSource">
<xf:foreach loop="$navTree" key="$navSection" value="$navEntry" i="$i" if="{{ $navSection != $xf.app.defaultNavigationId }}">
<li>
<xf:macro name="nav_entry"
arg-navId="{$navSection}"
arg-nav="{$navEntry}"
arg-selected="{{ $navSection == $pageSection }}"
arg-shortcut="{$i}" />
</li>
</xf:foreach>
</ul>
</div>
</div>
<div class="p-nav-opposite">
<div class="p-navgroup p-account {{ $xf.visitor.user_id ? 'p-navgroup--member' : 'p-navgroup--guest' }}">
<xf:if is="$xf.visitor.user_id">
<xf:if is="$xf.visitor.user_state == 'rejected' OR $xf.visitor.user_state == 'disabled'">
<a href="{{ link('account') }}"
class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--user">
<xf:avatar user="$xf.visitor" size="xxs" href="" title="" />
<span class="p-navgroup-linkText">{$xf.visitor.username}</span>
</a>
<a href="{{ link('logout', null, {'t': csrf_token()}) }}" class="p-navgroup-link">
<span class="p-navgroup-linkText">{{ phrase('log_out') }}</span>
</a>
<xf:else />
<a href="{{ link('account') }}"
class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--user"
data-xf-click="menu"
data-xf-key="{{ phrase('shortcut.visitor_menu')|for_attr }}"
data-menu-pos-ref="< .p-navgroup"
title="{$xf.visitor.username}"
aria-expanded="false"
aria-haspopup="true">
<xf:avatar user="$xf.visitor" size="xxs" href="" title="" />
<span class="p-navgroup-linkText">{$xf.visitor.username}</span>
</a>
<div class="menu menu--structural menu--wide menu--account" data-menu="menu" aria-hidden="true"
data-href="{{ link('account/visitor-menu') }}"
data-load-target=".js-visitorMenuBody">
<div class="menu-content js-visitorMenuBody">
<div class="menu-row">
{{ phrase('loading...') }}
</div>
</div>
</div>
<a href="{{ link('direct-messages') }}"
class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--conversations js-badge--conversations badgeContainer{{ $xf.visitor.conversations_unread ? ' badgeContainer--highlighted' : '' }}"
data-badge="{$xf.visitor.conversations_unread|number}"
data-xf-click="menu"
data-xf-key="{{ phrase('shortcut.conversations_menu')|for_attr }}"
data-menu-pos-ref="< .p-navgroup"
title="{{ phrase('direct_messages')|for_attr }}"
aria-label="{{ phrase('direct_messages')|for_attr }}"
aria-expanded="false"
aria-haspopup="true">
<i aria-hidden="true"></i>
<span class="p-navgroup-linkText">{{ phrase('nav_inbox') }}</span>
</a>
<div class="menu menu--structural menu--medium" data-menu="menu" aria-hidden="true"
data-href="{{ link('direct-messages/popup') }}"
data-nocache="true"
data-load-target=".js-convMenuBody">
<div class="menu-content">
<h3 class="menu-header">{{ phrase('direct_messages') }}</h3>
<div class="js-convMenuBody">
<div class="menu-row">{{ phrase('loading...') }}</div>
</div>
<div class="menu-footer menu-footer--split">
<div class="menu-footer-main">
<ul class="listInline listInline--bullet">
<li><a href="{{ link('direct-messages') }}">{{ phrase('show_all') }}</a></li>
<xf:if is="$xf.visitor.canStartConversation()">
<li><a href="{{ link('direct-messages/add') }}">{{ phrase('send_direct_message') }}</a></li>
</xf:if>
</ul>
</div>
</div>
</div>
</div>
<a href="{{ link('account/alerts') }}"
class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--alerts js-badge--alerts badgeContainer{{ $xf.visitor.alerts_unviewed ? ' badgeContainer--highlighted' : '' }}"
data-badge="{$xf.visitor.alerts_unviewed|number}"
data-xf-click="menu"
data-xf-key="{{ phrase('shortcut.alerts_menu')|for_attr }}"
data-menu-pos-ref="< .p-navgroup"
title="{{ phrase('alerts')|for_attr }}"
aria-label="{{ phrase('alerts')|for_attr }}"
aria-expanded="false"
aria-haspopup="true">
<i aria-hidden="true"></i>
<span class="p-navgroup-linkText">{{ phrase('nav_alerts') }}</span>
</a>
<div class="menu menu--structural menu--medium" data-menu="menu" aria-hidden="true"
data-href="{{ link('account/alerts-popup') }}"
data-nocache="true"
data-load-target=".js-alertsMenuBody">
<div class="menu-content">
<h3 class="menu-header">{{ phrase('alerts') }}</h3>
<div class="js-alertsMenuBody">
<div class="menu-row">{{ phrase('loading...') }}</div>
</div>
<div class="menu-footer menu-footer--split">
<div class="menu-footer-main">
<ul class="listInline listInline--bullet">
<li><a href="{{ link('account/alerts') }}">{{ phrase('show_all') }}</a></li>
<li><a href="{{ link('account/alerts/mark-read') }}" class="js-alertsMarkRead">{{ phrase('mark_read') }}</a></li>
<li><a href="{{ link('account/preferences') }}">{{ phrase('preferences') }}</a></li>
</ul>
</div>
</div>
</div>
</div>
</xf:if>
<xf:else />
<a href="{{ link('login') }}" class="p-navgroup-link p-navgroup-link--textual p-navgroup-link--logIn"
data-xf-click="overlay" data-follow-redirects="on">
<span class="p-navgroup-linkText">{{ phrase('log_in') }}</span>
</a>
<xf:if is="$xf.options.registrationSetup.enabled">
<a href="{{ link('register') }}" class="p-navgroup-link p-navgroup-link--textual p-navgroup-link--register"
data-xf-click="overlay" data-follow-redirects="on">
<span class="p-navgroup-linkText">{{ phrase('register') }}</span>
</a>
</xf:if>
</xf:if>
</div>
<div class="p-navgroup p-discovery{{ !$xf.visitor.canSearch() ? ' p-discovery--noSearch' : '' }}">
<a href="{{ link('whats-new') }}"
class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--whatsnew"
aria-label="{{ phrase('whats_new')|for_attr }}"
title="{{ phrase('whats_new')|for_attr }}">
<i aria-hidden="true"></i>
<span class="p-navgroup-linkText">{{ phrase('whats_new') }}</span>
</a>
<xf:if is="$xf.visitor.canSearch()">
<a href="{{ link('search') }}"
class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--search"
data-xf-click="menu"
data-xf-key="{{ phrase('shortcut.search_menu')|for_attr }}"
aria-label="{{ phrase('search')|for_attr }}"
aria-expanded="false"
aria-haspopup="true"
title="{{ phrase('search')|for_attr }}">
<i aria-hidden="true"></i>
<span class="p-navgroup-linkText">{{ phrase('search') }}</span>
</a>
<div class="menu menu--structural menu--wide" data-menu="menu" aria-hidden="true">
<form action="{{ link('search/search') }}" method="post"
class="menu-content"
data-xf-init="quick-search">
<h3 class="menu-header">{{ phrase('search') }}</h3>
<!--[XF:search_menu:above_input]-->
<div class="menu-row">
<xf:if is="$searchConstraints">
<div class="inputGroup inputGroup--joined">
<xf:textbox name="keywords"
data-xf-init="{{ $xf.searchAutoComplete ? 'search-auto-complete' : '' }}"
data-acurl="{{ link('search/auto-complete') }}"
placeholder="{{ phrase('search...') }}"
aria-label="{{ phrase('search') }}"
data-menu-autofocus="true" />
<xf:select name="constraints"
class="js-quickSearch-constraint"
aria-label="{{ phrase('search_within') }}">
<xf:option value="">{{ phrase('everywhere') }}</xf:option>
<xf:foreach loop="$searchConstraints" key="$constraintName" value="$constraint">
<xf:option value="{$constraint|json}">{$constraintName}</xf:option>
</xf:foreach>
</xf:select>
</div>
<xf:else />
<xf:textbox name="keywords"
data-xf-init="{{ $xf.searchAutoComplete ? 'search-auto-complete' : '' }}"
data-acurl="{{ link('search/auto-complete') }}"
placeholder="{{ phrase('search...') }}"
aria-label="{{ phrase('search') }}"
data-menu-autofocus="true" />
</xf:if>
</div>
<!--[XF:search_menu:above_title_only]-->
<div class="menu-row">
<xf:checkbox standalone="true">
<xf:option name="c[title_only]">
<xf:label>
{{ phrase('search_titles_only') }}
<xf:if is="$xf.options.enableTagging">
<span tabindex="0" role="button"
data-xf-init="tooltip" data-trigger="hover focus click" title="{{ phrase('tags_will_also_be_searched')|for_attr }}">
<xf:fa icon="far fa-question-circle" class="u-muted u-smaller"
title="{{ phrase('note')|for_attr }}" />
</span>
</xf:if>
</xf:label>
</xf:option>
</xf:checkbox>
</div>
<!--[XF:search_menu:above_member]-->
<div class="menu-row">
<div class="inputGroup">
<span class="inputGroup-text" id="ctrl_search_menu_by_member">{{ phrase('by:') }}</span>
<input type="text" class="input" name="c[users]" data-xf-init="auto-complete" placeholder="{{ phrase('member')|for_attr }}" aria-labelledby="ctrl_search_menu_by_member" />
</div>
</div>
<div class="menu-footer">
<span class="menu-footer-controls">
<xf:button type="submit" class="button--primary" icon="search" />
<xf:button type="submit" name="from_search_menu">{{ phrase('advanced_search...') }}</xf:button>
</span>
</div>
<xf:csrf />
</form>
</div>
</xf:if>
</div>
</div>
</div>
</nav>
</xf:set>
<xf:set var="$subNavHtml">
<xf:if is="$selectedNavChildren is not empty">
<div class="p-sectionLinks">
<div class="p-sectionLinks-inner hScroller" data-xf-init="h-scroller">
<div class="hScroller-scroll">
<ul class="p-sectionLinks-list">
<xf:foreach loop="$selectedNavChildren" key="$navId" value="$navEntry" i="$i">
<li>
<xf:macro id="nav_entry" arg-navId="{$navId}" arg-nav="{$navEntry}" arg-shortcut="alt+{$i}" />
</li>
</xf:foreach>
</ul>
</div>
</div>
</div>
<xf:elseif is="{$selectedNavEntry}" />
<div class="p-sectionLinks p-sectionLinks--empty"></div>
</xf:if>
</xf:set>
<xf:if is="property('publicNavSticky') == 'primary'">
<div class="p-navSticky p-navSticky--primary" data-xf-init="sticky-header">
{$navHtml|raw}
</div>
{$subNavHtml|raw}
<xf:elseif is="property('publicNavSticky') == 'all'" />
<div class="p-navSticky p-navSticky--all" data-xf-init="sticky-header">
{$navHtml|raw}
{$subNavHtml|raw}
</div>
<xf:else />
{$navHtml|raw}
{$subNavHtml|raw}
</xf:if>
</xf:comment>
<div class="offCanvasMenu offCanvasMenu--nav js-headerOffCanvasMenu" data-menu="menu" aria-hidden="true" data-ocm-builder="navigation"> <div class="offCanvasMenu offCanvasMenu--nav js-headerOffCanvasMenu" data-menu="menu" aria-hidden="true" data-ocm-builder="navigation">
<div class="offCanvasMenu-backdrop" data-menu-close="true"></div> <div class="offCanvasMenu-backdrop" data-menu-close="true"></div>
<div class="offCanvasMenu-content"> <div class="offCanvasMenu-content">
@@ -562,10 +199,12 @@
<i data-lucide="menu"></i> <i data-lucide="menu"></i>
</button> </button>
<div class="$search-bar"> <form class="$search-bar" action="{$xf.options.homePageUrl}/database">
<input type="text" name="s" placeholder="Search..." />
<button type="submit" class="$search-button">
<i data-lucide="search" size="18" color="var(--text2)"></i> <i data-lucide="search" size="18" color="var(--text2)"></i>
<input type="text">Search</input> </button>
</div> </form>
<xf:include template="topbar_actions" /> <xf:include template="topbar_actions" />
</header> </header>
@@ -673,7 +312,15 @@
arg-variant="bottom" /> arg-variant="bottom" />
<xf:ad position="container_breadcrumb_bottom_below" /> <xf:ad position="container_breadcrumb_bottom_below" />
</div> </div>
<div class="u-bottomFixer js-bottomFixTarget">
<xf:if is="$notices.floating">
<xf:macro id="notice_macros::notice_list" arg-type="floating" arg-notices="{$notices.floating}" />
</xf:if>
<xf:if is="$notices.bottom_fixer">
<xf:macro id="notice_macros::notice_list" arg-type="bottom_fixer" arg-notices="{$notices.bottom_fixer}" />
</xf:if>
</div> </div>
</main>
<xf:comment> <xf:comment>
<footer class="p-footer" id="footer"> <footer class="p-footer" id="footer">
@@ -780,16 +427,7 @@
</div> </div>
</footer> </footer>
</xf:comment> </xf:comment>
</div> <!-- closing p-pageWrapper --> </main> <!-- closing p-pageWrapper -->
<div class="u-bottomFixer js-bottomFixTarget">
<xf:if is="$notices.floating">
<xf:macro id="notice_macros::notice_list" arg-type="floating" arg-notices="{$notices.floating}" />
</xf:if>
<xf:if is="$notices.bottom_fixer">
<xf:macro id="notice_macros::notice_list" arg-type="bottom_fixer" arg-notices="{$notices.bottom_fixer}" />
</xf:if>
</div>
<div class="u-navButtons js-navButtons"> <div class="u-navButtons js-navButtons">
<xf:button href="javascript:" class="button--scroll"><xf:fa icon="{{ $xf.isRtl ? 'fa-arrow-right' : 'fa-arrow-left' }}" /><span class="u-srOnly">{{ phrase('back') }}</span></xf:button> <xf:button href="javascript:" class="button--scroll"><xf:fa icon="{{ $xf.isRtl ? 'fa-arrow-right' : 'fa-arrow-left' }}" /><span class="u-srOnly">{{ phrase('back') }}</span></xf:button>

33
templates/public/conversations_popup.html Normal file
View File

@@ -0,0 +1,33 @@
<xf:if is="$unreadConversations is not empty OR $readConversations is not empty">
<xf:foreach loop="$unreadConversations" value="$userConv">
<xf:macro id="popup_item" arg-userConv="{$userConv}" />
</xf:foreach>
<xf:foreach loop="$readConversations" value="$userConv">
<xf:macro id="popup_item" arg-userConv="{$userConv}" />
</xf:foreach>
<xf:else />
<div class="$notifications-empty">
<i data-lucide="mail-off" size="24"></i>
<span>No new conversations.</span>
</div>
</xf:if>
<xf:comment>Edited for RHPZ</xf:comment>
<xf:macro id="popup_item" arg-userConv="!">
<div class="$notifications-item {{ $userConv.isUnread() ? 'unread' : '' }}">
<div class="$notifications-avatar">
<xf:avatar user="$userConv.Master.LastMessageUser" size="xxs" defaultname="{$userConv.Master.last_message_username}" />
</div>
<div class="$notifications-content">
<a class="$notifications-text" href="{{ link('direct-messages/unread', $userConv) }}">{$userConv.Master.title}</a>
<span class="$notifications-date"><xf:date time="$userConv.Master.last_message_date" /></span>
</div>
<xf:if is="$userConv.isUnread()">
<div class="$notifications-unread-dot"></div>
</xf:if>
</div>
</xf:macro>

715
templates/public/extra.less
View File

@@ -37,6 +37,8 @@ ul {
list-style-type: square; list-style-type: square;
} }
[x-cloak] {display: none !important;}
/* File: resources/css/base/variables.css */ /* File: resources/css/base/variables.css */
:root { :root {
@@ -71,6 +73,32 @@ ul {
--menu-user-avatar-bg: #555; --menu-user-avatar-bg: #555;
} }
.\$light-mode {
/* RHPZ color */
--rhpz-orange: #ff7300;
--rhpz-orange-hover: #e56700;
/* Background colors */
--bg: #f0f0f0;
--bg2: #ffffff;
--bg3: #e8e8e8;
--bg4: #dcdcdc;
/* Text */
--text: #454545;
--text2: #737373;
--text3: #111111;
/* Elements */
--border: #d0d0d0;
--error: #e57373;
--info: #1976d2;
--success: #81c784;
--success2: #388e3c;
}
/* File: resources/css/components/cards.css */ /* File: resources/css/components/cards.css */
/* STAT CARDS */ /* STAT CARDS */
@@ -241,6 +269,13 @@ ul {
border-bottom: 1px solid var(--border); border-bottom: 1px solid var(--border);
padding-bottom: 10px; padding-bottom: 10px;
} }
.\$block-success {
background-color: var(--success);
border: 1px solid var(--success);
color: var(--text);
padding: 20px;
margin-bottom: 20px;
}
.\$block-error { .\$block-error {
background-color: var(--error); background-color: var(--error);
border: 1px solid var(--error); border: 1px solid var(--error);
@@ -355,6 +390,12 @@ ul {
animation: spin 1s infinite linear; animation: spin 1s infinite linear;
} }
.\$search-button {
background: none;
border: none;
cursor: pointer;
}
/* File: resources/css/components/database.css */ /* File: resources/css/components/database.css */
.\$filter-bar { .\$filter-bar {
@@ -1333,6 +1374,75 @@ ul {
color: var(--text2); color: var(--text2);
white-space: nowrap; white-space: nowrap;
} }
.\$upload-item-actions {
display: flex;
flex-direction: row;
gap: 15px;
}
.file-state-icon { width: 18px; height: 18px; }
.file-state-icon--public { color: var(--success); }
.file-state-icon--private { color: var(--text2); }
.file-state-icon--archived { color: var(--error); }
.upload-item-state { display: flex; align-items: center; gap: 8px; }
.author-search { position: relative; }
.\$author-search-input {
display: flex;
align-items: center;
gap: 8px;
background-color: var(--bg);
border: 1px solid var(--border);
padding: 8px 12px;
}
.\$author-search-input .\$form-input {
border: none;
padding: 0;
background: none;
flex: 1;
}
.\$author-search-selected {
display: flex;
align-items: center;
gap: 5px;
color: var(--success);
font-size: 0.85rem;
white-space: nowrap;
}
.\$author-search-dropdown {
position: absolute;
top: 100%;
left: 0;
right: 0;
background-color: var(--bg2);
border: 1px solid var(--border);
border-top: none;
z-index: 100;
max-height: 200px;
overflow-y: auto;
}
.\$author-search-item {
display: flex;
align-items: center;
gap: 9px;
width: 100%;
padding: 9px 12px;
background: none;
border: none;
color: var(--text);
font-size: 0.88rem;
cursor: pointer;
text-align: left;
font-family: var(--typography);
transition: background-color 0.1s;
}
.author-search-item:hover { background-color: var(--bg3); }
/* File: resources/css/components/grid.css */ /* File: resources/css/components/grid.css */
@@ -1554,7 +1664,7 @@ ul {
/* File: resources/css/components/notifications.css */ /* File: resources/css/components/notifications.css */
.\$notifications { .\$notifications, .\$conversations {
position: absolute; position: absolute;
top: calc(100% + 8px); top: calc(100% + 8px);
right: 0; right: 0;
@@ -1695,6 +1805,355 @@ ul {
} }
/* File: resources/css/components/queue.css */
.\$queue-empty {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 15px;
padding: 80px 20px;
color: var(--text2);
font-size: 0.95rem;
}
.\$queue-item {
background-color: var(--bg2);
border: 1px solid var(--border);
border-left-width: 4px;
margin-bottom: 20px;
padding: 20px;
}
.\$queue-item--pending {
border-left-color: var(--rhpz-orange);
}
.\$queue-item--rejected {
position: relative;
overflow: hidden;
border-left-color: var(--error);
&::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
height: 2px;
background-color: var(--error);
width: var(--reject-progress, 100%);
opacity: 0.5;
transition: width 0.3s;
}
}
.\$queue-item-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 15px;
margin-bottom: 20px;
}
.\$queue-item-title {
font-size: 1.15rem;
font-weight: 600;
color: var(--text);
margin-bottom: 6px;
}
.\$queue-item-meta {
font-size: 0.85rem;
color: var(--text2);
display: flex;
align-items: center;
gap: 6px;
flex-wrap: wrap;
}
.\$queue-item-actions-header {
display: flex;
gap: 8px;
flex-shrink: 0;
}
.\$timeline-container {
padding: 15px 20px;
background-color: var(--bg);
border: 1px solid var(--border);
margin-bottom: 20px;
}
.\$timeline {
display: flex;
justify-content: space-between;
position: relative;
&::before {
content: '';
position: absolute;
top: 15px;
left: 30px;
right: 30px;
height: 2px;
background-color: var(--border);
z-index: 0;
}
}
.\$timeline-step {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
z-index: 1;
width: 100px;
}
.\$timeline-dot {
width: 32px;
height: 32px;
border-radius: 50%;
background-color: var(--bg);
border: 2px solid var(--border);
display: flex;
align-items: center;
justify-content: center;
color: var(--text2);
margin-bottom: 10px;
transition: all 0.2s;
}
.\$timeline-step--active .\$timeline-dot {
border-color: var(--rhpz-orange);
background-color: var(--rhpz-orange);
color: #111;
}
.\$timeline-step--validated .\$timeline-dot {
border-color: var(--success);
background-color: var(--success);
color: #111;
}
.\$timeline-step--rejected .\$timeline-dot {
border-color: var(--error);
background-color: var(--error);
color: #fff;
}
.\$timeline-label {
font-size: 0.78rem;
text-align: center;
color: var(--text2);
font-weight: 500;
}
.timeline-step--active .timeline-label { color: var(--rhpz-orange); font-weight: 600; }
.timeline-step--validated .timeline-label { color: var(--success); }
.timeline-step--rejected .timeline-label { color: var(--error); }
.\$queue-reject-reason {
display: flex;
gap: 10px;
align-items: flex-start;
padding: 12px 15px;
background-color: rgba(229, 115, 115, 0.08);
border-left: 2px solid var(--error);
color: var(--text);
font-size: 0.88rem;
margin-bottom: 15px;
line-height: 1.5;
}
.\$queue-mod-zone {
border-top: 1px solid var(--border);
padding-top: 15px;
margin-top: 5px;
display: flex;
flex-direction: column;
gap: 15px;
}
.\$queue-mod-separator {
border-top: 1px solid var(--border);
}
.\$queue-mod-actions {
display: flex;
gap: 8px;
justify-content: flex-end;
margin-top: 10px;
}
.\$queue-reject-form {
margin-top: 12px;
padding: 15px;
background-color: var(--bg3);
border: 1px solid var(--border);
}
/* File: resources/css/components/settings.css */
.\$settings-dropdown {
position: absolute;
top: calc(100% + 8px);
right: 0;
width: 240px;
background-color: var(--bg2);
border: 1px solid var(--border);
box-shadow: 0 8px 24px rgba(0,0,0,0.5);
z-index: 2000;
}
.\$settings-header {
padding: 12px 16px;
border-bottom: 1px solid var(--border);
background-color: var(--bg3);
font-weight: 600;
font-size: 0.9rem;
color: var(--text);
}
.\$settings-section {
padding: 12px 16px;
}
.\$settings-section-title {
display: flex;
align-items: center;
gap: 7px;
font-size: 0.78rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.7px;
color: var(--text2);
margin-bottom: 10px;
}
.\$settings-separator {
border-top: 1px solid var(--border);
}
.\$settings-themes {
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.\$settings-theme-btn {
width: 28px;
height: 28px;
border-radius: 50%;
border: 2px solid transparent;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--text);
transition: transform 0.15s, border-color 0.15s;
padding: 0;
&:hover {
transform: scale(1.15);
}
.\$active {
border-color: var(--text);
transform: scale(1.1);
}
}
.\$settings-theme-toggle {
width: 100%;
background-color: var(--bg3);
border: 1px solid var(--border);
color: var(--text);
padding: 8px 12px;
cursor: pointer;
font-family: var(--typography);
font-size: 0.88rem;
transition: background-color 0.1s;
text-align: left;
&:hover {
background-color: var(--bg4);
}
}
.\$settings-theme-toggle-inner {
display: flex;
align-items: center;
gap: 8px;
}
.\$settings-theme-toggle-badge {
margin-left: auto;
background-color: var(--rhpz-orange);
color: #111;
font-size: 0.65rem;
font-weight: 700;
padding: 2px 6px;
}
.\$settings-perpage {
display: flex;
gap: 6px;
}
.\$settings-perpage-btn {
flex: 1;
padding: 6px 4px;
background-color: var(--bg3);
border: 1px solid var(--border);
color: var(--text2);
font-size: 0.85rem;
cursor: pointer;
font-family: var(--typography);
transition: all 0.1s;
&:hover {
background-color: var(--bg4);
color: var(--text);
}
.\$active {
background-color: var(--rhpz-orange);
border-color: var(--rhpz-orange);
color: var(--text3);
font-weight: 600;
}
}
.\$settings-link {
display: flex;
align-items: center;
gap: 9px;
padding: 8px 10px;
color: var(--text);
text-decoration: none;
font-size: 0.88rem;
transition: background-color 0.1s;
border: 1px solid transparent;
&:hover {
background-color: var(--bg3);
border-color: var(--border);
text-decoration: none;
}
}
.\$settings-link--danger {
color: var(--error);
&:hover {
background-color: rgba(229, 115, 115, 0.08);
border-color: rgba(229, 115, 115, 0.3);
}
}
/* File: resources/css/layout/content.css */ /* File: resources/css/layout/content.css */
#main-wrapper { #main-wrapper {
flex-grow: 1; flex-grow: 1;
@@ -1761,7 +2220,7 @@ ul {
/* File: resources/css/layout/entry.css */ /* File: resources/css/layout/entry.css */
#entry-container { #entry-container, #comments-section, #reviews-section {
background-color: var(--bg2); background-color: var(--bg2);
border: 1px solid var(--border); border: 1px solid var(--border);
display: flex; display: flex;
@@ -1869,6 +2328,7 @@ ul {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
gap: 15px; gap: 15px;
margin-bottom: 30px;
} }
.\$entry-gallery-item { .\$entry-gallery-item {
@@ -1879,10 +2339,81 @@ ul {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
cursor: pointer; cursor: pointer;
overflow: hidden;
transition: border-color 0.2s; transition: border-color 0.2s;
&:hover { &:hover {
border-color: var(--rhpz-orange); border-color: var(--rhpz-orange);
img {
transform: scale(1.05);
}
}
img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
}
}
.\$gallery-modal {
position: fixed;
z-index: 3000;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.85);
display: flex;
align-items: center;
justify-content: center;
.\$gallery-modal-content {
max-width: 90%;
max-height: 90%;
position: relative;
img {
max-width: 100%;
max-height: 90vh;
object-fit: contain;
border: 2px solid var(--border);
background-color: var(--bg);
box-shadow: 0 10px 25px rgba(0,0,0,0.5);
}
}
.\$gallery-modal-close {
position: absolute;
top: 20px;
right: 30px;
color: #fff;
font-size: 40px;
font-weight: bold;
cursor: pointer;
user-select: none;
&:hover {
color: var(--rhpz-orange);
}
}
.\$gallery-modal-video {
width: 90%;
max-width: 960px;
aspect-ratio: 16/9;
box-shadow: 0 10px 30px rgba(0,0,0,0.6);
border: 1px solid var(--border);
background-color: #000;
iframe {
width: 100%;
height: 100%;
border: none;
display: block;
} }
} }
} }
@@ -1892,6 +2423,186 @@ ul {
color: var( --text2 ); color: var( --text2 );
} }
.\$comment-block {
display: flex;
gap: 16px;
padding: 20px 0;
border-bottom: 1px solid var(--border);
&:last-child {
border-bottom: none;
}
.\$comment-avatar {
flex-shrink: 0;
width: 48px;
height: 48px;
border-radius: 50%;
overflow: hidden;
background-color: var(--bg4);
border: 1px solid var(--border);
img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
}
.\$comment-content {
flex: 1;
min-width: 0;
.\$comment-meta {
font-size: 0.88rem;
color: var(--text2);
margin-bottom: 6px;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
.\$comment-author {
font-weight: 600;
color: var(--text);
text-decoration: none;
transition: color 0.2s;
&:hover {
color: var(--rhpz-orange);
}
}
.\$comment-date {
color: var(--text2);
}
.\$comment-separator {
color: var(--border);
user-select: none;
}
}
.\$comment-body {
font-size: 0.95rem;
color: var(--text);
line-height: 1.5;
word-wrap: break-word;
p {
margin-bottom: 10px;
&:last-child { margin-bottom: 0; }
}
a {
color: var(--rhpz-orange);
&:hover {
color: var(--rhpz-orange-hover);
text-decoration: underline;
}
}
blockquote, .\$bbCodeBlock-blockquote {
background-color: var(--bg);
border-left: 3px solid var(--info);
padding: 12px 16px;
margin: 12px 0;
font-style: italic;
color: var(--text2);
}
code {
font-family: monospace;
background-color: var(--bg3);
border: 1px solid var(--border);
padding: 2px 5px;
font-size: 0.9rem;
}
}
}
}
.\$comments-empty {
text-align: center;
padding: 40px 20px;
color: var(--text2);
font-style: italic;
background-color: var(--bg);
border: 1px dashed var(--border);
}
.\$entry-video-section {
margin-bottom: 30px;
}
.\$video-thumbnail-wrapper {
position: relative;
width: 100%;
max-width: 500px;
aspect-ratio: 16/9;
background-color: #000;
border: 1px solid var(--border);
cursor: pointer;
overflow: hidden;
border-radius: 4px;
img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.8;
transition: transform 0.3s ease, opacity 0.3s ease;
}
.\$play-trigger {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 65px;
height: 65px;
background-color: rgba(0, 0, 0, 0.7);
border: 2px solid #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 1.5rem;
transition: background-color 0.2s, transform 0.2s ease-out;
i { margin-left: 4px; }
}
&:hover {
img {
transform: scale(1.03);
opacity: 1;
}
.\$play-trigger {
background-color: var(--rhpz-orange);
border-color: var(--rhpz-orange);
transform: translate(-50%, -50%) scale(1.1);
box-shadow: 0 0 15px rgba(255, 115, 0, 0.5);
}
}
}
.\$entry-submission-byline {
font-size: 0.85rem;
color: var(--text2);
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 15px;
i {
vertical-align: middle;
margin-right: 4px;
}
}
/* File: resources/css/layout/menu.css */ /* File: resources/css/layout/menu.css */
#menu { #menu {

2
templates/public/romhackplaza_css.html
View File

@@ -1,3 +1,3 @@
<style> <style>
svg { fill: none !important; } .lucide { fill: none !important; }
</style> </style>

34
templates/public/topbar_actions.html
View File

@@ -16,13 +16,13 @@
</xf:if> </xf:if>
<xf:if is="$xf.visitor.is_moderator"> <xf:if is="$xf.visitor.is_moderator">
<xf:set var="$topbarModSeparator" value="true" /> <xf:set var="$topbarModSeparator" value="true" />
<a href="#" class="$btn"> <a href="{{ $xf.options.homePageUrl }}/modcp" class="$btn">
<i data-lucide="siren" size="18"></i> <i data-lucide="siren" size="18"></i>
</a> </a>
<a href="{{ link('approval-queue') }}" class="$btn"> <a href="{{ link('approval-queue') }}" class="$btn">
<i data-lucide="message-circle-check" size="18"></i> <i data-lucide="message-circle-check" size="18"></i>
</a> </a>
<a href="{{ link('reports') }}" class="$btn"> <a href="{{ link('reports') }}" class="$btn badgeContainer badgeContainer--visible {{ ($xf.session.reportCounts.total && ($xf.session.reportCounts.lastBuilt > $xf.session.reportLastRead) OR $xf.session.reportCounts.assigned) ? ' badgeContainer--highlighted' : '' }}" data-badge="{{ $xf.session.reportCounts.assigned ? $xf.session.reportCounts.assigned|number . ' / ' . $xf.session.reportCounts.total|number : $xf.session.reportCounts.total|number }}">
<i data-lucide="triangle-alert" size="18"></i> <i data-lucide="triangle-alert" size="18"></i>
</a> </a>
</xf:if> </xf:if>
@@ -61,16 +61,40 @@
<div class="js-alertsMenuBody"> <div class="js-alertsMenuBody">
<div class="notifications-loading"> <div class="notifications-loading">
<i data-lucide="loader-2" class="spin"></i> <i data-lucide="loader-2" class="$spin"></i>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<button class="$btn"> <a class="$btn js-badge--conversations badgeContainer{{ $xf.visitor.conversations_unread ? ' badgeContainer--highlighted' : '' }}" data-badge="{$xf.visitor.conversations_unread|number}" data-xf-click="menu" data-xf-key="{{ phrase('shortcut.conversations_menu')|for_attr }}" data-menu-pos-ref="< .p-navgroup" title="{{ phrase('direct_messages')|for_attr }}" aria-haspopup="true">
<i data-lucide="mail" size="18"></i> <i data-lucide="mail" size="18"></i>
</button> </a>
<div class="menu menu--structural menu--medium" data-menu="menu" aria-hidden="true"
data-href="{{ link('direct-messages/popup') }}"
data-nocache="true"
data-load-target=".js-convMenuBody">
<div class="menu-content">
<div class="$notifications-header">
<span class="$notifications-header-title">Direct Messages</span>
<div class="$notifications-header-actions">
<a href="{{ link('direct-messages/add') }}" class="$btn">
<i data-lucide="plus" size="14"></i>
</a>
<a href="{{ link('direct-messages') }}" class="$btn">
<i data-lucide="external-link" size="14"></i>
</a>
</div>
</div>
<div class="js-convMenuBody">
<div class="$notifications-loading">
<i data-lucide="loader-2" class="$spin"></i>
</div>
</div>
</div>
</div>
</xf:if> </xf:if>
<button class="$btn"> <button class="$btn">
<i data-lucide="settings" size="18"></i> <i data-lucide="settings" size="18"></i>