xref: /template/sprintdoc/css/area_footer.less (revision 8a35e694622cf676cfff83a16e45d6545b3674e2) 
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                    width: 100%;
82                    padding-left: @toggle-showsidebar_width;
83                }
84            }
85        }
86    }
87}
88
89
90/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
91/* max-width: 1023px */
92
93@media @screen_max-md {
94    #dokuwiki__footer {
95        .main-footer {
96            margin-top: .5rem;
97            padding: (@margin-default - .5) 0 @margin-default;
98        }
99    }
100}
101
102
103/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
104/* max-width: 768px */
105
106@media @screen_max-xs {
107    .page-footer {
108        padding-left: @margin-small;
109        padding-right: @margin-small;
110    }
111
112    #dokuwiki__footer {
113        .main-footer {
114            > * {
115                padding-left: 0;
116                padding-right: 0;
117            }
118        }
119    }
120}
121
122
123/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
124/* max-width: 480px */
125
126@media @screen_max-xxs {
127    #dokuwiki__footer {
128        .main-footer {
129            > * {
130                padding-left: @margin-small;
131                padding-right: @margin-small;
132            }
133        }
134    }
135}
136