1/* desbest edit */ 2@media screen and (max-width: 480px){ 3 fieldset, 4 #mediamanager__page, 5 #mediamanager__page .filelist{ 6 max-width: 100%; min-width: unset; 7 } 8 #mediamanager__page .file, 9 #mediamanager__page .namespaces, 10 #mediamanager__page .panel { 11 width: 100%; clear: both; float: none; 12 } 13 li, dd { margin: 1.15em 0px !important; } 14 #config__manager tr { } 15 #config__manager td { display: block; padding: 1.15em 0px; max-width: 95%; } 16 17 #config__manager fieldset td.value { width: unset; } 18 19 #config__manager td .input, 20 #config__manager fieldset td.value, 21 #config__manager td input.edit { 22 max-width: 100%; 23 } 24 25 .pagetoolitem { padding: 0.15em; display: inline-block; margin: 1em 1.15em; } 26 .site-main, .single .entry-header { width: 100%; padding: 0.35em; } 27 .panel { max-height: unset; } 28 /* bushwick specific */ 29} 30 31 32@media (min-width: 1024px) { 33 .site-header { 34 float: left; 35 position: fixed; 36 width: 40%; 37 } 38 39 .widget-area, 40 .content-area, 41 .site-footer { 42 float: right; 43 max-width: 60%; 44 width: 60%; 45 } 46 47 /* Home Button */ 48 .navigation-main li.home-link { 49 left: 4.4%; 50 position: fixed; 51 top: 1.8em; 52 } 53 54 .rtl .navigation-main li.home-link { 55 left: auto; 56 right: 4.4%; 57 } 58 59 .admin-bar .navigation-main li.home-link { 60 top: 3.5em; 61 } 62 63 body:not(.single) .home-link > a { 64 color: #fff; 65 text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); 66 } 67 68 body:not(.single) .home-link > a:hover { 69 border-bottom-color: #fff; 70 } 71 72 .navigation-main .current-menu-item.home-link > a, 73 .navigation-main .current_page_item.home-link > a, 74 .featured-image .navigation-main .home-link > a, 75 body:not(.single) .home-link > a:hover { 76 color: #f7f2cb; 77 } 78} 79@media (max-width: 1023px) { 80 81 .navigation-main { 82 -webkit-box-sizing: border-box; 83 -moz-box-sizing: border-box; 84 box-sizing: border-box; 85 left: 0; 86 padding: 1.75em 3.5em; 87 position: absolute; 88 top: 0; 89 width: 100%; 90 } 91 92 .admin-bar .navigation-main { 93 margin-top: 32px; 94 } 95 96 .navigation-main .widget-handle { 97 display: none; 98 } 99 100 .menu-toggle:before, 101 .navigation-main .widget-handle:before { 102 text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); 103 } 104 105 .featured-image .navigation-main div > ul > li > a, 106 body:not(.single) .navigation-main div > ul > li > a, 107 .navigation-main .menu-toggle { 108 color: #fff; 109 } 110 111 .featured-image .navigation-main div > ul > li:hover > a, 112 body:not(.single) .navigation-main div > ul > li:hover > a, 113 .featured-image .menu-toggle:hover:before, 114 body:not(.single) .menu-toggle:hover:before, 115 .featured-image .toggled .menu-toggle:before, 116 body:not(.single) .toggled .menu-toggle:before { 117 color: #f7f2cb; 118 border-bottom-color: #fff; 119 } 120 .navigation-main > div > ul > li.current_page_item > a, 121 .navigation-main > div > ul > li.current-menu-item > a { 122 color: #f7f2cb; 123 } 124 125 .navigation-main.toggled { 126 background: rgba(0,0,0,0.85); 127 } 128 129 .menu-toggle.genericon, 130 .navigation-main.toggled .nav-menu { 131 display: block; 132 } 133 134 .navigation-main ul { 135 display: none; 136 } 137 138 139 #wpstats { 140 display: block; 141 margin: auto; 142 padding-bottom: 1rem; 143 } 144} 145 146@media (max-width: 641px) { 147 .site-header { 148 min-height: 0; 149 } 150 .site-branding, 151 .single .entry-header { 152 position: relative; 153 bottom: auto; 154 top: auto; 155 left: auto; 156 right: auto; 157 margin-top: 2.75em; 158 width: 100%; 159 max-width: 100%; 160 } 161 .navigation-main ul ul { 162 background-color: transparent; 163 border-top: 1px solid #333; 164 float: none; 165 padding-left: 32px; 166 position: static; 167 z-index: 0; 168 } 169 .navigation-main ul ul li:last-child { 170 border-bottom: none; 171 } 172 .navigation-main ul ul a { 173 box-sizing: border-box; 174 padding: 16px 0; 175 width: 100%; 176 } 177 .navigation-main .menu, 178 .navigation-main .nav-menu { 179 clear: both; 180 float: none; 181 width: 100%; 182 } 183 .navigation-main li { 184 border-bottom: 1px solid #333; 185 display: block; 186 margin: 0; 187 padding: 0; 188 } 189 .navigation-main li a, 190 .navigation-main li:hover a { 191 border: none; 192 padding: 16px 0; 193 } 194 .navigation-main ul ul a:hover, 195 .navigation-main ul ul li.focus > a { 196 background-color: transparent; 197 } 198 .navigation-main .menu-item-has-children li.menu-item-has-children > a:after, 199 .navigation-main .menu-item-has-children li.page_item_has_children > a:after, 200 .navigation-main .page_item_has_children li.menu-item-has-children > a:after, 201 .navigation-main .page_item_has_children li.page_item_has_children > a:after { 202 right: 0; 203 } 204 .navigation-main .menu-item-has-children > a:after, 205 .navigation-main .page_item_has_children > a:after { 206 top: 1rem; 207 } 208 .entry-preview .entry-header { 209 max-width: 100%; 210 } 211 .site-title, 212 .entry-title { 213 font-size: 1.5rem; 214 } 215 .entry-permalink { 216 display: none; 217 } 218} 219 220@media (max-width: 480px) { 221 .navigation-main { 222 padding: 1.75em 1em; 223 } 224 .entry-title { 225 font-size: 1.2rem; 226 } 227} 228