Changeset 19700 in main


Ignore:
Timestamp:
01/04/20 13:33:03 (3 years ago)
Author:
GarthBraithwaite_STG
Message:

view - TEMP COMMIT before restruct css menus. Removed the non used -webkit css type entries. Fixed IE11 incompat with js startswith.

Location:
trunk/ibisph-view/src/main/webapp
Files:
26 edited

Legend:

Unmodified
Added
Removed

  • trunk/ibisph-view/src/main/webapp/WEB-INF/web.xml

    r16027 r19700  
    284284        <mime-mapping><extension>xml</extension> <mime-type>text/xml</mime-type></mime-mapping>
    285285
     286        <mime-mapping><extension>ttf</extension> <mime-type>application/octet-stream</mime-type></mime-mapping>
     287        <mime-mapping><extension>woff</extension> <mime-type>application/octet-stream</mime-type></mime-mapping>
     288
    286289        <mime-mapping><extension>doc</extension>  <mime-type>application/vnd.ms-word</mime-type></mime-mapping>
    287290        <mime-mapping><extension>docx</extension> <mime-type>application/vnd.ms-word</mime-type></mime-mapping>

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

    r17021 r19700  
    5555        border-bottom:          1px solid #666;
    5656        border-right:           1px solid #666;
    57 
    58         -moz-border-radius:     4px 4px 4px 4px; 
    59         -webkit-border-radius: 4px 4px 4px 4px;   
    6057        border-radius:          4px 4px 4px 4px; 
    6158}
    … …  
    151148.ExpandableContent.EnclosedContainer.HoverControl:focus  > .Control
    152149{
    153         -moz-border-radius:     4px 4px 0px 0px; 
    154         -webkit-border-radius: 4px 4px 0px 0px;   
    155150        border-radius:          4px 4px 0px 0px; 
    156151}
    … …  
    209204        background-color:       #efefef;
    210205        border:                         1px solid #336699;
    211 
    212         -moz-border-radius:     0px 0px 4px 4px; 
    213         -webkit-border-radius: 0px 0px 4px 4px;   
    214206        border-radius:          0px 0px 4px 4px; 
    215 
    216         -moz-box-shadow:        0 8px 6px -6px #888;
    217         -webkit-box-shadow: 0 8px 6px -6px #888;
    218207        box-shadow:                     0 8px 6px -6px #888;
    219208}
    … …  
    225214        border:                         1px solid grey;
    226215        background-color:       #f8f8f8;
    227         -moz-border-radius:     4px 4px 4px 4px; 
    228         -webkit-border-radius: 4px 4px 4px 4px;   
    229216        border-radius:          4px 4px 4px 4px; 
    230217}
    … …  
    238225        padding:                        5px 5px 5px 25px;
    239226        margin:                         0;
    240 
    241         -moz-border-radius:     0; 
    242         -webkit-border-radius: 0;   
    243227        border-radius:          0; 
    244228}

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

    r17021 r19700  
    8686        background-color:       #114477;
    8787        color:                          #ffcc66;
    88 
    89         -moz-border-radius:     5px 5px 5px 5px; 
    90         -webkit-border-radius: 5px 5px 5px 5px; 
    9188        border-radius:          5px 5px 5px 5px; 
    92 
    93         -moz-box-shadow:        inset 1px 1px 2px 0px #F2E4D5;
    94         -webkit-box-shadow: inset 1px 1px 2px 0px #F2E4D5;
    9589        box-shadow:                     inset 1px 1px 2px 0px #F2E4D5;
    9690}
    … …  
    206200height: 0;
    207201display: block;
    208         -webkit-transition: all 0.8s ease;
    209            -moz-transition: all 0.8s ease;
    210              -o-transition: all 0.8s ease;
    211             -ms-transition: all 0.8s ease;
    212202                transition: all 0.8s ease;
    213203}

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

    r19691 r19700  
    4242        margin:                         0;
    4343        min-height:                     50px;
     44        box-shadow:             3px 3px 5px 0px #464135;
    4445
    4546        z-index:                        110;
    46 
    47         -moz-box-shadow:        3px 3px 5px 0px #464135;
    48         -webkit-box-shadow: 3px 3px 5px 0px #464135;
    49         box-shadow:             3px 3px 5px 0px #464135;
    5047}
    5148
    … …  
    6360{
    6461        /* setup grid with equal columns */
     62        display:                        -ms-grid; /* IE 10 */
    6563        display:                        grid;
    6664        grid-auto-columns:      1fr;
    … …  
    158156        background-color:       #225588;
    159157        border:                         1px solid #336699;
    160 
    161158        color:                          #ffeecc;
    162159        text-decoration:        none;
    163         -moz-border-radius:     5px 5px 0px 0px; 
    164         -webkit-border-radius: 5px 5px 0px 0px; 
    165160        border-radius:          5px 5px 0px 0px; 
    166161}
    … …  
    232227        color:                          #ffcc66;
    233228    border-color:               #6699aa;
    234 
    235         -moz-border-radius:     5px 5px 5px 5px; 
    236         -webkit-border-radius: 5px 5px 5px 5px; 
    237229        border-radius:          5px 5px 5px 5px; 
    238230/*
    239         -moz-box-shadow:        inset 1px 1px 2px 0px #F2E4D5;
    240         -webkit-box-shadow: inset 1px 1px 2px 0px #F2E4D5;
    241231        box-shadow:                     inset 1px 1px 2px 0px #F2E4D5;
    242232*/

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

    r17021 r19700  
    5656        z-index:                        2;
    5757
    58         -webkit-transform:      rotate(-90deg);
    59         -moz-transform:         rotate(-90deg);
    60         -ms-transform:          rotate(-90deg);
    61         -o-transform:           rotate(-90deg);
     58        transform:              rotate(-90deg);
    6259        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    6360}

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

    r19691 r19700  
    1616 *                      li id="xxxxMenu" - tab
    1717 *                              input id="columnPanelControl1"
    18  *                              label for="columnPanelControl1"
     18 *                              label.Title for="columnPanelControl1"
    1919 *                              div.Panel
    2020 *                                      div.Header
    … …  
    5757        z-index:           1;
    5858}
    59 ul.HorizontalMenu.HorizontalTabList > li > input + label
     59
     60
     61
     62
     63
     64
     65ul.HorizontalMenu.HorizontalTabList > li > input + label:after
     66{
     67       
     68        padding-left:                           5px;            /* can do margin-left but left justify is error prone */
     69        content:                        "\e11b"; /*"\e015";     */
     70        font-size:                      12px;
     71        color:                          #bbb
     72
     73        width: 1em;
     74        height: 1em;
     75
     76        -moz-osx-font-smoothing: grayscale;
     77        -webkit-font-smoothing: antialiased;
     78
     79        font-size: 16px;
     80/*       */ font-family: "WebComponentsIcons";
     81        font-style: normal;
     82        font-variant: normal;
     83        font-weight: bold;
     84        line-height: 1;
     85
     86        speak: none;
     87        text-transform: none;
     88        text-decoration: none;
     89        display: inline-block;
     90        vertical-align: middle;
     91       
     92
     93        /*
     94        small dot: 2022 
     95        box: ffed
     96        checkbox: 2713
     97        star: \22C6\A0   
     98        triangle: 25BA
     99        diamond: \2666
     100        open circle: \00ba  >>=\00BB
     101       
     102        \1F4CA = bar chart
     103        \1F4C8 = up trend
     104        \1F4D8 = blue book
     105        \25A4 = box with lines
     106        \2148 italic
     107        \1D413 bold T
     108        \25B6 triangle
     109        \2605 star
     110        \2606 star outlined
     111        \2311 square
     112        \1F517 link
     113        \2754 question outline
     114        \2753 question solid
     115        \1F4AC balloon
     116        \1F4C7 rollodex
     117        \261E index finger
     118        \25C7 diamond outlined
     119        \2318 place of interest
     120        */
     121}
     122
     123
     124
     125.xxxxxxxx ul.HorizontalMenu.HorizontalTabList > li > input + label
    60126{
    61127        padding-right:          25px;
    … …  
    64130        background-repeat: no-repeat;
    65131}
    66 ul.HorizontalMenu.HorizontalTabList > li > input[type="checkbox"]:not(:checked) + label,
    67 ul.HorizontalMenu.HorizontalTabList > li > input[type="radio"]:not(:checked) + label
     132.xxxxxxxxxxx ul.HorizontalMenu.HorizontalTabList > li > input[type="checkbox"]:not(:checked) + label,
     133.xxxxxxxxxxx ul.HorizontalMenu.HorizontalTabList > li > input[type="radio"]:not(:checked) + label
    68134{
    69135        background-image:       url("../image/icon/16/plus_circle-blue.png");
    … …  
    113179{
    114180        background-color:               #336699;
    115         border-bottom:                  1px solid transparent;
    116181        color:                                  white;
    117182}
    … …  
    124189        up/down/out     transition that allows a mouse over to reactivate.
    125190*/
    126 ul.HorizontalMenu.HorizontalTabList li > .Panel,
    127191ul.HorizontalMenu.HorizontalTabList li > input:not(checked) ~ .Panel
    128192{
    … …  
    132196           can look at using visibility again and use the transitions below:
    133197        transition:         all 0.2s linear;
    134         -moz-transition:    all 0.2s linear;
    135         -webkit-transition: all 0.2s linear;
    136         -o-transition:      all 0.2s linear;
    137198
    138199        slow then fast - rocket take off.
    139         -webkit-transition: all 3s cubic-bezier(.98,0,1,.28);
    140         -moz-transition: all 3s cubic-bezier(.98,0,1,.28);
    141         -o-transition: all 3s cubic-bezier(.98,0,1,.28);
    142200        transition: all 3s cubic-bezier(.98,0,1,.28);
    143201
    144202        fast then slow - allows abs far neg left position to have fade in effect:
    145         -webkit-transition: opacity 1.0s cubic-bezier(0, 0.5,  0.0, 1);
    146         -moz-transition:        opacity 1.0s cubic-bezier(0, 0.5,  0.0, 1);
    147         -o-transition:          opacity 1.0s cubic-bezier(0, 0.5,  0.0, 1);
    148         -ms-transition:         opacity 1.0s cubic-bezier(0, 0.5,  0.0, 1);
    149203        transition:                     opacity 1.0s cubic-bezier(0, 0.5,  0.0, 1);
    150 
    151204        transition-delay:         0.1s;
    152         -moz-transition-delay:    0.1s;
    153         -webkit-transition-delay: 0.1s;
    154         -o-transition-delay:      0.1s;
    155 
    156205        transition:         left 0.2s ease-out 0.1s;
    157         -moz-transition:    left 0.2s ease-out 0.1s;
    158         -webkit-transition: left 0.2s ease-out 0.1s;
    159         -o-transition:      left 0.2s ease-out 0.1s;
    160206        */
    161207        transition:         opacity 0.2s linear;
    162         -moz-transition:    opacity 0.2s linear;
    163         -webkit-transition: opacity 0.2s linear;
    164         -o-transition:      opacity 0.2s linear;
    165208}
    166209
    … …  
    169212ul.HorizontalMenu.HorizontalTabList > li:hover > input:checked ~ .Panel 
    170213*/
    171 ul.xxHorizontalMenu.HorizontalTabList > li:not(.Sticky):hover > .Panel,
    172214ul.HorizontalMenu.HorizontalTabList li > input:checked ~ .Panel
    173215{

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

    r19691 r19700  
    1212 *              ul class="HorizontalMenu HorizontalTabList"
    1313 *                      li id="xxxxMenu" - tab
     14 *                              span.Title or input/label struct
    1415 *                              div.Panel
    1516 *                                      div.Header
    … …  
    2930ul.HorizontalMenu.HorizontalTabList
    3031{
    31         position:                       relative;  /* easier for panel to be full width and under */
    32 
    33         -moz-box-shadow:        0 3px 5px -0px #888;
    34         -webkit-box-shadow: 0 3px 5px -0px #888;
    35         box-shadow:                     0 3px 5px -0px #888;
     32        position:                               relative;  /* easier for panel to be full width and under */
     33        box-shadow:                             0 3px 5px -0px #888;
    3634}
    3735
    38 ul.HorizontalMenu.HorizontalTabList > li
     36ul.HorizontalMenu.HorizontalTabList > li > .Title
    3937{
    40         padding:                        3px 0px 2px 0px;
    41         min-width:                      100px;
     38        padding:                                5px 8px 3px 5px;
     39        background-color:               inherit;
     40        color:                                  inherit;
     41        font-weight:                    normal;
    4242}
    4343
    … …  
    5656}
    5757
    58 /* default hover behavior if not using input controls */
    59 ul.HorizontalMenu.HorizontalTabList > li:hover + .Panel
     58/* default hover behavior if not using input controls (note "+" selector) */
     59ul.HorizontalMenu.HorizontalTabList > li:hover > .Title + .Panel
    6060{
    6161        visibility:                     visible;
    … …  
    6666/*============================ End of Style Sheet ============================*/
    6767
     68
     69ul.HorizontalMenu.HorizontalTabList > li > .Title:after
     70{
     71        padding-left:                           6px;            /* can do margin-left but left justify is error prone */
     72        content:                        "\e11b"; /*"\e015";     */
     73        color:                          inherit;
     74
     75        -moz-osx-font-smoothing: grayscale;
     76        -webkit-font-smoothing: antialiased;
     77
     78        font-family: "WebComponentsIcons";
     79        font-style: normal;
     80        font-variant: normal;
     81        font-weight: bold;
     82
     83        speak: none;
     84        text-transform: none;
     85        text-decoration: none;
     86        display: inline-block;
     87        vertical-align: top;
     88       
     89
     90        /*
     91        small dot: 2022 
     92        box: ffed
     93        checkbox: 2713
     94        star: \22C6\A0   
     95        triangle: 25BA
     96        diamond: \2666
     97        open circle: \00ba  >>=\00BB
     98       
     99        \1F4CA = bar chart
     100        \1F4C8 = up trend
     101        \1F4D8 = blue book
     102        \25A4 = box with lines
     103        \2148 italic
     104        \1D413 bold T
     105        \25B6 triangle
     106        \2605 star
     107        \2606 star outlined
     108        \2311 square
     109        \1F517 link
     110        \2754 question outline
     111        \2753 question solid
     112        \1F4AC balloon
     113        \1F4C7 rollodex
     114        \261E index finger
     115        \25C7 diamond outlined
     116        \2318 place of interest
     117        */
     118}
     119
     120
     121

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

    r19691 r19700  
    1515ul.HorizontalTabList
    1616{
    17         background-color:       #225588;
     17        background-color:       #e8e8e8;
    1818
    1919        position:                       relative;
    2020        width:                          100%;
    21         padding:                        6px 2px 4px 2px;
     21        padding:                        8px 2px 2px 2px;
    2222        margin:                         0;
    2323        z-index:                        100;
    … …  
    2525        font-weight:            normal;
    2626        font-size:                      16px;
    27 
    28 background: linear-gradient(0deg, #003366 0%, #005DB4 100%);
    2927}
    3028
    … …  
    3634        vertical-align:         bottom;
    3735        padding:                        0;
    38 /*
    39         background-color:       #4477aa;
    40         color:                          #e0e0e0;
    41 */
    42         color:                          #ccc;
    43         min-width:                      115px;
     36        color:                          #555;
    4437        list-style:                     none;
    45         margin-right:           4px;
    46 
    47 /*
    48         border: 1px solid #aaa;
    49         border-top:             1px solid #aaa;
    50         border-right:           1px solid #999;
    51 */
    52         border:                         1px solid #777;
    53 
    54         -moz-border-radius:     5px 5px 0px 0px; 
    55         -webkit-border-radius: 5px 5px 0px 0px; 
    56         border-radius:          5px 5px 0px 0px;
     38        margin-right:           1em;
    5739}
    5840ul.HorizontalTabList > li:hover,
    … …  
    6143ul.HorizontalTabList > li.On:hover
    6244{
    63         background-color:       #003366;
     45        background-color:       #336699;
    6446        color:                          #ffcc66;
    65 /*
    66         border-left:            1px solid #ddd;
    67         border-top:             1px solid #ddd;
    68         border-right:           1px solid #888;
    69 */
    7047}
    7148
    … …  
    7956        color:                          inherit;
    8057        padding:                        8px 6px 5px 6px;
    81 
    82         -moz-border-radius:     inherit;
    83         -webkit-border-radius: inherit; 
    84         border-radius:          inherit; 
    8558}
    8659
    … …  
    8861ul.HorizontalTabList > li.On
    8962{
    90         border-color:           #ddd; /*ebf3ff;*/
    91         color:                          #eeeeee;
     63        background-color:       #ccc; /*ebf3ff;*/
     64        color:                          #003366;
    9265}
    9366

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

    r17021 r19700  
    7171        cursor:                         default;
    7272
    73         -moz-border-radius:     5px 5px 5px 5px; 
    74         -webkit-border-radius: 5px 5px 5px 5px; 
    7573        border-radius:          5px 5px 5px 5px; 
    76 
    77         -moz-box-shadow:        2px 2px 5px 0px #333;
    78         -webkit-box-shadow: 2px 2px 5px 0px #333;
    7974        box-shadow:                     2px 2px 5px 0px #333;
    80 
    8175        transition:         opacity 0.5s linear;
    82         -moz-transition:    opacity 0.5s linear;
    83         -webkit-transition: opacity 0.5s linear;
    84         -o-transition:      opacity 0.5s linear;
    8576}
    8677.Popup:hover  .Container,
    … …  
    141132        font-weight:            normal;
    142133
    143         -moz-border-radius:     5px 5px 5px 5px; 
    144         -webkit-border-radius: 5px 5px 5px 5px; 
    145134        border-radius:          5px 5px 5px 5px; 
    146 
    147         -moz-box-shadow:        inset 2px 2px 5px 0px #333;
    148         -webkit-box-shadow: inset 2px 2px 5px 0px #333;
    149135        box-shadow:                     inset 2px 2px 5px 0px #333;
    150136}

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

    r17021 r19700  
    5353        border-bottom:          1px solid #666;
    5454        border-right:           1px solid #666;
    55 
    56         -moz-border-radius:     4px 4px 4px 4px; 
    57         -webkit-border-radius: 4px 4px 4px 4px;   
    5855        border-radius:          4px 4px 4px 4px; 
    5956}
    … …  
    144141.SlideOutContent.EnclosedContainer.HoverControl:focus  > .Control
    145142{
    146         -moz-border-radius:     4px 4px 0px 0px; 
    147         -webkit-border-radius: 4px 4px 0px 0px;   
    148143        border-radius:          4px 4px 0px 0px; 
    149144}
    … …  
    186181        background-color:       #efefef;
    187182        border:                         1px solid #336699;
    188 
    189         -moz-border-radius:     0px 0px 4px 4px; 
    190         -webkit-border-radius: 0px 0px 4px 4px;   
    191183        border-radius:          0px 0px 4px 4px; 
    192 
    193         -moz-box-shadow:        0 8px 6px -6px #888;
    194         -webkit-box-shadow: 0 8px 6px -6px #888;
    195184        box-shadow:                     0 8px 6px -6px #888;
    196185}

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

    r19338 r19700  
    3131        list-style:                     none;
    3232
    33         -moz-border-radius:     5px 5px 0px 0px; 
    34         -webkit-border-radius: 5px 5px 0px 0px; 
    3533        border-radius:          5px 5px 0px 0px; 
    3634}

  • trunk/ibisph-view/src/main/webapp/css/VerticalMenu-Dropdown.css

    r8232 r19700  
    4343        border:                         1px solid #336699;
    4444        border-left:            none;
    45 
    46         -moz-border-radius:     0px 5px 5px 0px; 
    47         -webkit-border-radius: 0px 5px 5px 0px; 
    4845        border-radius:          0px 5px 5px 0px; 
    49 
    50         -moz-box-shadow:        none;
    51         -webkit-box-shadow: none;
    5246        box-shadow:                     none;
    5347}
    … …  
    7468        left:                           0;
    7569*/
    76         -moz-box-shadow:        0 8px 6px -6px #003366;
    77         -webkit-box-shadow: 0 8px 6px -6px #003366;
    7870        box-shadow:                     0 8px 6px -6px #003366;
    79 
    8071        max-height:             0;
    8172        overflow:                       hidden;
    82 
    83         -webkit-transition: max-height 1.5s ease;
    84            -moz-transition: max-height 1.5s ease;
    85              -o-transition: max-height 1.5s ease;
    86             -ms-transition: max-height 1.5s ease;
    87                 transition: max-height 1.5s ease;
     73        transition:             max-height 1.5s ease;
    8874/*
    89 
    90                   -webkit-transition: max-height 2.0s cubic-bezier(1.000, -0.530, 0.405, 1.425);
    91      -moz-transition: max-height 2.0s cubic-bezier(1.000, -0.530, 0.405, 1.425);
    92        -o-transition: max-height 2.0s cubic-bezier(1.000, -0.530, 0.405, 1.425);
    93       -ms-transition: max-height 2.0s cubic-bezier(1.000, -0.530, 0.405, 1.425);
    9475          transition: max-height 2.0s cubic-bezier(1.000, -0.530, 0.405, 1.425);
    9576*/

  • trunk/ibisph-view/src/main/webapp/css/VerticalMenu-ExpandableList.css

    r17021 r19700  
    6868        background-color:       #114477;
    6969        color:                          white;
    70 
    71         -moz-box-shadow:        none;
    72         -webkit-box-shadow: none;
    7370        box-shadow:                     none;
    7471}
    … …  
    9794.VerticalMenu.ExpandableList li label:hover
    9895{
    99         -moz-border-radius:     0; 
    100         -webkit-border-radius: 0; 
    10196        border-radius:          0; 
    102 
    103         -moz-box-shadow:        none;
    104         -webkit-box-shadow: none;
    10597        box-shadow:                     none;
    10698}
    … …  
    135127        background-color:       white;
    136128        color:                          #003366;
    137 
    138         -moz-box-shadow:        inset 2px 0px 2px 0px #336699;
    139         -webkit-box-shadow: inset 2px 0px 2px 0px #336699;
    140129        box-shadow:                     inset 2px 0px 2px 0px #336699;
    141130}
    … …  
    155144        background-color:       #eee;
    156145        color:                          #777;
    157 
    158         -moz-border-radius:     0; 
    159         -webkit-border-radius: 0; 
    160146        border-radius:          0; 
    161147}
    … …  
    186172.VerticalMenu.ExpandableList .Help.Popup .Container .Content
    187173{
    188     -moz-box-shadow:    inset 2px 2px 5px 0px #888;
    189     -webkit-box-shadow: inset 2px 2px 5px 0px #888;
    190174    box-shadow:                 inset 2px 2px 5px 0px #888;
    191175}

  • trunk/ibisph-view/src/main/webapp/css/VerticalMenu-Popout.css

    r8232 r19700  
    3737        width:                          140px;
    3838        max-width:                      140px;
    39 
    40         -moz-box-shadow:        none;
    41         -webkit-box-shadow: none;
    4239        box-shadow:                     none;
    4340}
    … …  
    4643{
    4744        border-top:                     1px solid white;
    48 
    49         -moz-border-radius:     0px 5px 5px 0px; 
    50         -webkit-border-radius: 0px 5px 5px 0px; 
    5145        border-radius:          0px 5px 5px 0px; 
    52 
    53         -moz-box-shadow:        none;
    54         -webkit-box-shadow: none;
    5546        box-shadow:                     none;
    5647}
    … …  
    6354.VerticalMenu.VerticalPopoutList li a:hover
    6455{
    65         -moz-border-radius:     0px 5px 5px 0px; 
    66         -webkit-border-radius: 0px 5px 5px 0px; 
    6756        border-radius:          0px 5px 5px 0px; 
    6857}
    … …  
    10089         */
    10190        transition:         all 0.2s linear;
    102         -moz-transition:    all 0.2s linear;
    103         -webkit-transition: all 0.2s linear;
    104         -o-transition:      all 0.2s linear;
    10591}
    10692

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

    r18288 r19700  
    4646        line-height:            30px;
    4747
    48         -moz-border-radius: 0 5px 5px 0;
    49         -webkit-border-radius:0 5px 5px 0;
    5048    border-bottom:              2px solid #777;
    5149        border-radius:          0 5px 5px 0;
    … …  
    5553{
    5654        background-color:       #e1f0fc;
    57 background-color:       transparent;
     55        background-color:       transparent;
    5856}
    5957
    … …  
    7270        background-color:       #114477;
    7371        color:                          #ffcc66;
    74 
    75         -moz-border-radius:     0; 
    76         -webkit-border-radius: 0; 
    77         border-radius:          0; 
    78 border-radius: 0 5px 5px 0;
    79 
    80         -moz-box-shadow:        none;
    81         -webkit-box-shadow: none;
     72        border-radius:          0 5px 5px 0;
    8273        box-shadow:                     none;
    8374}

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

    r16650 r19700  
    2424        font-size:                      11px;
    2525
    26         -moz-box-shadow:        2px 2px 5px 2px #334455;
    27         -webkit-box-shadow: 2px 2px 5px 2px #334455;
    2826        box-shadow:                     2px 2px 5px 2px #334455;
    2927
    … …  
    3331         */
    3432        transition:         all 0.33s linear;
    35         -moz-transition:    all 0.33s linear;
    36         -webkit-transition: all 0.33s linear;
    37         -o-transition:      all 0.33s linear;
    3833}
    3934
    … …  
    4641        background-color:       #6699cc;
    4742        list-style:                     none;
    48 
    49         -moz-box-shadow:        inset 2px 0px 2px 0px #99ccff;
    50         -webkit-box-shadow: inset 2px 0px 2px 0px #99ccff;
    5143        box-shadow:                     inset 2px 0px 2px 0px #99ccff;
    5244}
    … …  
    5648{
    5749        background-color:       #114477;
    58 
    59         -moz-box-shadow:        none;
    60         -webkit-box-shadow: none;
    6150        box-shadow:                     none;
    6251}
    … …  
    117106{
    118107        background-color:       #336699;
    119         -moz-box-shadow:        inset 2px 0px 2px 0px #6699cc;
    120         -webkit-box-shadow: inset 2px 0px 2px 0px #6699cc;
    121108        box-shadow:                     inset 2px 0px 2px 0px #6699cc;
    122109}

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

    r18604 r19700  
    253253
    254254        vertical-align:         top;
    255         display:                        -moz-inline-stack;
    256255}
    257256

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

    r7793 r19700  
    1111{
    1212        padding:                                20px;
    13 
    14         -moz-border-radius:             20px;
    15         -webkit-border-radius:  20px;
    1613        border-radius:                  20px;
    1714
    … …  
    2118                just the content - inside the padding: content-box
    2219        */
    23         -moz-background-clip:   padding;
    2420        -webkit-background-clip:padding-box;
    2521        background-clip:                padding-box;
    … …  
    5147.Transition .Container
    5248{
    53 
    54         -webkit-transition: all 0.3s ease;
    55            -moz-transition: all 0.3s ease;
    56              -o-transition: all 0.3s ease;
    57             -ms-transition: all 0.3s ease;
    58                 transition: all 0.3s ease;
     49        transition: all 0.3s ease;
    5950}
    6051
    … …  
    6253.Fade .Container
    6354{
    64 
    65         -webkit-transition: opacity 0.5s ease;
    66            -moz-transition: opacity 0.5s ease;
    67              -o-transition: opacity 0.5s ease;
    68             -ms-transition: opacity 0.5s ease;
    69                 transition: opacity 0.5s ease;
     55        transition: opacity 0.5s ease;
    7056}
    7157
    … …  
    7561{
    7662        /* Prevent some white flashing in Safari 5.1 */
    77         -webkit-backface-visibility: hidden;
     63        backface-visibility: hidden;
    7864
    79         -webkit-transform:      scale(0) skew(50deg);
    80         -moz-transform:         scale(0) skew(50deg);
    81         -ms-transform:          scale(0) skew(50deg);
    82         -o-transform:           scale(0) skew(50deg);
    83 
    84         -webkit-transform-origin: 0px -30px;
    85         -moz-transform-origin:    0px -30px;
    86         -ms-transform-origin:     0px -30px;
    87         -o-transform-origin:      0px -30px;
     65        transform:      scale(0) skew(50deg);
     66        transform-origin: 0px -30px;
    8867
    8968        /* does transition on transform effects, then on opacity */
    90         -webkit-transition: -webkit-transform ease-out .35s, opacity ease-out .4s;
    91         -moz-transition:    -moz-transform    ease-out .35s, opacity ease-out .4s;
    92         -ms-transition:     -ms-transform     ease-out .35s, opacity ease-out .4s;
    93         -o-transition:      -o-transform      ease-out .35s, opacity ease-out .4s;
     69        transition: transform ease-out .35s, opacity ease-out .4s;
    9470}
    9571.Foldout:hover
    9672{
    9773        opacity: 1;
    98         -webkit-transform: scale(1) skew(0deg);
    99         -moz-transform:    scale(1) skew(0deg);
    100         -ms-transform:     scale(1) skew(0deg);
    101         -o-transform:      scale(1) skew(0deg);
     74        transform: scale(1) skew(0deg);
    10275}
    10376

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

    r18691 r19700  
    1313
    1414        /* browser calculates object width to include padding and border, default=content-box */
    15         -webkit-box-sizing:     border-box;
    16         -moz-box-sizing:        border-box;
    1715        box-sizing:                     border-box;
    1816}
    … …  
    105103textarea
    106104{
    107         -webkit-box-sizing: border-box;
    108         -moz-box-sizing:        border-box;
    109105        box-sizing:             border-box;
    110         width: 100%;
     106        width:                          100%;
    111107}
    112108
    … …  
    143139        color:                          #ffcc66;
    144140        background-color:       #114477;
    145 
    146         -moz-border-radius:             4px; 
    147         -webkit-border-radius:  4px; 
    148         border-radius:                  4px;
     141        border-radius:          4px;
    149142}
    150143
    … …  
    181174        border:                         solid 1px #777;
    182175        border-radius:          4px;
    183 
    184         -webkit-box-shadow:             inset 1px 1px 2px #bbb;
    185         -moz-box-shadow:                inset 1px 1px 2px #bbb;
    186         box-shadow:                             inset 1px 1px 2px #bbb;
     176        box-shadow:                     inset 1px 1px 2px #bbb;
    187177/*
    188178        background : #d0d5e0;
    189         background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0d5e0), color-stop(100%,#8a8a8a));
    190         background : -moz-linear-gradient(top, #d0d5e0 0%, #8a8a8a 100%);
    191         background : -webkit-linear-gradient(top, #d0d5e0 0%, #8a8a8a 100%);
    192         background : -o-linear-gradient(top, #d0d5e0 0%, #8a8a8a 100%);
    193         background : -ms-linear-gradient(top, #d0d5e0 0%, #8a8a8a 100%);
    194179        background : linear-gradient(top, #d0d5e0 0%, #8a8a8a 100%);
    195180        filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d5e0', endColorstr='#8a8a8a',GradientType=0 );
    … …  
    205190        color:                                  #000;
    206191        background-color:               #aaaaaa;
    207 
    208         -webkit-box-shadow:     none;
    209         -moz-box-shadow:                none;
    210192        box-shadow:                     none;
    211193}
    … …  
    403385}
    404386
     387
     388.FontIcon
     389{
     390        width: 1em;
     391        height: 1em;
     392
     393        -moz-osx-font-smoothing: grayscale;
     394        -webkit-font-smoothing: antialiased;
     395
     396        font-size: 16px;
     397        font-family: "WebComponentsIcons";
     398        font-style: normal;
     399        font-variant: normal;
     400        font-weight: normal;
     401        line-height: 1;
     402
     403        speak: none;
     404        text-transform: none;
     405        text-decoration: none;
     406        display: inline-block;
     407        vertical-align: middle;
     408}
    405409/*============================ End of Style Sheet ============================*/
    406410

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

    r19124 r19700  
    8383#banner
    8484{
    85         -moz-box-shadow:        0 8px 6px -6px #888;
    86         -webkit-box-shadow: 0 8px 6px -6px #888;
    8785        box-shadow:                     0 8px 6px -6px #888;
    8886}
    … …  
    109107        border-bottom:          0px solid #333;
    110108
    111         -webkit-transition: height 0.8s ease;
    112            -moz-transition: height 0.8s ease;
    113              -o-transition: height 0.8s ease;
    114             -ms-transition: height 0.8s ease;
    115                 transition: height 0.8s ease;
     109        transition:             height 0.8s ease;
    116110}
    117111#banner .DOHBanner:hover
    … …  
    171165{
    172166        height:                         160px;
    173 line-height: 1.25em;
     167        line-height:            1.25em;
    174168
    175169        position:                       relative;       /* so that the pf and menu will be relative */
    176170        padding-top:            15px;
    177171
    178         background:     #00397C url('../image/header_background.png') no-repeat;
    179         background-size:  1100px 110%;
     172        background:                     #00397C url('../image/header_background.png') no-repeat;
     173        background-size:        1100px 110%;
    180174/*
    181175        background-color:       #ebf3ff; / * #c4def9; * /
    … …  
    282276        clear:                          right;
    283277border-top: 2px solid #6699aa;
    284         -moz-box-shadow:        0 3px 5px -0px #888;
    285         -webkit-box-shadow: 0 3px 5px -0px #888;
    286278        box-shadow:                     0 3px 5px -0px #888;
    287279}
    … …  
    452444#content section .Text .Container ul
    453445{
    454         display:                        inline-block;
     446        display:                                                inline-block;
    455447
    456448        -webkit-column-break-inside:    avoid;
    … …  
    527519{
    528520        /* Do footer color and image in the HTML definition so short pages will fill browser window
    529         background:             -ms-linear-gradient(right, white 45%, #A0CEF5 100%);
    530         background:             -moz-linear-gradient(right, white 45%, #A0CEF5 100%);  / * Mozilla Firefox * /
    531         background:             -o-linear-gradient(right, white 45%, #A0CEF5 100%);    / * Opera * /
    532         background:             -webkit-linear-gradient(right, white 45%, #A0CEF5 100%);
    533         background:             -webkit-gradient(linear, right top, left top, color-stop(.45, white), color-stop(1, #A0CEF5)); / * Webkit (Safari/Chrome 10) * /
    534521        background:             linear-gradient(to left, white 45%, #A0CEF5 100%);
    535522        background-image:       url("../image/footer-background.jpg");

  • trunk/ibisph-view/src/main/webapp/css/_responsive-large.css

    r19124 r19700  
    6969        columns:                25em auto;
    7070*/
    71         -webkit-columns: 32rem; /* Chrome, Safari, Opera */
    72         -moz-columns:   32rem; /* Firefox */
    7371        columns:                32rem;
    7472        column-fill:    balance; /* columns auto above is the same. */

  • trunk/ibisph-view/src/main/webapp/css/_responsive-tiny.css

    r19124 r19700  
    8181        font-size:                              1em;
    8282/*      max-width:                              15em; */
    83         -webkit-box-shadow:     8px 9px 26px -2px rgba(0,0,0,0.77);
    84         -moz-box-shadow:                8px 9px 26px -2px rgba(0,0,0,0.77);
    8583        box-shadow:                     8px 9px 26px -2px rgba(0,0,0,0.77);
    8684}
    … …  
    138136        border:                                 solid 1px #aaa;
    139137        border-radius:                  4px;
    140 
    141         -webkit-box-shadow:             inset 1px 1px 2px #bbb;
    142         -moz-box-shadow:                inset 1px 1px 2px #bbb;
    143138        box-shadow:                             inset 1px 1px 2px #bbb;
    144139}
    … …  
    155150        left:                                   -100%;
    156151        z-index:                                -1;
    157 
    158152        transition:                             top 0.2s linear;
    159         -moz-transition:                top 0.2s linear;
    160         -webkit-transition:             top 0.2s linear;
    161         -o-transition:                  top 0.2s linear;
    162153}
    163154#siteNavigation .ColumnsPanel > input:checked ~ ul.HorizontalMenu.HorizontalTabList
    … …  
    192183        background-color:               white;
    193184        z-index:                                51;
    194 
    195         -webkit-box-shadow:     4px 4px 10px -2px rgba(0,0,0,0.77);
    196         -moz-box-shadow:                4px 4px 10px -2px rgba(0,0,0,0.77);
    197185        box-shadow:                     4px 4px 10px -2px rgba(0,0,0,0.77);
    198186}
    … …  
    219207
    220208        transition:                     all 0.5s linear;
    221         -moz-transition:        all 0.5s linear;
    222         -webkit-transition:     all 0.5s linear;
    223         -o-transition:          all 0.5s linear;
    224209}
    225210#contextNavigation input.Control:checked + label

  • trunk/ibisph-view/src/main/webapp/css/leaflet.contextmenu.css

    r14124 r19700  
    22    display: none;
    33    box-shadow: 0 1px 7px rgba(0,0,0,0.4);
    4     -webkit-border-radius: 4px;
    54    border-radius: 4px;
    65    padding: 4px 0;
    76    background-color: #fff;
    87    cursor: default;
    9     -webkit-user-select: none;
    10     -moz-user-select: none;
    118    user-select: none;
    129}

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

    r7820 r19700  
    33{
    44    position: relative;
    5 
    65    display: block;
    7 
    8     -moz-box-sizing: border-box;
    9          box-sizing: border-box;
    10 
    11     -webkit-user-select: none;
    12        -moz-user-select: none;
    13         -ms-user-select: none;
    14             user-select: none;
    15 
    16     -webkit-touch-callout: none;
    17     -khtml-user-select: none;
    18     -ms-touch-action: pan-y;
    19         touch-action: pan-y;
    20     -webkit-tap-highlight-color: transparent;
     6        box-sizing: border-box;
     7        user-select: none;
     8        touch-action: pan-y;
     9    tap-highlight-color: transparent;
    2110}
    2211
    … …  
    4433.slick-slider .slick-list
    4534{
    46     -webkit-transform: translate3d(0, 0, 0);
    47        -moz-transform: translate3d(0, 0, 0);
    48         -ms-transform: translate3d(0, 0, 0);
    49          -o-transform: translate3d(0, 0, 0);
    50             transform: translate3d(0, 0, 0);
     35        transform: translate3d(0, 0, 0);
    5136}
    5237

  • trunk/ibisph-view/src/main/webapp/js/L.Control.Choropleth.js

    r19426 r19700  
    257257                // the total data points.
    258258                var numberOfGroups = this.options.dataClasses.numberOfGroups.value;
    259                 if(this.options.dataClasses.type.value.startsWith("Jenks"))
     259
     260                // ie11 doesn't support startsWith: if(this.options.dataClasses.type.value.startsWith("Jenks"))
     261                if(0 == this.options.dataClasses.type.value.indexOf("Jenks"))
    260262                {
    261263                        var numberOfDataPoints = 0;

  • trunk/ibisph-view/src/main/webapp/js/L.LayerSets.js

    r19338 r19700  
    239239                else if(("undefined" != typeof this.options.webappContextPath) && (" " < this.options.webappContextPath))
    240240                {
    241                         if(path.startsWith(this.options.webappContextPath))
     241                        // ie11 doesn't support startswith: if(path.startsWith(this.options.webappContextPath))
     242                        if(0 == path.indexOf(this.options.webappContextPath))
    242243                        {
    243244                                console.debug("L.LayerSets._getCompleteURL supplied path already has webappContextPathPrefix. path: "+path);
Note: See TracChangeset for help on using the changeset viewer.