xref: /template/sprintdoc/css/area_footer.less (revision 55a903a9da9bfb399fb467d0996f37a12681c52e) 
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: @background_page-header;
15        border-top: 1px solid @color-border-light;
16        font-size: @font-size-default;
17        text-align: right;
18        padding: @margin-small @margin-default;
19        bdi {
20            font-weight: bold;
21        }
22    }
23    #dokuwiki__footer {
24        .main-footer {
25            position: relative;
26            z-index: 2;
27            box-sizing: border-box;
28            background-color: @color-site-bg;
29        }
30        p {
31            font-size: @font-size-default;
32            margin: 0;
33        }
34    }
35}
36/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
37/* min-width: 1024px */
38@media @screen_min-md {
39    #dokuwiki__footer {
40        .col-xs-12 {
41            float: right;
42            width: 100%;
43        }
44        .main-footer {
45            padding: @margin-default 0;
46        }
47    }
48    .showSidebar {
49        #dokuwiki__footer {
50            .col-xs-12 {
51                width: 73%;
52            }
53        }
54    }
55    .wide-content {
56        &.showSidebar {
57            #dokuwiki__footer {
58                .col-xs-12 {
59                    margin-left: @toggle-showsidebar_width;
60                }
61            }
62        }
63    }
64}
65/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
66/* max-width: 1023px */
67@media @screen_max-md {
68    #dokuwiki__footer {
69        .main-footer {
70            margin-top: .5rem;
71            padding: (@margin-default - .5) 0 @margin-default;
72        }
73    }
74}
75