xref: /template/sprintdoc/css/area_footer.less (revision 38bfc8bb62f11160910e9da8d7dbffef41ae76ee) 
1/**
2 * This file provides the design styles for the page footer
3 *
4 * @author Jana Deutschlaender <deutschlaender@cosmocode.de>
5 */
6
7
8/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
9/* no print */
10
11@media screen {
12    .page-footer {
13        min-height: @page-header_height;
14        background-color: @background_page-header;
15        border-top: 1px solid @ini_border_light;
16        border-radius: 0 0 @fix_border-radius @fix_border-radius; // @ini_default_border_radius vs. @fix_border-radius
17        font-size: @font-size-default;
18        text-align: right;
19        padding: @margin-small @margin-default;
20
21        bdi {
22            font-weight: bold;
23        }
24    }
25
26    #dokuwiki__footer {
27        .main-footer {
28            position: relative;
29            z-index: 2;
30            box-sizing: border-box;
31            background-color: @color-site-bg;
32        }
33
34        p {
35            font-size: @font-size-default;
36            margin: 0;
37        }
38    }
39}
40
41
42/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
43/* min-width: 1024px */
44
45@media @screen_min-md {
46    #dokuwiki__footer {
47        .col-xs-12 {
48            float: right;
49            width: 100%;
50        }
51
52        .main-footer {
53            padding: @margin-default 0;
54        }
55    }
56
57    .showSidebar {
58        #dokuwiki__footer {
59            .col-xs-12 {
60                width: 73%;
61            }
62        }
63    }
64
65    .wide-content {
66        &.showSidebar {
67            #dokuwiki__footer {
68                .col-xs-12 {
69                    margin-left: @toggle-showsidebar_width;
70                }
71            }
72        }
73    }
74}
75
76
77/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
78/* max-width: 1023px */
79
80@media @screen_max-md {
81    #dokuwiki__footer {
82        .main-footer {
83            margin-top: .5rem;
84            padding: (@margin-default - .5) 0 @margin-default;
85        }
86    }
87}
88
89
90/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
91/* max-width: 768px */
92
93@media @screen_max-xs {
94    .page-footer {
95        padding-left: @margin-small;
96        padding-right: @margin-small;
97    }
98
99    #dokuwiki__footer {
100        .main-footer {
101            > * {
102                padding-left: 0;
103                padding-right: 0;
104            }
105        }
106    }
107}
108
109
110/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
111/* max-width: 480px */
112
113@media @screen_max-xxs {
114    #dokuwiki__footer {
115        .main-footer {
116            > * {
117                padding-left: @margin-small;
118                padding-right: @margin-small;
119            }
120        }
121    }
122}
123