xref: /template/sprintdoc/css/area_footer.less (revision 09dd0a60f884baad73f4a886073f20c16e494520) 
1/**
2 * This file provides the design styles for the page footer
3 *
4 */
5
6
7/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
8/* no print */
9
10@media screen {
11    .page-footer {
12        min-height: @page-header_height;
13        background-color: @ini_background_page_header;
14        border-top: 1px solid @ini_border_light;
15        border-radius: 0 0 @fix_border-radius @fix_border-radius; // @ini_default_border_radius vs. @fix_border-radius
16        color: @ini_background_page_footer;
17        font-size: @font-size-default;
18        text-align: right;
19        padding: @margin-small @margin-default;
20
21        *,
22        a:link,
23        a:visited {
24            color: inherit;
25        }
26
27        bdi {
28            display: inline-block;
29            max-width: 100%;
30            overflow-x: auto;
31            overflow-y: hidden;
32            font-weight: bold;
33            vertical-align: bottom;
34        }
35    }
36
37    #dokuwiki__footer {
38        .main-footer {
39            position: relative;
40            box-sizing: border-box;
41            background-color: @ini_background_site;
42            margin-top: 5px; // for box-shadow of content
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