Changeset 22739 in main


Ignore:
Timestamp:
03/23/21 20:20:34 (3 weeks ago)
Author:
GarthBraithwaite_STG
Message:

nm content - minor Welcome.xml css tweaks.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • adopters/nm/trunk/src/main/webapps/nmibis-content/xml/html_content/about/Welcome.xml

    r22697 r22739  
    1212        <OTHER_HEAD_CONTENT>
    1313                <style>
     14                        #content
     15                        {
     16                                min-height: 1250px;
     17                        }
    1418                        #content header
    1519                        {
     
    6670                        }
    6771
     72                        #content h2
     73                        {
     74                                margin-top: 0;
     75                        }
     76
    6877                        #content section
    6978                        {
     
    7584                        {
    7685                                display: inline-block;
    77                                 margin: 0 2rem 2rem 0;
     86                                margin-top: 0;
     87                                margin-bottom: calc(2 * var(--block-spacing));
    7888                                width: 100%;
    7989                                max-width: 700px;
     
    8191                                font-weight: normal;
    8292                        }
    83                         #content section:first-of-type
    84                         {
    85                                 margin: 0 2rem 2rem 0;
    86                         }
    8793
    8894                        #content section .Overview h2
     
    99105                        }
    100106
    101                         #videosColumn h3
    102                         {
    103                                 margin-bottom: 3px;
    104                         }
    105 
    106                         #videosColumn ul
     107                        #content #videosColumn h2
     108                        {
     109                                margin-left: var(--block-spacing);
     110                        }
     111
     112                        #content #videosColumn ul
    107113                        {
    108114                                display:                        flex;
     
    110116                                flex-flow:                      wrap;
    111117                        }
    112        
    113                         #videosColumn li
     118                        #content #videosColumn li
    114119                        {
    115120                            list-style-type:none;
     
    117122                                padding: 0;
    118123                        }
    119                         #videosColumn li .Overlay
     124                        #content #videosColumn li h3
     125                        {
     126                                margin-top: 8px;
     127                                margin-bottom: 3px;
     128                        }
     129                        #content #videosColumn li:first-of-type h3
     130                        {
     131                                margin-top: 0;
     132                        }
     133
     134                        #content #videosColumn li .Overlay
    120135                        {
    121136                                position: relative;
    122137                                margin-left: 35px;
    123138                        }
    124                         #videosColumn li .Overlay::before
     139                        #content #videosColumn li .Overlay::before
    125140                        {
    126141                                position: absolute;
     
    137152                                font-size: 24px;
    138153                        }
    139                         #videosColumn li .Overlay:hover::before
     154                        #content #videosColumn li .Overlay:hover::before
    140155                        {
    141156                                background-color:       var(--background-color-hover);
     
    144159                        }
    145160
    146                         #videosColumn li .Overlay img
     161                        #content #videosColumn li .Overlay img
    147162                        {
    148163                                width: 200px;
Note: See TracChangeset for help on using the changeset viewer.