xref: /template/sprintdoc/css/area_footer.less (revision 2d623f4b2e20ce31c0d368a026d4d38885e0fb66) 
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        }
31    }
32
33    #dokuwiki__footer {
34        .main-footer {
35            position: relative;
36            z-index: 2;
37            box-sizing: border-box;
38            background-color: @ini_background;
39        }
40
41        p {
42            color: @ini_text_webframe;
43            font-size: @font-size-default;
44            margin: 0;
45        }
46
47        a {
48            color: @ini_nav_menu_color;
49        }
50    }
51}
52
53
54/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
55/* min-width: 1024px */
56
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                    margin-left: @toggle-showsidebar_width;
82                }
83            }
84        }
85    }
86}
87
88
89/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
90/* max-width: 1023px */
91
92@media @screen_max-md {
93    #dokuwiki__footer {
94        .main-footer {
95            margin-top: .5rem;
96            padding: (@margin-default - .5) 0 @margin-default;
97        }
98    }
99}
100
101
102/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
103/* max-width: 768px */
104
105@media @screen_max-xs {
106    .page-footer {
107        padding-left: @margin-small;
108        padding-right: @margin-small;
109    }
110
111    #dokuwiki__footer {
112        .main-footer {
113            > * {
114                padding-left: 0;
115                padding-right: 0;
116            }
117        }
118    }
119}
120
121
122/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
123/* max-width: 480px */
124
125@media @screen_max-xxs {
126    #dokuwiki__footer {
127        .main-footer {
128            > * {
129                padding-left: @margin-small;
130                padding-right: @margin-small;
131            }
132        }
133    }
134}
135