Changes for page testpage2

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

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