Changeset 17827 in main


Ignore:
Timestamp:
01/23/19 08:11:03 (4 years ago)
Author:
MeganBroekemeier_UT
Message:

created cards and containers for the welcome page

File:
1 edited

Legend:

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

    r15270 r17827  
    1515        color:                          black;
    1616}
     17
     18/* these styles have been disabled because they are too general and intrusive */
     19/* if you want to use these please rewrite in more specific fashion and don't use !important */
    1720a:visited {color: #663399;}
    1821a:hover, a:active, a:focus
    1922{
    20         color:                          white !important;
    21         background-color:       #23201a !important;
    22         text-decoration:        none;
    23 
    24         -moz-border-radius:     5px 5px 5px 5px; 
    25         -webkit-border-radius: 5px 5px 5px 5px; 
    26         border-radius:          5px 5px 5px 5px; 
    27 
    28         -moz-box-shadow:        inset 1px 1px 2px 0px #F2E4D5;
     23        /* color:                               white !important; */
     24        /* background-color:    #23201a !important; */
     25        /* text-decoration:     none; */
     26
     27        /* -moz-border-radius:  5px 5px 5px 5px; 
     28        -webkit-border-radius: 5px 5px 5px 5px;   */
     29        /* border-radius:               5px 5px 5px 5px;   */
     30
     31        /* -moz-box-shadow:     inset 1px 1px 2px 0px #F2E4D5;
    2932        -webkit-box-shadow: inset 1px 1px 2px 0px #F2E4D5;
    30         box-shadow:                     inset 1px 1px 2px 0px #F2E4D5;
     33        box-shadow:                     inset 1px 1px 2px 0px #F2E4D5; */
    3134}
    3235
     
    7679}
    7780
    78 
     81/****** For Welcome.html ******/
     82.welcome-image-container {
     83        position: relative;
     84        margin-bottom: 5px;
     85}
     86
     87.welcome-message-box {
     88        position: absolute;
     89        bottom: 20px;
     90        right: 20px;
     91        padding: 10px 20px;
     92        background-color: rgba(0,0,0,0.7);
     93        max-width: 200px;
     94
     95}
     96
     97.welcome-message-text {
     98        color: #fff;
     99}
     100
     101.welcome-message-box.blue {
     102        border-top: 2px solid #007DC3;
     103        border-bottom: 2px solid #007DC3;
     104        border-left: 2px solid #007DC3;
     105        border-right: 2px solid #007DC3;
     106}
     107.welcome-message-text > a.welcome-message-link,
     108.welcome-message-text > a.welcome-message-link:hover {
     109        color: #fff;
     110        background-color: transparent;
     111        text-decoration: underline;
     112}
     113
     114img.welcome-image {
     115        border-radius: 5px;
     116
     117}
     118
     119.welcome-image.blue {
     120        border-top: 4px solid #007DC3;
     121}
     122
     123.welcome-column-container {
     124        display: flex;
     125}
     126
     127.welcome-column {
     128        flex: 1;
     129        display: flex;
     130        flex-direction: column;
     131        justify-content: space-between;
     132}
     133
     134.welcome-column.left {
     135        margin-right: 5px;
     136}
     137
     138.welcome-column.right {
     139        margin-left: 5px;
     140}
     141
     142.welcome-card {
     143        display: flex;
     144        flex-direction: column;
     145        justify-content: space-between;
     146        background-color: #fff;
     147        border-radius: 3px;
     148        box-shadow: 1px 1px 3px rgba(0,0,0, 0.1);
     149        text-decoration: none;
     150        transition: .25s box-shadow;
     151        margin: 20px 0;
     152        height:300px
     153
     154}
     155
     156.welcome-card.blue {
     157        border-top: 4px solid #007DC3;
     158}
     159
     160.welcome-card.orange {
     161        border-top: 4px solid #F68428;
     162}
     163
     164.welcome-card.yellow {
     165        border-top: 4px solid #FDBA31;
     166}
     167
     168.welcome-card.green {
     169        border-top: 4px solid #50B948;
     170}
     171
     172.welcome-card:hover {
     173        box-shadow: 5px 5px 10px rgba(0,0,0, 0.1);
     174}
     175
     176.welcome-card .card-image,
     177.welcome-card .card-text {
     178        flex: 1;
     179}
     180
     181.welcome-card img.card-image {
     182        object-fit: cover;
     183        max-width: 100%;
     184        height: 200px
     185}
     186
     187
     188.welcome-card .card-text {
     189        border-bottom-left-radius: 3px;
     190        border-bottom-right-radius: 3px;
     191        padding: 10px;
     192}
     193
     194.welcome-card .card-text-header {
     195        font-size: 20px
     196}
     197
     198.welcome-card .card-text-body {
     199        color: #555;
     200}
     201
     202hr {
     203    height: 3px;
     204    color: #007DC3;
     205    background-color: #007DC3;
     206    border: none;
     207}
    79208/****** For ChildhoodBloodlead.html ******/
    80209
     
    107236        border-radius: 0 !important;
    108237}
    109 
    110238
    111239/****** For BloodLead_Audiences.html ******/
     
    206334}
    207335
     336
    208337/*****************************************************************************/
    209338/* -- NEW CONTENT OVERVIEW BOXES- ADDED BY MATT M -- */
     
    218347.Explore li,
    219348.Front1 li
     349{
     350/*
     351list-style-image:url("../image/healthICON.png");
     352list-style-position:inside;
     353text-align: middle;
     354vertical-align:middle;
     355*/
     356        min-height:                     300px;
     357
     358        list-style-type:        none;
     359        background:             #C6DFFB url('../image/snapshot.jpg') 15px;
     360        border:                         1px solid #336699;
     361        padding:                        0.8em 1em .5em 75px;
     362        margin:                         0 1em 1em -1em;
     363
     364        -moz-border-radius:     5px 5px 5px 5px; 
     365        -webkit-border-radius: 5px 5px 5px 5px; 
     366        border-radius:          5px 5px 5px 5px; 
     367
     368        -moz-box-shadow:        2px 2px 5px #ffffff;
     369        -webkit-box-shadow: 2px 2px 5px #002233;
     370        box-shadow:                     2px 2px 5px #002233;
     371}
     372
     373.Explore li
     374{
     375        background:             #ffffff url('../image/snapshot.jpg') 15px center no-repeat;
     376        border:                         1px solid #666655;
     377
     378        -moz-box-shadow:        2px 2px 5px #aaaa99;
     379        -webkit-box-shadow: 2px 2px 5px #aaaa99;
     380        box-shadow:                     2px 2px 5px #aaaa99;
     381}
     382.Explore li:nth-child(odd)
     383{
     384        background-color:       #ffffff;
     385}
     386
     387.Explore li h4,
     388.Front1 li h4
     389{
     390        margin:                         0;
     391        font-size:                      1.4em;
     392}
     393.Explore li h4
     394{
     395        font-size:                      1.2em;
     396}
     397
     398.Query li a.MoreInfo,
     399.Front1 li a.MoreInfo
     400{
     401        display:                        block;
     402}
     403a.MoreInfo:hover h4, a.MoreInfo:active h4, a.MoreInfo:focus h4
     404{
     405        color:                          white;
     406}
     407
     408/**/
     409
     410.Query,
     411.Front2
     412{
     413        padding:                        0;
     414        margin:                         0 0 0 1em;
     415}
     416
     417.Query li,
     418.Front2 li
    220419{
    221420/*
     
    228427
    229428        list-style-type:        none;
    230         background:             #C6DFFB url('../image/Topic.png') 15px center no-repeat;
     429        background:             #C6DFFB url('../image/DataQuery.png') 15px center no-repeat;
    231430        border:                         1px solid #336699;
    232431        padding:                        0.8em 1em .5em 75px;
     
    242441}
    243442
    244 .Explore li
    245 {
    246         background:             #ffffcc url('../image/Topic.png') 15px center no-repeat;
     443.Query li
     444{
     445        background:             #ffffcc url('../image/DataQuery.png') 15px center no-repeat;
    247446        border:                         1px solid #666655;
    248447
     
    251450        box-shadow:                     2px 2px 5px #aaaa99;
    252451}
    253 .Explore li:nth-child(odd)
     452.Query li:nth-child(odd)
    254453{
    255454        background-color:       #ffeeaa;
    256455}
    257456
    258 .Explore li h4,
    259 .Front1 li h4
     457.Query li h4,
     458.Front2 li h4
    260459{
    261460        margin:                         0;
    262461        font-size:                      1.4em;
    263462}
    264 .Explore li h4
     463.Query li h4
    265464{
    266465        font-size:                      1.2em;
     
    268467
    269468.Query li a.MoreInfo,
    270 .Front1 li a.MoreInfo
     469.Front2 li a.MoreInfo
    271470{
    272471        display:                        block;
     
    277476}
    278477
     478
    279479/**/
    280480
    281 .Query,
    282 .Front2
     481
     482.Community,
     483.Front3
    283484{
    284485        padding:                        0;
     
    286487}
    287488
    288 .Query li,
    289 .Front2 li
     489.Community li,
     490.Front3 li
    290491{
    291492/*
     
    298499
    299500        list-style-type:        none;
    300         background:             #C6DFFB url('../image/DataQuery.png') 15px center no-repeat;
     501        background:             #C6DFFB url('../image/CommunitySnapshot.png') 15px center no-repeat;
    301502        border:                         1px solid #336699;
    302503        padding:                        0.8em 1em .5em 75px;
     
    312513}
    313514
    314 .Query li
    315 {
    316         background:             #ffffcc url('../image/DataQuery.png') 15px center no-repeat;
     515.Community li
     516{
     517        background:             #ffffcc url('../image/CommunitySnapshot.png') 15px center no-repeat;
    317518        border:                         1px solid #666655;
    318519
     
    321522        box-shadow:                     2px 2px 5px #aaaa99;
    322523}
    323 .Query li:nth-child(odd)
     524.Community li:nth-child(odd)
    324525{
    325526        background-color:       #ffeeaa;
    326527}
    327528
    328 .Query li h4,
    329 .Front2 li h4
     529
     530.Community li h4,
     531.Front3 li h4
    330532{
    331533        margin:                         0;
    332534        font-size:                      1.4em;
    333535}
    334 .Query li h4
     536.Community li h4
    335537{
    336538        font-size:                      1.2em;
    337539}
    338540
    339 .Query li a.MoreInfo,
    340 .Front2 li a.MoreInfo
     541.Community li a.MoreInfo,
     542.Front3 li a.MoreInfo
    341543{
    342544        display:                        block;
     
    347549}
    348550
    349 
    350551/**/
    351552
    352553
    353 .Community,
    354 .Front3
     554.HelpPage,
     555.Front4
    355556{
    356557        padding:                        0;
     
    358559}
    359560
    360 .Community li,
    361 .Front3 li
     561.HelpPage li,
     562.Front4 li
    362563{
    363564/*
     
    370571
    371572        list-style-type:        none;
    372         background:             #C6DFFB url('../image/CommunitySnapshot.png') 15px center no-repeat;
     573        background:             #C6DFFB url('../image/HelpPage.png') 13px center no-repeat;
    373574        border:                         1px solid #336699;
    374575        padding:                        0.8em 1em .5em 75px;
     
    384585}
    385586
    386 .Community li
    387 {
    388         background:             #ffffcc url('../image/CommunitySnapshot.png') 15px center no-repeat;
     587.HelpPage li
     588{
     589        background:             #ffffcc url('../image/HelpPage.png') 13px center no-repeat;
    389590        border:                         1px solid #666655;
    390591
     
    393594        box-shadow:                     2px 2px 5px #aaaa99;
    394595}
    395 .Community li:nth-child(odd)
    396 {
    397         background-color:       #ffeeaa;
    398 }
    399 
    400 
    401 .Community li h4,
    402 .Front3 li h4
     596.HelpPage li:nth-child(odd)
     597{
     598        background-color:       #ffffff;
     599}
     600
     601.HelpPage li h4,
     602.Front4 li h4
    403603{
    404604        margin:                         0;
    405605        font-size:                      1.4em;
    406606}
    407 .Community li h4
     607.HelpPage li h4
    408608{
    409609        font-size:                      1.2em;
    410610}
    411611
    412 .Community li a.MoreInfo,
    413 .Front3 li a.MoreInfo
     612.HelpPage li a.MoreInfo,
     613.Front4 li a.MoreInfo
    414614{
    415615        display:                        block;
     
    423623
    424624
    425 .HelpPage,
    426 .Front4
     625.AboutEPHT,
     626.Front5
    427627{
    428628        padding:                        0;
     
    430630}
    431631
    432 .HelpPage li,
    433 .Front4 li
     632.AboutEPHT li,
     633.Front5 li
    434634{
    435635/*
     
    442642
    443643        list-style-type:        none;
    444         background:             #C6DFFB url('../image/HelpPage.png') 13px center no-repeat;
     644        background:             #C6DFFB url('../image/EPHTlogo_cut.png') 15px center no-repeat;
    445645        border:                         1px solid #336699;
    446646        padding:                        0.8em 1em .5em 75px;
     
    456656}
    457657
    458 .HelpPage li
    459 {
    460         background:             #ffffcc url('../image/HelpPage.png') 13px center no-repeat;
     658.AboutEPHT li
     659{
     660        background:             #ffffcc url('../image/EPHTlogo_cut.png') 8px center no-repeat;
    461661        border:                         1px solid #666655;
    462662
     
    465665        box-shadow:                     2px 2px 5px #aaaa99;
    466666}
    467 .HelpPage li:nth-child(odd)
     667.AboutEPHT li:nth-child(odd)
    468668{
    469669        background-color:       #ffeeaa;
    470670}
    471671
    472 .HelpPage li h4,
    473 .Front4 li h4
     672.AboutEPHT li h4,
     673.Front5 li h4
    474674{
    475675        margin:                         0;
    476676        font-size:                      1.4em;
    477677}
    478 .HelpPage li h4
     678.AboutEPHT li h4
    479679{
    480680        font-size:                      1.2em;
    481681}
    482682
    483 .HelpPage li a.MoreInfo,
    484 .Front4 li a.MoreInfo
     683.AboutEPHT li a.MoreInfo,
     684.Front5 li a.MoreInfo
    485685{
    486686        display:                        block;
     
    494694
    495695
    496 .AboutEPHT,
    497 .Front5
     696.AboutNEPHTN,
     697.Front6
    498698{
    499699        padding:                        0;
     
    501701}
    502702
    503 .AboutEPHT li,
    504 .Front5 li
     703.AboutNEPHTN li,
     704.Front6 li
    505705{
    506706/*
     
    513713
    514714        list-style-type:        none;
    515         background:             #C6DFFB url('../image/EPHTlogo_cut.png') 15px center no-repeat;
     715        background:             #C6DFFB url('../image/NEPHTN_cut.png') 15px center no-repeat;
    516716        border:                         1px solid #336699;
    517717        padding:                        0.8em 1em .5em 75px;
     
    527727}
    528728
    529 .AboutEPHT li
    530 {
    531         background:             #ffffcc url('../image/EPHTlogo_cut.png') 8px center no-repeat;
     729.AboutNEPHTN li
     730{
     731        background:             #ffffcc url('../image/NEPHTN_cut.png') 8px center no-repeat;
    532732        border:                         1px solid #666655;
    533733
     
    536736        box-shadow:                     2px 2px 5px #aaaa99;
    537737}
    538 .AboutEPHT li:nth-child(odd)
     738.AboutNEPHTN li:nth-child(odd)
    539739{
    540740        background-color:       #ffeeaa;
    541741}
    542742
    543 .AboutEPHT li h4,
    544 .Front5 li h4
     743.AboutNEPHTN li h4,
     744.Front6 li h4
    545745{
    546746        margin:                         0;
    547747        font-size:                      1.4em;
    548748}
    549 .AboutEPHT li h4
     749.AboutNEPHTN li h4
    550750{
    551751        font-size:                      1.2em;
    552752}
    553753
    554 .AboutEPHT li a.MoreInfo,
    555 .Front5 li a.MoreInfo
     754.AboutNEPHTN li a.MoreInfo,
     755.Front6 li a.MoreInfo
    556756{
    557757        display:                        block;
     
    564764/**/
    565765
    566 
    567 .AboutNEPHTN,
    568 .Front6
     766.HealthyHomes,
     767.Front7
    569768{
    570769        padding:                        0;
     
    572771}
    573772
    574 .AboutNEPHTN li,
    575 .Front6 li
     773.HealthyHomes li,
     774.Front7 li
    576775{
    577776/*
     
    584783
    585784        list-style-type:        none;
    586         background:             #C6DFFB url('../image/NEPHTN_cut.png') 15px center no-repeat;
     785        background:             #C6DFFB url('../image/HealthyHomes.png') 15px center no-repeat;
    587786        border:                         1px solid #336699;
    588787        padding:                        0.8em 1em .5em 75px;
     
    598797}
    599798
    600 .AboutNEPHTN li
    601 {
    602         background:             #ffffcc url('../image/NEPHTN_cut.png') 8px center no-repeat;
     799.HealthyHomes li
     800{
     801        background:             #ffffcc url('../image/HealthyHomes.png') 8px center no-repeat;
    603802        border:                         1px solid #666655;
    604803
     
    607806        box-shadow:                     2px 2px 5px #aaaa99;
    608807}
    609 .AboutNEPHTN li:nth-child(odd)
     808.HealthyHomes li:nth-child(odd)
    610809{
    611810        background-color:       #ffeeaa;
    612811}
    613812
    614 .AboutNEPHTN li h4,
    615 .Front6 li h4
     813.HealthyHomes li h4,
     814.Front7 li h4
    616815{
    617816        margin:                         0;
    618817        font-size:                      1.4em;
    619818}
    620 .AboutNEPHTN li h4
     819.HealthyHomes li h4
    621820{
    622821        font-size:                      1.2em;
    623822}
    624823
    625 .AboutNEPHTN li a.MoreInfo,
    626 .Front6 li a.MoreInfo
     824.HealthyHomes li a.MoreInfo,
     825.Front7 li a.MoreInfo
    627826{
    628827        display:                        block;
     
    635834/**/
    636835
    637 .HealthyHomes,
    638 .Front7
     836.CC,
     837.Front8
    639838{
    640839        padding:                        0;
     
    642841}
    643842
    644 .HealthyHomes li,
    645 .Front7 li
     843.CC li,
     844.Front8 li
    646845{
    647846/*
     
    654853
    655854        list-style-type:        none;
    656         background:             #C6DFFB url('../image/HealthyHomes.png') 15px center no-repeat;
     855        background:             #C5FFAD url('../image/Climate.png') 15px center no-repeat;
    657856        border:                         1px solid #336699;
    658857        padding:                        0.8em 1em .5em 75px;
     
    668867}
    669868
    670 .HealthyHomes li
    671 {
    672         background:             #ffffcc url('../image/HealthyHomes.png') 8px center no-repeat;
     869.CC li
     870{
     871        background:             #C5FFAD url('../image/Climate.png') 8px center no-repeat;
    673872        border:                         1px solid #666655;
    674873
     
    677876        box-shadow:                     2px 2px 5px #aaaa99;
    678877}
    679 .HealthyHomes li:nth-child(odd)
    680 {
    681         background-color:       #ffeeaa;
    682 }
    683 
    684 .HealthyHomes li h4,
    685 .Front7 li h4
     878.CC li:nth-child(odd)
     879{
     880        background-color:       #C8E4AB;
     881}
     882
     883.CC li h4,
     884.Front8 li h4
    686885{
    687886        margin:                         0;
    688887        font-size:                      1.4em;
    689888}
    690 .HealthyHomes li h4
     889.CC li h4
    691890{
    692891        font-size:                      1.2em;
    693892}
    694893
    695 .HealthyHomes li a.MoreInfo,
    696 .Front7 li a.MoreInfo
     894.CC li a.MoreInfo,
     895.Front8 li a.MoreInfo
    697896{
    698897        display:                        block;
     
    703902}
    704903
     904
     905
     906
     907
    705908/**/
    706909
    707 .CC,
    708 .Front8
     910.Health,
     911.Front9
    709912{
    710913        padding:                        0;
     
    712915}
    713916
    714 .CC li,
    715 .Front8 li
     917.Health li,
     918.Front9 li
     919{
     920/*
     921list-style-image:url("../image/healthICON.png");
     922list-style-position:inside;
     923text-align: middle;
     924vertical-align:middle;
     925*/
     926        min-height:                     64px;
     927
     928        list-style-type:        none;
     929        background:             #C6DFFB url('../image/Health.png') 15px center no-repeat;
     930        border:                         1px solid #336699;
     931        padding:                        0.8em 1em .5em 75px;
     932        margin:                         0 1em 1em -1em;
     933
     934        -moz-border-radius:     5px 5px 5px 5px; 
     935        -webkit-border-radius: 5px 5px 5px 5px; 
     936        border-radius:          5px 5px 5px 5px; 
     937
     938        -moz-box-shadow:        2px 2px 5px #002233;
     939        -webkit-box-shadow: 2px 2px 5px #002233;
     940        box-shadow:                     2px 2px 5px #002233;
     941}
     942
     943.Health li
     944{
     945        background:             #C6DFFB url('../image/Health.png') 8px center no-repeat;
     946        border:                         1px solid #666655;
     947
     948        -moz-box-shadow:        2px 2px 5px #aaaa99;
     949        -webkit-box-shadow: 2px 2px 5px #aaaa99;
     950        box-shadow:                     2px 2px 5px #aaaa99;
     951}
     952
     953.Health li:nth-child(odd)
     954{
     955        background-color:       #8BB1D8; 
     956}
     957
     958.Health li h4,
     959.Front9 li h4
     960{
     961        margin:                         0;
     962        font-size:                      1.4em;
     963}
     964.Health li h4
     965{
     966        font-size:                      1.2em;
     967}
     968
     969.Health li a.MoreInfo,
     970.Front9 li a.MoreInfo
     971{
     972        display:                        block;
     973}
     974a.MoreInfo:hover h4, a.MoreInfo:active h4, a.MoreInfo:focus h4
     975{
     976        color:                          white;
     977}
     978
     979
     980/**/
     981
     982
     983.Environment,
     984.Front10
     985{
     986        padding:                        0;
     987        margin:                         0 0 0 1em;
     988}
     989
     990.Environment li,
     991.Front10 li
     992{
     993/*
     994list-style-image:url("../image/healthICON.png");
     995list-style-position:inside;
     996text-align: middle;
     997vertical-align:middle;
     998*/
     999        min-height:                     64px;
     1000
     1001        list-style-type:        none;
     1002        background:             #C5FFAD url('../image/Environment.png') 15px center no-repeat;
     1003        border:                         1px solid #336699;
     1004        padding:                        0.8em 1em .5em 75px;
     1005        margin:                         0 1em 1em -1em;
     1006
     1007        -moz-border-radius:     5px 5px 5px 5px; 
     1008        -webkit-border-radius: 5px 5px 5px 5px; 
     1009        border-radius:          5px 5px 5px 5px; 
     1010
     1011        -moz-box-shadow:        2px 2px 5px #002233;
     1012        -webkit-box-shadow: 2px 2px 5px #002233;
     1013        box-shadow:                     2px 2px 5px #002233;
     1014}
     1015
     1016.Environment li
     1017{
     1018        background:             #C5FFAD url('../image/Environment.png') 8px center no-repeat;
     1019        border:                         1px solid #666655;
     1020
     1021        -moz-box-shadow:        2px 2px 5px #aaaa99;
     1022        -webkit-box-shadow: 2px 2px 5px #aaaa99;
     1023        box-shadow:                     2px 2px 5px #aaaa99;
     1024}
     1025.Environment li:nth-child(odd)
     1026{
     1027        background-color:       #C8E4AB;  /*ESTE*/
     1028}
     1029
     1030.Environment li h4,
     1031.Front10 li h4
     1032{
     1033        margin:                         0;
     1034        font-size:                      1.4em;
     1035}
     1036.Environment li h4
     1037{
     1038        font-size:                      1.2em;
     1039}
     1040
     1041.Environment li a.MoreInfo,
     1042.Front10 li a.MoreInfo
     1043{
     1044        display:                        block;
     1045}
     1046a.MoreInfo:hover h4, a.MoreInfo:active h4, a.MoreInfo:focus h4
     1047{
     1048        color:                          white;
     1049}
     1050
     1051
     1052/* -- END BOX ADDITIONS -- */
     1053/****************************************************************************/
     1054
     1055
     1056.MetaDataOverviews,
     1057.TopicOverviews
     1058{
     1059        padding:                        0;
     1060        margin:                         0 0 0 1em;
     1061}
     1062
     1063.MetaDataOverviews li,
     1064.TopicOverviews li
    7161065{
    7171066/*
     
    7241073
    7251074        list-style-type:        none;
    726         background:             #C5FFAD url('../image/Climate.png') 15px center no-repeat;
    727         border:                         1px solid #336699;
    728         padding:                        0.8em 1em .5em 75px;
    729         margin:                         0 1em 1em -1em;
    730 
    731         -moz-border-radius:     5px 5px 5px 5px; 
    732         -webkit-border-radius: 5px 5px 5px 5px; 
    733         border-radius:          5px 5px 5px 5px; 
    734 
    735         -moz-box-shadow:        2px 2px 5px #002233;
    736         -webkit-box-shadow: 2px 2px 5px #002233;
    737         box-shadow:                     2px 2px 5px #002233;
    738 }
    739 
    740 .CC li
    741 {
    742         background:             #C5FFAD url('../image/Climate.png') 8px center no-repeat;
    743         border:                         1px solid #666655;
    744 
    745         -moz-box-shadow:        2px 2px 5px #aaaa99;
    746         -webkit-box-shadow: 2px 2px 5px #aaaa99;
    747         box-shadow:                     2px 2px 5px #aaaa99;
    748 }
    749 .CC li:nth-child(odd)
    750 {
    751         background-color:       #C8E4AB;
    752 }
    753 
    754 .CC li h4,
    755 .Front8 li h4
    756 {
    757         margin:                         0;
    758         font-size:                      1.4em;
    759 }
    760 .CC li h4
    761 {
    762         font-size:                      1.2em;
    763 }
    764 
    765 .CC li a.MoreInfo,
    766 .Front8 li a.MoreInfo
    767 {
    768         display:                        block;
    769 }
    770 a.MoreInfo:hover h4, a.MoreInfo:active h4, a.MoreInfo:focus h4
    771 {
    772         color:                          white;
    773 }
    774 
    775 
    776 
    777 
    778 
    779 /**/
    780 
    781 .Health,
    782 .Front9
    783 {
    784         padding:                        0;
    785         margin:                         0 0 0 1em;
    786 }
    787 
    788 .Health li,
    789 .Front9 li
    790 {
    791 /*
    792 list-style-image:url("../image/healthICON.png");
    793 list-style-position:inside;
    794 text-align: middle;
    795 vertical-align:middle;
    796 */
    797         min-height:                     64px;
    798 
    799         list-style-type:        none;
    800         background:             #C6DFFB url('../image/Health.png') 15px center no-repeat;
    801         border:                         1px solid #336699;
    802         padding:                        0.8em 1em .5em 75px;
    803         margin:                         0 1em 1em -1em;
    804 
    805         -moz-border-radius:     5px 5px 5px 5px; 
    806         -webkit-border-radius: 5px 5px 5px 5px; 
    807         border-radius:          5px 5px 5px 5px; 
    808 
    809         -moz-box-shadow:        2px 2px 5px #002233;
    810         -webkit-box-shadow: 2px 2px 5px #002233;
    811         box-shadow:                     2px 2px 5px #002233;
    812 }
    813 
    814 .Health li
    815 {
    816         background:             #C6DFFB url('../image/Health.png') 8px center no-repeat;
    817         border:                         1px solid #666655;
    818 
    819         -moz-box-shadow:        2px 2px 5px #aaaa99;
    820         -webkit-box-shadow: 2px 2px 5px #aaaa99;
    821         box-shadow:                     2px 2px 5px #aaaa99;
    822 }
    823 
    824 .Health li:nth-child(odd)
    825 {
    826         background-color:       #8BB1D8; 
    827 }
    828 
    829 .Health li h4,
    830 .Front9 li h4
    831 {
    832         margin:                         0;
    833         font-size:                      1.4em;
    834 }
    835 .Health li h4
    836 {
    837         font-size:                      1.2em;
    838 }
    839 
    840 .Health li a.MoreInfo,
    841 .Front9 li a.MoreInfo
    842 {
    843         display:                        block;
    844 }
    845 a.MoreInfo:hover h4, a.MoreInfo:active h4, a.MoreInfo:focus h4
    846 {
    847         color:                          white;
    848 }
    849 
    850 
    851 /**/
    852 
    853 
    854 .Environment,
    855 .Front10
    856 {
    857         padding:                        0;
    858         margin:                         0 0 0 1em;
    859 }
    860 
    861 .Environment li,
    862 .Front10 li
    863 {
    864 /*
    865 list-style-image:url("../image/healthICON.png");
    866 list-style-position:inside;
    867 text-align: middle;
    868 vertical-align:middle;
    869 */
    870         min-height:                     64px;
    871 
    872         list-style-type:        none;
    873         background:             #C5FFAD url('../image/Environment.png') 15px center no-repeat;
    874         border:                         1px solid #336699;
    875         padding:                        0.8em 1em .5em 75px;
    876         margin:                         0 1em 1em -1em;
    877 
    878         -moz-border-radius:     5px 5px 5px 5px; 
    879         -webkit-border-radius: 5px 5px 5px 5px; 
    880         border-radius:          5px 5px 5px 5px; 
    881 
    882         -moz-box-shadow:        2px 2px 5px #002233;
    883         -webkit-box-shadow: 2px 2px 5px #002233;
    884         box-shadow:                     2px 2px 5px #002233;
    885 }
    886 
    887 .Environment li
    888 {
    889         background:             #C5FFAD url('../image/Environment.png') 8px center no-repeat;
    890         border:                         1px solid #666655;
    891 
    892         -moz-box-shadow:        2px 2px 5px #aaaa99;
    893         -webkit-box-shadow: 2px 2px 5px #aaaa99;
    894         box-shadow:                     2px 2px 5px #aaaa99;
    895 }
    896 .Environment li:nth-child(odd)
    897 {
    898         background-color:       #C8E4AB;  /*ESTE*/
    899 }
    900 
    901 .Environment li h4,
    902 .Front10 li h4
    903 {
    904         margin:                         0;
    905         font-size:                      1.4em;
    906 }
    907 .Environment li h4
    908 {
    909         font-size:                      1.2em;
    910 }
    911 
    912 .Environment li a.MoreInfo,
    913 .Front10 li a.MoreInfo
    914 {
    915         display:                        block;
    916 }
    917 a.MoreInfo:hover h4, a.MoreInfo:active h4, a.MoreInfo:focus h4
    918 {
    919         color:                          white;
    920 }
    921 
    922 
    923 /* -- END BOX ADDITIONS -- */
    924 /****************************************************************************/
    925 
    926 
    927 .MetaDataOverviews,
    928 .TopicOverviews
    929 {
    930         padding:                        0;
    931         margin:                         0 0 0 1em;
    932 }
    933 
    934 .MetaDataOverviews li,
    935 .TopicOverviews li
    936 {
    937 /*
    938 list-style-image:url("../image/healthICON.png");
    939 list-style-position:inside;
    940 text-align: middle;
    941 vertical-align:middle;
    942 */
    943         min-height:                     64px;
    944 
    945         list-style-type:        none;
    9461075        background:             #C6DFFB url('../image/Health.png') 15px center no-repeat;
    9471076        border:                         1px solid #336699;
Note: See TracChangeset for help on using the changeset viewer.