Soweit ich weiß hat Tom bereits abgelehnt seine Funktion der Öffentlichkeit preis zu geben. Alternativ gibt es nur noch diesen Stil der diese Funktion hat https://pluginstore.woltlab.com/file/3015-radiant/ ABER, den Stil gibt es noch nicht für das WSC 5.2!
Es bringt also nichts stretscho zu quängeln. 
Nichts ist so quälend wie die Suche nach den richten CSS-Codes um alle weiteren Anwendungen wie das WoltLab Suite Forum aussehen zu lassen. Ich habe dem lieben Tom viele Fragen gestellt um Kategorien und Icons so darstellen zu können wie ich es im Forum habe. Das war für ihn sicher nicht einfach, auch wenn es oft so aussieht als würde er die CSS-Codes nur so aus dem Ärmel schütteln. Damit aber alle etwas davon haben, möchte ich die Code-Blöcke euch hier zur Verfügung stellen. Nero ist ein kostenloser Stil und von daher ist es jedem selbst überlassen ob man die Codes nutzen möchte oder nicht.
/* ====== FAQ: Alles ======= */
.faqBox.tabularBox.tabularBoxTitle > header > h2 {
display: flex;
}
.tabularBoxTitle.tabularBox > header > h2 > a {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.tabularBoxTitle > header > h2 .jsCollapsible {
margin-right: 0;
}
.tabularBox.tabularBoxTitle > header > h2 {
flex-direction: row-reverse;
justify-content: space-between;
width: 100%;
}
.tabularBox.tabularBoxTitle > header a:not(.jsCollapsible) {
flex: none;
background-color: $wcfTabularBoxHeadline;
padding: 5px 10px;
color: $wcfContentBackground;
font-size: 16px;
display:inline-flex;
}
.faqQuestion .fa-chevron-right::before {
content: "\f054";
color: rgba(240, 130, 50, 1);
}
.faqQuestion .fa-chevron-down::before {
content: "\f078";
color: rgba(240, 130, 50, 1);
}
.faqQuestion .faqAnswer {
margin-top: 15px;
}
.faqAnswer img {
background-color: rgba(252, 246, 242, 1);
border: 2px solid rgba(250, 231, 218, 1);
padding: 1px;
}
.faqQuestion > h3 > a:not(.pointer) {
font-weight: 700;
}/* ====== easyLink: Linkliste ======= */
.easylinkArea > ul {
border-left: 1px solid $wcfContentBorderInner;
border-right: 1px solid $wcfContentBorderInner;
}
.easylinkArea.easylinkCollapsibleCategory > header > h2 {
flex-direction: row-reverse;
justify-content: space-between;
width: 100%;
}
.easylinkArea.easylinkCollapsibleCategory > header > h2 > a {
flex: none;
background-color: $wcfTabularBoxHeadline;
padding: 5px 10px;
color: $wcfContentBackground;
font-size: 16px;
}
.easylinkArea.easylinkCollapsibleCategory > header > h2 + small {
background-color: $wcfTabularBoxHeadline;
padding: 1px 10px;
color: $wcfContentBackground;
margin-left: 0;
}
.easylinkArea.easylinkCollapsibleCategory > header > h2 > .collapsibleButton {
margin-right: 0px;
}
.easylinkArea.easylinkCollapsibleCategory > header > h2 > a {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.easylinkCategory .fa-link:before {
color: rgba(240, 130, 50, 1);
}/* ====== Marktplatz: Alles ======= */
.marketplaceMainCategory > ul {
border-left: 1px solid $wcfContentBorderInner;
border-right: 1px solid $wcfContentBorderInner;
}
.marketplaceMainCategory.tabularBox > header > h2 {
flex-direction: row-reverse;
justify-content: space-between;
width: 100%;
}
.marketplaceMainCategory.tabularBox > header > h2 > a {
display:inline-flex;
background-color: $wcfTabularBoxHeadline;
padding: 5px 10px;
color: $wcfContentBackground;
font-size: 16px;
}
.marketplaceMainCategory.tabularBox > header > h2 + small {
background-color: $wcfTabularBoxHeadline;
padding: 1px 10px;
color: $wcfContentBackground;
margin-left: 0;
}
.marketplaceMainCategory.tabularBox > header > h2 > .collapsibleButton {
margin-right: 0px;
}
.marketplaceMainCategory.tabularBox > ul {
border-left: 1px solid $wcfContentBorderInner;
border-right: 1px solid $wcfContentBorderInner;
}
.marketplaceMainCategory.tabularBox > header > h2 > a {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.marketplaceCategory .fa-folder-o:before {
color: rgba(240, 130, 50, 1);
}Hallo Tom,
Vielen Vielen Dank!
Mit dem CSS-Code aus #6 funktioniert es PERFEKT! 
Das ist echt Sagenhaft wie du das immer schaffst und du hier den Benutzern hilfst. Meine spontane kleine Anerkennung hast du hoffentlich erhalten.
Hi Tom,
Ich habe diesen Code eingesetzt. Sieht auch schon fast so aus, wie er aussehen sollte...
/* ====== FAQ: Alles ======= */
.faqBox.tabularBox.tabularBoxTitle > header > h2 {
display: flex;
}
.tabularBoxTitle.tabularBox > header > h2 > a {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.tabularBox.tabularBoxTitle > header > h2 > a {
display:inline-flex;
background-color: $wcfTabularBoxHeadline;
padding: 5px 10px;
color: $wcfContentBackground;
font-size: 16px;
}
.tabularBoxTitle > header > h2 .jsCollapsible {
margin-right: 0;
}
.tabularBox.tabularBoxTitle > header > h2 {
flex-direction: row-reverse;
justify-content: space-between;
width: 100%;
}
.tabularBox.tabularBoxTitle > header a {
flex: none;
background-color: $wcfTabularBoxHeadline;
padding: 5px 10px;
color: $wcfContentBackground;
font-size: 16px;
}
.faqQuestion .fa-chevron-right::before {
content: "\f054";
color: rgba(240, 130, 50, 1);
}
.faqQuestion .fa-chevron-down::before {
content: "\f078";
color: rgba(240, 130, 50, 1);
}
.faqQuestion .faqAnswer {
margin-top: 15px;
}
.faqAnswer img {
background-color: rgba(252, 246, 242, 1);
border: 2px solid rgba(250, 231, 218, 1);
padding: 1px;
}
.faqQuestion > h3 > a:not(.pointer) {
font-weight: 700;
}Wenn du nun ganz Rechts schaust, werden die Pfeile für das Auf- und Zuklappen durch den Hintergrund verdeckt. Hast du noch einen Rat wie der Hintergrund auf Weiß (#ffffff - $wcfContentBackground) noch gelegt werden kann? Ich Blicke da auch nicht durch was Black Rider das gebaut hat.
P.S.: Wenn du möchtest, lade ich dich gerne zum aktuellen Projekt ein. Es ist zwar im Wartungsmodus, aber kann dich gerne Vor-Ab rein lassen.
Ja, fast..
Ich habe das mal ausprobiert..
.tabularBox.tabularBoxTitle > header > h2 > a {
display:inline-flex;
background-color: $wcfTabularBoxHeadline;
padding: 5px 10px;
color: $wcfContentBackground;
font-size: 16px;
}
.tabularBoxTitle > header > h2 .jsCollapsible {
margin-right: 0;
}
.tabularBox.tabularBoxTitle > header > h2 {
flex-direction: row-reverse;
justify-content: space-between;
width: 100%;
}
.tabularBox.tabularBoxTitle > header a {
flex: none;
background-color: $wcfTabularBoxHeadline;
padding: 5px 10px;
color: $wcfContentBackground;
font-size: 16px;
}Doch damit springt das "Auf- und Zuklappen" Button einfach nicht nach Rechts. Es bleibt stur da stehen..
Hallo liebe Liebenden,
ich habe mal wieder eine Frage bzw. Bitte um den Stil "Nero" den ich für die meisten Anwendungen (Apps) anpassen möchte. Der Marktplatz (VieCode) und die Linkliste (easyLink) sowie das Forum sehen schon mal jetzt gleich aus was die Kategorien betrifft. Nun würde ich gerne die Kategorien des FAQ-System von KittBlog anpassen. Hierbei komme ich leider, trotz der 3 Codevorlagen, einfach nicht weiter. Ich weiß leider nicht ob Tom das FAQ-System kennt bzw. eine Lizenz hat um sich das ansehen zu können. KittBlog hat wahrscheinlich (ich weiß es nicht) den Stil "Nero" nicht auf dem Schirm.
Die Kategorien im Forum und anderen Apps sehen so aus:
Die Kategorien im FAQ-System (Häufig gestellte Fragen) sehen leider noch so aus:
Hat jemand vielleicht den Stil installiert und das FAQ-System bereits schon angepasst und könnte mir seinen CSS-Code geben? Oder kannst du ( Tom) mir dabei vielleicht behilflich sein? Mein Dank wird euch immer gewiss sein und immer hinter euch her laufen.. 
Ausgezeichnet! Danke Tom!
Hallo Tom,
Da ich gerne die anderen Apps der Community genau so darstellen möchte, bräuchte ich noch einmal deine Hilfe. Bei eurem easyLink zum Beispiel gibt es keine .wbbCategory. Für .wbbBoardList habe ich an .easylinkCategoryList gedacht. Ich denke aber es ist für dich wesentlich einfacher den Code des Forum von Oben (#3) für easyLink und bitte für den Marktplatz (VieCode) heraus zu finden. Könntest du mir bitte dabei noch einmal helfen? Ich glaube das anderen die Codes auch recht gut helfen werden.
Öhm ja, gut... Humor ist ja, wenn man trotzdem lacht.
Viel Spaß an die Hamsterkäufer wünsche ich da.. Nudeln kommen aus Italien und der Reis aus China.
Aber mal ehrlich. Muss ich jetzt Hamsterkäufe machen, damit ich überhaupt was kochen kann? Nur weil ein paar Paniker Lebensmittel hamstern als stünde der Weltuntergang bevor? Bei einigen scheint ja der logische Menschenverstand aus zu setzen.
Noch schlimmer finde ich aber das es Menschen gibt im Krankenhaus Desinfektionsmittel klauen aus der Station (passiert bei uns im NZN Klinikum)
Leider sind das nicht ausschließlich Besucher oder Patienten in Krankenhäusern und Altenheimen, sondern leider eben auch Mitarbeiter. Und das bezieht sich nicht nur auf Desinfektionsmittel (was auch kaum Sinn macht, denn bei den Desinfektionsmitteln gibt es auch Unterschiede), sondern auch auf Einmal-Handschuhe und Mundschutz, sowie Schutzkleidung. Das ist einfach nur der pure Wahnsinn was in einigen Menschen vor sich geht.
Viel Spaß an die Hamsterkäufer wünsche ich da.. Nudeln kommen aus Italien und der Reis aus China. 
