Changeset 36044
- Timestamp:
- 2022-02-03T12:21:55+13:00 (2 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
main/trunk/model-interfaces-dev/wmtb/styles/gs-wmtb-custom.css
r36042 r36044 61 61 62 62 63 /* Mobile settings64 Hardcoded values copied from weebly site theme's variables.less file called in header.less */65 @media screen and (max-width: 1024px) { /* bp-small-max */66 67 /*68 body { overflow: auto; }69 */70 71 :root {72 --height-header: 93px;73 }74 75 /* Maybe undo any changes made below for full-screen version so mobile unaffected*/76 /*77 div.crop-bg {78 height: 100px;79 background-position: center 20%;80 }81 82 .crop-bg div.container {83 padding: 100px 0;84 }85 */86 }87 88 89 63 /* Want to have the full size bg banner image on the main page listing the Pou-s, 90 64 but on each Pou landing page and each collection landing page, want a vertically … … 106 80 } 107 81 108 /*109 Non-mobile settings.110 */111 @media screen and (min-width: 1025px) { /* bp-small */112 div.crop-bg {113 height: 230px; /* You must set a specified height */114 background-position: center -100px; /* OR: center OR: center 20% */115 /*display: block;*/ /* div with bg image needs to change from display: table-cell116 to display: block when cropping bg image, as table-cell setting117 overrides height customisation */118 }119 120 /* Restyle .container *descendant* of .crop-bg:121 Padding can not be 100px as it is when .full-bg is in effect,122 and should be no greater than 95px for .crop-bg, else there123 appears a bottom border of sorts under the cropped image. */124 /* .crop-bg div.container {125 padding: 50px 0;126 } */127 128 /* Override: padding had made the login/search/browse nav buttons unavailable */129 .banner-wrap .crop-bg .container {130 padding: 0px;131 }132 133 #gs_content {134 max-width: 70vw;135 }136 }137 82 138 83 a, span#addNewMD, span#clearSaved { … … 379 324 padding-top:0.2rem; 380 325 } 326 327 /* Non-mobile settings. */ 328 @media screen and (min-width: 1025px) { /* bp-small */ 329 div.crop-bg { 330 height: 230px; /* You must set a specified height */ 331 background-position: center -100px; /* OR: center OR: center 20% */ 332 /*display: block;*/ /* div with bg image needs to change from display: table-cell 333 to display: block when cropping bg image, as table-cell setting 334 overrides height customisation */ 335 } 336 337 /* Restyle .container *descendant* of .crop-bg: 338 Padding can not be 100px as it is when .full-bg is in effect, 339 and should be no greater than 95px for .crop-bg, else there 340 appears a bottom border of sorts under the cropped image. */ 341 /* .crop-bg div.container { 342 padding: 50px 0; 343 } */ 344 345 /* Override: padding had made the login/search/browse nav buttons unavailable */ 346 .banner-wrap .crop-bg .container { 347 padding: 0px; 348 } 349 350 #gs_content { 351 max-width: 70vw; 352 } 353 } 354 355 /* Mobile settings 356 Hardcoded values copied from weebly site theme's variables.less file called in header.less */ 357 @media screen and (max-width: 1024px) { /* bp-small-max */ 358 359 /* 360 body { overflow: auto; } 361 */ 362 363 :root { 364 --height-header: 93px; 365 } 366 367 div.outer.collectionDisplay { 368 display: grid; 369 grid-template-columns: none; 370 grid-template-rows: auto 1fr; 371 } 372 373 #rightSidebar { 374 display: none; 375 } 376 377 /* Maybe undo any changes made below for full-screen version so mobile unaffected*/ 378 /* 379 div.crop-bg { 380 height: 100px; 381 background-position: center 20%; 382 } 383 384 .crop-bg div.container { 385 padding: 100px 0; 386 } 387 */ 388 }
Note:
See TracChangeset
for help on using the changeset viewer.