Changeset 35236 for main/trunk/model-interfaces-dev/wmtb/styles
- Timestamp:
- 2021-07-30T19:38:54+12:00 (3 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
main/trunk/model-interfaces-dev/wmtb/styles/gs-wmtb-custom.css
r34632 r35236 1 /* Within the page that loads in iframe, want a spacer (for now 120px high) that 2 will take up the space of the whakatohea navbar. Want the scrollbar shifted from 3 body element into (an) element that spatially immediately follows the vertical spacer.*/ 4 body { 5 overflow: hidden; 6 margin: 0; 7 border: none; 8 } 9 div#spacer-for-nav 10 { 11 height: 120px; 12 width: auto; 13 /* margin-top:120px; Why did height not have any effect? Because of self-closing div. Need explicit closing div */ 14 } 15 /* https://www.w3schools.com/cssref/css_units.asp 16 https://css-tricks.com/a-complete-guide-to-calc-in-css/ 17 Need spaces around (arithmetic) operator in calc() equations 18 */ 19 .shifted-frame { 20 overflow: auto; 21 height: calc(100vh - 120px); /* Why does 100% not work? */ 22 width: auto; 23 } 24 25 26 27 .bg-img { 28 /*Can't set background-image as url contains variable: interfaces/{$interface_name}/images/digital-library.jpg*/ 29 background-color: transparent; /* Used if the image is unavailable. OR: grey */ 30 background-repeat: no-repeat; /* Do not repeat the image */ 31 background-size: cover; /* Resize the background image to cover the entire container */ 32 } 33 34 .full-bg { 35 height: auto; 36 background-position: 50.00% 21.94%; 37 background-size: 100%; 38 } 39 40 /* https://www.w3schools.com/cssref/pr_background-image.asp 41 and https://www.w3schools.com/cssref/pr_background-position.asp*/ 42 43 .crop-bg { 44 height: 230px; /* You must set a specified height */ 45 background-position: center -100px; /* OR: center OR: center 20% */ 46 } 47 48 1 49 a, span#addNewMD, span#clearSaved { 2 50 text-decoration: none;
Note:
See TracChangeset
for help on using the changeset viewer.