Changeset 21304 in main


Ignore:
Timestamp:
08/19/20 17:30:43 (5 weeks ago)
Author:
GarthBraithwaite_STG
Message:

nm epht - css tweaks.

Location:
adopters/nm-epht/trunk/src/main/webapps/nmepht-view/css
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • adopters/nm-epht/trunk/src/main/webapps/nmepht-view/css/_SiteSpecific-general.css

    r20104 r21304  
    11
    2 h1, h2, h3, h4
    3 {
    4         color:                          #464134;
    5 }
     2:root
     3{
     4        --color:                                        #001919;
     5        --background-color:                     #ffffff;
     6        --heading-color:                        #12515e;
     7        --anchor-color:                         #dc6932;
     8        --color-hover:                          #fffffa;
     9        --background-color-hover:       #dc6932;
     10        --button-background-color:      #12515e;
     11        --button-border-radius:         4px;
     12        --block-header-color:           #fffffa;
     13        --block-header-background-color:        #12515e;
     14        --menu-background-color:        #0f515f;
     15        --footer-background-color:      #12515e;
     16        --container-border-radius:      5px;
     17        --inputBackgroundColor:         lightyellow;
     18}
     19
     20
    621h2
    722{
    823        font-size:                      1.2em;
    924        padding:                        5px 0 3px 0;
    10 }
    11 
    12 .Underline
    13 {
    14         text-decoration: underline;
    1525}
    1626
     
    2232div.Indent55, ul.Indent55, .Indent55    {margin-left:   55px;}
    2333
    24 a
    25 {
    26         color:                          black;
    27 }
    28 a:visited {color: #663399;}
    29 a:hover, a:active, a:focus
    30 {
    31         color:                          white !important;
    32         background-color:       #016636 !important;
    33         text-decoration:        none;
    34 
    35         -moz-border-radius:     5px 5px 5px 5px; 
    36         -webkit-border-radius: 5px 5px 5px 5px; 
    37         border-radius:          5px 5px 5px 5px; 
    38 
    39         -moz-box-shadow:        inset 1px 1px 2px 0px #F2E4D5;
    40         -webkit-box-shadow: inset 1px 1px 2px 0px #F2E4D5;
    41         box-shadow:                     inset 1px 1px 2px 0px #F2E4D5;
    42 }
    43 
    4434p
    4535{
     
    5141}
    5242
    53 button
    54 {
    55         background-color:       #016636;
    56         color:                          #eee;
    57 }
    58 button:hover
    59 {       
    60         background-color:               #015b2f;
    61         color:                                  white;
    62 }
    6343
    6444/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
     
    177157table.Info tr.Title th
    178158{
    179         background-color:       #0f515f;
    180         color:                          #eee;
     159        background-color:       inherit;
     160        color:                          var(--color);
    181161}
    182162table.Info th label
    183163{
    184         color:                          #eee;
     164        color:                          var(--color);
    185165}
    186166table.Info tr.Title th, table.Info tr.Title td  /* IE can't handle setting tr only */
    187167{
    188         background-color:       #262422;
     168        background-color:       inherit;
    189169}
    190170table.Info tr.Section
     
    199179table.Info tr.Total th
    200180{
    201         background-color:       #262422;
     181        background-color:       inherit;
    202182}
    203183table.Info tr.Selection th {}
    204184table.Info tr.Selection td
    205185{
    206         background-color:       #776F59;
     186        background-color:       inherit;
    207187}
    208188table.Info thead tr *
    209189{
    210     color: #444;
     190    color: var(--color);
    211191}
    212192
     
    245225        margin-top:                     0.5em;
    246226        padding:                        2px 25px 2px 5px;
    247         background-color:       #cbd9b2;   /* #F1EDE4 #F3F0EA,  darker brown: bDb3a6 */
    248         color:                          #464134;
    249227        border-bottom:          1px solid #111;
    250228        border-right:           1px solid #111;
     
    257235.ExpandableContent:focus  > .Control
    258236{
    259         background-color:       #016636;
    260         color:                          white;
    261237}
    262238
     
    265241:not(#foo) .ExpandableContent > .Control:focus
    266242{
    267         background-color:       #016636;
    268         color:                          white;
    269243        text-shadow:            none;
    270244}
     
    274248        font-size:                      1.5em;
    275249}
    276 .ExpandableContent > .Control > h3
     250.ExpandableContent h3
    277251{
    278252        font-size:                      1.1em; 
     
    281255.ExpandableContent > .Control > .SelectedValues
    282256{
    283         color:                          #464134;
    284257}
    285258.ExpandableContent > .Control:hover > .SelectedValues
    286259{
    287         color:                          #eee;
    288260}
    289261
    290262.ExpandableContent .ExpandableContent > .Control
    291263{
    292         background:                     #e8eedd url('../image/icon/16/lt_circle-blue.png') no-repeat left 5px center;
    293264        padding:                        0.5em 0.4em 0.4em 22px;
    294265}
    295266
    296 .ExpandableContent .ExpandableContent  .Control > h3
    297 {
    298     margin-top: 0;
     267
     268.ExpandableContent > input
     269{
     270        background-color: var(--block-header-background-color);
    299271}
    300272.ExpandableContent .ExpandableContent:hover  > .Control,
     
    302274.ExpandableContent .ExpandableContent:focus  > .Control
    303275{
    304         background-color:       #6f6f6f;
    305         color:                          white;
    306276}
    307277
     
    328298.ExpandableList li > a
    329299{
    330         color:                          #464134;
    331300}
    332301.ExpandableList li > a:hover,
     
    335304.ExpandableList li label:hover
    336305{
    337         background-color: #016636;
    338306}
    339307
  • adopters/nm-epht/trunk/src/main/webapps/nmepht-view/css/_SiteSpecific-layout_navigation.css

    r20104 r21304  
    4444        border: 0;
    4545}
     46
    4647#siteSearch #siteSearchInput
    4748{
     
    5152        border: 0;
    5253}
     54#siteSearch:focus-within #siteSearchInput
     55{
     56        width:                  calc(100% - 40px);
     57}
     58
    5359#siteSearch button[type="submit"]
    5460{
     
    5763
    5864
     65#siteNavigationMenu.HorizontalMenu
     66{
     67    background-color: var(--heading-color);
     68    background-color: #12515ecc;
     69}
     70
    5971#siteNavigationMenu
    6072{
    6173        padding: 0.25em 0rem 0.2em 1rem;
    62         background-color: #0f515f;
    6374}
    6475
     76#xxxxsiteNavigationMenu > li:last-child::after {
     77    background-color: white;
     78    width: calc(100% - 670px);
     79    height: 60px;
     80    transform: skew(-20deg);
     81    content: " ";
     82    position: absolute;
     83    top: 0px;
     84    margin-left: 50px;
     85}
     86
     87#siteNavigationMenu.HorizontalMenu > li
     88{
     89        border: none;
     90}
    6591#siteNavigationMenu > li > label,
    6692#siteNavigationMenu > li > a
     
    6894        background-color: white;
    6995}
     96#siteNavigationMenu.HorizontalMenu > li:hover
     97{
     98        border-radius: 0;
     99}
     100#siteNavigationMenu.HorizontalMenu > li:hover > label
     101{
     102        background-color: #348e81;
     103    color: var(--color-hover);
     104    background-color: var(--background-color-hover);
     105}
     106
     107
     108#siteNavigationMenu.HorizontalMenu > #homeMenu
     109{
     110        height: 37px;
     111}
     112#siteNavigationMenu #homeMenu a
     113{
     114        margin: 0;
     115        padding: 3px 4px 1px 5px;
     116        font-size: 32px;
     117}
     118#siteNavigationMenu.HorizontalMenu > #homeMenu:hover
     119{
     120        color: var(--background-color-hover);
     121}
     122
    70123#siteNavigationMenu > li > input[type="checkbox"]:checked + label,
    71124#siteNavigationMenu > li > input[type="radio"]:checked + label
     
    84137{
    85138        top: 50px;
    86         background-color: #348e81;  /* orig 84cec1 */
     139        background-color: #348e81;  /* orig 84cec1, then bretts 78dcc7 #; */
    87140}
     141
    88142
    89143#siteNavigationMenu .MegaMenu .Body .Block
Note: See TracChangeset for help on using the changeset viewer.