xref: /template/sprintdoc/css/area_footer.less (revision 42c20240d5f8c291b31d8ae44bf4fa8aac61aeae) 
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: @ini_background_page_header;
15        border-top: 1px solid @ini_border_light;
16        border-radius: 0 0 @fix_border-radius @fix_border-radius; // @ini_default_border_radius vs. @fix_border-radius
17        color: @ini_background_page_footer;
18        font-size: @font-size-default;
19        text-align: right;
20        padding: @margin-small @margin-default;
21
22        *,
23        a:link,
24        a:visited {
25            color: inherit;
26        }
27
28        bdi {
29            font-weight: bold;
30            max-width: 100%;
31            display: inline-block;
32            vertical-align: bottom;
33        }
34    }
35
36    #dokuwiki__footer {
37        .main-footer {
38            position: relative;
39            z-index: 2;
40            box-sizing: border-box;
41            background-color: @ini_background;
42        }
43
44        p {
45            color: @ini_text_webframe;
46            font-size: @font-size-default;
47            margin: 0;
48        }
49
50        a {
51            color: @ini_nav_menu_color;
52        }
53    }
54}
55
56
57/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
58/* min-width: 1024px */
59
60@media @screen_min-md {
61    #dokuwiki__footer {
62        .col-xs-12 {
63            float: right;
64            width: 100%;
65        }
66
67        .main-footer {
68            padding: @margin-default 0;
69        }
70    }
71
72    .showSidebar {
73        #dokuwiki__footer {
74            .col-xs-12 {
75                width: @ini_site_width;
76            }
77        }
78    }
79
80    .wide-content {
81        &.showSidebar {
82            #dokuwiki__footer {
83                .col-xs-12 {
84                    width: 100%;
85                    padding-left: @toggle-showsidebar_width;
86                }
87            }
88        }
89    }
90}
91
92
93/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
94/* max-width: 1023px */
95
96@media @screen_max-md {
97    #dokuwiki__footer {
98        .main-footer {
99            margin-top: .5rem;
100            padding: (@margin-default - .5) 0 @margin-default;
101        }
102    }
103}
104
105
106/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
107/* max-width: 768px */
108
109@media @screen_max-xs {
110    .page-footer {
111        padding-left: @margin-small;
112        padding-right: @margin-small;
113    }
114
115    #dokuwiki__footer {
116        .main-footer {
117            > * {
118                padding-left: 0;
119                padding-right: 0;
120            }
121        }
122    }
123}
124
125
126/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
127/* max-width: 480px */
128
129@media @screen_max-xxs {
130    #dokuwiki__footer {
131        .main-footer {
132            > * {
133                padding-left: @margin-small;
134                padding-right: @margin-small;
135            }
136        }
137    }
138}
139