xref: /template/sprintdoc/css/area_footer.less (revision 40201e9c65aca443253a21405448c397ef9f4698) 
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        }
31        p {
32            font-size: @font-size-default;
33            margin: 0;
34        }
35    }
36}
37/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
38/* min-width: 1024px */
39@media @screen_min-md {
40    #dokuwiki__footer {
41        .col-xs-12 {
42            float: right;
43            width: 100%;
44        }
45        .main-footer {
46            padding: @margin-default 0;
47        }
48    }
49    .showSidebar {
50        #dokuwiki__footer {
51            .col-xs-12 {
52                width: 73%;
53            }
54        }
55    }
56    .wide-content {
57        &.showSidebar {
58            #dokuwiki__footer {
59                .col-xs-12 {
60                    margin-left: @toggle-showsidebar_width;
61                }
62            }
63        }
64    }
65}
66/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
67/* max-width: 1023px */
68@media @screen_max-md {
69    #dokuwiki__footer {
70        .main-footer {
71            margin-top: .5rem;
72            padding: (@margin-default - .5) 0 @margin-default;
73        }
74    }
75}
76