Changeset 19798 in main


Ignore:
Timestamp:
02/06/20 19:27:41 (3 weeks ago)
Author:
GarthBraithwaite_STG
Message:

view - topic content updated for structure. NM resource html content files added. newer kendo fonts. more Panellist to megamenu and popup css updates. Some rem vs em css updates. Processing of content through ibis.copy.

Location:
trunk/ibisph-view/src
Files:
10 added
16 deleted
67 edited

Legend:

Unmodified
Added
Removed

  • trunk/ibisph-view/src/content/xml/html_content/resource/MapChoroClasses.xml

    r10917 r19798  
    66                <name>resource/MapChoroClasses</name>
    77                <summary>Page describing IBIS map groupings (quantile, Jenks, etc.)</summary>
     8                <description>
     9                </description>
     10
     11                <author>Garth Braithwaite</author>
     12                <company>Utah Department of Health/Software Technology Group</company>
     13                <versions>
     14                        <version><date>Mar 20, 2015</date><who>Chris Wenker</who><description>initial release</description></version>
     15                </versions>
    816        </ibis:doc>
    917
    10         <TITLE>Using Choropleth Maps in NM-IBIS</TITLE>
    11 
     18
     19        <TITLE>Data Grouping Options for NM-IBIS Maps</TITLE>
    1220        <CONTENT>
    13                 <a name="TOP"/>
    14                 <div class="Note Italic">
     21        <a name="TOP"/><br/>
     22       
     23                <div class="NoteItalic">
    1524                        An analysis of maps prepared by authors in various academic disciplines fails to
    1625                        show any rational or standardized procedures for the selection of class intervals.
    … …  
    2332                <br/><br/>
    2433
    25                 IBIS query results and indicator reports that provide data by geographic
    26                 areas (e.g., counties, small areas, etc.) display a map. The IBIS maps are
    27                 a type of map called "choropleth" maps. This page is intended to describe
    28                 choropleth maps and the types of grouping options available with the
    29                 choropleth maps on IBIS.
    30                 <br/><br/>
    31 
    32                 <h2>Contents</h2>
    33                 <ol>
    34                         <li><a href="#part1">About IBIS Maps</a></li>
    35                         <li><a href="#part2">Data-Grouping Methods</a>
    36                                 <ul>
    37                                         <li><a href="#part2a">Equal Groups (Quantiles)</a></li>
    38                                         <li><a href="#part2b">Equal Intervals</a></li>
    39                                         <li><a href="#part2c">Mean Standard Deviation</a></li>
    40                                         <li><a href="#part2d">Jenks Natural Breaks</a></li>
    41                                         <li><a href="#part2e">Geometric Progression</a></li>
    42                                         <li><a href="#part2f">Arithmetic Progression</a></li>
    43                                         <li><a href="#REF">References</a></li>
    44                                 </ul>
    45                         </li>
    46                 </ol>
    47                 <br/><br/>
    48                
    49                 <a name="part1"/>
    50                 <h2>1. About IBIS Maps</h2>
     34                NM-IBIS query results and indicator reports that provide data by
     35                geographic areas (e.g., counties, small areas, etc.) display a map. The NM-IBIS maps
     36                are a type of map called "choropleth" maps. This page is intended to describe choropleth
     37                maps and the types of grouping options available with the choropleth maps on NM-IBIS.
     38                <br/><br/>
     39                       
     40                <table class="Contents">
     41                        <tr><td class="ContentsHeader">Contents</td></tr>
     42                        <tr><td>
     43                        <a href="#part1">1. About NM-IBIS Maps</a><br/>
     44                        <a href="#part2">2. Data-Grouping Methods</a><br/>
     45                        <span class="Indent"><a href="#part2a">a. Equal Groups (Quantiles)</a></span><br/>
     46                        <span class="Indent"><a href="#part2b">b. Equal Intervals</a></span><br/>
     47                        <span class="Indent"><a href="#part2c">c. Mean Standard Deviation</a></span><br/>
     48                        <span class="Indent"><a href="#part2d">d. Jenks Natural Breaks</a></span><br/>
     49                        <span class="Indent"><a href="#part2e">e. Geometric Progression</a></span><br/>
     50                        <span class="Indent"><a href="#part2f">f. Arithmetic Progression</a></span><br/>
     51                        <a href="#REF">References</a><br/>
     52                        </td></tr>
     53                </table>
     54                <br/><br/>
     55                       
     56               
     57                <a id="part1"/>
     58                <h1>1. About NM-IBIS Maps</h1>
     59                       
    5160                Choropleth maps display data for predefined geographic areas. The areas on a choropleth
    5261                map are shaded or patterned to reflect values of a variable such as population density or
    … …  
    95104                <a id="part2"/>
    96105                <p align="right"><a href="#TOP">Back to Top</a></p>                             
    97                 <h2>2. Data-Grouping Methods</h2>
     106                <h1>2. Data-Grouping Methods</h1>
    98107                <br/>
    99108               
    … …  
    160169                <a href="http://en.wikipedia.org/wiki/Standard_deviation">http://en.wikipedia.org/wiki/Standard_deviation</a>
    161170                </div>
     171
    162172                <br/><br/>
    163173               
    … …  
    222232                <p align="right"><a href="#TOP">Back to Top</a></p>
    223233                <br/>
    224                 Visit the IBIS <a ibis:href="resource/MapDownloadJSON.html">Help Page for Downloading Map Layers</a> for use in other programs.
    225                 <br/><br/>
     234                Visit the NM-IBIS <a ibis:href="resource/MapDownloadJSON.html">Help Page for Downloading Map Layers</a> for use in other programs.
     235                <br/>
     236                <br/>
    226237                       
    227238                <br/><p class="HRLeft"/>
    … …  
    263274                </div>
    264275                <br/><br/>
    265 
    266276                <p align="right"><a href="#TOP">Back to Top</a></p>
    267277                <br/>
    268 
    269278                <ibis:include href="../../text/Suggestions.xml"/><br/><br/>
    270279        </CONTENT>

  • trunk/ibisph-view/src/content/xml/html_content/resource/MapDownloadJSON.xml

    r10917 r19798  
    66                <name>resource/MapDownloadJSON</name>
    77                <summary>Page describing process for downloading map data, geojson, and using it in ESRI products</summary>
     8                <description>
     9                </description>
     10
     11                <author>Garth Braithwaite</author>
     12                <company>Utah Department of Health/Software Technology Group</company>
     13                <versions>
     14                        <version><date>Mar 20, 2015</date><who>Chris Wenker</who><description>initial release</description></version>
     15                </versions>
    816        </ibis:doc>
    917
    1018
    11         <TITLE>Downloading and Using GIS</TITLE>
     19        <TITLE>Downloading and Using GIS Data from NM-IBIS</TITLE>
    1220        <CONTENT>
    13                 <a name="TOP"/><br/>
    14                 <h2>Contents</h2>
    15                 <ol>
    16                         <li><a href="#part1">Downloading GIS data from IBIS</a></li>
    17                         <li><a href="#part2">Using a GeoJSON in ESRI ArcMap</a></li>
    18                         <li><a href="#part3">Using a GeoJSON in QGIS</a></li>
    19                         <li><a href="#part4">Important Note About Downloaded IBIS GIS Data</a></li>
    20                 </ol>
     21        <a name="TOP"/><br/>
     22       
     23                Once an IBIS query has been defined, Geographic Information System (GIS) data
     24                about the results can be downloaded for further analysis and visualization.
     25                <br/><br/>
     26                       
     27                <table class="Contents">
     28                        <tr><td class="ContentsHeader">Contents</td></tr>
     29                        <tr><td>
     30                        <a href="#part1">1. Downloading GIS data from IBIS</a><br/>
     31                        <a href="#part2">2. Using a GeoJSON in ESRI ArcMap</a><br/>
     32                        <a href="#part3">3. Using a GeoJSON in QGIS</a><br/>
     33                        <a href="#part4">4. Important Note About Downloaded IBIS GIS Data</a><br/>
     34                        </td></tr>
     35                </table>
    2136                <br/><br/>
    2237                       
    2338                <a id="part1"/>
    24                 <h2>1. Downloading GIS data from IBIS</h2>
    25                 To download GIS data from IBIS, first create query that produces a map. In the upper right-hand corner
    26                 of the map view, open the "Layers Control" menu (<img ibis:src="image/leaflet/layers.png"
    27                 title="Layers Control icon" alt="IBIS Map Layers Control icon"/>).
    28                 A blue "Download Layer" button (<img ibis:src="image/icon/16/download_blue-box.png" title="Download Layer icon"
    29                 alt="IBIS Map Download Layer icon" />)will be visible next to the map layers that are available for download.   
    30                 <br/><br/>
    31 
    32                 Clicking the 'Download' button opens another browser window displaying a wall of text. This text constitutes
    33                 an array of feature definitions and coordinates that make up a GeoJSON file. GeoJSON is an open-source
    34                 geospatial data interchange format based on JavaScript Object Notation (JSON).
    35                 <br/><br/>
    36 
    37                 To save the GeoJSON text as a file, copy all the text in the browser window and paste it into a generic
    38                 word-processing program such as Notepad. Save the file, changing the file extension from the default (.txt)
    39                 to .geojson.
    40                 <br/><br/>
    41 
    42                 The resulting .geojson file can be viewed and manipulated in GIS desktop software. ESRI's ArcMap is a widely
    43                 used product, and the free, open-source program QGIS is another popular choice. Slightly different procedures
    44                 are necessary to use a GeoJSON file with these programs.
    45                 <br/><br/>
     39                <h1>1. Downloading GIS data from IBIS</h1>
     40                        To download GIS data from IBIS, first create query that produces a map. In the upper right-hand corner
     41                        of the map view, open the "Layers Control" menu (<img ibis:src="image/leaflet/layers.png"
     42                        title="Layers Control icon" alt="IBIS Map Layers Control icon" width="22" />).
     43                        A blue "Download Layer" button (<img ibis:src="image/icon/16/download_blue-box.png" title="Download Layer icon"
     44                        alt="IBIS Map Download Layer icon" />)will be visible next to the map layers that are available for download.   
     45                        <br/><br/>
     46                        Clicking the 'Download' button opens another browser window displaying a wall of text. This text constitutes
     47                        an array of feature definitions and coordinates that make up a GeoJSON file. GeoJSON is an open-source
     48                        geospatial data interchange format based on JavaScript Object Notation (JSON).
     49                        <br/><br/>
     50                        To save the GeoJSON text as a file, copy all the text in the browser window and paste it into a generic
     51                        word-processing program such as Notepad. Save the file, changing the file extension from the default (.txt)
     52                        to .geojson.
     53                        <br/><br/>
     54                        The resulting .geojson file can be viewed and manipulated in GIS desktop software. ESRI's ArcMap is a widely
     55                        used product, and the free, open-source program QGIS is another popular choice. Slightly different procedures
     56                        are necessary to use a GeoJSON file with these programs.
     57                        <br/><br/>
    4658
    4759
    4860                <a id="part2"/>
    4961                <p align="right"><a href="#TOP">Back to Top</a></p>                             
    50                 <h2>2. Using a GeoJSON in ESRI ArcMap</h2>
    51                 <br/>
    52                 GeoJSON files from IBIS cannot be directly opened in ArcMap; they must first be transformed into the ESRI
    53                 shapefile format (.shp). Several options are available, but currently one of the easiest methods to
    54                 transform IBIS GeoJSON files into shapefiles is to use the free, open-source, on-line transformation tool
    55                 available here: <a href="http://ogre.adc4gis.com/">http://ogre.adc4gis.com/</a>.
    56                 <br/><br/>
    57 
    58                 Copy and paste the entirety of the .geojson text into the interface window. Download and unzip the resulting
    59                 shapefile to your directory of choice, and load into ArcMap as usual.
    60                 <br/><br/>
     62                <h1>2. Using a GeoJSON in ESRI ArcMap</h1>
     63                        <br/>
     64                        GeoJSON files from IBIS cannot be directly opened in ArcMap; they must first be transformed into the ESRI
     65                        shapefile format (.shp). Several options are available, but currently one of the easiest methods to
     66                        transform IBIS GeoJSON files into shapefiles is to use the free, open-source, on-line transformation tool
     67                        available here: <a href="http://ogre.adc4gis.com/">http://ogre.adc4gis.com/</a>.
     68                        <br/><br/>
     69                        Copy and paste the entirety of the .geojson text into the interface window. Download and unzip the resulting
     70                        shapefile to your directory of choice, and load into ArcMap as usual.
     71                        <br/><br/>
    6172               
    6273                <a id="part3"/>
    63                 <h2>3. Using a GeoJSON in QGIS</h2>
    64                 <br/>
    65                 QGIS is a free, open-source GIS program licensed under the GNU General Public License. It runs on Linux,
    66                 Unix, Mac OSX, Windows, and Android, and supports numerous vector, raster, and database formats and functionalities.
    67                 The program can be downloaded at: <a href="http://www.qgis.org/en/site/">http://www.qgis.org/en/site/</a>.
    68                 <br/><br/>
    69 
    70                 After installation, two main GIS programs will be available: QGIS Browser and QGIS Desktop. QGIS Browser is a GIS
    71                 file explorer (similar to Windows Explorer, but only displaying GIS-related files). QGIS Desktop is the program
    72                 where data are displayed, symbolized, and analyzed.
    73                 <br/><br/>
    74 
    75                 In QGIS Desktop, the "Manage Layers" toolbar contains an "Add Vector Layer" button. Using that interface,
    76                 navigate to the folder containing the .geojson and open the file. QGIS Desktop can open the .geojson directly,
    77                 with no preliminary transformation being necessary. The .geojson can then be transformed to a different GIS
    78                 file type (including shapefile) by right-clicking the layer name, and using the "Save vector layer as" command.
    79                 <br/><br/>
     74                <h1>3. Using a GeoJSON in QGIS</h1>
     75                        <br/>
     76                        QGIS is a free, open-source GIS program licensed under the GNU General Public License. It runs on Linux,
     77                        Unix, Mac OSX, Windows, and Android, and supports numerous vector, raster, and database formats and functionalities.
     78                        The program can be downloaded at: <a href="http://www.qgis.org/en/site/">http://www.qgis.org/en/site/</a>.
     79                        <br/><br/>
     80                        After installation, two main GIS programs will be available: QGIS Browser and QGIS Desktop. QGIS Browser is a GIS
     81                        file explorer (similar to Windows Explorer, but only displaying GIS-related files). QGIS Desktop is the program
     82                        where data are displayed, symbolized, and analyzed.
     83                        <br/><br/>
     84                        In QGIS Desktop, the "Manage Layers" toolbar contains an "Add Vector Layer" button. Using that interface,
     85                        navigate to the folder containing the .geojson and open the file. QGIS Desktop can open the .geojson directly,
     86                        with no preliminary transformation being necessary. The .geojson can then be transformed to a different GIS
     87                        file type (including shapefile) by right-clicking the layer name, and using the "Save vector layer as" command.
     88                        <br/><br/>
    8089
    8190                <a id="part4"/>
    82                 <h2>4. Important Note About Downloaded IBIS GIS Data</h2>
     91                <h1>4. Important Note About Downloaded IBIS GIS Data</h1>
     92                        <br/>
     93                        The boundaries of all the GIS layers that are displayed and downloaded from IBIS represent slightly generalized
     94                        versions of the actual geographic areas. Using simplified polygons reduces overall file sizes, which helps keep
     95                        the IBIS web-mapping service operating smoothly and responsively. These generalized geographies are perfectly
     96                        suited to viewing data distributions at the map scales that are available in the online IBIS maps.
     97                        <br/><br/>
     98                        However, downloaded IBIS GIS boundaries are generalized, and do vary slightly from official US Census GIS data,
     99                        for example (only on the order of several feet, in most cases). Hence, if more precise GIS spatial analysis and
     100                        presentation is required, fully detailed GIS files of the DOH Small Areas, Health Regions, and other geographic
     101                        subdivisions can be downloaded from ////UNDER CONSTRUCTION//// and used as master reference files in GIS desktop software. 
     102                        Tables from IBIS query results can be linked to these detailed GIS files to provide flexible spatial-data analysis
     103                        and visualization opportunities.
     104                        <br/><br/>
     105               
     106                <br/><br/>
    83107                <br/>
    84                 The boundaries of all the GIS layers that are displayed and downloaded from IBIS represent slightly generalized
    85                 versions of the actual geographic areas. Using simplified polygons reduces overall file sizes, which helps keep
    86                 the IBIS web-mapping service operating smoothly and responsively. These generalized geographies are perfectly
    87                 suited to viewing data distributions at the map scales that are available in the online IBIS maps.
    88                 <br/><br/>
    89 
    90                 However, downloaded IBIS GIS boundaries are generalized, and do vary slightly from official US Census GIS data,
    91                 for example (only on the order of several feet, in most cases). Hence, if more precise GIS spatial analysis and
    92                 presentation is required, fully detailed GIS files of the DOH Small Areas, Health Regions, and other geographic
    93                 subdivisions will need to be found from an alternative source. 
    94                 <br/><br/>
    95                
    96108                <p align="right"><a href="#TOP">Back to Top</a></p>                             
    97                 <br/><br/>
    98 
     109                <br/>
     110                <br/>
    99111                <ibis:include href="../../text/Suggestions.xml"/><br/><br/>
    100112        </CONTENT>

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthcare/Introduction.xml

    r19781 r19798  
    1010
    1111        <CONTENT>
     12
     13Most people will need medical care at some time in their lives. Access to affordable, quality health care is important to physical, social, and mental health. Health insurance helps individuals afford health care. It is also necessary to have providers nearby who have appointment slots available.
     14Timely preventive care reduces the risk of illness, disability, early death, and lowers health care costs. These services both prevent illness through vaccination and advice, and detect illnesses earlier, when they are at more treatable stages. Preventive services are key to reducing death and disability and improving the New Mexico's health.
     15
     16
     17
    1218                <div class="Container">
    1319                        <nav>

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthcare/access/availability/_content_overview.xml

    r18288 r19798  
    44        <figure>
    55                <img ibis:src="view/image/topic/access_to_care2.jpg"/>
    6                 <figcaption></figcaption>
    7         </figure>
     6                <figcaption>
    87        Most people need medical care at some time in their lives. Access to affordable, quality health
    98        care is important to physical, social, and mental health. Health insurance helps individuals and
    … …  
    1110        on its own-it is also necessary for providers to offer affordable care, be available to treat patients,
    1211        and be in relatively close proximity to patients.
     12                </figcaption>
     13        </figure>
    1314</CONTENT>
    1415

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthcare/access/insurance/_content_overview.xml

    r18288 r19798  
    44        <figure>
    55                <img ibis:src="view/image/topic/access_to_care3.jpg"/>
    6                 <figcaption></figcaption>
    7         </figure>
     6                <figcaption>
    87        Health insurance is a contract between an individual and an insurance company.  The insurance
    98        plan specified in the contract provides part or complete payment of specified health care costs
    … …  
    1110        by employers, some by government programs such as Medicare, and others are purchased directly by
    1211        individuals from insurance companies.
     12                </figcaption>
     13        </figure>
    1314</CONTENT>
    1415

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthcare/utilization/immunization/_content_overview.xml

    r18288 r19798  
    44        <figure>
    55                <img ibis:src="view/image/topic/immunization2.jpg"/>
    6                 <figcaption></figcaption>
    7         </figure>
     6                <figcaption>
    87        Immunization is the process whereby a person is made immune or resistant to an infectious
    98        disease, typically by the administration of a vaccine. Vaccines stimulate the body's own
    … …  
    1110        for Disease Control and Prevention (CDC) recommends routine vaccination to prevent vaccine-preventable
    1211        diseases that occur in infants, children, adolescents, and adults.
     12                </figcaption>
     13        </figure>
    1314</CONTENT>
    1415

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthcare/utilization/oral/_content_overview.xml

    r18288 r19798  
    44        <figure>
    55                <img ibis:src="view/image/topic/oral_health.jpg"/>
    6                 <figcaption></figcaption>
    7         </figure>
     6                <figcaption>
    87        The World Health Organization (WHO) defines oral health as a state of being
    98        free from chronic mouth and facial pain, oral and throat cancer, oral
    … …  
    1110        disease, tooth decay and tooth loss, and other diseases and disorders
    1211        that affect the oral cavity.
     12                </figcaption>
     13        </figure>
    1314</CONTENT>
    1415

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthcare/utilization/other/_content_overview.xml

    r18288 r19798  
    55                <img ibis:src="view/image/topic/prenatal_hands.jpg"/>
    66                <!--prenatal_care.jpg pregnancy_test.jpg pregnant_woman_meas_tape.jpg pregnant_woman.jpg  pregnant_bp2.jpg -->
    7                 <figcaption></figcaption>
    8         </figure>
     7                <figcaption>
    98        Other types of clinical preventive services include other preventive care and disease management.
    109        Examples include prenatal care, management of chronic conditions such as diabetes, asthma and arthritis,
    … …  
    1211        by physicians, screening for sexually-trensmitted infections, and screening for and treatment of depression
    1312        in children and adults.
     13                </figcaption>
     14        </figure>
    1415</CONTENT>
    1516

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthcare/utilization/screening/cancer/_content_overview.xml

    r18288 r19798  
    44        <figure>
    55                <img ibis:src="view/image/topic/cancer_ribbons2.jpg"/>
    6                 <figcaption></figcaption>
    7         </figure>
     6                <figcaption>
    87        Cancer starts from the uncontrolled division of cells in the body.  As the abnormal cells
    98        continue to grow, they form a tumor.  As the tumor grows it can metastasize, or spread, and
    … …  
    1110        different types of cancer have different growth rates and respond differently to anti-cancer
    1211        treatments. In medical terms, cancer is referred to as malignant neoplasms.
     12                </figcaption>
     13        </figure>
    1314</CONTENT>
    1415

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthcare/utilization/screening/cardiovascular/_content_overview.xml

    r18288 r19798  
    44        <figure>
    55                <img ibis:src="view/image/topic/cardio_bp.jpg"/>
    6                 <figcaption></figcaption>
    7         </figure>
     6                <figcaption>
    87        According to the American Heart Association, the following screening tests are recommended
    98        for optimal cardiovascular health.
    … …  
    1514                <li>Smoking, Physical Activity, Diet</li>
    1615        </ul>
     16                </figcaption>
     17        </figure>
    1718</CONTENT>
    1819

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthoutcome/Introduction.xml

    r19781 r19798  
    1010
    1111        <CONTENT>
     12
     13The World Health Organization defines health as, "a state of complete physical, mental and social well-being and not merely the absence of disease or infirmity." The topics in this category include the various measures we use as "indicators" of population health status.
     14
    1215                <div class="Container">
    1316                        <nav>

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthoutcome/cancer/_content_overview.xml

    r18288 r19798  
    44        <figure>
    55                <img ibis:src="view/image/topic/cancer.jpg"/>
    6                 <figcaption></figcaption>
    7         </figure>
     6                <figcaption>
    87        Cancer starts from the uncontrolled division of cells in the body.  As the abnormal cells
    98        continue to grow, they form a tumor.  As the tumor grows it can metastasize, or spread, and
    … …  
    1110        different types of cancer have different growth rates and respond differently to anti-cancer
    1211        treatments.  In medical terms, cancer is referred to as malignant neoplasms.
     12                </figcaption>
     13        </figure>
    1314</CONTENT>
    1415

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthoutcome/death/_content_overview.xml

    r18288 r19798  
    44        <figure>
    55                <img ibis:src="view/image/topic/cemetery2.jpg"/> <!-- cemetary2.jpg historic_grave_markers2.jpg -->
    6                 <figcaption></figcaption>
    7         </figure>
     6                <figcaption>
    87        Leading causes of death are those causes that account for the highest numbers of deaths for a given
    98        population and time period.  Leading cause of death rankings are based on the underlying cause of
    109        death. There are 50 rankable causes of death.
     10                </figcaption>
     11        </figure>
    1112</CONTENT>
    1213

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthoutcome/disease/chronic/_content_overview.xml

    r18288 r19798  
    44        <figure>
    55                <img ibis:src="view/image/topic/chronic_conditions.jpg"/>
    6                 <figcaption></figcaption>
    7         </figure>
     6                <figcaption>
    87        According to the National Center for Health statistics, chronic diseases are diseases
    98        that last three months or more and generally cannot be prevented by vaccines or cured
    … …  
    1211        been included in most lists of chronic diseases, but using the above definition, they
    1312        also would qualify.
     13                </figcaption>
     14        </figure>
    1415</CONTENT>
    1516

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthoutcome/disease/infectious/Detail.xml

    r19781 r19798  
    77
    88        <CONTENT>
     9
     10                <ibis:include href="_content_overview.xml" children-only-flag="true"/>                 
     11
    912                <div id="contentSections">
    10                         <section class="Overview">
    11                                 <ibis:include href="_content_overview.xml" children-only-flag="true"/>                 
    12 
    13                                 <h3>Infectious diseases include:</h3>
     13                        <section class="Container">
     14                                <h2>Infectious Diseases</h2>
    1415                                <ul class="Indent">
    1516                                        <li>Foodborne and waterborne illnesses</li>

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthoutcome/disease/infectious/_content_overview.xml

    r18288 r19798  
    22
    33<CONTENT xmlns:ibis="http://www.ibisph.org">
     4
     5<style>
     6.Topic #content figure img,
     7.Topic #content figure figcaption
     8{
     9    display: block;
     10    width: 100%;
     11    max-width: 100%;
     12    float: none;
     13}
     14</style>
     15
    416        <figure>
    5                 <img ibis:src="view/image/topic/infectious_disease.jpg"/> <!-- infectious.jpg -->
    6                 <figcaption></figcaption>
    7         </figure>
     17                <img ibis:src="view/image/topic/infectious_disease2.png"/>
     18                <figcaption>
    819        Infectious diseases are caused by organisms - such as bacteria, viruses, fungi or parasites.  A person
    920        may become ill with an infectious disease through contact with another infected person (directly or indirectly),
    1021        an insect or animal carrying disease, or contaminated food or water.
     22                </figcaption>
     23        </figure><br/>
    1124</CONTENT>
    1225

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthoutcome/injury/_content_overview.xml

    r18288 r19798  
    44        <figure>
    55                <img ibis:src="view/image/topic/descanso.jpg"/>
    6                 <figcaption></figcaption>
    7         </figure>
     6                <figcaption>
    87        Injury is a serious public health problem in New Mexico claiming 2,184 lives in 2017.
    98        Unintentional injuries, which include transportation injuries, unintentional poisoning,
    109        falls, were the leading cause of death among children and adults age 1 through 44. Motor
    1110        vehicle crashes were the leading cause of mortality among ages 1 through 24.
     11                </figcaption>
     12        </figure>
    1213</CONTENT>
    1314

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthoutcome/mch/_content_overview.xml

    r18288 r19798  
    44        <figure>
    55                <img ibis:src="view/image/topic/mother_infant4.jpg"/>
    6                 <figcaption></figcaption>
    7         </figure>
     6                <figcaption>
    87        Improving the well-being of mothers, infants, and children is an important public health goal for the
    98        United States. Their well-being determines the health of the next generation and can help predict future
    … …  
    1211        health systems indicators that affect the health, wellness, and quality of life of women, children, and
    1312        families.
     13                </figcaption>
     14        </figure>
    1415</CONTENT>
    1516

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthoutcome/measures/_content_overview.xml

    r18288 r19798  
    44        <figure>
    55                <img ibis:src="view/image/topic/health_sign.jpg"/>
    6                 <figcaption></figcaption>
    7         </figure>
     6                <figcaption>
    87        Summary measures of health status are statistics that use mortality data, or combine mortality and
    98        morbidity data to represent overall population health in a single number. Examples of summary measures
    … …  
    1312        (HALE), quality-adjusted life years (QALYs), years of healthy life (YHLs), and disability-adjusted life
    1413        years (DALYs).
     14                </figcaption>
     15        </figure>
    1516</CONTENT>
    1617

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthoutcome/mental/_content_overview.xml

    r18288 r19798  
    44        <figure>
    55                <img ibis:src="view/image/topic/depression3.jpg"/>
    6                 <figcaption></figcaption>
    7         </figure>
     6                <figcaption>
    87        Mental health refers to a persons's psychological and emotional well-being. Depression is
    98        a common mental disorder and a significant - perhaps the largest - contributor
    … …  
    1211        both mental (such as anxiety and substance use disorders) and physical (such as heart disease,
    1312        stroke, asthma, diabetes and obesity). Depression is also an important risk factor for suicide.
     13                </figcaption>
     14        </figure>
    1415</CONTENT>
    1516

  • trunk/ibisph-view/src/content/xml/html_content/topic/healthoutcome/substance/_content_overview.xml

    r18288 r19798  
    44        <figure>
    55                <img ibis:src="view/image/topic/substance_use2.jpg"/> <!-- substance_abuse.jpg substance_use.jpg substance_use2.jpg -->
    6                 <figcaption></figcaption>
    7         </figure>
     6                <figcaption>
    87        The major substance use problems in New Mexico are excessive alcohol consumption,
    98        resulting in the nation's highest alcohol-related death rate, and drug use, resulting
    … …  
    1615        significant problems or distress, such as interference with a person's family, work, school,
    1716        or social obligations, or putting the person in hazardous situations or in legal jeaopardy.
     17                </figcaption>
     18        </figure>
    1819</CONTENT>
    1920

  • trunk/ibisph-view/src/content/xml/html_content/topic/population/Introduction.xml

    r19781 r19798  
    1010
    1111        <CONTENT>
     12
     13Population characteristics include personal characteristics as well as social factors. Many personal characteristics, such as age and race, are determined by our genetics, and can have a strong influence on health status. Even though they cannot be modified, such characteristics are important to understand. Social factors include things like poverty, access to education, and availability of safe housing and healthy foods. Those social factors, often called, "social determinants of health," often need to be modified by broad social and institutional reforms.
     14
     15
    1216                <div class="Container">
    1317                        <nav>

  • trunk/ibisph-view/src/content/xml/html_content/topic/population/demographic/characteristics/Detail.xml

    r19781 r19798  
    88        <CONTENT>
    99                <div id="contentSections">
    10                        
     10
    1111                        <section class="Overview">
    1212                                <ibis:include href="_content_overview.xml" children-only-flag="true"/>

  • trunk/ibisph-view/src/content/xml/html_content/topic/population/demographic/characteristics/_content_overview.xml

    r18288 r19798  
    44        <figure>
    55                <img ibis:src="view/image/topic/demographics2.jpg"/>
    6                 <figcaption> </figcaption>
    7         </figure>
     6                <figcaption>
    87        Demographics are the classifiable characteristics of a given population.
    98        Demographic characteristics most commonly used in public health statistics include:
    … …  
    1716                <li>Income level</li>
    1817        </ul>
     18                </figcaption>
     19        </figure>
    1920</CONTENT>
    2021

  • trunk/ibisph-view/src/content/xml/html_content/topic/population/socialdeterminant/community/_content_overview.xml

    r18288 r19798  
    44        <figure>
    55                <img ibis:src="view/image/topic/community2.jpg"/>
    6                 <figcaption></figcaption>
    7         </figure>
     6                <figcaption>
    87        Social and community context includes all the settings and relationships
    98        in the social, religious, cultural, and workplaces in which people take part.
     9                </figcaption>
     10        </figure>
    1011</CONTENT>
    1112

  • trunk/ibisph-view/src/content/xml/html_content/topic/population/socialdeterminant/economic/_content_overview.xml

    r18288 r19798  
    44        <figure>
    55                <img ibis:src="view/image/topic/poverty.jpg"/> <!-- poverty.jpg economic_stability2.jpg -->
    6                 <figcaption> </figcaption>
    7         </figure>
     6                <figcaption>
    87        Economic stability is the state or condition of having adequate money, goods, and means of support. 
    98        Economic stability includes measures such as poverty, employment status, food security and housing
    109        stability.
     10                </figcaption>
     11        </figure>
    1112</CONTENT>
    1213

  • trunk/ibisph-view/src/content/xml/html_content/topic/population/socialdeterminant/education/_content_overview.xml

    r18288 r19798  
    44        <figure>
    55                <img ibis:src="view/image/topic/education.jpg"/>
    6                 <figcaption></figcaption>
    7         </figure>
     6                <figcaption>
    87        The amount of education a person has is often called "educational attainment" in academic literature.
    98        Just as education and educational attainment can effect health outcomes, a person's health can affect
    … …  
    1110        such as hunger, physical and emotional abuse, and chronic illness can lead to poor school
    1211        performance.
     12                </figcaption>
     13        </figure>
    1314</CONTENT>
    1415

  • trunk/ibisph-view/src/content/xml/html_content/topic/population/socialdeterminant/neighborhood/_content_overview.xml

    r18288 r19798  
    44        <figure>
    55                <img ibis:src="view/image/topic/neighborhood2.jpg"/>
    6                 <figcaption></figcaption>
    7         </figure>
     6                <figcaption>
    87        Neighborhood and built environments have health impacts for the people who live there. Aspects
    98        of neighborhood environments include walkability, land use mix and urbanity, retail, recreational
    109        areas, restaurants, fast food outlets, cultural and education institutions, and pollution, such
    1110        as from traffic or waste sites.
     11                </figcaption>
     12        </figure>
    1213</CONTENT>
    1314

  • trunk/ibisph-view/src/content/xml/html_content/topic/risk_resiliency/Introduction.xml

    r19781 r19798  
    1010
    1111        <CONTENT>
     12       
     13        In the recent decades, health researchers have looked at the health behaviors and lifestyle factors that account for the largest number of preventable deaths. Their research suggests that the leading causes of preventable death in the U.S. are tobacco use, poor diet, physical inactivity, and alcohol consumption. These lifestyle risk factors are often the focus of health promotion campaigns because they can be modified by individuals. Resiliency factors include lifestyles and social supports that offset risk factors, including having social and family support and participating in physical activity.
     14       
    1215                <div class="Container">
    1316                        <nav>

  • trunk/ibisph-view/src/content/xml/html_content/topic/risk_resiliency/behavior/activity/_content_overview.xml

    r18288 r19798  
    55                <img ibis:src="view/image/topic/injury_prevention_stretching.jpg"/>
    66                <!-- injury_prevention_stretching.jpg physical_activity4.jpg -->
    7                 <figcaption></figcaption>
    8         </figure>
     7                <figcaption>
    98        Regular physical activity is any body movement that works your muscles or joints and requires
    109        more energy than resting. Physical activity can take a variety of forms, including:
    … …  
    1615                <li>Bone-strengthening exercise</li>
    1716        </ul>
     17                </figcaption>
     18        </figure>
    1819</CONTENT>
    1920

  • trunk/ibisph-view/src/content/xml/html_content/topic/risk_resiliency/behavior/alcohol/Detail.xml

    r19781 r19798  
    77
    88        <CONTENT>
     9                <ibis:include href="_content_overview.xml" children-only-flag="true"/>
     10                       
    911                <div id="contentSections">
    10                         <section class="Overview">
    11                                 <ibis:include href="_content_overview.xml" children-only-flag="true"/>
    12                                 <br/><br/>
     12
     13                        <section class="Container">
     14                                <h2>Overivew</h2>
    1315                                Alcohol use may effect different people in different ways, depending on:
    1416                                <ul class="Indent">
    … …  
    1719                                        <li>A persons age, medical history and family medical history</li>
    1820                                </ul>
    19                                 <br/>
     21
    2022                                Two patterns of excessive alcohol use; excessive drinking and heavy drinking, are defined
    2123                                by the United States Centers for Disease Control and Prevention as
    … …  
    2729                                                week for men.</li>
    2830                                </ul>
     31
    2932                                <footer class="Footnotes"><ol>
    3033                                        <li id="ref1"> <a href="http://www.cdc.gov/alcohol/fact-sheets/alcohol-use.htmv">
    … …  
    3336                                </ol></footer>
    3437                        </section>
    35                        
     38
    3639                        <section class="Container">
    3740                                <h2>Why It's Important</h2>
    … …  
    190193                                </ul>
    191194                        </section>
    192                 </div>                  <ibis:ContentBlock contentContainerClass="Block" id="ipSelections">
     195                </div>                 
     196               
     197                <nav id="contextNavigation">
     198                        <ibis:ContentBlock contentContainerClass="Block" id="ipSelections">
    193199                                <TITLE>Related Health Indicator Reports</TITLE>
    194200                                <CONTENT>

  • trunk/ibisph-view/src/content/xml/html_content/topic/risk_resiliency/behavior/alcohol/_content_overview.xml

    r18288 r19798  
    44        <figure>
    55                <img ibis:src="view/image/topic/alcohol.jpg"/>
    6                 <figcaption></figcaption>
    7         </figure>
     6                <figcaption>
    87        Alcohol is a commonly used legal intoxicant that has both immediate and long term
    98        effects on a person's health, well-being,
    … …  
    1211        and cirrhosis, to death. It is important to understand the spectrum of health effects,
    1312        diseases and disorders that are associated with alcohol use. 
     13                </figcaption>
     14        </figure>
    1415</CONTENT>
    1516

  • trunk/ibisph-view/src/content/xml/html_content/topic/risk_resiliency/behavior/injury/_content_overview.xml

    r18288 r19798  
    44        <figure>
    55                <img ibis:src="view/image/topic/seat_belt.jpg"/>
    6                 <figcaption></figcaption>
    7         </figure>
     6                <figcaption>
    87        Injury includes a wide range of health topics, from unintentional injuries, such as car
    98        crashes and falls, to intentional injuries, such as assault and suicide.  The consequences
    … …  
    1110        health and financial problems that can last a lifetime. The good news is that many injuries
    1211        are preventable. From seat belts to violence prevention programs, injury prevention saves lives.
     12                </figcaption>
     13        </figure>
    1314</CONTENT>
    1415

  • trunk/ibisph-view/src/content/xml/html_content/topic/risk_resiliency/behavior/nutrition/Detail.xml

    r19781 r19798  
    77
    88        <CONTENT>
     9                <ibis:include href="_content_overview.xml" children-only-flag="true"/>
     10
    911                <div id="contentSections">
    10                         <section class="Overview">
     12
     13                        <section class="Container">
     14                                <h2>Overview</h2>
    1115                                Health professionals recognize the benefits associated with a healthy
    1216                                eating plan based on the Dietary Guidelines for Americans
    … …  
    2428                                environmental factors within families, organizations, and communities must be considered.
    2529                                <br/><br/>
    26                                 <ibis:include href="_content_overview.xml" children-only-flag="true"/>
     30                                <h3>Americans with a healthy diet:</h3>
     31                                <ul class="Indent">
     32                                        <li>Consume a variety of nutrient-dense foods within and across the food groups, especially whole
     33                                                grains, fruits, vegetables, low-fat or fat-free milk or milk products, and lean meats and
     34                                                other protein sources.</li>
     35                                        <li>Limit the intake of saturated and trans fats, cholesterol, added sugars, sodium (salt), and alcohol.</li>
     36                                        <li>Limit caloric intake to meet caloric needs.</li>
     37                                </ul>
    2738                                <footer class="Footnotes"><ol>
    2839                                        <li id="ref1"> <a href="http://www.health.gov/dietaryguidelines/">

  • trunk/ibisph-view/src/content/xml/html_content/topic/risk_resiliency/behavior/nutrition/_content_overview.xml

    r18288 r19798  
    44        <figure>
    55                <img ibis:src="view/image/topic/fruits_veggies.jpg"/> <!-- nutrition4b.png -->
    6                 <figcaption></figcaption>
     6                <figcaption>
     7                        <h3>Americans with a healthy diet:</h3>
     8                        <ul class="Indent">
     9                                <li>Consume a variety of nutrient-dense foods within and across the food groups, especially whole
     10                                        grains, fruits, vegetables, low-fat or fat-free milk or milk products, and lean meats and
     11                                        other protein sources.</li>
     12                                <li>Limit the intake of saturated and trans fats, cholesterol, added sugars, sodium (salt), and alcohol.</li>
     13                                <li>Limit caloric intake to meet caloric needs.</li>
     14                        </ul>
     15                </figcaption>
    716        </figure>
    8 
    9         <h3>Americans with a healthy diet:</h3>
    10         <ul class="Indent">
    11                 <li>Consume a variety of nutrient-dense foods within and across the food groups, especially whole
    12                         grains, fruits, vegetables, low-fat or fat-free milk or milk products, and lean meats and
    13                         other protein sources.</li>
    14                 <li>Limit the intake of saturated and trans fats, cholesterol, added sugars, sodium (salt), and alcohol.</li>
    15                 <li>Limit caloric intake to meet caloric needs.</li>
    16         </ul>
    1717</CONTENT>
    1818

  • trunk/ibisph-view/src/content/xml/html_content/topic/risk_resiliency/behavior/tobacco/_content_overview.xml

    r18288 r19798  
    44        <figure>
    55                <img ibis:src="view/image/topic/smoking.jpg"/>
    6                 <figcaption></figcaption>
    7         </figure>
     6                <figcaption>
    87        The topic of Tobacco includes not only current use of tobacco
    98        products, but also initiation, cessation, secondhand smoke, and
    109        tobacco-related policy.
     10                </figcaption>
     11        </figure>
    1112</CONTENT>
    1213

  • trunk/ibisph-view/src/content/xml/html_content/topic/risk_resiliency/behavior/weight/_content_overview.xml

    r18288 r19798  
    44        <figure>
    55                <img ibis:src="view/image/topic/weight.jpg"/>
    6                 <figcaption></figcaption>
    7         </figure>
     6                <figcaption>
    87        Achieving and sustaining appropriate body weight across the lifespan is vital to maintaining
    98        good health and quality of life. Many behavioral, environmental, and genetic factors have been
    … …  
    1615        the calories expended in metabolic processes, but they can control what they eat and drink, as
    1716        well as how many calories they use in physical activity.
     17                </figcaption>
     18        </figure>
    1819</CONTENT>
    1920

  • trunk/ibisph-view/src/content/xml/html_content/topic/risk_resiliency/environment/physical/_content_overview.xml

    r18288 r19798  
    44        <figure>
    55                <img ibis:src="view/image/topic/environment_water.jpg"/>
    6                 <figcaption></figcaption>
    7         </figure>
     6                <figcaption>
    87        The environment plays a key role in public health. From air and water quality to radon and lead, there are
    98        many environmental factors that can influence the health of our residents. While many environmental factors are naturally
    109        occurring, our behavior can influence and increase some of the negative affects that influence climate change factors, such
    1110        as automobile emissions and air quality.
     11                </figcaption>
     12        </figure>
    1213</CONTENT>
    1314

  • trunk/ibisph-view/src/content/xml/selection/navigation/AboutSelection.xml

    r19718 r19798  
    136136                                                        to realize our health goals.
    137137                                                </div>
    138                                                 <div class="IntroductionVideo FontIcon" onclick="javascript:showVideo('view/video/about/Introduction.mp4', 'Introduction to IBIS-PH')">
     138                                                <div class="IntroductionVideo FontIcon">
     139                                                        <img ibis:src="view/image/navigation/about.png" onclick="javascript:showVideo('view/video/about/Introduction.mp4', 'Introduction to IBIS-PH')"/>
    139140                                                        <div class="Overlay">
    140141                                                                View quick introduction video that describes

  • trunk/ibisph-view/src/content/xml/selection/navigation/CommunitySelection.xml

    r19781 r19798  
    3838                                                </SELECTION>
    3939                                                <SELECTION>
    40                                                         <TITLE>Census Tracts</TITLE>
     40                                                        <TITLE>Small Areas</TITLE>
    4141                                                        <DESCRIPTION>
    4242                                                        </DESCRIPTION>
    43                                                         <LOCAL_URL>community/indicators/HealthStatusOutcomes/GeoTract/35001000107.html</LOCAL_URL>
     43                                                        <LOCAL_URL>community/indicators/HealthStatusOutcomes/GeoSarea/1.html</LOCAL_URL>
    4444                                                </SELECTION>
    4545                                                <SELECTION>
    … …  
    8080                                                        <LOCAL_URL>community/indicators/HealthStatusOutcomes/Income5Grps/1.html</LOCAL_URL>
    8181                                                </SELECTION>
    82                                                 <SELECTION>
    83                                                         <TITLE>Household Language</TITLE>
    84                                                         <DESCRIPTION>
    85                                                         </DESCRIPTION>
    86                                                         <LOCAL_URL>community/indicators/HealthStatusOutcomes/Language/1.html</LOCAL_URL>
    87                                                 </SELECTION>
    8882                                        </SELECTIONS>
    8983                                </SELECTION>
    … …  
    106100                                                </SELECTION>
    107101                                                <SELECTION>
    108                                                         <TITLE>Facts</TITLE>
     102                                                        <TITLE>Quick Facts</TITLE>
    109103                                                        <DESCRIPTION>
    110104                                                        </DESCRIPTION>
    … …  
    132126                                                        impacts and for project decision-making.
    133127                                                </div>
    134                                                 <div class="IntroductionVideo FontIcon" onclick="javascript:showVideo('view/video/community/Introduction.mp4', 'Introduction to Community Reports')">
     128                                                <div class="IntroductionVideo FontIcon">
     129                                                        <img ibis:src="view/image/navigation/community.png" onclick="javascript:showVideo('view/video/community/Introduction.mp4', 'Introduction to Community Reports')"/>
    135130                                                        <div class="Overlay">
    136131                                                                View quick introduction video that describes

  • trunk/ibisph-view/src/content/xml/selection/navigation/IndicatorSelection.xml

    r19781 r19798  
    162162                                                        to build awareness of problems and trends. In addition they help inform policy and
    163163                                                        policy makers and can be used to promote accountability among governmental and
    164                                                         non-governmental agencies.
     164                                                        non-governmental agencies.  See <a ibis:href="resource/Contributors.html">Contributors</a>.
    165165                                                </div>
    166166
    167                                                 <div class="IntroductionVideo FontIcon" onclick="javascript:showVideo('view/video/indicator/Introduction.mp4', 'Introduction to Health Indicators')">
     167                                                <div class="IntroductionVideo FontIcon">
     168                                                        <img ibis:src="view/image/navigation/indicator.png" onclick="javascript:showVideo('view/video/indicator/Introduction.mp4', 'Introduction to Health Indicators')"/>
    168169                                                        <div class="Overlay">
    169170                                                                View quick introduction video that describes

  • trunk/ibisph-view/src/content/xml/selection/navigation/QuerySelection.xml

    r19742 r19798  
    2222
    2323                                <SELECTION>
    24                                         <TITLE>About Exploring Datasets</TITLE>
    25                                         <SELECTIONS>
    26                                                 <ADDITIONAL_CLASSES>Icon Info</ADDITIONAL_CLASSES>
    27                                                 <SELECTION>
    28                                                         <LOCAL_URL>query/Introduction.html</LOCAL_URL>
    29                                                         <TITLE>Introduction</TITLE>
    30                                                 </SELECTION>
    31                                                 <SELECTION>
    32                                                         <LOCAL_URL>query/ContentUsage.html</LOCAL_URL>
    33                                                         <TITLE>Contents and Usage</TITLE>
    34                                                 </SELECTION>
    35                                                 <SELECTION>
    36                                                         <LOCAL_URL>query/Tutorials.html</LOCAL_URL>
    37                                                         <TITLE>Tutorials</TITLE>
    38                                                 </SELECTION>
    39                                                 <SELECTION>
    40                                                         <TITLE>Dataset Resources</TITLE>
    41                                                         <DESCRIPTION>Resources specific to datasets on the NM-IBIS Query System.</DESCRIPTION>
    42                                                         <LOCAL_URL>query/DatasetSpecific.html</LOCAL_URL>
    43                                                 </SELECTION>
    44                                         </SELECTIONS>
    45                                 </SELECTION>
    46 
     24                                        <TITLE>Vital Records Birth and Death Data</TITLE>
     25                                        <SELECTIONS>
     26                                                <ADDITIONAL_CLASSES>Icon List</ADDITIONAL_CLASSES>
     27                                                <SELECTION>
     28                                                        <TITLE>Birth Data</TITLE>
     29                                                        <DESCRIPTION>Explore birth certificate data (teen births, birthweight, preterm births, etc.)</DESCRIPTION>
     30                                                        <LOCAL_URL>query/selection/birth/_BirthSelection.html</LOCAL_URL>
     31                                                </SELECTION>
     32                                                <SELECTION>
     33                                                        <TITLE>Death Data</TITLE>
     34                                                        <DESCRIPTION>Explore mortality data for the general population (all ages)</DESCRIPTION>
     35                                                        <LOCAL_URL>query/selection/mort/_MortSelection.html</LOCAL_URL>
     36                                                </SELECTION>
     37                                                <SELECTION>
     38                                                        <TITLE>Infant Mortality</TITLE>
     39                                                        <DESCRIPTION>Explore mortality data for infants (under 1 year of age)</DESCRIPTION>
     40                                                        <LOCAL_URL>query/selection/infmort/_InfMortSelection.html</LOCAL_URL>
     41                                                </SELECTION>
     42                <!--                            <SELECTION>
     43                                                        <TITLE>Injury Causes of Death</TITLE>
     44                                                        <DESCRIPTION>External causes of injury for mortality and hospital discharges.</DESCRIPTION>
     45                                                        <LOCAL_URL>query/selection/injurySelection/InjSelection.html</LOCAL_URL>
     46                                                </SELECTION>
     47                -->                             <SELECTION>
     48                                                        <TITLE>Small Area Queries (Birth &amp; Death)</TITLE>
     49                                                        <DESCRIPTION>Explore Birth and Death data for New Mexico's 108 Small Areas</DESCRIPTION>
     50                                                        <LOCAL_URL>query/selection/sareaSelection/SareaSelection.html</LOCAL_URL>
     51                                                </SELECTION>
     52                                                <SELECTION>
     53                                                        <TITLE>Social Determinants of Health (Birth &amp; Death)</TITLE>
     54                                                        <DESCRIPTION>Explore Birth and Death data by Social Determinants of Health</DESCRIPTION>
     55                                                        <LOCAL_URL>query/selection/SDHSelection/SDHSelection.html</LOCAL_URL>
     56                                                </SELECTION>
     57                                        </SELECTIONS>
     58                                </SELECTION>
     59
     60                        </SELECTIONS>
     61                </SELECTION>
     62
     63                <SELECTION>
     64                        <SELECTIONS>
     65
     66                                <SELECTION>
     67                                        <TITLE>Morbidity Data</TITLE>
     68                                        <SELECTIONS>
     69                                                <ADDITIONAL_CLASSES>Icon List</ADDITIONAL_CLASSES>
     70                                                <SELECTION>
     71                                                        <TITLE>Cancer Incidence</TITLE>
     72                                                        <DESCRIPTION>Explore Incident Cancer Diagnoses by Person, Place and Time</DESCRIPTION>
     73                                                        <LOCAL_URL>query/selection/cancer/_CancerSelection.html</LOCAL_URL>
     74                                                </SELECTION>
     75                                                <SELECTION>
     76                                                        <TITLE>Hospital Inpatient Discharge Data (HIDD)</TITLE>
     77                                                        <ADDITIONAL_CLASSES>MenuItem2Lines</ADDITIONAL_CLASSES>
     78                                                        <DESCRIPTION>New Mexico hospital inpatient discharge data (state-licensed hospitals)</DESCRIPTION>
     79                                                        <LOCAL_URL>query/selection/hidd/_HIDDSelection.html</LOCAL_URL>
     80                                                </SELECTION>
     81                                                <SELECTION>
     82                                                        <TITLE>Hospital Emergency Department Data (ED)</TITLE>
     83                                                        <ADDITIONAL_CLASSES>MenuItem2Lines</ADDITIONAL_CLASSES>
     84                                                        <DESCRIPTION>New Mexico hospital emergency department data (state-licensed hospitals)</DESCRIPTION>
     85                                                        <LOCAL_URL>query/selection/ed/EDSelection.html</LOCAL_URL>
     86                                                </SELECTION>
     87                                                <SELECTION>
     88                                                        <TITLE>Infectious Diseases</TITLE>
     89                                                        <DESCRIPTION>Explore Infectious Diseases by Person, Place and Time</DESCRIPTION>
     90                                                        <LOCAL_URL>query/selection/idepi/_IDEpiSelection.html</LOCAL_URL>
     91                                                </SELECTION>
     92                                                <SELECTION>
     93                                                        <TITLE>Injury Hospitalizations</TITLE>
     94                                                        <DESCRIPTION>External causes of injury for mortality and hospital discharges.</DESCRIPTION>
     95                                                        <LOCAL_URL>query/selection/injurySelection/InjSelection.html</LOCAL_URL>
     96                                                </SELECTION>
     97                                                <SELECTION>
     98                                                        <TITLE>Trauma Registry</TITLE>
     99                                                        <DESCRIPTION>Injury visits and deaths, participating New Mexico hospitals and emergency departments.</DESCRIPTION>
     100                                                        <LOCAL_URL>query/selection/trauma/_TraumaSelection.html</LOCAL_URL>
     101                                                </SELECTION>
     102                                        </SELECTIONS>
     103                                </SELECTION>
     104
     105                        </SELECTIONS>
     106                </SELECTION>
     107
     108                <SELECTION>
     109                        <SELECTIONS>
     110
     111                                <SELECTION>
     112                                        <TITLE>Health Survey Data</TITLE>
     113                                        <SELECTIONS>
     114                                                <ADDITIONAL_CLASSES>Icon List</ADDITIONAL_CLASSES>
     115                                                <SELECTION>
     116                                                        <TITLE>Behavioral Risk Factor Surveillance System (BRFSS)</TITLE>
     117                                                        <DESCRIPTION>Behavioral Risk Factor Surveillance System data</DESCRIPTION>
     118                                                        <LOCAL_URL>query/selection/brfss/_BRFSSSelection.html</LOCAL_URL>
     119                                                </SELECTION>
     120                                                <SELECTION>
     121                                                        <TITLE>Pregnancy Risk Assessment Monitoring System (PRAMS)</TITLE>
     122                                                        <DESCRIPTION>Pregnancy Risk Assessment Monitoring System data</DESCRIPTION>
     123                                                        <LOCAL_URL>query/selection/prams/_PRAMSSelection.html</LOCAL_URL>
     124                                                </SELECTION>
     125                                                <SELECTION>
     126                                                        <TITLE>Youth Risk and Resiliency Survey (YRRS)</TITLE>
     127                                                        <DESCRIPTION>Youth Risk and Resiliency Survey data</DESCRIPTION>
     128                                                        <LOCAL_URL>query/selection/yrrs/_YRRSSelection.html</LOCAL_URL>
     129                                                </SELECTION>
     130                                        </SELECTIONS>
     131                                </SELECTION>
     132
     133                        </SELECTIONS>
     134                </SELECTION>
     135
     136                <SELECTION>
     137                        <SELECTIONS>
     138
     139                                <SELECTION>
     140                                        <TITLE>Demographic Data</TITLE>
     141                                        <HELP><TEXT>Lois please fill this in as I felt compelled to the title to better fit the long list.</TEXT></HELP>
     142                                        <SELECTIONS>
     143                                                <ADDITIONAL_CLASSES>Icon List</ADDITIONAL_CLASSES>
     144                                                <SELECTION>
     145                                                        <TITLE>American Community Survey</TITLE>
     146                                                        <DESCRIPTION>ACS estimates by New Mexico county, small area and census tract.</DESCRIPTION>
     147                                                        <LOCAL_URL>query/selection/acs/_ACSSelection.html</LOCAL_URL>
     148                                                </SELECTION>
     149                                                <SELECTION>
     150                                                        <TITLE>Population Estimates</TITLE>
     151                                                        <DESCRIPTION>Population estimates by New Mexico county, small area and census tract.</DESCRIPTION>
     152                                                        <LOCAL_URL>query/selection/pop/_PopSelection.html</LOCAL_URL>
     153                                                </SELECTION>
     154                                        </SELECTIONS>
     155                                </SELECTION>
     156
     157                                <SELECTION>
     158                                        <TITLE>Environment Data</TITLE>
     159                                        <SELECTIONS>
     160                                                <ADDITIONAL_CLASSES>Icon Link</ADDITIONAL_CLASSES>
     161                                                <SELECTION>
     162                                                        <TITLE>Explore Queries on the NMTracking.org Website</TITLE>
     163                                                        <DESCRIPTION>Go to the NMTracking.org query selection page.</DESCRIPTION>
     164                                                        <URL>https://nmtracking.org/dataportal/query/Index.html</URL>
     165                                                </SELECTION>
     166                                        </SELECTIONS>
     167                                </SELECTION>
     168
     169                                <SELECTION>
     170                                        <TITLE>Special Options</TITLE>
     171                                        <SELECTIONS>
     172                                                <SELECTION>
     173                                                        <ADDITIONAL_CLASSES>Icon List</ADDITIONAL_CLASSES>
     174                                                        <TITLE>My Saved Queries</TITLE>
     175                                                        <LOCAL_URL>query/definition/index/MyDefinitions.html</LOCAL_URL>
     176                                                </SELECTION>
     177                                                <SELECTION>
     178                                                        <ADDITIONAL_CLASSES>Icon List</ADDITIONAL_CLASSES>
     179                                                        <LOCAL_URL>secure/selection/Index.html</LOCAL_URL>
     180                                                        <TITLE>Secured Dataset Index</TITLE>
     181                                                </SELECTION>
     182                                                <SELECTION>
     183                                                        <ADDITIONAL_CLASSES>Icon Info</ADDITIONAL_CLASSES>
     184                                                        <URL>http://health.utah.gov/enviroepi/activities/EPHTP/NewEPHT/securedata.html</URL>
     185                                                        <TITLE>Apply for Secure Dataset Access</TITLE>
     186                                                </SELECTION>
     187                                        </SELECTIONS>
     188                                </SELECTION>
     189
     190                        </SELECTIONS>
     191                </SELECTION>
     192
     193                <SELECTION>
     194                        <SELECTIONS>
    47195                                <SELECTION>
    48196                                        <CONTENT>
    49                                                 <div class="IntroductionVideo FontIcon" onclick="javascript:showVideo('view/video/query/Introduction.mp4', 'Introduction to Dataset Queeries')">
     197                                                <h5>About Exploring Datasets</h5>
     198                                                <div class="Introduction">
     199                                                        Exploring Datasets is a powerful tool for access to record
     200                                                        level information about population health. They are useful to support planning, identifying
     201                                                        priorities or targeting resources, and for tracking progress towards broad community
     202                                                        objectives.  They help to engage partners into civic and collaborative action by helping
     203                                                        to build awareness of problems and trends. In addition they help inform policy and
     204                                                        policy makers and can be used to promote accountability among governmental and
     205                                                        non-governmental agencies.  See <a ibis:href="resource/DataStewards.html">Data Stewards</a>.
     206                                                </div>
     207
     208                                                <div class="IntroductionVideo FontIcon">
     209                                                        <img ibis:src="view/image/navigation/query.png" onclick="javascript:showVideo('view/video/query/Introduction.mp4', 'Introduction to Health Indicators')"/>
    50210                                                        <div class="Overlay">
    51211                                                                View quick introduction video that describes
    … …  
    54214                                                </div>
    55215                                        </CONTENT>
    56                                 </SELECTION>
    57 
    58                         </SELECTIONS>
    59                 </SELECTION>
    60 
    61                 <SELECTION>
    62                         <SELECTIONS>
    63 
    64                                 <SELECTION>
    65                                         <TITLE>Vital Records Birth and Death Data</TITLE>
    66                                         <SELECTIONS>
    67                                                 <ADDITIONAL_CLASSES>Icon List</ADDITIONAL_CLASSES>
    68                                                 <SELECTION>
    69                                                         <TITLE>Birth Data</TITLE>
    70                                                         <DESCRIPTION>Explore birth certificate data (teen births, birthweight, preterm births, etc.)</DESCRIPTION>
    71                                                         <LOCAL_URL>query/selection/birth/_BirthSelection.html</LOCAL_URL>
    72                                                 </SELECTION>
    73                                                 <SELECTION>
    74                                                         <TITLE>Death Data</TITLE>
    75                                                         <DESCRIPTION>Explore mortality data for the general population (all ages)</DESCRIPTION>
    76                                                         <LOCAL_URL>query/selection/mort/_MortSelection.html</LOCAL_URL>
    77                                                 </SELECTION>
    78                                                 <SELECTION>
    79                                                         <TITLE>Infant Mortality</TITLE>
    80                                                         <DESCRIPTION>Explore mortality data for infants (under 1 year of age)</DESCRIPTION>
    81                                                         <LOCAL_URL>query/selection/infmort/_InfMortSelection.html</LOCAL_URL>
    82                                                 </SELECTION>
    83                 <!--                            <SELECTION>
    84                                                         <TITLE>Injury Causes of Death</TITLE>
    85                                                         <DESCRIPTION>External causes of injury for mortality and hospital discharges.</DESCRIPTION>
    86                                                         <LOCAL_URL>query/selection/injurySelection/InjSelection.html</LOCAL_URL>
    87                                                 </SELECTION>
    88                 -->                             <SELECTION>
    89                                                         <TITLE>Small Area Queries (Birth &amp; Death)</TITLE>
    90                                                         <DESCRIPTION>Explore Birth and Death data for New Mexico's 108 Small Areas</DESCRIPTION>
    91                                                         <LOCAL_URL>query/selection/sareaSelection/SareaSelection.html</LOCAL_URL>
    92                                                 </SELECTION>
    93                                                 <SELECTION>
    94                                                         <TITLE>Social Determinants of Health (Birth &amp; Death)</TITLE>
    95                                                         <DESCRIPTION>Explore Birth and Death data by Social Determinants of Health</DESCRIPTION>
    96                                                         <LOCAL_URL>query/selection/SDHSelection/SDHSelection.html</LOCAL_URL>
    97                                                 </SELECTION>
    98                                         </SELECTIONS>
    99                                 </SELECTION>
    100 
    101                         </SELECTIONS>
    102                 </SELECTION>
    103 
    104                 <SELECTION>
    105                         <SELECTIONS>
    106 
    107                                 <SELECTION>
    108                                         <TITLE>Morbidity Data</TITLE>
    109                                         <SELECTIONS>
    110                                                 <ADDITIONAL_CLASSES>Icon List</ADDITIONAL_CLASSES>
    111                                                 <SELECTION>
    112                                                         <TITLE>Cancer Incidence</TITLE>
    113                                                         <DESCRIPTION>Explore Incident Cancer Diagnoses by Person, Place and Time</DESCRIPTION>
    114                                                         <LOCAL_URL>query/selection/cancer/_CancerSelection.html</LOCAL_URL>
    115                                                 </SELECTION>
    116                                                 <SELECTION>
    117                                                         <TITLE>Hospital Inpatient Discharge Data (HIDD)</TITLE>
    118                                                         <ADDITIONAL_CLASSES>MenuItem2Lines</ADDITIONAL_CLASSES>
    119                                                         <DESCRIPTION>New Mexico hospital inpatient discharge data (state-licensed hospitals)</DESCRIPTION>
    120                                                         <LOCAL_URL>query/selection/hidd/_HIDDSelection.html</LOCAL_URL>
    121                                                 </SELECTION>
    122                                                 <SELECTION>
    123                                                         <TITLE>Hospital Emergency Department Data (ED)</TITLE>
    124                                                         <ADDITIONAL_CLASSES>MenuItem2Lines</ADDITIONAL_CLASSES>
    125                                                         <DESCRIPTION>New Mexico hospital emergency department data (state-licensed hospitals)</DESCRIPTION>
    126                                                         <LOCAL_URL>query/selection/ed/EDSelection.html</LOCAL_URL>
    127                                                 </SELECTION>
    128                                                 <SELECTION>
    129                                                         <TITLE>Infectious Diseases</TITLE>
    130                                                         <DESCRIPTION>Explore Infectious Diseases by Person, Place and Time</DESCRIPTION>
    131                                                         <LOCAL_URL>query/selection/idepi/_IDEpiSelection.html</LOCAL_URL>
    132                                                 </SELECTION>
    133                                                 <SELECTION>
    134                                                         <TITLE>Injury Hospitalizations</TITLE>
    135                                                         <DESCRIPTION>External causes of injury for mortality and hospital discharges.</DESCRIPTION>
    136                                                         <LOCAL_URL>query/selection/injurySelection/InjSelection.html</LOCAL_URL>
    137                                                 </SELECTION>
    138                                                 <SELECTION>
    139                                                         <TITLE>Trauma Registry</TITLE>
    140                                                         <DESCRIPTION>Injury visits and deaths, participating New Mexico hospitals and emergency departments.</DESCRIPTION>
    141                                                         <LOCAL_URL>query/selection/trauma/_TraumaSelection.html</LOCAL_URL>
    142                                                 </SELECTION>
    143                                         </SELECTIONS>
    144                                 </SELECTION>
    145 
    146                         </SELECTIONS>
    147                 </SELECTION>
    148 
    149                 <SELECTION>
    150                         <SELECTIONS>
    151 
    152                                 <SELECTION>
    153                                         <TITLE>Health Survey Data</TITLE>
    154                                         <SELECTIONS>
    155                                                 <ADDITIONAL_CLASSES>Icon List</ADDITIONAL_CLASSES>
    156                                                 <SELECTION>
    157                                                         <TITLE>Behavioral Risk Factor Surveillance System (BRFSS)</TITLE>
    158                                                         <DESCRIPTION>Behavioral Risk Factor Surveillance System data</DESCRIPTION>
    159                                                         <LOCAL_URL>query/selection/brfss/_BRFSSSelection.html</LOCAL_URL>
    160                                                 </SELECTION>
    161                                                 <SELECTION>
    162                                                         <TITLE>Pregnancy Risk Assessment Monitoring System (PRAMS)</TITLE>
    163                                                         <DESCRIPTION>Pregnancy Risk Assessment Monitoring System data</DESCRIPTION>
    164                                                         <LOCAL_URL>query/selection/prams/_PRAMSSelection.html</LOCAL_URL>
    165                                                 </SELECTION>
    166                                                 <SELECTION>
    167                                                         <TITLE>Youth Risk and Resiliency Survey (YRRS)</TITLE>
    168                                                         <DESCRIPTION>Youth Risk and Resiliency Survey data</DESCRIPTION>
    169                                                         <LOCAL_URL>query/selection/yrrs/_YRRSSelection.html</LOCAL_URL>
    170                                                 </SELECTION>
    171                                         </SELECTIONS>
    172                                 </SELECTION>
    173 
    174                         </SELECTIONS>
    175                 </SELECTION>
    176 
    177                 <SELECTION>
    178                         <SELECTIONS>
    179 
    180                                 <SELECTION>
    181                                         <TITLE>Demographic Data</TITLE>
    182                                         <HELP><TEXT>Lois please fill this in as I felt compelled to the title to better fit the long list.</TEXT></HELP>
    183                                         <SELECTIONS>
    184                                                 <ADDITIONAL_CLASSES>Icon List</ADDITIONAL_CLASSES>
    185                                                 <SELECTION>
    186                                                         <TITLE>American Community Survey</TITLE>
    187                                                         <DESCRIPTION>ACS estimates by New Mexico county, small area and census tract.</DESCRIPTION>
    188                                                         <LOCAL_URL>query/selection/acs/_ACSSelection.html</LOCAL_URL>
    189                                                 </SELECTION>
    190                                                 <SELECTION>
    191                                                         <TITLE>Population Estimates</TITLE>
    192                                                         <DESCRIPTION>Population estimates by New Mexico county, small area and census tract.</DESCRIPTION>
    193                                                         <LOCAL_URL>query/selection/pop/_PopSelection.html</LOCAL_URL>
    194                                                 </SELECTION>
    195                                         </SELECTIONS>
    196                                 </SELECTION>
    197 
    198                                 <SELECTION>
    199                                         <TITLE>Environment Data</TITLE>
    200                                         <SELECTIONS>
    201                                                 <ADDITIONAL_CLASSES>Icon Link</ADDITIONAL_CLASSES>
    202                                                 <SELECTION>
    203                                                         <TITLE>Explore Queries on the NMTracking.org Website</TITLE>
    204                                                         <DESCRIPTION>Go to the NMTracking.org query selection page.</DESCRIPTION>
    205                                                         <URL>https://nmtracking.org/dataportal/query/Index.html</URL>
    206                                                 </SELECTION>
    207                                         </SELECTIONS>
    208                                 </SELECTION>
    209 
    210                                 <SELECTION>
    211                                         <TITLE>Special Options</TITLE>
    212                                         <SELECTIONS>
    213                                                 <SELECTION>
    214                                                         <ADDITIONAL_CLASSES>Icon List</ADDITIONAL_CLASSES>
    215                                                         <TITLE>My Saved Queries</TITLE>
    216                                                         <LOCAL_URL>query/definition/index/MyDefinitions.html</LOCAL_URL>
    217                                                 </SELECTION>
    218                                                 <SELECTION>
    219                                                         <ADDITIONAL_CLASSES>Icon List</ADDITIONAL_CLASSES>
    220                                                         <LOCAL_URL>secure/selection/Index.html</LOCAL_URL>
    221                                                         <TITLE>Secured Dataset Index</TITLE>
    222                                                 </SELECTION>
    223                                                 <SELECTION>
    224                                                         <ADDITIONAL_CLASSES>Icon Info</ADDITIONAL_CLASSES>
    225                                                         <URL>http://health.utah.gov/enviroepi/activities/EPHTP/NewEPHT/securedata.html</URL>
    226                                                         <TITLE>Apply for Secure Dataset Access</TITLE>
    227                                                 </SELECTION>
    228                                         </SELECTIONS>
    229                                 </SELECTION>
    230 
    231                         </SELECTIONS>
    232                 </SELECTION>
    233 
     216                                </SELECTION>           
     217                        </SELECTIONS>
     218                </SELECTION>
    234219
    235220        </SELECTIONS>

  • trunk/ibisph-view/src/content/xml/selection/navigation/SiteNavigationSelections.xml

    r18745 r19798  
    1919        <DESCRIPTION>The above name and title are currently not used</DESCRIPTION>
    2020
    21         <ibis:include href="AboutSelection.xml"/>
     21        <ibis:include href="Home.xml"/>
    2222        <ibis:include href="TopicSelection.xml"/>
     23        <ibis:include href="CommunitySelection.xml"/>
    2324        <ibis:include href="IndicatorSelection.xml"/>
    24         <ibis:include href="CommunitySelection.xml"/>
    2525        <ibis:include href="QuerySelection.xml"/>
     26        <ibis:include href="ResourceSelection.xml"/>
    2627</SELECTIONS>
    2728

  • trunk/ibisph-view/src/content/xml/selection/navigation/TopicSelection.xml

    r19718 r19798  
    175175                                        non-governmental agencies.
    176176                                </div>
    177                                 <div class="IntroductionVideo FontIcon" onclick="javascript:showVideo('view/video/topic/Introduction.mp4', 'Introduction to Health Topics')">
     177                                <div class="IntroductionVideo FontIcon">
     178                                        <img ibis:src="view/image/navigation/topic.png" onclick="javascript:showVideo('view/video/topic/Introduction.mp4', 'Introduction to Health Topics')"/>
    178179                                        <div class="Overlay">
    179180                                                View quick introduction video that describes

  • trunk/ibisph-view/src/main/webapp/css/Error.css

    r19781 r19798  
    44
    55/* jsp error page */
    6 .Error header
     6.Error #header
    77{
    8         padding:                        1em;
     8        padding:                        1em 0 1em 150px;
     9        background:                     transparent url("../image/icon/error.png") 30px 5px no-repeat;
     10        background-size:        contain;
    911        line-height:            2em;
    1012}
     13
    1114.Error header .Title
    1215{

  • trunk/ibisph-view/src/main/webapp/css/ExpandableContent.css

    r19756 r19798  
    66 * For the clickable action a non visible radio/checkbox control is used along
    77 * with an associated label which is the css class of ".Control" (which provides
    8  * a clickable block).  Because the label follows the input the background label's
    9  * image can be controlled via the input's ":checked" psuedo.  The actual list
    10  * item title is then wrapped within a link and is either a jumpto point (if no
    11  * href), or a link. 
    12  *
    13  * The non clickable hoverable behavior is achieved by omitting the input element
    14  * and adding a "HoverControl" class to the main block.
     8 * a clickable block).  Because the label follows the input, the background
     9 * label's image can be controlled via the input's ":checked" psuedo.  The
     10 * actual list item title is then wrapped within a link and is either a jumpto
     11 * point (if no href), or a link. 
     12 *
     13 * The non clickable hoverable behavior is achieved by omitting the input
     14 * and label elements - much like the Popup.
    1515 *
    1616 * NOTE: This structure is NOT a nested indentured structure like the expandable
    17  * selections list or popup.  It is implemented to be flat to keep things simple.
     17 * selections list. It differs from Popup in that this is relatively positioned
     18 * and is block oriented.   
    1819 *
    1920 * Structure:
    2021 * ---------------------------------------
    2122 * [.StackedSlider]
    22  *              div.ExpandableContent [.EnclosedContainer .HoverControl]
    23  *
    24  *                      input type="checkbox/radio" id="xyz" (clickable content control)
    25  *                      label.Control for="xyz"
     23 *              .ExpandableContent [.EnclosedContainer] - block container element div etc.
     24 *
     25 *                      input.Control type="checkbox/radio" id="xyz" (clickable content control)
     26 *
     27 *                      label for="xyz"
    2628 *                      -or-
    27  *                      .Control  (hover expandable content control)
     29 *                      hx
     30 *                              label for="xyz"
     31 *                      -or-
     32 *                      hx   (hover expandable content control)
    2833 *
    2934 *                      div.Container (block that contains the content to be shown/hid).
    … …  
    3742}
    3843
    39 
    40 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ G E N E R A L   C O N T R O L */
    41 .ExpandableContent > .Control
    42 {
    43         display:                        block;
    44         padding:                        0.35em 25px 0.3em 0.4em;
    45 
    46         background:                     #336699 url("../image/icon/16/lt_circle-blue.png") no-repeat right 4px center;
    47         color:                          #eee;
    48 
    49 /*
    50         background:                     #6699cc url("../image/icon/16/lt_circle-blue.png") no-repeat right 4px center;
    51         color:                          #fff;
    52         font-size:                      0.9em;
    53         if do this then query builder items selection color needs to be updated...
    54 */
    55         border-bottom:          1px solid #666;
    56         border-right:           1px solid #666;
    57         border-radius:          var(--button-border-radius); 
    58 }
    59 .ExpandableContent:hover  > .Control,
    60 .ExpandableContent:active > .Control,
    61 .ExpandableContent:focus  > .Control
     44.ExpandableContent > h2,
     45.ExpandableContent > h3,
     46.ExpandableContent > h4,
     47.ExpandableContent > label
    6248{
    6349        background-color:       #114477;
    64         color:                          var(--color-hover);
    65         cursor:                         pointer;
    66 }
    67 
    68 .ExpandableContent > .Control > .SelectedValues
     50        color:                          #eee;
     51}
     52
     53/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ H O V E R */
     54.ExpandableContent:hover  > h2 > label,
     55.ExpandableContent:hover  > h3 > label,
     56.ExpandableContent:hover  > h4 > label,
     57.ExpandableContent:active > h2,
     58.ExpandableContent:active > h3,
     59.ExpandableContent:active > h4,
     60.ExpandableContent:focus  > h2,
     61.ExpandableContent:focus  > h3,
     62.ExpandableContent:focus  > h4
     63{
     64        background-color:       #a31f32;
     65        font-weight:            normal;
     66        border-radius:          4px 4px 0px 0px; 
     67}
     68
     69.ExpandableContent .SelectedValues
    6970{
    7071        display:                        block;
    … …  
    7475        margin-left:            2px;
    7576}
    76 .ExpandableContent:hover  > .Control > .SelectedValues,
    77 .ExpandableContent:active > .Control > .SelectedValues,
    78 .ExpandableContent:focus  > .Control > .SelectedValues,
    79 .ExpandableContent > .Control:hover  > .SelectedValues,
    80 .ExpandableContent > .Control:active > .SelectedValues,
    81 .ExpandableContent > .Control:focus  > .SelectedValues
    82 {
    83         color:                          #eee;
    84 }
    85 
    86 .ExpandableContent > .Control > h3
    87 {
    88         font-weight:            normal;
    89 }
    90 
    91 .ExpandableContent > .Control > *
    92 {
    93         background-color:       transparent;
    94         color:                          inherit;
    95         margin-top:                     0em;
    96 }
     77.ExpandableContent:hover  .SelectedValues,
     78.ExpandableContent:active .SelectedValues,
     79.ExpandableContent:focus  .SelectedValues
     80{
     81        color:                          #eee;
     82}
     83
    9784
    9885/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ C L I C K   C O N T R O L */
    … …  
    11299}
    113100
    114 .ExpandableContent > input:checked + .Control
    115 {
    116         background-image:       url("../image/icon/16/minus_box-gray.png");
     101.ExpandableContent > input + * > label
     102{
     103        display:                        block;
     104        padding:                        1em;
     105        color:                          #eee;
     106}
     107
     108.ExpandableContent > input + * > label:hover
     109{
     110        background-color:       var(--background-color-hover);
     111        color:                          var(--color-hover);
     112        cursor:                         pointer;
     113}
     114
     115
     116.ExpandableContent > input + * > label.FontIcon:after
     117{
     118    position:                   absolute;
     119    right:                              1em;
     120    top:                                1em;
     121        content:                        "\e015";
     122}
     123.ExpandableContent > input:checked + * > label.FontIcon:after
     124{
     125        content:                        "\e11b";
    117126}
    118127.ExpandableContent > input:not(:checked) + .Control
    … …  
    130139
    131140
    132 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ H O V E R   C O N T R O L */
    133 .ExpandableContent.HoverControl > .Control
    134 {
    135         background-image:       url("../image/icon/16/arrow_down_diag_box-gray.png");
    136 }
    137 
    138 .ExpandableContent.HoverControl:hover  > .Control,
    139 .ExpandableContent.HoverControl:active > .Control,
    140 .ExpandableContent.HoverControl:focus  > .Control
    141 {
    142         background-image:       none;
    143 }
    144 
    145 .ExpandableContent.EnclosedContainer > input:checked + .Control,
    146 .ExpandableContent.EnclosedContainer.HoverControl:hover  > .Control,
    147 .ExpandableContent.EnclosedContainer.HoverControl:active > .Control,
    148 .ExpandableContent.EnclosedContainer.HoverControl:focus  > .Control
    149 {
    150         border-radius:          4px 4px 0px 0px; 
    151 }
     141.ExpandableContent > input + label,
     142.ExpandableContent > input > label
     143{
     144        display:                        block;
     145        padding:                        0.35em 25px 0.3em 0.4em;
     146        color:                          #eee;
     147        font-size:                      inherit;
     148
     149        border-bottom:          1px solid #666;
     150        border-right:           1px solid #666;
     151        border-radius:          var(--button-border-radius); 
     152}
     153
    152154
    153155
    … …  
    184186}
    185187
    186 .ExpandableContent .Container h3
     188.ExpandableContent .Container h3,
     189.ExpandableContent .Container h4
    187190{
    188191        margin-top:                     0.5em;

  • trunk/ibisph-view/src/main/webapp/css/HorizontalMenu-PanelList.css

    r19705 r19798  
    2828 *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    2929
    30 ul.HorizontalMenu.PanalList
     30ul.HorizontalMenu
    3131{
    3232        position:                       relative;  /* easier for panel to be full width and under */
    … …  
    3434}
    3535
    36 ul.HorizontalMenu.PanalList > li:hover,
    37 ul.HorizontalMenu.PanalList > li:active,
    38 ul.HorizontalMenu.PanalList > li:focus,
    39 ul.HorizontalMenu.PanalList > li.On:hover
     36ul.HorizontalMenu > li:hover,
     37ul.HorizontalMenu > li:active,
     38ul.HorizontalMenu > li:focus,
     39ul.HorizontalMenu > li.On:hover
    4040{
    4141        border:                         1px solid transparent;
    … …  
    4444
    4545
    46 ul.HorizontalMenu.PanalList > li > .Title:after,
    47 ul.HorizontalMenu.PanalList > li > input[type="checkbox"]+ label:after,
    48 ul.HorizontalMenu.PanalList > li > input[type="radio"] + label:after
     46ul.HorizontalMenu > li > .Title:after,
     47ul.HorizontalMenu > li > input[type="checkbox"]+ label:after,
     48ul.HorizontalMenu > li > input[type="radio"] + label:after
    4949{
    5050        display:                        inline-block;
    … …  
    9999
    100100/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ P A N E L   / M E G A   M E N U */
    101 ul.HorizontalMenu.PanalList li > .Panel
     101ul.HorizontalMenu li > .MegaMenu
    102102{
    103103        position:                       absolute;
    … …  
    112112
    113113/* default hover behavior if not using input controls (note "+" selector) */
    114 ul.HorizontalMenu.PanalList > li:hover > .Title + .Panel
     114ul.HorizontalMenu > li:hover > .Title + .MegaMenu
    115115{
    116116        visibility:                     visible;

  • trunk/ibisph-view/src/main/webapp/css/HorizontalMenu.css

    r19756 r19798  
    2525}
    2626
    27 
    2827ul.HorizontalMenu > li
    2928{
    … …  
    4948ul.HorizontalMenu > li.On
    5049{
    51         background-color:       #abc4ea; /* 33669915 */
     50        background-color:       #a31f32; /* light blue: abc4ea, translucent ibis blue: 33669915 red: #a31f32 */
     51        color:                          #d8d8d8;
    5252}
    5353
    … …  
    6161        background-color:       inherit;
    6262        color:                          inherit;
     63        font-size:                      16px;
    6364        font-weight:            normal;
    6465}

  • trunk/ibisph-view/src/main/webapp/css/MegaMenu.css

    r19781 r19798  
    101101        */
    102102        display:                        inline-block;
    103         padding:                        0.5rem 0.8rem 0.5rem 0.8rem;
     103        padding:                        16px 12px 8px 12px;
    104104        border-left:            1px dotted #6699cc;
    105105}
    … …  
    115115        font-size:                      0.9rem;
    116116        line-height:            1.4rem;
    117         padding:                        0.8rem 0 0.8rem 0.5rem;
     117        padding:                        0.8em 0 0.8em 0.5rem;
    118118}
    119119nav .MegaMenu .Body .Block .Description
    120120{
    121121/*      display:                        none;    put this is a ss.css to turn off */
    122         padding:                        0 10px 10px 7px;
     122        padding:                        0 10px 10px 0.5rem;
    123123        color:                          #ccc;
    124124        font-size:                      0.8rem;
    … …  
    139139        border:                         1px solid #5588bb;
    140140        background-color:       #225588;
    141         padding:                        5px 5px 5px 5px;
     141        padding:                        0.3em 0.3rem;
    142142        font-size:                      1.25rem;
    143143        font-weight:            normal;
    … …  
    145145        line-height:            1.3rem;
    146146}
     147/*
    147148nav .MegaMenu .Body .Block h3 a,
    148149nav .MegaMenu .Body .Block h3 a:visited,
    … …  
    169170        border-radius:          5px 5px 0px 0px; 
    170171}
    171 
    172172nav .MegaMenu .Body .Block h3.Title
    173173{
    174174        border:                         none;
    175175}
     176*/
    176177
    177178
    … …  
    181182        padding:                        0px 3px 5px 5px;
    182183}
    183 
    184 nav .MegaMenu .Body .Block ul li > div.SocialMedia:first-child
    185 {
    186         padding:                        0.5em 0.5em 0 0;
    187         background-color:       inherit;
    188         border:                         inherit;
    189 }
    190 nav .MegaMenu .Body .Block ul li > div.SocialMedia:first-child a
    191 {
    192         padding:                        0;
    193         margin-left:            0.25em
    194 }
    195 
    196184nav .MegaMenu .Body .Block ul li > a
    197185{
    … …  
    281269}
    282270
    283 
    284 
     271/*
     272nav .MegaMenu .Body .Block ul li > div.SocialMedia:first-child
     273{
     274        padding:                        0.5em 0.5em 0 0;
     275        background-color:       inherit;
     276        border:                         inherit;
     277}
     278nav .MegaMenu .Body .Block ul li > div.SocialMedia:first-child a
     279{
     280        padding:                        0;
     281        margin-left:            0.25em
     282}
     283*/
     284
     285/* GARTH TODO: Icon needs to be font icon ?????  */
    285286nav .MegaMenu .Body .Block ul.Icon li,
    286287nav .MegaMenu .Body .Block ul li.Icon

  • trunk/ibisph-view/src/main/webapp/css/Popup.css

    r19781 r19798  
    1919 *      .Popup    -    This is the control mechanism for the container.
    2020 *              [ clickable popup
    21                         input type=checkbox or radio
    22                         label
     21                input type=checkbox or radio
     22                label
    2323                ]
    2424 *              .Container    -    main content container - provides a border etc.
    … …  
    6666
    6767        cursor:                         default;
    68 
     68/*
    6969        border-radius:          var(--container-border-radius); 
     70*/
    7071        box-shadow:                     2px 2px 5px 0px #333;
    7172        transition:         opacity 0.5s linear;
    7273}
     74
     75/* hover control.  If input and label then "click control" - this doesn't match */
    7376.Popup:hover  .Container:first-child,
    7477.Popup:active .Container:first-child,
    … …  
    97100.Popup .Container h2,
    98101.Popup .Container h3,
    99 .Popup .Container h4,
    100 .Click .Container h1,
    101 .Click .Container h2,
    102 .Click .Container h3,
    103 .Click .Container h4
     102.Popup .Container h4
    104103{
    105104        padding:                        0 0 3px 0;
    106105        color:                          #003366 !important;
    107106        background-color:       transparent !important;
    108 }
    109 
    110 .Popup .Container input.Button
    111 {
    112107}
    113108
    … …  
    151146}
    152147
    153 .Popup .Container .SelectorInput
    154 {
    155         padding-left:           30px;
    156 }
    157 .Popup .Container .SelectorInput h3
    158 {
    159         margin-left:            -25px;
    160 }
    161 .Popup .Container .SelectorInput input
    162 {
    163         margin-left:            -20px;
    164         margin-right:           5px;
    165 }
    166 
    167 
    168 
    169 .Popup > input.Control
     148
     149/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ I N P U T   C O N T R O L */
     150.Popup > input:first-child
    170151{
    171152        /*
    … …  
    176157        */
    177158float: left;
    178         width:             0px;
    179         height:            0px;
    180         opacity:           0;
    181         z-index:           1;
    182 }
    183 
    184 .Popup > input + label.Control
     159        width:                          0px;
     160        height:                         0px;
     161        visibility:             hidden;
     162        opacity:                        0;
     163        z-index:                        1;
     164}
     165
     166.Popup > input:first-child:checked + label
     167{
     168        background-color:       var(--background-color-hover);
     169        color:                          white;
     170}
     171.Popup:hover > input:first-child + label
    185172{
    186173        background:                     transparent none 0 0 no-repeat;
    187         color:                          white;
    188         padding:                        0px 5px 5px 25px;
    189 }
    190 .Popup:hover > input + label.Control
    191 {
    192         font-weight:            bold;
    193 }
    194 
    195 .Popup > input:checked + label.Control
    196 {
    197         background-image:       url("../image/icon/16/triangle_down-gray.png");
    198 }
    199 .Popup > input:not(:checked) + label.Control
    200 {
    201         background-image:       url("../image/icon/16/triangle_right-gray.png");
    202 }
    203 
    204 .Popup > input + label.Control > *
    205 {
    206         background-color:       transparent;
     174        background-color:       var(--background-color-hover);
     175        color:                          var(--color-hover);
     176        font-weight:            normal;
     177}
     178
     179.Popup > input:first-child + label:before,
     180.Popup > input:first-child + label:after
     181{
     182        display:                        inline-block;
     183        padding:                        0px 6px 0 6px;         
    207184        color:                          inherit;
    208 }
    209 
    210 
    211 :not(#foo) .Popup input:checked ~ .Container
     185
     186        content:                        "\e015";
     187        font-family:            "WebComponentsIcons";
     188        font-style:             normal;
     189        font-variant:           normal;
     190        font-weight:            bold;
     191
     192        speak:                          none;
     193        text-transform:         none;
     194        text-decoration:        none;
     195        vertical-align:         top;
     196       
     197        -moz-osx-font-smoothing: grayscale;
     198        -webkit-font-smoothing: antialiased;
     199}
     200.Popup > input:first-child:checked + label:after
     201{
     202        content:                        "\e11b";
     203}
     204
     205.Popup > input:first-child:checked ~ .Container
    212206{
    213207        left:                           -215px;
    … …  
    230224}
    231225
     226
     227#content  .Popup > input:first-child:checked ~ .Container section
     228{
     229    margin-top: 5px;
     230}
    232231/*============================ End of Style Sheet ============================*/
    233232

  • trunk/ibisph-view/src/main/webapp/css/_SiteSpecific.css

    r19781 r19798  
    1616@import url("VerticalMenu-Dropdown.css");
    1717@import url("VerticalMenu-ExpandableList.css");
     18@import url("VerticalMenu.css");
    1819
    1920*/
    … …  
    2223@import url("MegaMenu.css");
    2324
    24 @import url("VerticalMenu.css");
    25  
    2625
    2726/* Responsive overrides/layout and other overrides for device resolution. 
    … …  
    3433@import url("_responsive-huge.css")   only screen and (min-width: 1700px);
    3534
    36 
    37 #siteNavigationMenu .Panel .Body .Block .Description {display: none;}
    38 #siteNavigationMenu .Panel .Body .Block ul li ul li > a
     35#siteNavigationMenu .MegaMenu .Body .Block .Description
    3936{
    40         padding:        13px 8px 10px 5px;
     37        display:                        none;
    4138}
    42 #siteNavigationMenu .Panel .Body .Block .Icon li > a:before,
    43 #siteNavigationMenu .Panel .Body .Block li.Icon > a:before
     39#siteNavigationMenu .MegaMenu .Body .Block ul li ul li > a
    4440{
    45     top:                12px;
     41        padding:                        13px 8px 10px 5px;
     42}
     43#siteNavigationMenu .MegaMenu .Body .Block .Icon li > a:before,
     44#siteNavigationMenu .MegaMenu .Body .Block li.Icon > a:before
     45{
     46    top:                                12px;
    4647}
    4748

  • trunk/ibisph-view/src/main/webapp/css/_general.css

    r19756 r19798  
    33 * are general, global element definitions, or generically named class definitions.
    44 * The one exception is the body and #page element definitions. 
     5 *
     6 * REM = % of root font size.  This is similar to px in that it's absolute but
     7 *              scales according to base font size - so left and right margins to get
     8 *              things to line up.  2rem = 200% of root font size.
     9 * EM  = relative % size - used for sizing things according to the containers
     10 *              size.  This is nice for top/bottom margin/padding as it scales according
     11 *              to the container's font size.  If font-size is 4rem and padding is 0.5em
     12 *              then actual padding = 2rems.
     13 * PX  = pixels - used when absolute screen size/positioning is needed.
    514 *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    615
    … …  
    4554p
    4655{
    47         margin-bottom:          1rem;
     56        margin-bottom:          1em;
    4857}
    4958p:first-of-type
    5059{
    51         margin-top:                     1rem;
     60        margin-top:                     1em;
    5261}
    5362
    … …  
    6574h1
    6675{
    67         font-size:                      2rem;
    68         line-height:            2rem;
    69         padding-bottom:         0.75rem;
     76        padding:                        0.5em 0.5em 0.3em 0;
     77        font-size:                      2.75rem;
     78        line-height:            1em;
    7079        color:                          #336699;
    7180}
    … …  
    7887h3
    7988{
    80         margin-top:                     0.75em;
     89        margin-top:                     0.5em;
    8190        font-size:                      1.25rem;
    8291        font-weight:            bold;
    … …  
    93102ul, ol
    94103{
    95         margin:                         0.2rem 0px 0px 0px;
     104        margin:                         0.2em 0px 0px 0px;
    96105        padding:                        0px 0px 0px 1rem;
    97106        list-style-type:        disc;
    … …  
    100109ol
    101110{
    102         padding-left:           1.5rem;
     111        padding-left:           1.0rem;
    103112        list-style-type:        decimal;
    104113        list-style-position:outside;
    … …  
    106115li
    107116{
    108         padding-top:            0.2rem;
    109         padding-bottom:         0.1rem;
     117        padding-top:            0.2em;
     118        padding-bottom:         0.1em;
    110119}
    111120li h4
    112121{
    113         display:                        inline;
     122/* not sure where needed - messes with help popups      display:                        inline;
     123*/
    114124        color:                          black;
    115125        font-weight:            normal;
    … …  
    142152a   /*--- Must be in this order: A, link, visited, hover, active ---*/
    143153{
    144         padding-left:           0.4em;
    145         padding-right:          0.4em;
     154        padding-left:           0.3rem;
     155        padding-right:          0.3rem;
    146156        color:                          #003366;
    147157        background-color:       transparent;    /* NN 4.x does better with general setter NOT specific one */
    … …  
    179189{
    180190        min-width:                      110px;
    181         height:                         30px;
    182         line-height:            32px;
     191        height:                         1.25em;
     192        line-height:            2rem;
    183193        margin-right:           6px;
    184194        padding-right:          4px;
    … …  
    222232{
    223233        padding-left:                   1.75rem;
    224         margin-bottom:                  0.5rem;
     234        margin-bottom:                  0.5em;
    225235        background-position:    3px 3px;
    226236        background-repeat:              no-repeat;
    … …  
    261271noscript div
    262272{
    263         width:                          133px;
    264         margin-top:                     5px;
    265         margin-left:            1px;
    266         padding:                        2px;
    267         padding-right:          0px;
    268         font-size:                      1em;
    269         font-weight:            normal;
    270         color:                          #cc0000;
    271         background-color:       #e8e8e8;
    272         border:                         3px groove #777777;
     273        width:                                  133px;
     274        margin-top:                             5px;
     275        margin-left:                    1px;
     276        padding:                                2px;
     277        padding-right:                  0px;
     278        font-size:                              1rem;
     279        font-weight:                    normal;
     280        color:                                  #cc0000;
     281        background-color:               #e8e8e8;
     282        border:                                 3px groove #777777;
    273283}
    274284
    … …  
    309319{
    310320        border-bottom:          2px solid #aaaaaa;
    311         margin-bottom:          0.5rem;
     321        margin-bottom:          0.5em;
    312322}
    313323
    … …  
    315325ul.NoIndent, ol.NoIndent
    316326{
    317         margin-left:            -0.5rem;
     327        margin-left:            -0.5em;
    318328}
    319329
    … …  
    325335.ExtraWhiteSpace li
    326336{
    327         padding-top:            0.5rem;
     337        padding-top:            0.5em;
    328338}       
    329339
    … …  
    332342.Note
    333343{
    334         padding:                        8px 8px 8px 8px;
     344        padding:                        1.0em 1.0rem;
    335345        background-color:       #ebebeb;
    336346        font-size:                      0.85rem;
    … …  
    345355table.ExtraCellPadding th
    346356{
    347         padding-top:            8px;
    348         padding-bottom:         5px;
     357        padding-top:            0.5em;
     358        padding-bottom:         0.3em;
    349359}
    350360table.ExtraCellPadding td
    351361{
    352         padding-top:            6px;
    353         padding-bottom:         7px;
     362        padding-top:            0.3em;
     363        padding-bottom:         0.6em;
    354364}
    355365

  • trunk/ibisph-view/src/main/webapp/css/_kendo_overrides.css

    r19718 r19798  
    190190}
    191191
     192/*
    192193@font-face
    193194{
    … …  
    195196        src:url("font/kendoui.woff?v=1.1") format("woff"), url("font/kendoui.ttf?v=1.1") format("truetype"), url("font/kendoui.svg#kendoui") format("svg");
    196197}
     198*/
    197199@font-face
    198200{
    199201        font-family:"WebComponentsIcons";
    200         src:url("font/WebComponentsIcons.eot?gedxeo");
    201         src:url("font/WebComponentsIcons.eot?gedxeo#iefix") format('embedded-opentype'), url("font/WebComponentsIcons.ttf?gedxeo") format('truetype'), url("font/WebComponentsIcons.woff?gedxeo") format('woff'), url("font/WebComponentsIcons.svg?gedxeo#WebComponentsIcons") format('svg');
     202        src:url("../font/WebComponentsIcons.eot?gedxeo");
     203        src:url("../font/WebComponentsIcons.eot?gedxeo#iefix") format('embedded-opentype'), url("../font/WebComponentsIcons.ttf?gedxeo") format('truetype'), url("../font/WebComponentsIcons.woff?gedxeo") format('woff'), url("../font/WebComponentsIcons.svg?gedxeo#WebComponentsIcons") format('svg');
    202204        font-weight:400;
    203205        font-style:normal;
    204206}
    205 
    206207/*============================ End of Style Sheet ============================*/

  • trunk/ibisph-view/src/main/webapp/css/_layout-header.css

    r19781 r19798  
    6262{
    6363        display:                        inline;
    64         padding:                        0 15px 0 15px;
    6564        border-left:            1px solid #bbb;
    6665}
    … …  
    7372#banner .DOHBanner ul li a:visited
    7473{
     74        padding:                        0 15px 0 15px;
    7575        color:                          white;
    7676        font-size:                      15px;
    … …  
    107107{
    108108        position:                       relative;
    109         padding:                        1.2em 0px 0.5em 90px;
     109        padding:                        36px 0px 16px 90px;
    110110        color:                          #003366;
    111         line-height:            2rem;
    112         font-size:                      2rem;
     111        line-height:            32px;
     112        font-size:                      32px;
    113113        font-weight:            normal;
    114114        z-index:                        3;
    … …  
    144144
    145145
    146 
     146/* site search */
    147147#siteNavigationMenu > li:last-child
    148148{
    … …  
    158158
    159159
     160#siteNavigationMenu #homeMenu a
     161{
     162        margin-top:                     -2px;
     163        padding:                        2px 0 2px 0;
     164        font-family:            "WebComponentsIcons";
     165        font-size:                      24px;
     166        text-decoration:        none;
     167
     168        speak:                          none;
     169        vertical-align:         top;
     170}
     171
     172
    160173
    161174
    162175#siteNavigationMenu .MegaMenu .Block .IntroductionVideo
    163176{
    164         position:       relative;
    165         background:     transparent url("../view/image/navigation/about.png") no-repeat;
    166         background-size:        contain;
    167         background-position: center;
    168         margin-top:             1em;
    169         width: 100%;
    170         height: 300px;
    171         max-height: 300px;
    172         cursor: pointer;
     177        position:                       relative;
     178        max-width:                      400px;
     179        margin-top:                     16px;
     180        cursor:                         pointer;
    173181}
    174182
    175183#siteNavigationMenu .MegaMenu .Block .IntroductionVideo:after
    176184{
    177         position: absolute;
    178         top: calc((100% / 2) - 50px);
    179         left: calc((100% / 2) - 1em);
    180         color: #fff;
    181         background-color: rgb(33, 33, 33, 0.55);
    182         padding: .2em .2em .2em .3em;
    183         font-size: 4em;
    184         content: "\e200";
     185        position:                       absolute;
     186        top:                            calc(50% - 50px);
     187        left:                           calc(50% - 36px);
     188        color:                          #fff;
     189        background-color:       rgb(33, 33, 33, 0.55);
     190        padding:                        8px 8px 8px 15px;
     191        font-size:                      64px;
     192        content:                        "\e200";
    185193}
    186194#siteNavigationMenu .MegaMenu .Block .IntroductionVideo:hover:after
    187195{
    188         background-color: var(--background-color-hover);
    189         color: var(--color-hover);
    190 }
    191 #siteNavigationMenu #topicMenu .MegaMenu .Block .IntroductionVideo
    192 {
    193         background-image:       url("../view/image/navigation/topic.png");
    194 }
    195 #siteNavigationMenu #communityMenu .MegaMenu .Block .IntroductionVideo
    196 {
    197         background-image:       url("../view/image/navigation/community.png");
    198 }
    199 #siteNavigationMenu #indicatorMenu .MegaMenu .Block .IntroductionVideo
    200 {
    201         background-image:       url("../view/image/navigation/indicator.png");
    202 }
    203 #siteNavigationMenu #queryMenu .MegaMenu .Block .IntroductionVideo
    204 {
    205         background-image:       url("../view/image/navigation/query.png");
     196        background-color:       var(--background-color-hover);
     197        color:                          var(--color-hover);
     198}
     199#siteNavigationMenu .MegaMenu .Block .IntroductionVideo img
     200{
     201        width:                          100%;
    206202}
    207203#siteNavigationMenu .MegaMenu .Block .IntroductionVideo .Overlay
    208204{
    209         position: absolute;
    210         bottom: 0;
    211         width: 100%;
    212         padding: 1em;
    213         color: #eee;
    214         background-color: rgb(33, 33, 33, 0.55);
    215 }
    216 
    217 
    218 
    219 
    220 
     205        position:                       absolute;
     206        bottom:                         0;
     207        width:                          100%;
     208        padding:                        1em;
     209        color:                          #eee;
     210        background-color:       rgb(33, 33, 33, 0.55);
     211}
    221212
    222213
    … …  
    288279
    289280
    290 #userMenu
     281#userMenu.Popup
    291282{
    292283        position:                       absolute;
    … …  
    297288}
    298289
    299 #userMenu > input
    300 {
    301     width:                              0px;
    302     height:                     0px;
    303         visibility:             hidden;
    304 }
    305 
    306 #userMenu > input + label.Control
     290#userMenu.Popup > input + label
    307291{
    308292        padding:                        10px 5px 10px 5px;
    … …  
    311295        border-radius:          5px 5px 0px 0px; 
    312296}
    313 #userMenu > input + label.Control:before,
    314 #userMenu > input + label.Control:after
    315 {
    316         display:                        inline-block;
     297#userMenu.Popup > input + label:before,
     298#userMenu.Popup > input + label:after
     299{
    317300        padding:                        0px 6px 0 6px;         
    318         color:                          inherit;
    319 
    320         content:                        "\e015";
    321         font-family:            "WebComponentsIcons";
    322         font-style:             normal;
    323         font-variant:           normal;
    324         font-weight:            bold;
    325 
    326         speak:                          none;
    327         text-transform:         none;
    328         text-decoration:        none;
    329         vertical-align:         top;
    330        
    331         -moz-osx-font-smoothing: grayscale;
    332         -webkit-font-smoothing: antialiased;
    333 }
    334 #userMenu > input + label.Control:before
     301}
     302#userMenu.Popup > input + label:before
    335303{
    336304        content:                        "\e801";
    337305        vertical-align:         top;
    338306}
    339 
    340 #userMenu:hover > input + label.Control
     307#userMenu.Popup:hover > input + label
    341308{
    342309        background-color:       var(--background-color-hover);
    … …  
    344311        font-weight:            normal;
    345312}
    346 #userMenu > input:checked + label.Control
     313#userMenu.Popup > input:checked + label
    347314{
    348315        background-color:       var(--background-color-hover);
    349316        color:                          white;
    350317}
    351 #userMenu > input:checked + label.Control:after
    352 {
    353         content:                        "\e11b";
    354 }
    355318
    356319
    … …  
    361324}
    362325
    363 :not(#userMenu.Click):hover  .Container,
    364 :not(#userMenu.Click):active .Container,
    365 :not(#userMenu.Click):focus  .Container
     326:not(#userMenu.Popup):hover  .Container,
     327:not(#userMenu.Popup):active .Container,
     328:not(#userMenu.Popup):focus  .Container
    366329{
    367330        top:                            25px;

  • trunk/ibisph-view/src/main/webapp/css/_layout.css

    r19781 r19798  
    115115
    116116
    117 #content header
    118 {
    119         padding:                        0.8em 0 0 0.5em;
    120 }
    121 #content header h1
    122 {
    123         line-height:            1em;
    124         font-size:                      2.5em;
    125 }
    126 
    127 
    128117#content section,
    129118#content figure
    130119{
    131         margin-top:                     1.75em;
     120        margin-top:                     2em;
    132121}
    133122
    … …  
    155144
    156145
     146/* mostly topic pages that have 2 columns */
    157147#content #contentSections
    158148{
    … …  
    162152.Topic #content #contentSections
    163153{
    164         max-width:                      calc(100% - 350px);
    165 }
    166 
     154        width:                          calc(100% - 425px);
     155        max-width:                      50%;
     156}
     157.Topic #content figure
     158{
     159        display:                        block;
     160        width:                          100%;
     161        margin-top:                     0;
     162}
     163.Topic #content figure img
     164{
     165        display:                        inline-block;
     166        width:                          100%;
     167        max-width:                      50%;
     168}
     169.Topic #content figure figcaption
     170{
     171        background-color:       #eee;
     172        padding:                        1em 1rem;
     173        display:                        inline-block;
     174        max-width:                      45%;
     175        float:                          right;
     176}
     177
     178
     179
     180#content #contentSections section
     181{
     182        max-width:                      70rem;
     183}
    167184#content #contentSections section:first-of-type
    168185{
    169186        margin-top:                     0;
    170187}
    171 #content #contentSections section .Text .Container
    172 {
    173         max-width:                      70rem;
    174 }
    175188
    176189#content #contentSections section h3
    177190{
    178         margin-top: 0.5em;
    179     font-size: 1.25rem;
    180     font-weight: normal;
     191        margin-top:             0.5em;
     192    font-size:                  1.25rem;
     193    font-weight:                normal;
    181194}
    182195
    183196#content #contentSections section ul
    184197{
    185         padding-bottom: 1rem;
     198        padding-bottom:         1rem;
    186199}
    187200
    … …  
    192205        margin-left:            auto;
    193206}
    194 #content #contentSections figure figcaption
     207#content #contentSections figure img
     208{
     209        width:                          100%;
     210        height:                         100%;
     211        object-fit:                     contain;
     212}
     213#content #contentSections .Chart figcaption
    195214{
    196215        display:                        none;
    … …  
    202221        text-align:             center;
    203222}
    204 #content #contentSections figure img
    205 {
    206         width:                          100%;
    207         height:                         100%;
    208         object-fit:                     contain;
    209 }
    210223
    211224
    … …  
    221234{
    222235        position:                       relative;       /* needed for menu to be able get local relative position info */
    223         display:                        inline-block;
    224         float:                          right;
    225236        margin:                         0rem 1rem 0 2rem;
    226         width:                          calc(40% - 2rem);
    227         max-width:                      calc(300px);
    228237        vertical-align:         top;
    229238}
     239.Topic #contextNavigation
     240{
     241        float:                          right;
     242        width:                          425px;
     243    max-width:                  45%;
     244}
    230245
    231246#contextNavigation .Container
    232247{
    233         padding: 0;
     248        padding:                        0;
    234249}
    235250#contextNavigation section
    … …  
    258273#contextNavigation #querySelections h3
    259274{
    260         background-image: url("../image/icon/chart_find-white.png");
     275        background-image:       url("../image/icon/chart_find-white.png");
    261276}
    262277#contextNavigation #linkSelections h3
    263278{
    264         background-image: url("../image/icon/link-white.png");
     279        background-image:       url("../image/icon/link-white.png");
    265280}
    266281
    … …  
    354369        clear:                          both;
    355370}
     371#content footer.Footnotes
     372{
     373        margin-top:                     0;
     374}
    356375
    357376#content time

  • trunk/ibisph-view/src/main/webapp/css/responsive_notes.txt

    r9200 r19798  
    6262@import url("_SiteSpecific-screen_medium.css") only screen and (min-width: 960px);
    6363@import url("_SiteSpecific-screen_large.css")  only screen and (min-width: 1280px);
    64 @import url("_SiteSpecific-screen_huge.css")   only screen and (min-width: 1700px);
     64@import url("_SiteSpecific-screen_huge.css")   only screen and (min-width: 1600px);
    6565

  • trunk/ibisph-view/src/main/webapp/xslt/html/ContentContainer.xslt

    r19781 r19798  
    184184                <xsl:param name="addWikiAttribute" select="$ContentContainer.addWikiAttributeToContentContainer"/>
    185185
     186                <xsl:param name="contentContinerElementName" select="if(0 != string-length($title)) then 'section' else 'div'"/>
     187
     188<!-- xsl:message select="concat('xxxxxxxxxxxxxx length: ', string-length($title), ', title: ', $title)"/ -->
    186189                <xsl:if test="exists($content/*) or (0 != string-length($content))">
    187                         <xsl:element name="{if(0 != string-length($title)) then 'section' else 'div'}">
     190                        <xsl:element name="{$contentContinerElementName}">
    188191                                <xsl:if test="(0 != string-length($contentContainerClass)) or (0 != string-length($additionalClasses))">
    189                                         <xsl:attribute name="class"><xsl:value-of select="concat($contentContainerClass, ' ', $additionalClasses)"/></xsl:attribute>
     192                                        <xsl:attribute name="class" select="concat($contentContainerClass, ' ', $additionalClasses)"/>
    190193                                </xsl:if>
    191194                                <xsl:if test="0 != string-length($containerID)"><xsl:attribute name="id" select="$containerID"/></xsl:if>
    … …  
    201204                </xsl:if>
    202205        </xsl:template>
     206
    203207
    204208
    … …  
    230234                        "
    231235                />
    232                 <xsl:param name="description" select="$title" ibis:doc="Optional title on hover text."/>
     236                <xsl:param name="description" select="concat('Show/hide selection list control for ', $title)"
     237                        ibis:doc="Optional title on hover text."
     238                />
    233239                <xsl:param name="subTitleContent" ibis:doc="Optional text or content to be copied after the title string."/>
    234240
    … …  
    280286                <xsl:if test="exists($content/*) or (string-length($content) != 0)">
    281287                        <section class="ExpandableContent {$additionalClasses}">
    282                                 <input id="{$id}" type="{$controlType}" title="Show/hide selection list control for {$title}">
     288                                <input id="{$id}" type="{$controlType}" class="Control">
    283289                                        <xsl:if test="$show">
    284290                                                <xsl:attribute name="checked" select="'checked'"/>
    285291                                        </xsl:if>
    286                                         <xsl:if test="($controlType = 'radio') and (string-length($controlName) != 0)">
     292                                        <xsl:if test="($controlType = 'radio') and (0 != string-length($controlName))">
    287293                                                <xsl:attribute name="name" select="$controlName"/>
    288294                                        </xsl:if>
    … …  
    291297                                        </xsl:if>
    292298                                </input>
    293                                 <label for="{$id}" class="Control" title="Expandable content control for {$title}">
    294                                         <xsl:if test="boolean($accesskey)">
    295                                                 <xsl:attribute name="accesskey" select="$accesskey"/>
    296                                         </xsl:if>
    297                                         <xsl:call-template name="ContentContainer.title">
    298                                                 <xsl:with-param name="title"       select="$title"/>
    299                                                 <xsl:with-param name="titleLevel"  select="$titleLevel"/>
    300                                                 <xsl:with-param name="description" select="$description"/>
    301                                         </xsl:call-template>
    302                                         <xsl:copy-of select="$subTitleContent"/>
    303                                 </label>
     299                                <xsl:call-template name="ContentContainer.title">
     300                                        <xsl:with-param name="titleLevel"  select="$titleLevel"/>
     301                                        <xsl:with-param name="description" select="$description"/>
     302                                        <xsl:with-param name="titleContent">
     303                                                <label for="{$id}" title="Expandable content control for {$title}" class="FontIcon">
     304                                                        <xsl:if test="boolean($accesskey)">
     305                                                                <xsl:attribute name="accesskey" select="$accesskey"/>
     306                                                        </xsl:if>
     307                                                        <xsl:value-of select="$title"/>
     308                                                        <xsl:copy-of select="$subTitleContent"/>
     309                                                </label>
     310                                        </xsl:with-param>
     311                                </xsl:call-template>
    304312
    305313                                <div class="{$contentContainerClass}">
    … …  
    381389                                        <xsl:call-template name="ContentContainer.fixedContentBlockWithDelimitedTextNodes">
    382390                                                <xsl:with-param name="titleLevel"       
    383                                                         select="if($titleLevel &gt; 0) then $titleLevel+1 else $ContentContainer.titleLevel+1"
     391                                                        select="if(0 &lt; $titleLevel) then $titleLevel+1 else $ContentContainer.titleLevel+1"
    384392                                                />
    385393                                                <xsl:with-param name="titleAndTextsNode" select="."/>
    … …  
    451459                />
    452460                <xsl:param name="description" ibis:doc="Optional - used for Hx title attribute."/>
    453 
    454                 <xsl:if test="string-length(normalize-space(string($title))) != 0">
     461                <xsl:param name="titleContent" select="if($title instance of element()) then $title/text() else $title"
     462                        ibis:doc="Allows for labels etc to be placed within the block title
     463                                element.  Defaults to the title parameter.
     464                        "
     465                />
     466<xsl:message select="concat('ContentContainer.title level: ', $titleLevel, ', title: ', $title)"/>
     467<xsl:message select="$titleContent"/>
     468<!-- xsl:message select="concat('ContentContainer.title level: ', $titleLevel, ', titleContent: ', $titleContent)"/ -->
     469
     470                <xsl:if test="0 != string-length(normalize-space(string($titleContent)))">
    455471                        <xsl:choose>
    456                                 <xsl:when test="$titleLevel = 0">
    457                                         <xsl:value-of select="$title"/>
     472                                <xsl:when test="0 = $titleLevel">
     473                                        <xsl:copy-of select="$titleContent"/>
    458474                                </xsl:when>
    459                                 <xsl:when test="$titleLevel &gt; 0">
     475                                <xsl:when test="0 &lt; $titleLevel">
    460476                                        <xsl:element name="h{$titleLevel}">
    461477                                                <xsl:attribute name="title" select="$description"/>
    462                                                 <xsl:value-of select="$title"/>
     478                                                <xsl:copy-of select="$titleContent"/>
    463479                                        </xsl:element>
    464480                                </xsl:when>
    … …  
    466482                                        <xsl:element name="h{$ContentContainer.titleLevel}">
    467483                                                <xsl:attribute name="title" select="$description"/>
    468                                                 <xsl:value-of select="$title"/>
     484                                                <xsl:copy-of select="$titleContent"/>
    469485                                        </xsl:element>
    470486                                </xsl:otherwise>

  • trunk/ibisph-view/src/main/webapp/xslt/html/Help.xslt

    r19705 r19798  
    7777                        </xsl:when>
    7878
    79                         <xsl:when test="string-length($url) != 0">
     79                        <xsl:when test="0 != string-length($url)">
    8080                                <xsl:call-template name="Help.link">
    8181                                        <xsl:with-param name="title" select="$title"/>
    … …  
    8585                        </xsl:when>
    8686
    87                         <xsl:when test="count($help/TEXT) != 0">
     87                        <xsl:when test="0 != count($help/TEXT)">
    8888                                <xsl:call-template name="Help.popup">
    8989                                        <xsl:with-param name="title"      select="$title"/>
    … …  
    108108                <xsl:param name="additionalClasses"/>
    109109                <xsl:param name="addWikiAttribute" select="true()"/>
     110<!-- xsl:message select="concat('Help.popup level: ', $titleLevel, ', title: ', $title)"/ -->
    110111
    111112                <span class="Help Popup {$additionalClasses}">
    112113                        <div class="Container">
    113                                 <div class="Content">
    114                                         <xsl:call-template name="ContentContainer.fixed">
    115                                                 <xsl:with-param name="title"      select="$title"/>
    116                                                 <xsl:with-param name="titleLevel" select="$titleLevel"/>
    117                                                 <xsl:with-param name="content"    select="$content"/>
    118                                                 <xsl:with-param name="contentContainerClass" select="''"/>
    119                                                 <xsl:with-param name="addWikiAttribute" select="$addWikiAttribute"/>
    120                                         </xsl:call-template>
    121                                 </div>
     114                                <xsl:call-template name="ContentContainer.fixed">
     115                                        <xsl:with-param name="title"      select="$title"/>
     116                                        <xsl:with-param name="titleLevel" select="$titleLevel"/>
     117                                        <xsl:with-param name="content"    select="$content"/>
     118                                        <xsl:with-param name="contentContainerClass" select="'Content'"/>
     119                                        <xsl:with-param name="contentContinerElementName" select="'div'"/>
     120                                        <xsl:with-param name="addWikiAttribute" select="$addWikiAttribute"/>
     121                                </xsl:call-template>
    122122                        </div>
    123123                </span>

  • trunk/ibisph-view/src/main/webapp/xslt/html/MenuSelectionsList.xslt

    r19781 r19798  
    158158                                <xsl:attribute name="id" select="$containerID"/>
    159159                        </xsl:if>
    160                         <xsl:if test="string-length($containerClass) != 0">
     160                        <xsl:if test="(0 != string-length($containerClass)) or (0 != string-length(ADDITIONAL_CLASSES))">
    161161                                <xsl:attribute name="class" select="concat($containerClass, ' ', ADDITIONAL_CLASSES)"/>
    162162                        </xsl:if>
    … …  
    174174                                        <xsl:if test="$selection/NAME = $selectedSelectionName">
    175175                                                <xsl:attribute name="class" select="'On'"/>
     176                                        </xsl:if>
     177                                        <xsl:if test="exists(ADDITIONAL_CLASSES)">
     178                                                <xsl:attribute name="class" select="ADDITIONAL_CLASSES"/>
    176179                                        </xsl:if>
    177180
    … …  
    213216                                                </xsl:when>
    214217
     218                                                <xsl:when test="exists($selection/CONTENT)">
     219                                                        <xsl:apply-templates select="$selection/CONTENT/(text() | *)" mode="ibis.copy"/>
     220                                                </xsl:when>
     221
    215222                                                <xsl:when test="boolean($selection/URL)">
    216223                                                        <a href="{$selection/URL}"><xsl:value-of select="$selection/TITLE"/></a>
    … …  
    219226                                                        <a href="{concat($ibis.contextPath, $selection/LOCAL_URL)}"><xsl:value-of select="$selection/TITLE"/></a>
    220227                                                </xsl:when>
     228
    221229                                                <xsl:otherwise>
    222230                                                        <a href="#"><xsl:value-of select="$selection/TITLE"/></a>
    … …  
    296304                                <xsl:choose>
    297305                                        <xsl:when test="exists($selection/CONTENT)">
    298                                                 <xsl:copy-of select="$selection/CONTENT/(text() | *)"/>
     306                                                <xsl:apply-templates select="$selection/CONTENT/(text() | *)" mode="ibis.copy"/>
    299307                                        </xsl:when>
    300308                                        <xsl:otherwise>
    301309                                                <xsl:call-template name="SelectionsList.processSelections">
    302                                                         <xsl:with-param name="selections" select="$selection/SELECTIONS"/>
    303                                                         <xsl:with-param name="showDescriptionFlag" select="true()"/>
    304                                                         <xsl:with-param name="titleLevel" select="$titleLevel + 1"/>
     310                                                        <xsl:with-param name="selections"      select="$selection/SELECTIONS"/>
     311                                                        <xsl:with-param name="showDescription" select="true()"/>
     312                                                        <xsl:with-param name="titleLevel"      select="$titleLevel + 1"/>
    305313                                                </xsl:call-template>
    306314                                        </xsl:otherwise>

  • trunk/ibisph-view/src/main/webapp/xslt/html/SelectionsList.xslt

    r19781 r19798  
    8585
    8686
    87         <xsl:param name="SelectionsList.defaultShowDescriptionFlag" select="false()"
     87        <xsl:param name="SelectionsList.defaultShowDescription" select="false()"
    8888                ibis:doc="Global param that allows an adopter to set the default value
    89                         of the SelectionsList.processSelections's showDescriptionFlag so
    90                         that text blocks can be shown on selection lists. If true the XSLT
    91                         code creates a block of 'DESCRIPTION' text within the selection.   
     89                        of the SelectionsList.processSelections's showDescription so that
     90                        text blocks can be shown on selection lists. If true the XSLT code
     91                        creates a div/block of 'DESCRIPTION' text within the selection.   
    9292                "
    9393        />
    … …  
    119119                        "
    120120                />
    121                 <xsl:param name="showContainerTitleFlag" select="false()"
    122                         ibis:doc="Optional boolean flag that, if true, will tell the XSLT code
    123                                 create an HTML H* block of 'SELECTIONS/TITLE' text - before the UL.
    124                                 Default=false.
     121                <xsl:param name="showSelectionsTitle" select="false()"
     122                        ibis:doc="true = create an HTML H* block of 'SELECTIONS/TITLE' text
     123                                before the UL list of selections.  Default=false - no H title -
     124                                relies on the current container SELECTION's TITLE.
    125125                        "
    126126                />
    … …  
    141141                        "
    142142                />
    143                 <xsl:param name="showDescriptionFlag" select="$SelectionsList.defaultShowDescriptionFlag"
     143                <xsl:param name="showDescription" select="$SelectionsList.defaultShowDescription"
    144144                        ibis:doc="Optional boolean flag that if true will tell the XSLT code
    145145                                create a block of 'DESCRIPTION' text within the selection.   
    … …  
    185185<xsl:message select="$selections/SELECTION"/>
    186186-->
    187                 <xsl:if test="boolean($showContainerTitleFlag) and (0 != string-length($selections/TITLE))">
     187                <xsl:if test="boolean($showSelectionsTitle) and (0 != string-length($selections/TITLE))">
    188188                        <xsl:element name="h{$titleLevel}">
    189189                                <xsl:attribute name="title" select="
    … …  
    249249
    250250                                        <xsl:choose>
    251                                                 <xsl:when test="exists(current()/SELECTIONS) and (string-length($controlType) != 0)">
     251                                                <xsl:when test="exists(current()/SELECTIONS) and (0 != string-length($controlType))">
    252252                                                        <xsl:call-template name="SelectionsList.processExpandableSelection">
    253253                                                                <xsl:with-param name="selection"  select="current()"/>
    … …  
    257257                                                                <xsl:with-param name="show"       select="
    258258                                                                                $show or
    259                                                                                 ((string-length($selectedSelectionName) != 0) and
     259                                                                                ((0 != string-length($selectedSelectionName))
     260                                                                                and
    260261                                                                                ($selectedSelectionName = current()/NAME))
    261262                                                                        "
    … …  
    284285                                                        <xsl:call-template name="SelectionsList.processSelections">
    285286                                                                <xsl:with-param name="selections"             select="current()/SELECTIONS"/>
    286                                                                 <xsl:with-param name="showDescriptionFlag"    select="$showDescriptionFlag"/>
     287                                                                <xsl:with-param name="showDescription"        select="$showDescription"/>
    287288                                                                <xsl:with-param name="titleLevel"             select="$titleLevel + 1"/>
    288                                                                 <xsl:with-param name="showContainerTitleFlag" select="$showContainerTitleFlag"/>
     289                                                                <xsl:with-param name="showSelectionsTitle"    select="$showSelectionsTitle"/>
    289290                                                                <xsl:with-param name="controlType"            select="$controlType"/>
    290291                                                                <xsl:with-param name="selectedSelectionName"  select="$selectedSelectionName"/>
    291292                                                        </xsl:call-template>
    292293                                                </xsl:when>
    293                                                 <xsl:when test="($showDescriptionFlag and boolean(current()/DESCRIPTION/text()))">
     294                                                <xsl:when test="($showDescription and boolean(current()/DESCRIPTION/text()))">
    294295                                                        <div class="Description"><xsl:value-of select="current()/DESCRIPTION"/></div>
    295296                                                </xsl:when>
    … …  
    317318
    318319                <xsl:choose>
    319                         <xsl:when test="string-length($href) != 0">
     320                        <xsl:when test="0 != string-length($href)">
    320321                                <a href="{$href}" title="{
    321322                                        if(exists($selection/DESCRIPTION))then
    … …  
    331332                        </xsl:when>
    332333                        <xsl:when test="exists($selection/CONTENT)">
    333                                 <xsl:copy-of select="$selection/CONTENT/(text() | *)"/>
     334                                <xsl:apply-templates select="$selection/CONTENT/(text() | *)" mode="ibis.copy"/>
    334335                        </xsl:when>
    335336                        <xsl:when test="(0 &lt; $titleLevel) and (0 != string-length($title))">
    … …  
    376377                <xsl:param name="inputName"/>
    377378                <xsl:param name="inputID"/>
     379                <xsl:param name="inputClass" select="'Control'"/>
    378380                <xsl:param name="labelClass"/>
    379381                <xsl:param name="title"/>
     382                <xsl:param name="titleLevel"/>
    380383                <xsl:param name="description" select="concat('Show/hide the ', $title, ' selections')"/>
    381384                <xsl:param name="show" select="false()"/>
    … …  
    395398                                <xsl:attribute name="name" select="$inputName"/>
    396399                        </xsl:if>
     400                        <xsl:if test="0 != string-length($inputClass)">
     401                                <xsl:attribute name="class" select="$inputClass"/>
     402                        </xsl:if>
    397403                        <xsl:if test="$show">
    398404                                <xsl:attribute name="checked" select="'checked'"/>
    399405                        </xsl:if>
    400406                </input>
    401                 <label for="{$inputID}" title="{$description}">
    402                         <xsl:if test="0 != string-length($labelClass)">
    403                                 <xsl:attribute name="class" select="$labelClass"/>
    404                         </xsl:if>
    405                         <xsl:if test="not($showOnHover)">
    406                                 <xsl:attribute name="onmouseover">var di=document.getElementById('<xsl:value-of select="$inputID"/>'); di.setAttribute('showing', di.checked);</xsl:attribute>
    407                         </xsl:if>
    408                         <xsl:value-of select="$title"/>
    409                 </label>
     407
     408                <xsl:variable name="labelContent">
     409                        <label for="{$inputID}" title="{$description}">
     410                                <xsl:if test="0 != string-length($labelClass)">
     411                                        <xsl:attribute name="class" select="$labelClass"/>
     412                                </xsl:if>
     413                                <xsl:if test="not($showOnHover)">
     414                                        <xsl:attribute name="onmouseover">var di=document.getElementById('<xsl:value-of select="$inputID"/>'); di.setAttribute('showing', di.checked);</xsl:attribute>
     415                                </xsl:if>
     416                                <xsl:value-of select="$title"/>
     417                        </label>
     418                </xsl:variable>
     419                <xsl:if test="0 != string-length($titleLevel)">
     420                        <xsl:element name="h{$titleLevel}">
     421                                <xsl:copy-of select="$labelContent"/>
     422                        </xsl:element>
     423                </xsl:if>
     424                <xsl:if test="0 = string-length($titleLevel)">
     425                        <xsl:copy-of select="$labelContent"/>
     426                </xsl:if>
    410427<!--
    411428                <label for="{$inputID}" onmouseover="var di=document.getElementById('{$inputID}'); di.setAttribute('showing', di.checked);"><xsl:value-of select="TITLE"/></label>

  • trunk/ibisph-view/src/main/webapp/xslt/html/SiteSpecific.xslt

    r19781 r19798  
    124124                                        <xsl:with-param name="inputID"    select="'userControl'"/>
    125125                                        <xsl:with-param name="inputType"  select="'checkbox'"/>
    126                                         <xsl:with-param name="labelClass" select="'Control'"/>
     126                                        <xsl:with-param name="inputClass" select="'Control'"/>
    127127                                        <xsl:with-param name="title"      select="'My Selections'"/>
    128128                                </xsl:call-template>
    … …  
    252252                                        </xsl:choose>
    253253                                </xsl:with-param>
    254                                 <xsl:with-param name="containerClass" select="'HorizontalMenu'"/>
    255                                 <xsl:with-param name="showContainerTitleFlag" select="false()"/>
     254                                <xsl:with-param name="showSelectionsTitle" select="false()"/>
    256255                        </xsl:call-template>
    257256                </nav>
    … …  
    266265                                        <ul>
    267266                                                <li><a href="{$ibis.contextPath}about/ContactInformation.html">Contact Us</a></li>
    268                                                 <li><a href="{$ibis.contextPath}about/SiteMap.html">Site Map</a></li>
    269                                                 <li><a href="" onclick="window.open('?PrinterFriendly=x');">Printer Friendly</a></li>
    270                                                 <li><a href="{$ibis.contextPath}user/logout">Logout</a></li>
     267                                                <li><a href="{$ibis.contextPath}about/ContentUsage.html">Contents and Usage</a></li>
     268                                                <li><a href="{$ibis.contextPath}about/Background.html">Background</a></li>
    271269                                        </ul>
    272270                                </div>

  • trunk/ibisph-view/src/main/webapp/xslt/html/community/facts/Page.xslt

    r19781 r19798  
    318318                                <option value="{NAME}">
    319319                                        <xsl:if test="NAME = $Page.indicatorSetName">
    320                                                 <xsl:attribute name="selected">selected</xsl:attribute>
     320                                                <xsl:attribute name="selected" select="'selected'"/>
    321321                                        </xsl:if>
    322322                                        <xsl:value-of select="TITLE"/>

  • trunk/ibisph-view/src/main/webapp/xslt/html/community/index/Page.xslt

    r19781 r19798  
    6464}
    6565</style>
    66                 <form name="form">
    6766                <xsl:call-template name="ContentContainer.expandable">
    6867                        <xsl:with-param name="title"      select="'Overview'"/>
    … …  
    7877                </xsl:call-template>
    7978
     79                <form name="form">
    8080                <xsl:call-template name="ContentContainer.expandable">
    81                         <xsl:with-param name="title" select="concat('Step 1: Select the Community to Report On')"/>
     81                        <xsl:with-param name="title" select="concat('Step 1: Select the Community to Report On', '')"/>
    8282                        <xsl:with-param name="show"  select="true()"/>
    8383                        <xsl:with-param name="content">

  • trunk/ibisph-view/src/main/webapp/xslt/html/community/indicators/HTMLTable.xslt

    r19742 r19798  
    7979                                                                <option value="{NAME}">
    8080                                                                        <xsl:if test="NAME = $Page.indicatorSetName">
    81                                                                                 <xsl:attribute name="selected">selected</xsl:attribute>
     81                                                                                <xsl:attribute name="selected" select="'selected'"/>
    8282                                                                        </xsl:if>
    8383                                                                        <xsl:value-of select="TITLE"/>
    … …  
    100100                                                                <option value="{$value}">
    101101                                                                        <xsl:if test="$value = $Page.dimensionValue">
    102                                                                                 <xsl:attribute name="selected">selected</xsl:attribute>
     102                                                                                <xsl:attribute name="selected" select="'selected'"/>
    103103                                                                        </xsl:if>
    104104                                                                        <xsl:value-of select="TITLE"/>

  • trunk/ibisph-view/src/main/webapp/xslt/html/community/indicators/Page.xslt

    r19781 r19798  
    5858                <div class="Note">
    5959                        <h3>Community Health Profile Report Options</h3>
    60                        
    61                         <table>
     60
     61                        <style>
     62                                .Options tr td {padding: 2px; vertical-align: bottom;}
     63                                .Options tr td select {margin-top: 5px; padding: 3px;}
     64                                .Options tr td a {padding: 5px 5px 3px 5px;}
     65                        </style>
     66                        <table class="Options">
    6267                                <tr>
    6368                                        <td><label for="dimensionValue"><h4><xsl:value-of select="$Page.communityDimensionTitle"/>:</h4></label></td>
    6469                                        <td>
     70<!--
    6571                                                <xsl:if test="0 != string-length($Page.previousDimensionValue/TITLE)">
    6672                                                        <a href="javascript:requestSamePageDifferentDimensionValue('{normalize-space($Page.previousDimensionValue/text()[1])}')"
    … …  
    6874                                                        >&lt;&lt; Show <xsl:value-of select="$Page.previousDimensionValue/TITLE"/></a>
    6975                                                </xsl:if>
    70                                                 <select name="dimensionValue" id="dimensionValue" onchange="requestSamePageDifferentDimensionValue()">
     76-->
     77                                                <select name="dimensionValue" id="dimensionValue" onchange="requestSamePageDifferentDimensionValue()" style="width: 100%">
    7178                                                        <xsl:for-each select="$Page.communityDimension/VALUES/VALUE[not(NOT_SELECTABLE_FLAG)]">
    7279                                                                <xsl:sort select="SORT_ORDER" data-type="number" order="ascending"/>
    … …  
    8188                                                        </xsl:for-each>
    8289                                                </select>
     90<!--
    8391                                                <xsl:if test="0 != string-length($Page.nextDimensionValue/TITLE)">
    8492                                                        <a href="javascript:requestSamePageDifferentDimensionValue('{normalize-space($Page.nextDimensionValue/text()[1])}')"
    … …  
    8694                                                        >Show <xsl:value-of select="$Page.nextDimensionValue/TITLE"/> &gt;&gt;</a>
    8795                                                </xsl:if>
     96-->
    8897                                        </td>
    8998                                </tr>
    … …  
    112121                        <xsl:if test="exists($Page.communityProfile/FACTS_PAGE_FLAG)">
    113122                                <tr>
    114                                         <td><h4><xsl:value-of select="$Page.communityDimensionTitle"/>More Information:</h4></td>
     123<!--
     124                                        <td><h4>About <xsl:value-of select="$Page.communityDimensionValue/TITLE"/>:</h4></td>
     125-->
     126                                        <td><h4><xsl:value-of select="$Page.communityDimensionTitle"/> Information:</h4></td>
    115127                                        <td>
    116128                                                <a title="Show this communities quick facts page."

  • trunk/ibisph-view/src/main/webapp/xslt/html/indicator/profile/Page.xslt

    r19781 r19798  
    8585                                                                <option value="{concat($ibis.contextPath, 'indicator/view/', NAME, '.html')}">
    8686                                                                        <xsl:if test="NAME = $currentIndicatorViewName">
    87                                                                                 <xsl:attribute name="selected">true</xsl:attribute>
     87                                                                                <xsl:attribute name="selected" select="'selected'"/>
    8888                                                                        </xsl:if>
    8989                                                                        <xsl:value-of select="TITLE"/>

  • trunk/ibisph-view/src/main/webapp/xslt/html/xml/Page.xslt

    r19781 r19798  
    105105                />
    106106                <xsl:call-template name="SelectionsList.processSelections">
    107                         <xsl:with-param name="showContainerTitleFlag"    select="true()"/>
     107                        <xsl:with-param name="showSelectionsTitle" select="true()"/>
    108108                        <xsl:with-param name="containerID"    select="@id"/>
    109109                        <xsl:with-param name="containerClass" select="@class"/>
Note: See TracChangeset for help on using the changeset viewer.