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