xref: /template/sprintdoc/css/area_footer.less (revision 8ed4f142b7684c19aa65534d8b517156d22ab862) 
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