1/** 2 * This file provides the design styles for the page footer 3 */ 4 5/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ 6/* no print */ 7@media screen { 8 .page-footer { 9 min-height: @page-header_height; 10 background-color: @ini_background_page_header; 11 border-top: 1px solid @ini_border_light; 12 border-radius: 0 0 @fix_border-radius @fix_border-radius; // @ini_default_border_radius vs. @fix_border-radius 13 color: @ini_background_page_footer; 14 font-size: @font-size-default; 15 text-align: right; 16 padding: @margin-small @margin-default; 17 18 *, 19 a:link, 20 a:visited { 21 color: inherit; 22 } 23 24 bdi { 25 display: inline-block; 26 max-width: 100%; 27 overflow-x: auto; 28 overflow-y: hidden; 29 font-weight: bold; 30 vertical-align: bottom; 31 } 32 } 33 34 #dokuwiki__footer { 35 .main-footer { 36 position: relative; 37 box-sizing: border-box; 38 background-color: @ini_background_site; 39 margin-top: 5px; // for box-shadow of content 40 text-align: center; 41 } 42 43 p { 44 color: @ini_text_webframe; 45 font-size: @font-size-default; 46 margin: 0; 47 } 48 49 a { 50 color: @ini_nav_menu_color; 51 } 52 } 53} 54 55/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ 56/* min-width: 1024px */ 57@media @screen_min-md { 58 #dokuwiki__footer { 59 .col-xs-12 { 60 float: right; 61 width: 100%; 62 } 63 64 .main-footer { 65 padding: @margin-default 0; 66 } 67 } 68 69 .showSidebar { 70 #dokuwiki__footer { 71 .col-xs-12 { 72 width: @ini_site_width; 73 } 74 } 75 } 76 77 .wide-content { 78 &.showSidebar { 79 #dokuwiki__footer { 80 .col-xs-12 { 81 width: 100%; 82 padding-left: @toggle-showsidebar_width; 83 } 84 } 85 } 86 } 87} 88 89/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ 90/* max-width: 1023px */ 91@media @screen_max-md { 92 #dokuwiki__footer { 93 .main-footer { 94 margin-top: .5rem; 95 padding: (@margin-default - .5) 0 @margin-default; 96 } 97 } 98} 99 100/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ 101/* max-width: 768px */ 102@media @screen_max-xs { 103 .page-footer { 104 padding-left: @margin-small; 105 padding-right: @margin-small; 106 } 107 108 #dokuwiki__footer { 109 .main-footer { 110 > * { 111 padding-left: 0; 112 padding-right: 0; 113 } 114 } 115 } 116} 117 118/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ 119/* max-width: 480px */ 120@media @screen_max-xxs { 121 #dokuwiki__footer { 122 .main-footer { 123 > * { 124 padding-left: @margin-small; 125 padding-right: @margin-small; 126 } 127 } 128 } 129} 130