Changes for page testpage2

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

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