xref: /template/sprintdoc/css/area_footer.less (revision 789be9bd00adae2bd601dfbd5f63df8215f74894) 
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        }
41
42        p {
43            color: @ini_text_webframe;
44            font-size: @font-size-default;
45            margin: 0;
46        }
47
48        a {
49            color: @ini_nav_menu_color;
50        }
51    }
52}
53
54/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
55/* min-width: 1024px */
56@media @screen_min-md {
57    #dokuwiki__footer {
58        .col-xs-12 {
59            float: right;
60            width: 100%;
61        }
62
63        .main-footer {
64            padding: @margin-default 0;
65        }
66    }
67
68    .showSidebar {
69        #dokuwiki__footer {
70            .col-xs-12 {
71                width: @ini_site_width;
72            }
73        }
74    }
75
76    .wide-content {
77        &.showSidebar {
78            #dokuwiki__footer {
79                .col-xs-12 {
80                    width: 100%;
81                    padding-left: @toggle-showsidebar_width;
82                }
83            }
84        }
85    }
86}
87
88/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
89/* max-width: 1023px */
90@media @screen_max-md {
91    #dokuwiki__footer {
92        .main-footer {
93            margin-top: .5rem;
94            padding: (@margin-default - .5) 0 @margin-default;
95        }
96    }
97}
98
99/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
100/* max-width: 768px */
101@media @screen_max-xs {
102    .page-footer {
103        padding-left: @margin-small;
104        padding-right: @margin-small;
105    }
106
107    #dokuwiki__footer {
108        .main-footer {
109            > * {
110                padding-left: 0;
111                padding-right: 0;
112            }
113        }
114    }
115}
116
117/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
118/* max-width: 480px */
119@media @screen_max-xxs {
120    #dokuwiki__footer {
121        .main-footer {
122            > * {
123                padding-left: @margin-small;
124                padding-right: @margin-small;
125            }
126        }
127    }
128}
129