Skip to Content

Changes for page Service Navigator

Last modified by Veronika Kocher on Thursday, 03 Sep 2026 14:15
From version 3.1
edited by ZID Server
on Tuesday, 14 Jul 2026 15:06
Change comment: There is no comment for this version
To version 2.1
edited by ZID Server
on Tuesday, 14 Jul 2026 15:02
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -12,7 +12,7 @@
12 12   <a class="rh-card rh-flame3" href="#">Research Strategy and Funding</a>
13 13   <a class="rh-card rh-flame4" href="#">Responsible and Compliant Research</a>
14 14   </div>
15 - <a class="rh-btn" href="#">Explore Planning &amp; Set-up</a>
15 + <a class="rh-btn rh-btn-yellow" href="#">Explore Planning &amp; Set-up</a>
16 16   </div>
17 17   </div>
18 18  
... ... @@ -28,7 +28,7 @@
28 28   <a class="rh-card rh-flame3" href="#">Graduate School</a>
29 29   <a class="rh-card rh-flame4" href="#">TU Delft collections</a>
30 30   </div>
31 - <a class="rh-btn" href="#">Explore Execution</a>
31 + <a class="rh-btn rh-btn-green" href="#">Explore Execution</a>
32 32   </div>
33 33   </div>
34 34  
... ... @@ -43,7 +43,7 @@
43 43   <a class="rh-card rh-flame2" href="#">Science Communication</a>
44 44   <a class="rh-card rh-flame3" href="#">Tech Transfer</a>
45 45   </div>
46 - <a class="rh-btn" href="#">Explore Dissemination</a>
46 + <a class="rh-btn rh-btn-forest" href="#">Explore Dissemination</a>
47 47   </div>
48 48   </div>
49 49  
XWiki.StyleSheetExtension[0]
code
... ... @@ -1,6 +2,5 @@
1 -/* 1) Akzentfarbe zentral auf Angewandte-Orange */
2 2  .rh-grid{
3 - --rh-accent: #dd4814; /* Nummer + Überschrift */
2 + --rh-accent: hsl(194,95%,40%); /* Farbe der Nummer/Überschrift */
4 4   display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; margin:1rem 0;
5 5  }
6 6  @media (max-width:900px){ .rh-grid{ grid-template-columns:1fr; } }
... ... @@ -32,12 +32,9 @@
32 32  .rh-flame4{ --rh-flame:#2e9e5b; }
33 33  .rh-flame5{ --rh-flame:#8e44ad; }
34 34  
35 -/* 2) Buttons: alle einheitlich orange (die drei Farbklassen zusammengeführt) */
36 -.rh-btn{
37 - margin-top:auto; display:block; text-align:center; text-decoration:none;
38 - padding:.8rem 1rem; border-radius:8px; font-weight:700;
39 - background:#dd4814; color:#fff; /* Orange, weiße Schrift */
40 - transition:filter .15s ease;
41 -}
42 -.rh-btn:hover{ filter:brightness(1.08); } /* etwas heller beim Hover, da dunkler Grund */
43 -
34 +.rh-btn{ margin-top:auto; display:block; text-align:center; text-decoration:none;
35 + padding:.8rem 1rem; border-radius:8px; font-weight:700; color:#1a1a1a; transition:filter .15s ease; }
36 +.rh-btn:hover{ filter:brightness(.95); }
37 +.rh-btn-yellow{ background:#f2c200; }
38 +.rh-btn-green{ background:#7bc043; }
39 +.rh-btn-forest{ background:#2e9e5b; color:#fff; }