xref: /template/sprintdoc/css/area_footer.less (revision a0a9f24e9dc9fece2278c3408b1bcf574500609f) 
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: @ini_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        color: @ini_background_page_footer;
18        font-size: @font-size-default;
19        text-align: right;
20        padding: @margin-small @margin-default;
21
22        *,
23        a:link,
24        a:visited {
25            color: inherit;
26        }
27
28        bdi {
29            font-weight: bold;
30            max-width: 100%;
31            display: inline-block;
32            overflow: auto;
33            vertical-align: bottom;
34        }
35    }
36
37    #dokuwiki__footer {
38        .main-footer {
39            position: relative;
40            z-index: 2;
41            box-sizing: border-box;
42            background-color: @ini_background;
43        }
44
45        p {
46            color: @ini_text_webframe;
47            font-size: @font-size-default;
48            margin: 0;
49        }
50
51        a {
52            color: @ini_nav_menu_color;
53        }
54    }
55}
56
57
58/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
59/* min-width: 1024px */
60
61@media @screen_min-md {
62    #dokuwiki__footer {
63        .col-xs-12 {
64            float: right;
65            width: 100%;
66        }
67
68        .main-footer {
69            padding: @margin-default 0;
70        }
71    }
72
73    .showSidebar {
74        #dokuwiki__footer {
75            .col-xs-12 {
76                width: @ini_site_width;
77            }
78        }
79    }
80
81    .wide-content {
82        &.showSidebar {
83            #dokuwiki__footer {
84                .col-xs-12 {
85                    width: 100%;
86                    padding-left: @toggle-showsidebar_width;
87                }
88            }
89        }
90    }
91}
92
93
94/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
95/* max-width: 1023px */
96
97@media @screen_max-md {
98    #dokuwiki__footer {
99        .main-footer {
100            margin-top: .5rem;
101            padding: (@margin-default - .5) 0 @margin-default;
102        }
103    }
104}
105
106
107/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
108/* max-width: 768px */
109
110@media @screen_max-xs {
111    .page-footer {
112        padding-left: @margin-small;
113        padding-right: @margin-small;
114    }
115
116    #dokuwiki__footer {
117        .main-footer {
118            > * {
119                padding-left: 0;
120                padding-right: 0;
121            }
122        }
123    }
124}
125
126
127/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
128/* max-width: 480px */
129
130@media @screen_max-xxs {
131    #dokuwiki__footer {
132        .main-footer {
133            > * {
134                padding-left: @margin-small;
135                padding-right: @margin-small;
136            }
137        }
138    }
139}
140