Changeset 20025 in main
- Timestamp:
- 03/12/20 15:32:53 (2 years ago)
- Location:
- adopters/nm/trunk/src/main/webapps/nmibis-content/xml/html_content
- Files:
-
- 2 edited
Legend:
- Unmodified
- Added
- Removed
-
adopters/nm/trunk/src/main/webapps/nmibis-content/xml/html_content/about/Welcome.xml
r19917 r20025 17 17 } 18 18 19 #content .TopImageNavigation #healthstatus 20 { 21 background-image: url("<ibis:baseRequestPath/>view/image/topic/category/healthstatus.jpg"); 22 } 23 #content .TopImageNavigation #healthcare 24 { 25 background-image: url("<ibis:baseRequestPath/>view/image/topic/category/healthcare.jpg"); 26 } 27 #content .TopImageNavigation #lifestyle 28 { 29 background-image: url("<ibis:baseRequestPath/>view/image/topic/category/lifestyle.jpg"); 30 } 31 #content .TopImageNavigation #population 32 { 33 background-image: url("<ibis:baseRequestPath/>view/image/topic/category/population.jpg"); 34 } 35 36 #content .TopImageNavigation #healthstatus:hover, 37 #content .TopicHealthStatus .TopImageNavigation #healthstatus 38 { 39 background-color: transparent; 40 background-image: url("<ibis:baseRequestPath/>view/image/topic/category/healthstatus-bw.jpg"); 41 } 42 #content .TopImageNavigation #healthcare:hover, 43 #content .TopicHealthCare .TopImageNavigation #healthcare 44 { 45 background-color: transparent; 46 background-image: url("<ibis:baseRequestPath/>view/image/topic/category/healthcare-bw.jpg"); 47 } 48 #content .TopImageNavigation #lifestyle:hover, 49 #content .TopicLifestyle .TopImageNavigation #lifestyle 50 { 51 background-color: transparent; 52 background-image: url("<ibis:baseRequestPath/>view/image/topic/category/lifestyle-bw.jpg"); 53 } 54 #content .TopImageNavigation #population:hover, 55 #content .TopicPopulation .TopImageNavigation #population 56 { 57 background-color: transparent; 58 background-image: url("<ibis:baseRequestPath/>view/image/topic/category/population-bw.jpg"); 59 } 60 19 61 #content .ColumnContainer .Column 20 62 { 21 width: 60%; 63 width: calc(100% - 325px); 64 min-width: 500px; 65 max-width: 700px; 22 66 } 23 67 … … 48 92 49 93 50 #videosColumn 51 { 52 float: right; 53 max-width: 300px; 94 #content #videosColumn 95 { 96 float: right; 97 max-width: 300px; 98 min-width: 250px; 54 99 } 55 100 56 101 #videosColumn h3 57 102 { 58 margin-bottom: 3px; 59 } 60 103 margin-bottom: 3px; 104 } 105 106 #videosColumn ul 107 { 108 display: flex; 109 justify-content: center; 110 flex-flow: wrap; 111 } 112 61 113 #videosColumn li 62 114 { … … 96 148 width: 200px; 97 149 } 150 151 @media only screen and (max-width: 890px) 152 { 153 #content .ColumnContainer .Column 154 { 155 width: auto; 156 } 157 158 #content #videosColumn 159 { 160 max-width: none; 161 } 162 #videosColumn li 163 { 164 display: inline-block; 165 min-width: 300px; 166 } 167 } 98 168 </style> 99 100 169 </OTHER_HEAD_CONTENT> 101 170 … … 114 183 <h2>Get Started by Choosing a Health Topic Area:</h2> 115 184 <ibis:include href="../topic/_introduction.xml" children-only-flag="true"/> 116 <style>117 <!-- STYLE INCLUDION NOTE:118 This has to be placed after the include to override those css defs119 -->120 .TopImageNavigation #healthstatus121 {122 background-image: url("<ibis:baseRequestPath/>view/image/topic/category/healthstatus.jpg");123 }124 .TopImageNavigation #healthcare125 {126 background-image: url("<ibis:baseRequestPath/>view/image/topic/category/healthcare.jpg");127 }128 .TopImageNavigation #lifestyle129 {130 background-image: url("<ibis:baseRequestPath/>view/image/topic/category/lifestyle.jpg");131 }132 .TopImageNavigation #population133 {134 background-image: url("<ibis:baseRequestPath/>view/image/topic/category/population.jpg");135 }136 137 .TopImageNavigation #healthstatus:hover,138 .TopicHealthStatus .TopImageNavigation #healthstatus139 {140 background-color: transparent;141 background-image: url("<ibis:baseRequestPath/>view/image/topic/category/healthstatus-bw.jpg");142 }143 .TopImageNavigation #healthcare:hover,144 .TopicHealthCare .TopImageNavigation #healthcare145 {146 background-color: transparent;147 background-image: url("<ibis:baseRequestPath/>view/image/topic/category/healthcare-bw.jpg");148 }149 .TopImageNavigation #lifestyle:hover,150 .TopicLifestyle .TopImageNavigation #lifestyle151 {152 background-color: transparent;153 background-image: url("<ibis:baseRequestPath/>view/image/topic/category/lifestyle-bw.jpg");154 }155 .TopImageNavigation #population:hover,156 .TopicPopulation .TopImageNavigation #population157 {158 background-color: transparent;159 background-image: url("<ibis:baseRequestPath/>view/image/topic/category/population-bw.jpg");160 }161 </style>162 185 163 186 <div class="ColumnContainer"> -
adopters/nm/trunk/src/main/webapps/nmibis-content/xml/html_content/topic/_introduction.xml
r19917 r20025 15 15 margin: 0; 16 16 padding: 0; 17 width: 2 35px;17 width: 24%; 18 18 height: 235px; 19 max-width: 235px; 19 20 background: transparent 0 0 no-repeat; 20 21 background-size: contain; 21 22 } 22 /* if implemented as img then can use width 24% and height: auto */ 23 24 @media only screen and (max-width: 790px) 25 { 26 h1 {font-size: 2em;} 27 .TopImageNavigation .Container 28 { 29 width: 50%; 30 height: 235px; 31 } 32 } 33 34 35 /* if implemented as img then can use width 24% and height: auto */ 23 36 .TopImageNavigation .Container .Overlay 24 37 { … … 93 106 max-width: 900px; 94 107 } 95 .TextIconBlocks li108 nav.TextIconBlocks li 96 109 { 97 110 display: inline-block; 98 111 vertical-align: top; 99 112 } 100 .TextIconBlocks li > a113 nav.TextIconBlocks li > a 101 114 { 102 115 display: inline-block; 103 116 display: block; 104 background-color: # 336699;117 background-color: #225588; 105 118 width: 170px; 106 119 height: 170px; … … 111 124 color: white; 112 125 } 113 .TextIconBlocks li a:hover126 nav.TextIconBlocks li a:hover 114 127 { 115 128 background-color: var(--background-color-hover); 116 129 color: var(--color-hover); 117 130 } 118 .TextIconBlocks li a img131 nav.TextIconBlocks li a img 119 132 { 120 133 display: block;
Note: See TracChangeset
for help on using the changeset viewer.