Changes for page testpage2

Last modified by geosens on 2025/01/15 19:04

From version 75.1
edited by geosens
on 2025/01/15 18:15
Change comment: There is no comment for this version
To version 85.1
edited by geosens
on 2025/01/15 19:00
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -6,7 +6,7 @@
6 6  (((
7 7  (% class="card card1 border-green" %)
8 8  (((
9 -(% class="card-header h2-black bg-green" %)
9 +(% class="card-header h2-green" %)
10 10  (((
11 11  == Die VitiMeteo Website ==
12 12  )))
... ... @@ -13,45 +13,49 @@
13 13  (% class="card-body" %)
14 14  (((
15 15  Was bietet die Vitimeteo Website.
16 -
17 -
18 -(% class="version-footer text-right" %)
16 +)))
17 +(% class="card-footer text-right" %)
19 19  (((
20 20  [[Mehr...>>doc:xwvmweb:Main.WebHome||class="btn btn-success"]]
21 21  )))
22 22  )))
23 23  )))
24 -)))
25 25  
26 26  (% class="col-xs-12 col-sm-4 col-md-4 cards-container border-blue" %)
27 27  (((
28 28  (% class="card card1" %)
29 29  (((
30 -(% class="card-body" %)
28 +(% class="card-header" %)
31 31  (((
32 32  == Über VitiMeteo ==
33 -
34 -Eine kurze Vorstellung des Vitimeteo - Projekts
35 35  )))
32 +(% class="card-body" %)
33 +(((
34 +Eine kurze Vorstellung des Vitimeteo - Projekts.
36 36  )))
36 +(% class="card-footer text-right" %)
37 +(((
38 +[[Mehr...>>doc:xwvmweb:Main.WebHome||class="btn btn-primary"]]
37 37  )))
40 +)))
41 +)))
38 38  
39 39  (% class="col-xs-12 col-sm-4 col-md-4 cards-container" %)
40 40  (((
41 41  (% class="card card1" %)
42 42  (((
43 -(% class="card-body" %)
47 +(% class="card-header" %)
44 44  (((
45 45  == Die Modelle ==
46 -
47 -(% class="card-text" %)
50 +)))
51 +(% class="card-body" %)
48 48  (((
49 49  Vitimeteo modelliert Rebkrankheiten und -Schädlinge, um eine optimale und schonende Behandlung zu ermöglichen.
50 50  AWM will take care of making it easy for you and your users to create and manage the data.
51 -
52 -(% class="card-text" %)
53 -
54 54  )))
56 +(% class="card-footer text-right" %)
57 +(((
58 +[[Mehr...>>doc:xwvmweb:Main.WebHome||class="btn btn-primary"]]
55 55  )))
56 56  )))
57 57  )))
... ... @@ -60,19 +60,19 @@
60 60  (((
61 61  (% class="card card1" %)
62 62  (((
63 -(% class="card-body" %)
67 +(% class="card-header" %)
64 64  (((
65 65  == Die VitiMeteo Website 4 ==
66 -
67 -(% class="card-text" %)
70 +)))
71 +(% class="card-body" %)
68 68  (((
69 69  Was bietet Ihnen die Vitimeteo Website.
70 70  \\[[App Within Minutes>>AppWithinMinutes]] (AWM).
71 71  AWM will take care of making it easy for you and your users to create and manage the data.
72 -
73 -(% class="card-text" %)
74 -
75 75  )))
77 +(% class="card-footer text-right" %)
78 +(((
79 +[[Mehr...>>doc:xwvmweb:Main.WebHome||class="btn btn-primary"]]
76 76  )))
77 77  )))
78 78  )))
... ... @@ -90,9 +90,11 @@
90 90  Was bietet Ihnen die Vitimeteo Website.
91 91  \\[[App Within Minutes>>AppWithinMinutes]] (AWM).
92 92  AWM will take care of making it easy for you and your users to create and manage the data.
97 +)))
93 93  
94 -(% class="card-text" %)
95 -
99 +(% class="card-footer text-right" %)
100 +(((
101 +[[Mehr...>>doc:xwvmweb:Main.WebHome||class="btn btn-primary"]]
96 96  )))
97 97  )))
98 98  )))
... ... @@ -111,9 +111,11 @@
111 111  Was bietet Ihnen die Vitimeteo Website.
112 112  \\[[App Within Minutes>>AppWithinMinutes]] (AWM).
113 113  AWM will take care of making it easy for you and your users to create and manage the data.
120 +)))
114 114  
115 -(% class="card-text" %)
116 -
122 +(% class="card-footer text-right" %)
123 +(((
124 +[[Mehr...>>doc:xwvmweb:Main.WebHome||class="btn btn-primary"]]
117 117  )))
118 118  )))
119 119  )))
XWiki.StyleSheetExtension[1]
Code
... ... @@ -1,4 +1,5 @@
1 -.card1 {min-height: 200px;}
1 +.card-body {min-height: 100px;}
2 +.card-footer {padding: 0 12px 0 0;}
2 2  .border-blue {border-color: blue; }
3 3  .border-green {border-color: green; }
4 4  .border-cyan {border-color: cyan; }
... ... @@ -9,6 +9,6 @@
9 9  .bg-red {background-color: red;}
10 10  .h2-black > h2 {color: black;}
11 11  .h2-blue > h2 {color: blue;}
12 -.h2-green > h2 {color: green; background-color: green;}
13 +.h2-green > h2 {color: green;}
13 13  .h2-cyan > h2 {color: cyan;}
14 14  .h2-red > h2 {color: red;}