xref: /template/sprintdoc/css/area_footer.less (revision b2b72e7678636b676af11ffe5fd8fb4faa7a6654) 
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
20        bdi {
21            font-weight: bold;
22        }
23    }
24
25    #dokuwiki__footer {
26        .main-footer {
27            position: relative;
28            z-index: 2;
29            box-sizing: border-box;
30            background-color: @color-site-bg;
31        }
32
33        p {
34            font-size: @font-size-default;
35            margin: 0;
36        }
37    }
38}
39
40
41/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
42/* min-width: 1024px */
43
44@media @screen_min-md {
45    #dokuwiki__footer {
46        .col-xs-12 {
47            float: right;
48            width: 100%;
49        }
50
51        .main-footer {
52            padding: @margin-default 0;
53        }
54    }
55
56    .showSidebar {
57        #dokuwiki__footer {
58            .col-xs-12 {
59                width: 73%;
60            }
61        }
62    }
63
64    .wide-content {
65        &.showSidebar {
66            #dokuwiki__footer {
67                .col-xs-12 {
68                    margin-left: @toggle-showsidebar_width;
69                }
70            }
71        }
72    }
73}
74
75
76/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
77/* max-width: 1023px */
78
79@media @screen_max-md {
80    #dokuwiki__footer {
81        .main-footer {
82            margin-top: .5rem;
83            padding: (@margin-default - .5) 0 @margin-default;
84        }
85    }
86}
87
88
89/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
90/* max-width: 768px */
91
92@media @screen_max-xs {
93    .page-footer {
94        padding-left: @margin-small;
95        padding-right: @margin-small;
96    }
97
98    #dokuwiki__footer {
99        .main-footer {
100            > * {
101                padding-left: 0;
102                padding-right: 0;
103            }
104        }
105    }
106}
107
108
109/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
110/* max-width: 480px */
111
112@media @screen_max-xxs {
113    #dokuwiki__footer {
114        .main-footer {
115            > * {
116                padding-left: @margin-small;
117                padding-right: @margin-small;
118            }
119        }
120    }
121}
122