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