Changes for page testpage2

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

From version 68.1
edited by geosens
on 2025/01/15 18:04
Change comment: There is no comment for this version
To version 82.1
edited by geosens
on 2025/01/15 18:56
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -6,20 +6,20 @@
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 -
12 +)))
13 +(% class="card-body" %)
14 +(((
13 13  Was bietet die Vitimeteo Website.
14 -
15 -
16 -(% class="version-footer text-right" %)
16 +)))
17 +(% class="card-footer text-right" %)
17 17  (((
18 18  [[Mehr...>>doc:xwvmweb:Main.WebHome||class="btn btn-success"]]
19 19  )))
20 20  )))
21 21  )))
22 -)))
23 23  
24 24  (% class="col-xs-12 col-sm-4 col-md-4 cards-container border-blue" %)
25 25  (((
... ... @@ -29,10 +29,14 @@
29 29  (((
30 30  == Über VitiMeteo ==
31 31  
32 -Eine kurze Vorstellung des Vitimeteo - Projekts
32 +Eine kurze Vorstellung des Vitimeteo - Projekts.
33 33  )))
34 +(% class="card-footer text-right" %)
35 +(((
36 +[[Mehr...>>doc:xwvmweb:Main.WebHome||class="btn btn-success"]]
34 34  )))
35 35  )))
39 +)))
36 36  
37 37  (% class="col-xs-12 col-sm-4 col-md-4 cards-container" %)
38 38  (((
... ... @@ -41,18 +41,18 @@
41 41  (% class="card-body" %)
42 42  (((
43 43  == Die Modelle ==
44 -
45 45  (% class="card-text" %)
46 46  (((
47 47  Vitimeteo modelliert Rebkrankheiten und -Schädlinge, um eine optimale und schonende Behandlung zu ermöglichen.
48 48  AWM will take care of making it easy for you and your users to create and manage the data.
49 -
50 -(% class="card-text" %)
51 -
52 52  )))
53 +(% class="card-footer text-right" %)
54 +(((
55 +[[Mehr...>>doc:xwvmweb:Main.WebHome||class="btn btn-success"]]
53 53  )))
54 54  )))
55 55  )))
59 +)))
56 56  
57 57  (% class="col-xs-12 col-sm-4 col-md-4 cards-container" %)
58 58  (((
... ... @@ -61,19 +61,20 @@
61 61  (% class="card-body" %)
62 62  (((
63 63  == Die VitiMeteo Website 4 ==
64 -
65 65  (% class="card-text" %)
66 66  (((
67 67  Was bietet Ihnen die Vitimeteo Website.
68 68  \\[[App Within Minutes>>AppWithinMinutes]] (AWM).
69 69  AWM will take care of making it easy for you and your users to create and manage the data.
70 -
71 -(% class="card-text" %)
72 -
73 73  )))
74 +(% class="card-footer text-right" %)
75 +(((
76 +[[Mehr...>>doc:xwvmweb:Main.WebHome||class="btn btn-success"]]
74 74  )))
78 +
75 75  )))
76 76  )))
81 +)))
77 77  
78 78  (% class="col-xs-12 col-sm-4 col-md-4 cards-container" %)
79 79  (((
... ... @@ -88,13 +88,14 @@
88 88  Was bietet Ihnen die Vitimeteo Website.
89 89  \\[[App Within Minutes>>AppWithinMinutes]] (AWM).
90 90  AWM will take care of making it easy for you and your users to create and manage the data.
91 -
92 -(% class="card-text" %)
93 -
94 94  )))
97 +(% class="card-footer text-right" %)
98 +(((
99 +[[Mehr...>>doc:xwvmweb:Main.WebHome||class="btn btn-success"]]
95 95  )))
96 96  )))
97 97  )))
103 +)))
98 98  
99 99  (% class="col-xs-12 col-sm-4 col-md-4 cards-container" %)
100 100  (((
... ... @@ -109,10 +109,11 @@
109 109  Was bietet Ihnen die Vitimeteo Website.
110 110  \\[[App Within Minutes>>AppWithinMinutes]] (AWM).
111 111  AWM will take care of making it easy for you and your users to create and manage the data.
112 -
113 -(% class="card-text" %)
114 -
115 115  )))
119 +(% class="card-footer text-right" %)
120 +(((
121 +[[Mehr...>>doc:xwvmweb:Main.WebHome||class="btn btn-success"]]
116 116  )))
117 117  )))
118 118  )))
125 +)))
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;}