Skip to Content

Changes for page Service Navigator

Last modified by Veronika Kocher on Thursday, 03 Sep 2026 14:15
From version 2.2
edited by ZID Server
on Tuesday, 14 Jul 2026 15:06
Change comment: There is no comment for this version
To version 6.1
edited by Veronika Kocher
on Tuesday, 11 Aug 2026 10:04
Change comment: Rollback to version 4.1

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.server
1 +XWiki.p0009670
Content
... ... @@ -1,4 +2,3 @@
1 -{{html}}
2 2  <div class="rh-grid">
3 3  
4 4   <div class="rh-col">
... ... @@ -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 rh-btn-yellow" href="#">Explore Planning &amp; Set-up</a>
14 + <a class="rh-btn" 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 rh-btn-green" href="#">Explore Execution</a>
30 + <a class="rh-btn" href="#">Explore Execution</a>
32 32   </div>
33 33   </div>
34 34  
... ... @@ -43,9 +43,8 @@
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 rh-btn-forest" href="#">Explore Dissemination</a>
45 + <a class="rh-btn" href="#">Explore Dissemination</a>
47 47   </div>
48 48   </div>
49 49  
50 50  </div>
51 -{{/html}}
XWiki.StyleSheetExtension[0]
code
... ... @@ -21,11 +21,18 @@
21 21  .rh-desc{ color:#666; font-size:.95rem; margin:0 0 1.1rem; }
22 22  
23 23  .rh-cards{ display:flex; flex-direction:column; gap:.55rem; margin-bottom:1.3rem; }
24 -.rh-card{ display:block; padding:.8rem 1rem; border-radius:8px; background:#f7f7f7;
24 +.rh-card{
25 + display:block; padding:.8rem 1rem; border-radius:8px;
26 + background:#fbe9e2; /* leichtes Angewandte-Orange statt Grau */
25 25   text-decoration:none; color:#1a1a1a; font-weight:600; font-size:.95rem;
26 26   border-left:4px solid var(--rh-flame,#ccc);
27 - transition:background .15s ease, transform .15s ease; }
28 -.rh-card:hover{ background:#eee; transform:translateX(3px); }
29 + transition:background .15s ease, color .15s ease, transform .15s ease;
30 +}
31 +.rh-card:hover{
32 + background:#dd4814; /* voll Angewandte-Orange */
33 + color:#fff; /* weiße Schrift */
34 + transform:translateX(3px);
35 +}
29 29  .rh-flame1{ --rh-flame:#0ca6d8; }
30 30  .rh-flame2{ --rh-flame:#e2330b; }
31 31  .rh-flame3{ --rh-flame:#f2a900; }
... ... @@ -36,8 +36,8 @@
36 36  .rh-btn{
37 37   margin-top:auto; display:block; text-align:center; text-decoration:none;
38 38   padding:.8rem 1rem; border-radius:8px; font-weight:700;
39 - background:#dd4814; color:#fff; /* Orange, weiße Schrift */
40 - transition:filter .15s ease;
46 + background:#dd4814; color:#fff;
47 + transition:background .15s ease;
41 41  }
42 -.rh-btn:hover{ filter:brightness(1.08); } /* etwas heller beim Hover, da dunkler Grund */
49 +.rh-btn:hover{ background:#b23810; color:#fff; } /* dunkleres Orange, Schrift bleibt weiß */
43 43