1/**
2 * This file provides the design styles for the page footer
3 */
4
5/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
6/* no print */
7@media screen {
8    .page-footer {
9        min-height: @page-header_height;
10        background-color: @ini_background_page_header;
11        border-top: 1px solid @ini_border_light;
12        border-radius: 0 0 @fix_border-radius @fix_border-radius; // @ini_default_border_radius vs. @fix_border-radius
13        color: @ini_background_page_footer;
14        font-size: @font-size-default;
15        text-align: right;
16        padding: @margin-small @margin-default;
17
18        *,
19        a:link,
20        a:visited {
21            color: inherit;
22        }
23
24        bdi {
25            display: inline-block;
26            max-width: 100%;
27            overflow-x: auto;
28            overflow-y: hidden;
29            font-weight: bold;
30            vertical-align: bottom;
31        }
32    }
33
34    #dokuwiki__footer {
35        .main-footer {
36            position: relative;
37            box-sizing: border-box;
38            background-color: @ini_background_site;
39            margin-top: 5px; // for box-shadow of content
40            text-align: center;
41        }
42
43        p {
44            color: @ini_text_webframe;
45            font-size: @font-size-default;
46            margin: 0;
47        }
48
49        a {
50            color: @ini_nav_menu_color;
51        }
52    }
53}
54
55/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
56/* min-width: 1024px */
57@media @screen_min-md {
58    #dokuwiki__footer {
59        .col-xs-12 {
60            float: right;
61            width: 100%;
62        }
63
64        .main-footer {
65            padding: @margin-default 0;
66        }
67    }
68
69    .showSidebar {
70        #dokuwiki__footer {
71            .col-xs-12 {
72                width: @ini_site_width;
73            }
74        }
75    }
76
77    .wide-content {
78        &.showSidebar {
79            #dokuwiki__footer {
80                .col-xs-12 {
81                    width: 100%;
82                    padding-left: @toggle-showsidebar_width;
83                }
84            }
85        }
86    }
87}
88
89/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
90/* max-width: 1023px */
91@media @screen_max-md {
92    #dokuwiki__footer {
93        .main-footer {
94            margin-top: .5rem;
95            padding: (@margin-default - .5) 0 @margin-default;
96        }
97    }
98}
99
100/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
101/* max-width: 768px */
102@media @screen_max-xs {
103    .page-footer {
104        padding-left: @margin-small;
105        padding-right: @margin-small;
106    }
107
108    #dokuwiki__footer {
109        .main-footer {
110            > * {
111                padding-left: 0;
112                padding-right: 0;
113            }
114        }
115    }
116}
117
118/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
119/* max-width: 480px */
120@media @screen_max-xxs {
121    #dokuwiki__footer {
122        .main-footer {
123            > * {
124                padding-left: @margin-small;
125                padding-right: @margin-small;
126            }
127        }
128    }
129}
130