From ed64b5edff15e702493df21aa3230b81593e6133 Mon Sep 17 00:00:00 2001 From: Michael Lando Date: Fri, 9 Jun 2017 03:19:04 +0300 Subject: [SDC-29] catalog 1707 rebase commit. Change-Id: I43c3dc5cf44abf5da817649bc738938a3e8388c1 Signed-off-by: Michael Lando --- catalog-ui/src/assets/styles/animation.less | 51 + catalog-ui/src/assets/styles/app.less | 119 + catalog-ui/src/assets/styles/buttons.less | 274 ++ catalog-ui/src/assets/styles/dark-header.less | 51 + catalog-ui/src/assets/styles/fonts.less | 72 + .../styles/fonts/ClearviewATT/ClearviewATT-Bd.eot | Bin 0 -> 92160 bytes .../styles/fonts/ClearviewATT/ClearviewATT-Bd.svg | 424 ++ .../styles/fonts/ClearviewATT/ClearviewATT-Bd.ttf | Bin 0 -> 93916 bytes .../styles/fonts/ClearviewATT/ClearviewATT-Bd.woff | Bin 0 -> 42192 bytes .../fonts/ClearviewATT/ClearviewATT-BdIt.eot | Bin 0 -> 104184 bytes .../fonts/ClearviewATT/ClearviewATT-BdIt.svg | 425 ++ .../fonts/ClearviewATT/ClearviewATT-BdIt.ttf | Bin 0 -> 105932 bytes .../fonts/ClearviewATT/ClearviewATT-BdIt.woff | Bin 0 -> 46444 bytes .../styles/fonts/ClearviewATT/ClearviewATT-Bk.eot | Bin 0 -> 86088 bytes .../styles/fonts/ClearviewATT/ClearviewATT-Bk.svg | 425 ++ .../styles/fonts/ClearviewATT/ClearviewATT-Bk.ttf | Bin 0 -> 88696 bytes .../styles/fonts/ClearviewATT/ClearviewATT-Bk.woff | Bin 0 -> 39280 bytes .../fonts/ClearviewATT/ClearviewATT-BkIt.eot | Bin 0 -> 104224 bytes .../fonts/ClearviewATT/ClearviewATT-BkIt.svg | 425 ++ .../fonts/ClearviewATT/ClearviewATT-BkIt.ttf | Bin 0 -> 105972 bytes .../fonts/ClearviewATT/ClearviewATT-BkIt.woff | Bin 0 -> 46676 bytes .../styles/fonts/ClearviewATT/ClearviewATT-Lt.eot | Bin 0 -> 89640 bytes .../styles/fonts/ClearviewATT/ClearviewATT-Lt.svg | 425 ++ .../styles/fonts/ClearviewATT/ClearviewATT-Lt.ttf | Bin 0 -> 92288 bytes .../styles/fonts/ClearviewATT/ClearviewATT-Lt.woff | Bin 0 -> 40332 bytes .../fonts/ClearviewATT/ClearviewATT-LtIt.eot | Bin 0 -> 108396 bytes .../fonts/ClearviewATT/ClearviewATT-LtIt.svg | 424 ++ .../fonts/ClearviewATT/ClearviewATT-LtIt.ttf | Bin 0 -> 110192 bytes .../fonts/ClearviewATT/ClearviewATT-LtIt.woff | Bin 0 -> 48120 bytes .../styles/fonts/OmnesATT/AT&T Variation ID.tab | 9 + .../fonts/OmnesATT/OmnesATTW02BoldItalic.eot | Bin 0 -> 31322 bytes .../fonts/OmnesATT/OmnesATTW02BoldItalic.svg | 3671 ++++++++++++++++ .../fonts/OmnesATT/OmnesATTW02BoldItalic.ttf | Bin 0 -> 68660 bytes .../fonts/OmnesATT/OmnesATTW02BoldItalic.woff | Bin 0 -> 35986 bytes .../assets/styles/fonts/OmnesATT/Omnes_ATTW02.eot | Bin 0 -> 30321 bytes .../assets/styles/fonts/OmnesATT/Omnes_ATTW02.svg | 3694 +++++++++++++++++ .../assets/styles/fonts/OmnesATT/Omnes_ATTW02.ttf | Bin 0 -> 71692 bytes .../assets/styles/fonts/OmnesATT/Omnes_ATTW02.woff | Bin 0 -> 35610 bytes .../styles/fonts/OmnesATT/Omnes_ATTW02Bold.eot | Bin 0 -> 32077 bytes .../styles/fonts/OmnesATT/Omnes_ATTW02Bold.svg | 4365 ++++++++++++++++++++ .../styles/fonts/OmnesATT/Omnes_ATTW02Bold.ttf | Bin 0 -> 71564 bytes .../styles/fonts/OmnesATT/Omnes_ATTW02Bold.woff | Bin 0 -> 37149 bytes .../styles/fonts/OmnesATT/Omnes_ATTW02Italic.eot | Bin 0 -> 32079 bytes .../styles/fonts/OmnesATT/Omnes_ATTW02Italic.svg | 3799 +++++++++++++++++ .../styles/fonts/OmnesATT/Omnes_ATTW02Italic.ttf | Bin 0 -> 76564 bytes .../styles/fonts/OmnesATT/Omnes_ATTW02Italic.woff | Bin 0 -> 37872 bytes .../styles/fonts/OmnesATT/Omnes_ATTW02Light.eot | Bin 0 -> 32072 bytes .../styles/fonts/OmnesATT/Omnes_ATTW02Light.svg | 3872 +++++++++++++++++ .../styles/fonts/OmnesATT/Omnes_ATTW02Light.ttf | Bin 0 -> 73968 bytes .../styles/fonts/OmnesATT/Omnes_ATTW02Light.woff | Bin 0 -> 37342 bytes .../fonts/OmnesATT/Omnes_ATTW02LightItalic.eot | Bin 0 -> 30983 bytes .../fonts/OmnesATT/Omnes_ATTW02LightItalic.svg | 3030 ++++++++++++++ .../fonts/OmnesATT/Omnes_ATTW02LightItalic.ttf | Bin 0 -> 70088 bytes .../fonts/OmnesATT/Omnes_ATTW02LightItalic.woff | Bin 0 -> 36261 bytes .../styles/fonts/OmnesATT/Omnes_ATTW02Medium.eot | Bin 0 -> 28695 bytes .../styles/fonts/OmnesATT/Omnes_ATTW02Medium.svg | 2473 +++++++++++ .../styles/fonts/OmnesATT/Omnes_ATTW02Medium.ttf | Bin 0 -> 65152 bytes .../styles/fonts/OmnesATT/Omnes_ATTW02Medium.woff | Bin 0 -> 33641 bytes .../fonts/OmnesATT/Omnes_ATTW02MediumItalic.eot | Bin 0 -> 33730 bytes .../fonts/OmnesATT/Omnes_ATTW02MediumItalic.svg | 3837 +++++++++++++++++ .../fonts/OmnesATT/Omnes_ATTW02MediumItalic.ttf | Bin 0 -> 77508 bytes .../fonts/OmnesATT/Omnes_ATTW02MediumItalic.woff | Bin 0 -> 39182 bytes .../assets/styles/fonts/OmnesATT/demo-async.htm | 169 + .../src/assets/styles/fonts/OmnesATT/demo.htm | 155 + catalog-ui/src/assets/styles/form-elements.less | 199 + catalog-ui/src/assets/styles/global.less | 52 + catalog-ui/src/assets/styles/images/anonymous.jpg | Bin 0 -> 1150 bytes catalog-ui/src/assets/styles/images/att-globe.svg | 1 + .../src/assets/styles/images/att_logo_white.png | Bin 0 -> 2827 bytes .../images/relationship-icons/AttachesTo.svg | 37 + .../styles/images/relationship-icons/BindsTo.svg | 19 + .../images/relationship-icons/ConnectedTo.svg | 19 + .../styles/images/relationship-icons/DependsOn.svg | 34 + .../styles/images/relationship-icons/HostedOn.svg | 25 + .../styles/images/relationship-icons/LinksTo.svg | 22 + .../styles/images/relationship-icons/RoutesTo.svg | 19 + .../styles/images/relationship-icons/arrow.png | Bin 0 -> 1111 bytes .../styles/images/relationship-icons/arrow.svg | 11 + .../relationship-icons/arrow_connection_right.svg | 11 + .../styles/images/relationship-icons/attach.png | Bin 0 -> 1485 bytes .../styles/images/relationship-icons/binding.png | Bin 0 -> 1385 bytes .../styles/images/relationship-icons/conected.png | Bin 0 -> 1481 bytes .../styles/images/relationship-icons/conected.svg | 19 + .../images/relationship-icons/dependency.png | Bin 0 -> 1632 bytes .../styles/images/relationship-icons/host.png | Bin 0 -> 1836 bytes .../styles/images/relationship-icons/link.png | Bin 0 -> 1628 bytes .../images/relationship-icons/local_storage.png | Bin 0 -> 1485 bytes .../images/relationship-icons/local_storage.svg | 37 + .../styles/images/relationship-icons/rout.png | Bin 0 -> 1630 bytes .../images/resource-icons/Red_PLUS_HOVER.png | Bin 0 -> 1456 bytes .../Resource_Icons_NB_COLLABORATION-.png | Bin 0 -> 3898 bytes .../Resource_Icons_NB_COMPUTE-AS-SERVICE-.png | Bin 0 -> 3129 bytes .../Resource_Icons_NB_MESSAGING-.png | Bin 0 -> 2376 bytes .../resource-icons/Resource_Icons_NB_MOBILITY.png | Bin 0 -> 3396 bytes .../resource-icons/Resource_Icons_NB_NETWORK-.png | Bin 0 -> 4190 bytes .../Resource_Icons_NB_NETWORK-CLOUD-.png | Bin 0 -> 2908 bytes .../Resource_Icons_NB_NETWORK-L-1-3.png | Bin 0 -> 3239 bytes .../Resource_Icons_NB_NETWORK-L-4.png | Bin 0 -> 3104 bytes .../Resource_Icons_NB_NOTIFICATION-.png | Bin 0 -> 2818 bytes .../resource-icons/Resource_Icons_NB_ORPHAN.png | Bin 0 -> 3831 bytes .../Resource_Icons_NB_PLATFORM-AS-SERVICE-.png | Bin 0 -> 3728 bytes .../resource-icons/Resource_Icons_NB_SECURITY-.png | Bin 0 -> 3523 bytes .../resource-icons/Resource_Icons_NB_SETTING-.png | Bin 0 -> 4019 bytes .../resource-icons/Resource_Icons_NB_avater.png | Bin 0 -> 3818 bytes .../Resource_Icons_STORAGE-AS-SERVICE.png | Bin 0 -> 3106 bytes .../styles/images/resource-icons/alcatelLucent.png | Bin 0 -> 3301 bytes .../images/resource-icons/allotted_resource.png | Bin 0 -> 2163 bytes .../images/resource-icons/applicationServer.png | Bin 0 -> 2152 bytes .../styles/images/resource-icons/aricent.png | Bin 0 -> 2407 bytes .../assets/styles/images/resource-icons/att.png | Bin 0 -> 3241 bytes .../styles/images/resource-icons/borderElement.png | Bin 0 -> 3744 bytes .../styles/images/resource-icons/broadsoft.png | Bin 0 -> 2725 bytes .../styles/images/resource-icons/brocade.png | Bin 0 -> 3601 bytes .../styles/images/resource-icons/call_controll.png | Bin 0 -> 3146 bytes .../images/resource-icons/canvasPlusIcon-red.png | Bin 0 -> 1434 bytes .../images/resource-icons/canvasPlusIcon.png | Bin 0 -> 1455 bytes .../assets/styles/images/resource-icons/cisco.png | Bin 0 -> 2702 bytes .../styles/images/resource-icons/closeModule.png | Bin 0 -> 15427 bytes .../images/resource-icons/closeModuleHover.png | Bin 0 -> 14979 bytes .../assets/styles/images/resource-icons/cloud.png | Bin 0 -> 3561 bytes .../styles/images/resource-icons/cloudep.png | Bin 0 -> 2944 bytes .../styles/images/resource-icons/compute.png | Bin 0 -> 2212 bytes .../styles/images/resource-icons/connector.png | Bin 0 -> 2040 bytes .../src/assets/styles/images/resource-icons/cp.png | Bin 0 -> 1507 bytes .../styles/images/resource-icons/database.png | Bin 0 -> 2447 bytes .../images/resource-icons/dcae_analytics.png | Bin 0 -> 2501 bytes .../images/resource-icons/dcae_collector.png | Bin 0 -> 2582 bytes .../styles/images/resource-icons/dcae_database.png | Bin 0 -> 2447 bytes .../images/resource-icons/dcae_microservice.png | Bin 0 -> 2485 bytes .../styles/images/resource-icons/dcae_policy.png | Bin 0 -> 2492 bytes .../styles/images/resource-icons/dcae_source.png | Bin 0 -> 3451 bytes .../styles/images/resource-icons/dcae_utilty.png | Bin 0 -> 3840 bytes .../styles/images/resource-icons/default.png | Bin 0 -> 3831 bytes .../styles/images/resource-icons/defaulticon.png | Bin 0 -> 2132 bytes .../styles/images/resource-icons/ericsson.png | Bin 0 -> 3606 bytes .../styles/images/resource-icons/firewall.png | Bin 0 -> 3348 bytes .../styles/images/resource-icons/fortinet.png | Bin 0 -> 2016 bytes .../styles/images/resource-icons/gateway.png | Bin 0 -> 2647 bytes .../styles/images/resource-icons/juniper.png | Bin 0 -> 3505 bytes .../styles/images/resource-icons/loadBalancer.png | Bin 0 -> 2949 bytes .../styles/images/resource-icons/metaswitch.png | Bin 0 -> 3141 bytes .../assets/styles/images/resource-icons/module.png | Bin 0 -> 1216 bytes .../assets/styles/images/resource-icons/mysql.png | Bin 0 -> 3033 bytes .../styles/images/resource-icons/network.png | Bin 0 -> 4214 bytes .../styles/images/resource-icons/networkrules.png | Bin 0 -> 2920 bytes .../styles/images/resource-icons/nokia_siemens.png | Bin 0 -> 2615 bytes .../styles/images/resource-icons/objectStorage.png | Bin 0 -> 3031 bytes .../styles/images/resource-icons/openModule.png | Bin 0 -> 14990 bytes .../images/resource-icons/openModuleHover.png | Bin 0 -> 14989 bytes .../assets/styles/images/resource-icons/oracle.png | Bin 0 -> 2432 bytes .../assets/styles/images/resource-icons/ossep.png | Bin 0 -> 3768 bytes .../styles/images/resource-icons/personep.png | Bin 0 -> 3419 bytes .../assets/styles/images/resource-icons/port.png | Bin 0 -> 2359 bytes .../styles/images/resource-icons/premisesep.png | Bin 0 -> 2822 bytes .../assets/styles/images/resource-icons/router.png | Bin 0 -> 4031 bytes .../styles/images/resource-icons/securityrules.png | Bin 0 -> 2965 bytes .../images/resource-icons/selectedCPInstance.png | Bin 0 -> 1090 bytes .../images/resource-icons/selectedInstance.png | Bin 0 -> 1143 bytes .../images/resource-icons/selectedUcpeInstance.png | Bin 0 -> 3850 bytes .../images/resource-icons/selectedVLInstance.png | Bin 0 -> 1072 bytes .../assets/styles/images/resource-icons/server.png | Bin 0 -> 2078 bytes .../assets/styles/images/resource-icons/tropo.png | Bin 0 -> 3558 bytes .../assets/styles/images/resource-icons/ucpe.png | Bin 0 -> 3983 bytes .../styles/images/resource-icons/uncertified.png | Bin 0 -> 1503 bytes .../assets/styles/images/resource-icons/vfw.png | Bin 0 -> 3730 bytes .../src/assets/styles/images/resource-icons/vl.png | Bin 0 -> 3376741 bytes .../styles/images/resource-icons/vrouter.png | Bin 0 -> 3088 bytes .../assets/styles/images/resource-icons/wanx.png | Bin 0 -> 3166 bytes .../styles/images/service-icons/call_controll.png | Bin 0 -> 3238 bytes .../styles/images/service-icons/collaboration.png | Bin 0 -> 3804 bytes .../styles/images/service-icons/collaboration1.png | Bin 0 -> 3194 bytes .../assets/styles/images/service-icons/compute.png | Bin 0 -> 3201 bytes .../styles/images/service-icons/defaulticon.png | Bin 0 -> 2168 bytes .../styles/images/service-icons/messaging.png | Bin 0 -> 2458 bytes .../styles/images/service-icons/mobility.png | Bin 0 -> 3333 bytes .../styles/images/service-icons/network_l_1-3.png | Bin 0 -> 3030 bytes .../styles/images/service-icons/network_l_4.png | Bin 0 -> 2961 bytes .../styles/images/service-icons/notification.png | Bin 0 -> 2714 bytes .../styles/images/service-icons/platform.png | Bin 0 -> 3762 bytes .../assets/styles/images/service-icons/storage.png | Bin 0 -> 3136 bytes .../styles/images/service-icons/uncertified.png | Bin 0 -> 1503 bytes .../styles/images/sprites/sprite-global-old.png | Bin 0 -> 84465 bytes .../assets/styles/images/sprites/sprite-global.png | Bin 0 -> 95876 bytes .../styles/images/sprites/sprite-product-icons.png | Bin 0 -> 132122 bytes .../images/sprites/sprite-resource-icons.png | Bin 0 -> 474238 bytes .../images/sprites/sprite-services-icons.png | Bin 0 -> 127233 bytes .../assets/styles/images/sprites/tlv-sprite.png | Bin 0 -> 14677 bytes .../src/assets/styles/images/tutorial/10.png | Bin 0 -> 6707 bytes .../src/assets/styles/images/tutorial/11.png | Bin 0 -> 7697 bytes .../src/assets/styles/images/tutorial/13.png | Bin 0 -> 11072 bytes .../src/assets/styles/images/tutorial/14.png | Bin 0 -> 2768 bytes .../src/assets/styles/images/tutorial/15.png | Bin 0 -> 8250 bytes .../src/assets/styles/images/tutorial/16.png | Bin 0 -> 11421 bytes .../src/assets/styles/images/tutorial/17.png | Bin 0 -> 12030 bytes .../src/assets/styles/images/tutorial/18.png | Bin 0 -> 10696 bytes .../src/assets/styles/images/tutorial/19.png | Bin 0 -> 7678 bytes catalog-ui/src/assets/styles/images/tutorial/2.png | Bin 0 -> 5480 bytes .../src/assets/styles/images/tutorial/20.png | Bin 0 -> 8421 bytes .../src/assets/styles/images/tutorial/21.png | Bin 0 -> 11205 bytes .../src/assets/styles/images/tutorial/22.png | Bin 0 -> 9610 bytes .../src/assets/styles/images/tutorial/23.png | Bin 0 -> 9229 bytes .../src/assets/styles/images/tutorial/24.png | Bin 0 -> 7842 bytes .../src/assets/styles/images/tutorial/25.png | Bin 0 -> 7579 bytes .../src/assets/styles/images/tutorial/26.png | Bin 0 -> 8364 bytes .../src/assets/styles/images/tutorial/27.png | Bin 0 -> 10243 bytes .../src/assets/styles/images/tutorial/28.png | Bin 0 -> 6838 bytes .../src/assets/styles/images/tutorial/29.png | Bin 0 -> 9140 bytes catalog-ui/src/assets/styles/images/tutorial/3.png | Bin 0 -> 6717 bytes .../src/assets/styles/images/tutorial/30.png | Bin 0 -> 8680 bytes catalog-ui/src/assets/styles/images/tutorial/4.png | Bin 0 -> 3154 bytes catalog-ui/src/assets/styles/images/tutorial/5.png | Bin 0 -> 3233 bytes catalog-ui/src/assets/styles/images/tutorial/6.png | Bin 0 -> 6294 bytes catalog-ui/src/assets/styles/images/tutorial/7.png | Bin 0 -> 6574 bytes catalog-ui/src/assets/styles/images/tutorial/8.png | Bin 0 -> 8534 bytes catalog-ui/src/assets/styles/images/welcome.png | Bin 0 -> 44721 bytes .../src/assets/styles/images/welcome/002.png | Bin 0 -> 2804026 bytes .../src/assets/styles/images/welcome/sprite.png | Bin 0 -> 3386285 bytes catalog-ui/src/assets/styles/layout/header.less | 78 + catalog-ui/src/assets/styles/layout/main.less | 134 + catalog-ui/src/assets/styles/layout/sidebar.less | 163 + catalog-ui/src/assets/styles/mixins.less | 217 + catalog-ui/src/assets/styles/mixins_old.less | 558 +++ catalog-ui/src/assets/styles/modal.less | 357 ++ .../assets/styles/multi-level-expand-collapse.less | 33 + catalog-ui/src/assets/styles/scroller.less | 15 + catalog-ui/src/assets/styles/sdc-ui.css | 361 ++ catalog-ui/src/assets/styles/sprite-old.less | 132 + .../src/assets/styles/sprite-product-icons.less | 71 + .../src/assets/styles/sprite-resource-icons.less | 268 ++ .../src/assets/styles/sprite-services-icons.less | 66 + catalog-ui/src/assets/styles/sprite.html | 65 + catalog-ui/src/assets/styles/sprite.less | 251 ++ catalog-ui/src/assets/styles/table-flex.less | 178 + catalog-ui/src/assets/styles/tlv-buttons.less | 234 ++ catalog-ui/src/assets/styles/tlv-checkbox.less | 87 + catalog-ui/src/assets/styles/tlv-loader.less | 164 + catalog-ui/src/assets/styles/tlv-sprite.less | 138 + catalog-ui/src/assets/styles/tooltips.less | 154 + catalog-ui/src/assets/styles/variables-old.less | 77 + catalog-ui/src/assets/styles/variables.less | 51 + catalog-ui/src/assets/styles/welcome-sprite.less | 57 + catalog-ui/src/assets/styles/welcome-style.less | 63 + 242 files changed, 36666 insertions(+) create mode 100644 catalog-ui/src/assets/styles/animation.less create mode 100644 catalog-ui/src/assets/styles/app.less create mode 100644 catalog-ui/src/assets/styles/buttons.less create mode 100644 catalog-ui/src/assets/styles/dark-header.less create mode 100644 catalog-ui/src/assets/styles/fonts.less create mode 100644 catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Bd.eot create mode 100644 catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Bd.svg create mode 100644 catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Bd.ttf create mode 100644 catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Bd.woff create mode 100644 catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-BdIt.eot create mode 100644 catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-BdIt.svg create mode 100644 catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-BdIt.ttf create mode 100644 catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-BdIt.woff create mode 100644 catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Bk.eot create mode 100644 catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Bk.svg create mode 100644 catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Bk.ttf create mode 100644 catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Bk.woff create mode 100644 catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-BkIt.eot create mode 100644 catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-BkIt.svg create mode 100644 catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-BkIt.ttf create mode 100644 catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-BkIt.woff create mode 100644 catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Lt.eot create mode 100644 catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Lt.svg create mode 100644 catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Lt.ttf create mode 100644 catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Lt.woff create mode 100644 catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-LtIt.eot create mode 100644 catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-LtIt.svg create mode 100644 catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-LtIt.ttf create mode 100644 catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-LtIt.woff create mode 100644 catalog-ui/src/assets/styles/fonts/OmnesATT/AT&T Variation ID.tab create mode 100644 catalog-ui/src/assets/styles/fonts/OmnesATT/OmnesATTW02BoldItalic.eot create mode 100644 catalog-ui/src/assets/styles/fonts/OmnesATT/OmnesATTW02BoldItalic.svg create mode 100644 catalog-ui/src/assets/styles/fonts/OmnesATT/OmnesATTW02BoldItalic.ttf create mode 100644 catalog-ui/src/assets/styles/fonts/OmnesATT/OmnesATTW02BoldItalic.woff create mode 100644 catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02.eot create mode 100644 catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02.svg create mode 100644 catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02.ttf create mode 100644 catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02.woff create mode 100644 catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Bold.eot create mode 100644 catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Bold.svg create mode 100644 catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Bold.ttf create mode 100644 catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Bold.woff create mode 100644 catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Italic.eot create mode 100644 catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Italic.svg create mode 100644 catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Italic.ttf create mode 100644 catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Italic.woff create mode 100644 catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Light.eot create mode 100644 catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Light.svg create mode 100644 catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Light.ttf create mode 100644 catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Light.woff create mode 100644 catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02LightItalic.eot create mode 100644 catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02LightItalic.svg create mode 100644 catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02LightItalic.ttf create mode 100644 catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02LightItalic.woff create mode 100644 catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Medium.eot create mode 100644 catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Medium.svg create mode 100644 catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Medium.ttf create mode 100644 catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Medium.woff create mode 100644 catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02MediumItalic.eot create mode 100644 catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02MediumItalic.svg create mode 100644 catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02MediumItalic.ttf create mode 100644 catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02MediumItalic.woff create mode 100644 catalog-ui/src/assets/styles/fonts/OmnesATT/demo-async.htm create mode 100644 catalog-ui/src/assets/styles/fonts/OmnesATT/demo.htm create mode 100644 catalog-ui/src/assets/styles/form-elements.less create mode 100644 catalog-ui/src/assets/styles/global.less create mode 100644 catalog-ui/src/assets/styles/images/anonymous.jpg create mode 100644 catalog-ui/src/assets/styles/images/att-globe.svg create mode 100644 catalog-ui/src/assets/styles/images/att_logo_white.png create mode 100644 catalog-ui/src/assets/styles/images/relationship-icons/AttachesTo.svg create mode 100644 catalog-ui/src/assets/styles/images/relationship-icons/BindsTo.svg create mode 100644 catalog-ui/src/assets/styles/images/relationship-icons/ConnectedTo.svg create mode 100644 catalog-ui/src/assets/styles/images/relationship-icons/DependsOn.svg create mode 100644 catalog-ui/src/assets/styles/images/relationship-icons/HostedOn.svg create mode 100644 catalog-ui/src/assets/styles/images/relationship-icons/LinksTo.svg create mode 100644 catalog-ui/src/assets/styles/images/relationship-icons/RoutesTo.svg create mode 100644 catalog-ui/src/assets/styles/images/relationship-icons/arrow.png create mode 100644 catalog-ui/src/assets/styles/images/relationship-icons/arrow.svg create mode 100644 catalog-ui/src/assets/styles/images/relationship-icons/arrow_connection_right.svg create mode 100644 catalog-ui/src/assets/styles/images/relationship-icons/attach.png create mode 100644 catalog-ui/src/assets/styles/images/relationship-icons/binding.png create mode 100644 catalog-ui/src/assets/styles/images/relationship-icons/conected.png create mode 100644 catalog-ui/src/assets/styles/images/relationship-icons/conected.svg create mode 100644 catalog-ui/src/assets/styles/images/relationship-icons/dependency.png create mode 100644 catalog-ui/src/assets/styles/images/relationship-icons/host.png create mode 100644 catalog-ui/src/assets/styles/images/relationship-icons/link.png create mode 100644 catalog-ui/src/assets/styles/images/relationship-icons/local_storage.png create mode 100644 catalog-ui/src/assets/styles/images/relationship-icons/local_storage.svg create mode 100644 catalog-ui/src/assets/styles/images/relationship-icons/rout.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/Red_PLUS_HOVER.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_COLLABORATION-.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_COMPUTE-AS-SERVICE-.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_MESSAGING-.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_MOBILITY.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_NETWORK-.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_NETWORK-CLOUD-.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_NETWORK-L-1-3.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_NETWORK-L-4.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_NOTIFICATION-.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_ORPHAN.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_PLATFORM-AS-SERVICE-.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_SECURITY-.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_SETTING-.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_avater.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_STORAGE-AS-SERVICE.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/alcatelLucent.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/allotted_resource.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/applicationServer.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/aricent.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/att.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/borderElement.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/broadsoft.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/brocade.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/call_controll.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/canvasPlusIcon-red.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/canvasPlusIcon.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/cisco.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/closeModule.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/closeModuleHover.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/cloud.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/cloudep.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/compute.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/connector.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/cp.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/database.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/dcae_analytics.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/dcae_collector.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/dcae_database.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/dcae_microservice.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/dcae_policy.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/dcae_source.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/dcae_utilty.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/default.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/defaulticon.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/ericsson.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/firewall.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/fortinet.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/gateway.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/juniper.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/loadBalancer.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/metaswitch.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/module.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/mysql.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/network.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/networkrules.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/nokia_siemens.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/objectStorage.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/openModule.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/openModuleHover.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/oracle.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/ossep.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/personep.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/port.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/premisesep.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/router.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/securityrules.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/selectedCPInstance.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/selectedInstance.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/selectedUcpeInstance.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/selectedVLInstance.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/server.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/tropo.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/ucpe.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/uncertified.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/vfw.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/vl.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/vrouter.png create mode 100644 catalog-ui/src/assets/styles/images/resource-icons/wanx.png create mode 100644 catalog-ui/src/assets/styles/images/service-icons/call_controll.png create mode 100644 catalog-ui/src/assets/styles/images/service-icons/collaboration.png create mode 100644 catalog-ui/src/assets/styles/images/service-icons/collaboration1.png create mode 100644 catalog-ui/src/assets/styles/images/service-icons/compute.png create mode 100644 catalog-ui/src/assets/styles/images/service-icons/defaulticon.png create mode 100644 catalog-ui/src/assets/styles/images/service-icons/messaging.png create mode 100644 catalog-ui/src/assets/styles/images/service-icons/mobility.png create mode 100644 catalog-ui/src/assets/styles/images/service-icons/network_l_1-3.png create mode 100644 catalog-ui/src/assets/styles/images/service-icons/network_l_4.png create mode 100644 catalog-ui/src/assets/styles/images/service-icons/notification.png create mode 100644 catalog-ui/src/assets/styles/images/service-icons/platform.png create mode 100644 catalog-ui/src/assets/styles/images/service-icons/storage.png create mode 100644 catalog-ui/src/assets/styles/images/service-icons/uncertified.png create mode 100644 catalog-ui/src/assets/styles/images/sprites/sprite-global-old.png create mode 100644 catalog-ui/src/assets/styles/images/sprites/sprite-global.png create mode 100644 catalog-ui/src/assets/styles/images/sprites/sprite-product-icons.png create mode 100644 catalog-ui/src/assets/styles/images/sprites/sprite-resource-icons.png create mode 100644 catalog-ui/src/assets/styles/images/sprites/sprite-services-icons.png create mode 100644 catalog-ui/src/assets/styles/images/sprites/tlv-sprite.png create mode 100644 catalog-ui/src/assets/styles/images/tutorial/10.png create mode 100644 catalog-ui/src/assets/styles/images/tutorial/11.png create mode 100644 catalog-ui/src/assets/styles/images/tutorial/13.png create mode 100644 catalog-ui/src/assets/styles/images/tutorial/14.png create mode 100644 catalog-ui/src/assets/styles/images/tutorial/15.png create mode 100644 catalog-ui/src/assets/styles/images/tutorial/16.png create mode 100644 catalog-ui/src/assets/styles/images/tutorial/17.png create mode 100644 catalog-ui/src/assets/styles/images/tutorial/18.png create mode 100644 catalog-ui/src/assets/styles/images/tutorial/19.png create mode 100644 catalog-ui/src/assets/styles/images/tutorial/2.png create mode 100644 catalog-ui/src/assets/styles/images/tutorial/20.png create mode 100644 catalog-ui/src/assets/styles/images/tutorial/21.png create mode 100644 catalog-ui/src/assets/styles/images/tutorial/22.png create mode 100644 catalog-ui/src/assets/styles/images/tutorial/23.png create mode 100644 catalog-ui/src/assets/styles/images/tutorial/24.png create mode 100644 catalog-ui/src/assets/styles/images/tutorial/25.png create mode 100644 catalog-ui/src/assets/styles/images/tutorial/26.png create mode 100644 catalog-ui/src/assets/styles/images/tutorial/27.png create mode 100644 catalog-ui/src/assets/styles/images/tutorial/28.png create mode 100644 catalog-ui/src/assets/styles/images/tutorial/29.png create mode 100644 catalog-ui/src/assets/styles/images/tutorial/3.png create mode 100644 catalog-ui/src/assets/styles/images/tutorial/30.png create mode 100644 catalog-ui/src/assets/styles/images/tutorial/4.png create mode 100644 catalog-ui/src/assets/styles/images/tutorial/5.png create mode 100644 catalog-ui/src/assets/styles/images/tutorial/6.png create mode 100644 catalog-ui/src/assets/styles/images/tutorial/7.png create mode 100644 catalog-ui/src/assets/styles/images/tutorial/8.png create mode 100644 catalog-ui/src/assets/styles/images/welcome.png create mode 100644 catalog-ui/src/assets/styles/images/welcome/002.png create mode 100644 catalog-ui/src/assets/styles/images/welcome/sprite.png create mode 100644 catalog-ui/src/assets/styles/layout/header.less create mode 100644 catalog-ui/src/assets/styles/layout/main.less create mode 100644 catalog-ui/src/assets/styles/layout/sidebar.less create mode 100644 catalog-ui/src/assets/styles/mixins.less create mode 100644 catalog-ui/src/assets/styles/mixins_old.less create mode 100644 catalog-ui/src/assets/styles/modal.less create mode 100644 catalog-ui/src/assets/styles/multi-level-expand-collapse.less create mode 100644 catalog-ui/src/assets/styles/scroller.less create mode 100644 catalog-ui/src/assets/styles/sdc-ui.css create mode 100644 catalog-ui/src/assets/styles/sprite-old.less create mode 100644 catalog-ui/src/assets/styles/sprite-product-icons.less create mode 100644 catalog-ui/src/assets/styles/sprite-resource-icons.less create mode 100644 catalog-ui/src/assets/styles/sprite-services-icons.less create mode 100644 catalog-ui/src/assets/styles/sprite.html create mode 100644 catalog-ui/src/assets/styles/sprite.less create mode 100644 catalog-ui/src/assets/styles/table-flex.less create mode 100644 catalog-ui/src/assets/styles/tlv-buttons.less create mode 100644 catalog-ui/src/assets/styles/tlv-checkbox.less create mode 100644 catalog-ui/src/assets/styles/tlv-loader.less create mode 100644 catalog-ui/src/assets/styles/tlv-sprite.less create mode 100644 catalog-ui/src/assets/styles/tooltips.less create mode 100644 catalog-ui/src/assets/styles/variables-old.less create mode 100644 catalog-ui/src/assets/styles/variables.less create mode 100644 catalog-ui/src/assets/styles/welcome-sprite.less create mode 100644 catalog-ui/src/assets/styles/welcome-style.less (limited to 'catalog-ui/src/assets/styles') diff --git a/catalog-ui/src/assets/styles/animation.less b/catalog-ui/src/assets/styles/animation.less new file mode 100644 index 0000000000..014b33a454 --- /dev/null +++ b/catalog-ui/src/assets/styles/animation.less @@ -0,0 +1,51 @@ +.animation_flex (@value){ + -webkit-animation: @value; + -moz-animation: @value; + -o-animation: @value; + -ms-transition: @value; + animation: @value; +} + +.animation (@name, @duration: 300ms, @delay: 0, @ease: ease) { + -webkit-animation: @name @duration @delay @ease; + -moz-animation: @name @duration @delay @ease; + -o-animation: @name @duration @delay @ease; + -ms-animation: @name @duration @delay @ease; + animation: @name @duration @delay @ease; +} + +/* ============ flash ============ */ +.flash-frames () { + 0% { opacity: 1; } + 20% { opacity: 1; } + 50% { opacity: 0; } + 80% { opacity: 1; } + 100% { opacity: 1; } +} +@-webkit-keyframes flash {.flash-frames;} /* Safari, Chrome and Opera > 12.1 */ +@-moz-keyframes flash {.flash-frames;} /* Firefox < 16 */ +@-o-keyframes flash {.flash-frames;} /* Opera < 12.1 */ +@-ms-keyframes flash {.flash-frames;} /* Internet Explorer */ +@keyframes flash {.flash-frames;} + +/* ============ fadein ============ */ +.fadein-frames () { + from { opacity: 0; } + to { opacity: 1; } +} +@-webkit-keyframes fadein {.fadein-frames;} /* Safari, Chrome and Opera > 12.1 */ +@-moz-keyframes fadein {.fadein-frames;} /* Firefox < 16 */ +@-o-keyframes fadein {.fadein-frames;} /* Opera < 12.1 */ +@-ms-keyframes fadein {.fadein-frames;} /* Internet Explorer */ +@keyframes fadein {.fadein-frames;} + +/* ============ fadeout ============ */ +.fadeout-frames () { + from { opacity: 1; } + to { opacity: 0; } +} +@-webkit-keyframes fadeout {.fadeout-frames;} /* Safari, Chrome and Opera > 12.1 */ +@-moz-keyframes fadeout {.fadeout-frames;} /* Firefox < 16 */ +@-o-keyframes fadeout {.fadeout-frames;} /* Opera < 12.1 */ +@-ms-keyframes fadeout {.fadeout-frames;} /* Internet Explorer */ +@keyframes fadeout {.fadeout-frames;} diff --git a/catalog-ui/src/assets/styles/app.less b/catalog-ui/src/assets/styles/app.less new file mode 100644 index 0000000000..1ce1801d9b --- /dev/null +++ b/catalog-ui/src/assets/styles/app.less @@ -0,0 +1,119 @@ +.sdc-main-container{ + width: 100%; + height: 100%; +} + +@import 'variables.less'; +@import 'variables-old.less'; +@import 'mixins.less'; +@import 'mixins_old.less'; +@import 'global.less'; + +@import 'sprite-old.less'; +@import 'sprite.less'; +@import 'sprite-product-icons.less'; +@import 'sprite-resource-icons.less'; +@import 'sprite-services-icons.less'; + +@import 'animation.less'; +@import 'buttons.less'; +@import 'dark-header.less'; +@import 'fonts.less'; +@import 'form-elements.less'; +@import 'layout/header.less'; +@import 'layout/main.less'; +@import 'layout/sidebar.less'; +@import 'modal.less'; +@import 'multi-level-expand-collapse.less'; +@import 'scroller.less'; +@import 'table-flex.less'; +@import 'tlv-buttons.less'; +@import 'tlv-checkbox.less'; +@import 'tlv-loader.less'; +@import 'tlv-sprite.less'; +@import 'tooltips.less'; +@import 'welcome-sprite.less'; +@import 'welcome-style.less'; +@import 'sdc-ui.css'; + +// Less insides specific files. +@import '../../app/directives/ecomp-footer/ecomp-footer.less'; +@import '../../app/directives/ecomp-header/ecomp-header.less'; +@import '../../app/directives/edit-name-popover/edit-name-popover.less'; +@import '../../app/directives/elements/checkbox/checkbox.less'; +@import '../../app/directives/elements/radiobutton/radiobutton.less'; +@import '../../app/directives/ellipsis/ellipsis-directive.less'; +@import '../../app/directives/file-upload/file-upload.less'; +@import '../../app/directives/graphs-v2/composition-graph/composition-graph.less'; +@import '../../app/directives/graphs-v2/deployment-graph/deployment-graph.less'; +@import '../../app/directives/graphs-v2/palette/palette.less'; +@import '../../app/directives/graphs-v2/relation-menu/relation-menu.less'; +@import '../../app/directives/capabilities-and-requirements/capabilities-requirements-list.less'; +// @import '../../app/directives/graphs-v2/asset-popover/asset-popover.less'; +@import '../../app/directives/info-tooltip/info-tooltip.less'; +@import '../../app/directives/inputs-and-properties/inputs/input-row.less'; +@import '../../app/directives/inputs-and-properties/properties/property-row-view.less'; +@import '../../app/directives/layout/top-nav/top-nav.less'; +@import '../../app/directives/layout/top-progress/top-progress.less'; +@import '../../app/directives/loader/loader-directive.less'; +@import '../../app/directives/modal/sdc-modal.less'; +@import '../../app/directives/property-types/data-type-fields-structure/data-type-fields-structure.less'; +@import '../../app/directives/property-types/type-list/type-list-directive.less'; +@import '../../app/directives/property-types/type-map/type-map-directive.less'; +@import '../../app/directives/sdc-tabs/sdc-single-tab/sdc-single-tab.less'; +@import '../../app/directives/sdc-tabs/sdc-tabs.less'; +@import '../../app/directives/select-property-types/select-data-type-fields-structure/select-data-type-fields-structure.less'; +@import '../../app/directives/select-property-types/select-type-list/select-type-list-directive.less'; +@import '../../app/directives/select-property-types/select-type-map/select-type-map-directive.less'; +@import '../../app/directives/structure-tree/structure-tree-directive.less'; +@import '../../app/directives/tag/tag-directive.less'; +@import '../../app/directives/user-header-details/user-header-details-directive.less'; +@import '../../app/directives/utils/expand-collapse-list-header/expand-collapse-list-header.less'; +@import '../../app/directives/utils/expand-collapse-menu-box/expand-collapse-menu-box.less'; +@import '../../app/directives/utils/expand-collapse/expand-collapse.less'; +@import '../../app/directives/utils/sdc-tags/sdc-tags.less'; +@import '../../app/view-models/admin-dashboard/add-category-modal/add-category-modal-view.less'; +@import '../../app/view-models/admin-dashboard/admin-dashboard.less'; +@import '../../app/view-models/admin-dashboard/category-management/category-management.less'; +@import '../../app/view-models/admin-dashboard/user-management/user-management.less'; +@import '../../app/view-models/catalog/catalog.less'; +@import '../../app/view-models/dashboard/dashboard.less'; +@import '../../app/view-models/dcae-app/dcae-app.less'; +@import '../../app/view-models/forms/artifact-form/artifact-form.less'; +@import '../../app/view-models/forms/env-parameters-form/env-parameters-form.less'; +@import '../../app/view-models/forms/property-forms/base-property-form/property-form-base.less'; +@import '../../app/view-models/forms/property-forms/select-datatype-modal/select-datatype-modal.less'; +@import '../../app/view-models/forms/resource-instance-name-form/resource-instance-name.less'; +@import '../../app/view-models/modals/confirmation-modal/confirmation-modal.less'; +@import '../../app/view-models/modals/email-modal/email-modal.less'; +@import '../../app/view-models/modals/error-modal/error.less'; +@import '../../app/view-models/modals/message-modal/message-client-modal/client-message-modal.less'; +@import '../../app/view-models/modals/message-modal/message-server-modal/server-message-modal.less'; +@import '../../app/view-models/modals/onboarding-modal/onboarding-modal.less'; +@import '../../app/view-models/onboard-vendor/onboard-vendor.less'; +@import '../../app/view-models/support/support.less'; +@import '../../app/view-models/tabs/general-tab.less'; +@import '../../app/view-models/tabs/hierarchy/hierarchy.less'; +@import '../../app/view-models/tutorial-end/tutorial-end.less'; +@import '../../app/view-models/workspace/tabs/activity-log/activity-log.less'; +@import '../../app/view-models/workspace/tabs/attributes/attributes.less'; +@import '../../app/view-models/workspace/tabs/composition/composition.less'; +@import '../../app/view-models/workspace/tabs/composition/tabs/artifacts/artifacts.less'; +@import '../../app/view-models/workspace/tabs/composition/tabs/details/details.less'; +@import '../../app/view-models/workspace/tabs/composition/tabs/properties-and-attributes/properties.less'; +@import '../../app/view-models/workspace/tabs/composition/tabs/relations/relations.less'; +@import '../../app/view-models/workspace/tabs/deployment-artifacts/deployment-artifacts.less'; +@import '../../app/view-models/workspace/tabs/deployment/deployment.less'; +@import '../../app/view-models/workspace/tabs/distribution/disribution-status-modal/disribution-status-modal.less'; +@import '../../app/view-models/workspace/tabs/distribution/distribution.less'; +@import '../../app/view-models/workspace/tabs/general/general.less'; +@import '../../app/view-models/workspace/tabs/icons/icons.less'; +@import '../../app/view-models/workspace/tabs/information-artifacts/information-artifacts.less'; +@import '../../app/view-models/workspace/tabs/inputs/inputs.less'; +@import '../../app/view-models/workspace/tabs/inputs/resource-input/resource-inputs.less'; +@import '../../app/view-models/workspace/tabs/inputs/service-input/service-inputs.less'; +@import '../../app/view-models/workspace/tabs/product-hierarchy/product-hierarchy.less'; +@import '../../app/view-models/workspace/tabs/properties/properties.less'; +@import '../../app/view-models/workspace/tabs/req-and-capabilities/req-and-capabilities.less'; +@import '../../app/view-models/workspace/tabs/tosca-artifacts/tosca-artifacts.less'; +@import '../../app/view-models/workspace/workspace.less'; diff --git a/catalog-ui/src/assets/styles/buttons.less b/catalog-ui/src/assets/styles/buttons.less new file mode 100644 index 0000000000..7215d7a3d4 --- /dev/null +++ b/catalog-ui/src/assets/styles/buttons.less @@ -0,0 +1,274 @@ +.w-sdc-btn { + .c_4; + .hand; + .border-radius(5px); + border: 0; + height: 38px; + line-height: 38px; + width: 195px; + margin: 0 6px; + padding: 0; + vertical-align: middle; + outline: none; + &:disabled { .bg_e; } +} + +.w-sdc-btn-small { + .c_9; + .hand; + .border-radius(5px); + border: 0; + height: 30px; + line-height: 30px; + width: 71px; + margin: 0 6px; + padding: 0; + outline: none; + vertical-align: middle; + position: relative; + &:disabled { .bg_e; } +} + + + +.w-sdc-btn-red-small{ + + .w-sdc-btn-small; + .bg_h; + &:hover:enabled { .bg_h_hover; } + padding-left: 15px; + + span { + position: absolute; + top: 7px; + left: 10px; + } +} + +.w-sdc-btn-green-small{ + .w-sdc-btn-small; + .bg_z; + &:hover:enabled { .bg_z_hover; } + +} + + +.w-sdc-btn-light-green { + .w-sdc-btn; + .bg_z; + &:hover:enabled { .bg_z_hover; } +} + +.w-sdc-btn-green { + .w-sdc-btn; + .bg_d; + &:hover:enabled { .bg_d_hover; } +} + +.w-sdc-btn-blue { + .w-sdc-btn; + .bg_a; + &:hover:enabled { .bg_a_hover; } +} + +.w-sdc-btn-dark-gray { + .w-sdc-btn; + .bg_i; + &:hover:enabled { .bg_i_hover; } +} + +.w-sdc-form-action { + .c_6; + //.bg_d; + background-color: #28bd6e; //TO DO: add to variables + .border-radius(5px); + .hand; + border: 0; + height: 38px; + line-height: 38px; + width: 264px; + + &:hover { background-color: #23aa63; } //TO DO: add to variables + &:disabled { background-color: #93deb6; } //TO DO: add to variables +} + +/* +CLASSIC BUTTON +Examples: +------------------------------------------------------------------- + + + + + +*/ +.w-sdc-classic-btn { + .p_14_m; + text-align: center; + .border-radius(2px); + border-style: solid; + border-width: 1px; + width: 94px; + height: 30px; + display: block; + vertical-align: middle; + line-height: 30px; + cursor: pointer; + text-decoration: none; + box-sizing: border-box; + .noselect; + position: relative; + + &:focus, + &:active:focus { + outline: 0 none; + } + + &.primary { + border-color: @main_color_b; + background-color: @main_color_a; + color: @main_color_p; + + &:hover { + background-color: #1ec2ff; + } + } + + &.white { + + } + + &.grey { + + } + + &.positive { + + } + + &.negative { + + } + + &.blue { + .c_7; + ._w-sdc-classic-btn-configuration(#036698, #3b7b9b, #023c59); // Normal + &:hover { ._w-sdc-classic-btn-configuration(#036698, #458eb2, #023c59); } // Hover + &:active { ._w-sdc-classic-btn-configuration(#036698, #336c88, #023c59); } // Pressed + &:focus { &:before { ._w-sdc-classic-btn-focus(#ffffff, 0px); } } // Focus + &:disabled, + &.disabled { + .c_7; + opacity: 0.3; + ._w-sdc-classic-btn-configuration(#036698, #3b7b9b, #023c59); // Disabled + } + } + + &.green { + .c_7; + ._w-sdc-classic-btn-configuration(#25a762, #28bd6e, #235600); // Normal + &:hover { ._w-sdc-classic-btn-configuration(#25a762, #2bcd77, #235600); } // Hover + &:active { ._w-sdc-classic-btn-configuration(#45a006, #24a862, #235600); } // Pressed + &:focus { &:before { ._w-sdc-classic-btn-focus(#ffffff, 0px); } } // Focus + &:disabled, + &.disabled { + .c_7; + opacity: 0.3; + ._w-sdc-classic-btn-configuration(#45a006, #28bd6e, #235600); // Disabled + } + } + + &.gray { + .b_7; + ._w-sdc-classic-btn-configuration(#d8d8d8, #f6f6f6, #aaaaaa); // Normal + &:hover { ._w-sdc-classic-btn-configuration(#d8d8d8, #ececec, #aaaaaa); } // Hover + &:active { ._w-sdc-classic-btn-configuration(#d8d8d8, #d7d7d7, #aaaaaa); } // Pressed + &:focus { &:before { ._w-sdc-classic-btn-focus(#666666, -1px); } } // Focus + &:disabled, + &.disabled { + .b_7; + opacity: 0.3; + ._w-sdc-classic-btn-configuration(#d8d8d8, #f6f6f6, #aaaaaa); // Disabled + } + } + + &.white { + .b_7; + ._w-sdc-classic-btn-configuration(#d8d8d8, #ffffff, #aaaaaa); // Normal + &:hover { ._w-sdc-classic-btn-configuration(#d8d8d8, #f6f6f6, #aaaaaa); } // Hover + &:active { ._w-sdc-classic-btn-configuration(#d8d8d8, #ececec, #aaaaaa); } // Pressed + &:focus { &:before { ._w-sdc-classic-btn-focus(#666666, -1px); } } // Focus + &:disabled, + &.disabled { + .b_7; + opacity: 0.3; + ._w-sdc-classic-btn-configuration(#d8d8d8, #ffffff, #aaaaaa); // Disabled + } + } +} + +._w-sdc-classic-btn-configuration(@border-color; @background-color; @shadow-color) { + border-color: @border-color; + background-color: @background-color; + .box-shadow(0px 1px 0.99px 0.01px @shadow-color); +} + +._w-sdc-classic-btn-focus(@border-color, @position) { + content: " "; + position: absolute; + top: @position; + left: @position; + right: @position; + bottom: -1px + @position; + border: 1px solid @border-color; + z-index: 1; + .border-radius(2px); +} + +/* +WIZARD STEP CIRCLE BUTTON +Examples: +------------------------------------------------------------------- + + + + + +*/ +.w-sdc-wizard-step-btn { + ._w-sdc-wizard-step-btn(18px); +} +._w-sdc-wizard-step-btn(@circle-radius) { + // I'm not using border, so the text inside will be vertical aligned. + .circle(@circle-radius * 2, #f6f6f6); + .noselect; + outline: 0 none; + position: relative; + vertical-align: top; + cursor: pointer; + vertical-align: middle; + border: none; + .box-shadow(inset 0px 0px 0px 1px #d8d8d8); + .b_17; + + &:active { .box-shadow(none); background-color: #eaeaea;} // Pressed + &.disabled { color: #a8b3b9; cursor: default; } + &.disabled:active { .box-shadow(inset 0px 0px 0px 1px #d8d8d8); background-color: #f6f6f6; } + &.valid { + .circle(@circle-radius * 2, #ffffff); + .box-shadow(inset 0px 0px 0px 2px #28bd6e); + .b_17; + } + &.selected { + .c_17; + background-color: #3b7b9b; + .box-shadow(none); + &:active {background-color: #336c88;} // Pressed + } +} + + + + + + diff --git a/catalog-ui/src/assets/styles/dark-header.less b/catalog-ui/src/assets/styles/dark-header.less new file mode 100644 index 0000000000..38b4175daa --- /dev/null +++ b/catalog-ui/src/assets/styles/dark-header.less @@ -0,0 +1,51 @@ +.w-sdc-dark-header { + .c_11; + .bg_i; + height: 94px; + width: 100%; + display: flex; + align-items: center; + + .w-sdc-dark-header-logo { + .hand; + height: 92px; + width: 240px; + padding: 28px 28px 28px 60px; + .flex-fixed(240px); + + .w-sdc-dark-header-logo-icon { + display: inline-block; + margin-right: 8px; + vertical-align: -6px; + } + a.w-sdc-dark-header-logo-link { + .c_5; + text-decoration: none; + } + .w-sdc-dark-header-version{ + .c_16; + .opacity(0.6); + } + } + + .i-sdc-dark-header-caption { + min-width: 175px; + text-align: left; + cursor: default; + text-overflow: ellipsis; + overflow: hidden; + flex-grow: 10; + padding-left: 27px; + white-space: nowrap; + + .i-sdc-dark-header-caption-text { + + text-overflow: ellipsis; + overflow: hidden; + } + } + + .w-sdc-header-user-container { + .c_7; + } +} diff --git a/catalog-ui/src/assets/styles/fonts.less b/catalog-ui/src/assets/styles/fonts.less new file mode 100644 index 0000000000..752f41f86a --- /dev/null +++ b/catalog-ui/src/assets/styles/fonts.less @@ -0,0 +1,72 @@ +//Omnes_ATT W02 Italic +@font-face { + font-family: omnes-italic; + src: url('fonts/OmnesATT/Omnes_ATTW02Italic.eot'); + src: url('fonts/OmnesATT/Omnes_ATTW02Italic.eot?#iefix') format('embedded-opentype'), + url('fonts/OmnesATT/Omnes_ATTW02Italic.ttf'); +} + +//Omnes_ATT W02 Light +@font-face { + font-family: omnes-light; + src: url('fonts/OmnesATT/Omnes_ATTW02Light.eot'); + src: url('fonts/OmnesATT/Omnes_ATTW02Light.eot?#iefix') format('embedded-opentype'), + url('fonts/OmnesATT/Omnes_ATTW02Light.ttf'); +} + +//Omnes_ATT W02 Light Italic +@font-face { + font-family: omnes-light-italic; + src: url('fonts/OmnesATT/Omnes_ATTW02LightItalic.eot'); + src: url('fonts/OmnesATT/Omnes_ATTW02LightItalic.eot?#iefix') format('embedded-opentype'), + url('fonts/OmnesATT/Omnes_ATTW02LightItalic.ttf'); +} + +//Omnes_ATT W02 Medium +@font-face { + font-family: omnes-medium; + src: url('fonts/OmnesATT/Omnes_ATTW02Medium.eot'); + src: url('fonts/OmnesATT/Omnes_ATTW02Medium.eot?#iefix') format('embedded-opentype'), + url('fonts/OmnesATT/Omnes_ATTW02Medium.ttf'); +} + +//Omnes_ATT W02 Medium Italic +@font-face { + font-family: omnes-medium-italic; + src: url('fonts/OmnesATT/Omnes_ATTW02MediumItalic.eot'); + src: url('fonts/OmnesATT/Omnes_ATTW02MediumItalic.eot?#iefix') format('embedded-opentype'), + url('fonts/OmnesATT/Omnes_ATTW02MediumItalic.ttf'); +} + +//Omnes_ATT W02 Regular +@font-face { + font-family: omnes-regular; + src: url('fonts/OmnesATT/Omnes_ATTW02.eot'); + src: url('fonts/OmnesATT/Omnes_ATTW02.eot?#iefix') format('embedded-opentype'), + url('fonts/OmnesATT/Omnes_ATTW02.ttf'); +} + +//Omnes_ATT W02 Bold +@font-face { + font-family: omnes-bold; + src: url('fonts/OmnesATT/Omnes_ATTW02Bold.eot'); + src: url('fonts/OmnesATT/Omnes_ATTW02Bold.eot?#iefix') format('embedded-opentype'), + url('fonts/OmnesATT/Omnes_ATTW02Bold.ttf'); +} + +//Omnes_ATT W02 Bold Italic +@font-face { + font-family: omnes-bold-italic; + src: url('fonts/OmnesATT/OmnesATTW02BoldItalic.eot'); + src: url('fonts/OmnesATT/OmnesATTW02BoldItalic.eot?#iefix') format('embedded-opentype'), + url('fonts/OmnesATT/OmnesATTW02BoldItalic.ttf'); +} + + +//ClearviewATT Book +@font-face { + font-family: clearview-book; + src: url('fonts/ClearviewATT/ClearviewATT-Bk.eot'); + src: url('fonts/ClearviewATT/ClearviewATT-Bk.eot?#iefix') format('embedded-opentype'), + url('fonts/ClearviewATT/ClearviewATT-Bk.ttf'); +} diff --git a/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Bd.eot b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Bd.eot new file mode 100644 index 0000000000..83074fbe2b Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Bd.eot differ diff --git a/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Bd.svg b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Bd.svg new file mode 100644 index 0000000000..564f750d99 --- /dev/null +++ b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Bd.svg @@ -0,0 +1,424 @@ + + + + +1.0 +ClearviewATT Bd +Monotype Imaging Inc. + +Fonts.com WebFonts +http://webfonts.fonts.com +Home of the Web fonts + + +http://webfonts.fonts.com/Legal + +Copyright (c) Terminal Design, Inc, 2005. All rights reserved. +Clearview is a trademark of Terminal Design, Inc. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz AÁÀÂÄÅÃÆ CÇ DÐ EÉÈÊË I Í Ì Î Ï NÑ +OÓÒÔÖÕØŒ SŠ UÚÙÛÜ YÝŸ ZŽ Þ aáàâäåãæ cç dð eéèêë i ı í ì î ï nñ oóòôöõøœ sšß uúùûü yýÿ zž +þ 1234567890 ½ ¼ ¾ % ‰ $¢£¥ƒ€¤ † ‡ § ¶ # ^~µ +×± < = > ÷¬ !¡?¿ " & ' * ° . , : ; () [ \ ] {} / | +¦ _ ‚ „ … ‹› «» ‘ ’ “ ” • ­ - – — @ © ® ™ ªº ¹²³ ´ ` ˆ ˜ ¨ ¯ · ¸ + diff --git a/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Bd.ttf b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Bd.ttf new file mode 100644 index 0000000000..7bfb9d5cc2 Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Bd.ttf differ diff --git a/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Bd.woff b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Bd.woff new file mode 100644 index 0000000000..b1f00eeac9 Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Bd.woff differ diff --git a/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-BdIt.eot b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-BdIt.eot new file mode 100644 index 0000000000..22646213e6 Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-BdIt.eot differ diff --git a/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-BdIt.svg b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-BdIt.svg new file mode 100644 index 0000000000..0996bb5eec --- /dev/null +++ b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-BdIt.svg @@ -0,0 +1,425 @@ + + + + +1.0 +ClearviewATT BdIt +Monotype Imaging Inc. + +Fonts.com WebFonts +http://webfonts.fonts.com +Home of the Web fonts + + +http://webfonts.fonts.com/Legal + +Copyright (c) Terminal Design, Inc, 2005. All rights reserved. +Clearview is a trademark of Terminal Design, Inc. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz AÁÀÂÄÅÃÆ CÇ DÐ EÉÈÊË I Í Ì Î Ï NÑ +OÓÒÔÖÕØŒ SŠ UÚÙÛÜ YÝŸ ZŽ Þ aáàâäåãæ cç dð eéèêë i ı í ì î ï nñ oóòôöõøœ sšß uúùûü yýÿ zž +þ 1234567890 ½ ¼ ¾ % ‰ $¢£¥ƒ€¤ † ‡ § ¶ # ^~µ +×± < = > ÷¬ !¡?¿ " & ' * ° . , : ; () [ \ ] {} / | +¦ _ ‚ „ … ‹› «» ‘ ’ “ ” • ­ - – — @ © ® ™ ªº ¹²³ ´ ` ˆ ˜ ¨ ¯ · ¸ + diff --git a/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-BdIt.ttf b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-BdIt.ttf new file mode 100644 index 0000000000..69b3c834e6 Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-BdIt.ttf differ diff --git a/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-BdIt.woff b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-BdIt.woff new file mode 100644 index 0000000000..f2850a6f53 Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-BdIt.woff differ diff --git a/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Bk.eot b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Bk.eot new file mode 100644 index 0000000000..a945fb3592 Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Bk.eot differ diff --git a/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Bk.svg b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Bk.svg new file mode 100644 index 0000000000..279204943f --- /dev/null +++ b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Bk.svg @@ -0,0 +1,425 @@ + + + + +1.0 +ClearviewATT Bk +Monotype Imaging Inc. + +Fonts.com WebFonts +http://webfonts.fonts.com +Home of the Web fonts + + +http://webfonts.fonts.com/Legal + +Copyright (c) Terminal Design, Inc, 2005. All rights reserved. +Clearview is a trademark of Terminal Design, Inc. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz AÁÀÂÄÅÃÆ CÇ DÐ EÉÈÊË I Í Ì Î Ï NÑ +OÓÒÔÖÕØŒ SŠ UÚÙÛÜ YÝŸ ZŽ Þ aáàâäåãæ cç dð eéèêë i ı í ì î ï nñ oóòôöõøœ sšß uúùûü yýÿ zž +þ 1234567890 ½ ¼ ¾ % ‰ $¢£¥ƒ€¤ † ‡ § ¶ # ^~µ +×± < = > ÷¬ !¡?¿ " & ' * ° . , : ; () [ \ ] {} / | +¦ _ ‚ „ … ‹› «» ‘ ’ “ ” • ­ - – — @ © ® ™ ªº ¹²³ ´ ` ˆ ˜ ¨ ¯ · ¸ + diff --git a/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Bk.ttf b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Bk.ttf new file mode 100644 index 0000000000..b4390461c6 Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Bk.ttf differ diff --git a/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Bk.woff b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Bk.woff new file mode 100644 index 0000000000..5373567803 Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Bk.woff differ diff --git a/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-BkIt.eot b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-BkIt.eot new file mode 100644 index 0000000000..4ab6695752 Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-BkIt.eot differ diff --git a/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-BkIt.svg b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-BkIt.svg new file mode 100644 index 0000000000..c2337a7f89 --- /dev/null +++ b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-BkIt.svg @@ -0,0 +1,425 @@ + + + + +1.0 +ClearviewATT BkIt +Monotype Imaging Inc. + +Fonts.com WebFonts +http://webfonts.fonts.com +Home of the Web fonts + + +http://webfonts.fonts.com/Legal + +Copyright (c) Terminal Design, Inc, 2005. All rights reserved. +Clearview is a trademark of Terminal Design, Inc. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz AÁÀÂÄÅÃÆ CÇ DÐ EÉÈÊË I Í Ì Î Ï NÑ +OÓÒÔÖÕØŒ SŠ UÚÙÛÜ YÝŸ ZŽ Þ aáàâäåãæ cç dð eéèêë i ı í ì î ï nñ oóòôöõøœ sšß uúùûü yýÿ zž +þ 1234567890 ½ ¼ ¾ % ‰ $¢£¥ƒ€¤ † ‡ § ¶ # ^~µ +×± < = > ÷¬ !¡?¿ " & ' * ° . , : ; () [ \ ] {} / | +¦ _ ‚ „ … ‹› «» ‘ ’ “ ” • ­ - – — @ © ® ™ ªº ¹²³ ´ ` ˆ ˜ ¨ ¯ · ¸ + diff --git a/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-BkIt.ttf b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-BkIt.ttf new file mode 100644 index 0000000000..7e7aa05778 Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-BkIt.ttf differ diff --git a/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-BkIt.woff b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-BkIt.woff new file mode 100644 index 0000000000..55fbfd6896 Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-BkIt.woff differ diff --git a/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Lt.eot b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Lt.eot new file mode 100644 index 0000000000..06a4bf9949 Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Lt.eot differ diff --git a/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Lt.svg b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Lt.svg new file mode 100644 index 0000000000..40656e14f8 --- /dev/null +++ b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Lt.svg @@ -0,0 +1,425 @@ + + + + +1.0 +ClearviewATT Lt +Monotype Imaging Inc. + +Fonts.com WebFonts +http://webfonts.fonts.com +Home of the Web fonts + + +http://webfonts.fonts.com/Legal + +Copyright (c) Terminal Design, Inc, 2005. All rights reserved. +Clearview is a trademark of Terminal Design, Inc. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz AÁÀÂÄÅÃÆ CÇ DÐ EÉÈÊË I Í Ì Î Ï NÑ +OÓÒÔÖÕØŒ SŠ UÚÙÛÜ YÝŸ ZŽ Þ aáàâäåãæ cç dð eéèêë i ı í ì î ï nñ oóòôöõøœ sšß uúùûü yýÿ zž +þ 1234567890 ½ ¼ ¾ % ‰ $¢£¥ƒ€¤ † ‡ § ¶ # ^~µ +×± < = > ÷¬ !¡?¿ " & ' * ° . , : ; () [ \ ] {} / | +¦ _ ‚ „ … ‹› «» ‘ ’ “ ” • ­ - – — @ © ® ™ ªº ¹²³ ´ ` ˆ ˜ ¨ ¯ · ¸ + diff --git a/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Lt.ttf b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Lt.ttf new file mode 100644 index 0000000000..c9a45c0e51 Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Lt.ttf differ diff --git a/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Lt.woff b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Lt.woff new file mode 100644 index 0000000000..521ee2e918 Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-Lt.woff differ diff --git a/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-LtIt.eot b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-LtIt.eot new file mode 100644 index 0000000000..06772919e7 Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-LtIt.eot differ diff --git a/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-LtIt.svg b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-LtIt.svg new file mode 100644 index 0000000000..bff63e5524 --- /dev/null +++ b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-LtIt.svg @@ -0,0 +1,424 @@ + + + + +1.0 +ClearviewATT LtIt +Monotype Imaging Inc. + +Fonts.com WebFonts +http://webfonts.fonts.com +Home of the Web fonts + + +http://webfonts.fonts.com/Legal + +Copyright (c) Terminal Design, Inc, 2005. All rights reserved. +Clearview is a trademark of Terminal Design, Inc. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz AÁÀÂÄÅÃÆ CÇ DÐ EÉÈÊË I Í Ì Î Ï NÑ +OÓÒÔÖÕØŒ SŠ UÚÙÛÜ YÝŸ ZŽ Þ aáàâäåãæ cç dð eéèêë i ı í ì î ï nñ oóòôöõøœ sšß uúùûü yýÿ zž +þ 1234567890 ½ ¼ ¾ % ‰ $¢£¥ƒ€¤ † ‡ § ¶ # ^~µ +×± < = > ÷¬ !¡?¿ " & ' * ° . , : ; () [ \ ] {} / | +¦ _ ‚ „ … ‹› «» ‘ ’ “ ” • ­ - – — @ © ® ™ ªº ¹²³ ´ ` ˆ ˜ ¨ ¯ · ¸ + diff --git a/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-LtIt.ttf b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-LtIt.ttf new file mode 100644 index 0000000000..bd7ac47137 Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-LtIt.ttf differ diff --git a/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-LtIt.woff b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-LtIt.woff new file mode 100644 index 0000000000..7f8a274165 Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/ClearviewATT/ClearviewATT-LtIt.woff differ diff --git a/catalog-ui/src/assets/styles/fonts/OmnesATT/AT&T Variation ID.tab b/catalog-ui/src/assets/styles/fonts/OmnesATT/AT&T Variation ID.tab new file mode 100644 index 0000000000..e0085fd9ac --- /dev/null +++ b/catalog-ui/src/assets/styles/fonts/OmnesATT/AT&T Variation ID.tab @@ -0,0 +1,9 @@ + Variation ID tier +602 24875 1243116 Omnes_ATT W02 Italic 1243117 38 CUS24875W02 +602 24872 1243119 Omnes_ATT W02 Light 1243120 38 CUS24872W02 +602 24873 1243122 Omnes_ATT W02 Light Italic 1243123 38 CUS24873W02 +602 24876 1243125 Omnes_ATT W02 Medium 1243126 38 CUS24876W02 +602 24877 1243128 Omnes_ATT W02 Medium Italic 1243129 38 CUS24877W02 +602 24874 1243131 Omnes_ATT W02 Regular 1243132 38 CUS24874W02 +602 26730 1418220 Omnes_ATT W02 Bold 1418221 38 CUS26730W02 +602 26731 1418223 Omnes_ATT W02 Bold Italic 1418224 38 CUS26731W02 diff --git a/catalog-ui/src/assets/styles/fonts/OmnesATT/OmnesATTW02BoldItalic.eot b/catalog-ui/src/assets/styles/fonts/OmnesATT/OmnesATTW02BoldItalic.eot new file mode 100644 index 0000000000..da1c1d1ebe Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/OmnesATT/OmnesATTW02BoldItalic.eot differ diff --git a/catalog-ui/src/assets/styles/fonts/OmnesATT/OmnesATTW02BoldItalic.svg b/catalog-ui/src/assets/styles/fonts/OmnesATT/OmnesATTW02BoldItalic.svg new file mode 100644 index 0000000000..916075aa05 --- /dev/null +++ b/catalog-ui/src/assets/styles/fonts/OmnesATT/OmnesATTW02BoldItalic.svg @@ -0,0 +1,3671 @@ + + + + +1.0 +Omnes_ATT W02 Bold Italic +Monotype Imaging Inc. + +Fonts.com WebFonts +http://webfonts.fonts.com +Home of the Web fonts + + +http://webfonts.fonts.com/Legal + +Generated in 2010 by FontLab Studio. Copyright info pending. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz AÁÀÂÄÅÃÆ CÇ DÐ EÉÈÊË I Í Ì Î Ï NÑ +OÓÒÔÖÕØŒ SŠ UÚÙÛÜ YÝŸ ZŽ Þ aáàâäåãæ cç dð eéèêë i ı í ì î ï nñ oóòôöõøœ sšß uúùûü yýÿ zž +þ 1234567890 ½ ¼ ¾ % ‰ $¢£¥ƒ€¤ † ‡ § ¶ # ^~µ +×± < = > ÷¬ !¡?¿ " & ' * ° . , : ; () [ \ ] {} / | +¦ _ ‚ „ … ‹› «» ‘ ’ “ ” • ­ - – — @ © ® ™ ªº ¹²³ ´ ` ˆ ˜ ¨ ¯ · ¸ + diff --git a/catalog-ui/src/assets/styles/fonts/OmnesATT/OmnesATTW02BoldItalic.ttf b/catalog-ui/src/assets/styles/fonts/OmnesATT/OmnesATTW02BoldItalic.ttf new file mode 100644 index 0000000000..4f35e1f9b8 Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/OmnesATT/OmnesATTW02BoldItalic.ttf differ diff --git a/catalog-ui/src/assets/styles/fonts/OmnesATT/OmnesATTW02BoldItalic.woff b/catalog-ui/src/assets/styles/fonts/OmnesATT/OmnesATTW02BoldItalic.woff new file mode 100644 index 0000000000..1722dce99e Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/OmnesATT/OmnesATTW02BoldItalic.woff differ diff --git a/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02.eot b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02.eot new file mode 100644 index 0000000000..39e1eae7c7 Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02.eot differ diff --git a/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02.svg b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02.svg new file mode 100644 index 0000000000..73923de097 --- /dev/null +++ b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02.svg @@ -0,0 +1,3694 @@ + + + + +1.0 +Omnes_ATT W02 +Monotype Imaging Inc. + +Fonts.com WebFonts +http://webfonts.fonts.com +Home of the Web fonts + + +http://webfonts.fonts.com/Legal + +Generated by RoboFog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz AÁÀÂÄÅÃÆ CÇ DÐ EÉÈÊË I Í Ì Î Ï NÑ +OÓÒÔÖÕØŒ SŠ UÚÙÛÜ YÝŸ ZŽ Þ aáàâäåãæ cç dð eéèêë i ı í ì î ï nñ oóòôöõøœ sšß uúùûü yýÿ zž +þ 1234567890 ½ ¼ ¾ % ‰ $¢£¥ƒ€¤ † ‡ § ¶ # ^~µ +×± < = > ÷¬ !¡?¿ " & ' * ° . , : ; () [ \ ] {} / | +¦ _ ‚ „ … ‹› «» ‘ ’ “ ” • ­ - – — @ © ® ™ ªº ¹²³ ´ ` ˆ ˜ ¨ ¯ · ¸ + diff --git a/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02.ttf b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02.ttf new file mode 100644 index 0000000000..2342be4be5 Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02.ttf differ diff --git a/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02.woff b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02.woff new file mode 100644 index 0000000000..0acf1f027f Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02.woff differ diff --git a/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Bold.eot b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Bold.eot new file mode 100644 index 0000000000..0e5892d1e0 Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Bold.eot differ diff --git a/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Bold.svg b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Bold.svg new file mode 100644 index 0000000000..9670981b29 --- /dev/null +++ b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Bold.svg @@ -0,0 +1,4365 @@ + + + + +1.0 +Omnes_ATT W02 Bold +Monotype Imaging Inc. + +Fonts.com WebFonts +http://webfonts.fonts.com +Home of the Web fonts + + +http://webfonts.fonts.com/Legal + +Generated in 2010 by FontLab Studio. Copyright info pending. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz AÁÀÂÄÅÃÆ CÇ DÐ EÉÈÊË I Í Ì Î Ï NÑ +OÓÒÔÖÕØŒ SŠ UÚÙÛÜ YÝŸ ZŽ Þ aáàâäåãæ cç dð eéèêë i ı í ì î ï nñ oóòôöõøœ sšß uúùûü yýÿ zž +þ 1234567890 ½ ¼ ¾ % ‰ $¢£¥ƒ€¤ † ‡ § ¶ # ^~µ +×± < = > ÷¬ !¡?¿ " & ' * ° . , : ; () [ \ ] {} / | +¦ _ ‚ „ … ‹› «» ‘ ’ “ ” • ­ - – — @ © ® ™ ªº ¹²³ ´ ` ˆ ˜ ¨ ¯ · ¸ + diff --git a/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Bold.ttf b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Bold.ttf new file mode 100644 index 0000000000..94934087bb Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Bold.ttf differ diff --git a/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Bold.woff b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Bold.woff new file mode 100644 index 0000000000..1dfd28f299 Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Bold.woff differ diff --git a/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Italic.eot b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Italic.eot new file mode 100644 index 0000000000..8723e66fa0 Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Italic.eot differ diff --git a/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Italic.svg b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Italic.svg new file mode 100644 index 0000000000..dbf33a9768 --- /dev/null +++ b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Italic.svg @@ -0,0 +1,3799 @@ + + + + +1.0 +Omnes_ATT W02 Italic +Monotype Imaging Inc. + +Fonts.com WebFonts +http://webfonts.fonts.com +Home of the Web fonts + + +http://webfonts.fonts.com/Legal + +Generated by RoboFog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz AÁÀÂÄÅÃÆ CÇ DÐ EÉÈÊË I Í Ì Î Ï NÑ +OÓÒÔÖÕØŒ SŠ UÚÙÛÜ YÝŸ ZŽ Þ aáàâäåãæ cç dð eéèêë i ı í ì î ï nñ oóòôöõøœ sšß uúùûü yýÿ zž +þ 1234567890 ½ ¼ ¾ % ‰ $¢£¥ƒ€¤ † ‡ § ¶ # ^~µ +×± < = > ÷¬ !¡?¿ " & ' * ° . , : ; () [ \ ] {} / | +¦ _ ‚ „ … ‹› «» ‘ ’ “ ” • ­ - – — @ © ® ™ ªº ¹²³ ´ ` ˆ ˜ ¨ ¯ · ¸ + diff --git a/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Italic.ttf b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Italic.ttf new file mode 100644 index 0000000000..4ef76763bd Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Italic.ttf differ diff --git a/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Italic.woff b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Italic.woff new file mode 100644 index 0000000000..750d90d387 Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Italic.woff differ diff --git a/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Light.eot b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Light.eot new file mode 100644 index 0000000000..280d111fe4 Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Light.eot differ diff --git a/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Light.svg b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Light.svg new file mode 100644 index 0000000000..85f39f5008 --- /dev/null +++ b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Light.svg @@ -0,0 +1,3872 @@ + + + + +1.0 +Omnes_ATT W02 Light +Monotype Imaging Inc. + +Fonts.com WebFonts +http://webfonts.fonts.com +Home of the Web fonts + + +http://webfonts.fonts.com/Legal + +Generated in 2010 by FontLab Studio. Copyright info pending. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz AÁÀÂÄÅÃÆ CÇ DÐ EÉÈÊË I Í Ì Î Ï NÑ +OÓÒÔÖÕØŒ SŠ UÚÙÛÜ YÝŸ ZŽ Þ aáàâäåãæ cç dð eéèêë i ı í ì î ï nñ oóòôöõøœ sšß uúùûü yýÿ zž +þ 1234567890 ½ ¼ ¾ % ‰ $¢£¥ƒ€¤ † ‡ § ¶ # ^~µ +×± < = > ÷¬ !¡?¿ " & ' * ° . , : ; () [ \ ] {} / | +¦ _ ‚ „ … ‹› «» ‘ ’ “ ” • ­ - – — @ © ® ™ ªº ¹²³ ´ ` ˆ ˜ ¨ ¯ · ¸ + diff --git a/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Light.ttf b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Light.ttf new file mode 100644 index 0000000000..273761ab3d Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Light.ttf differ diff --git a/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Light.woff b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Light.woff new file mode 100644 index 0000000000..b12120a86e Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Light.woff differ diff --git a/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02LightItalic.eot b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02LightItalic.eot new file mode 100644 index 0000000000..2da6a99ec6 Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02LightItalic.eot differ diff --git a/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02LightItalic.svg b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02LightItalic.svg new file mode 100644 index 0000000000..ab6936ceeb --- /dev/null +++ b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02LightItalic.svg @@ -0,0 +1,3030 @@ + + + + +1.0 +Omnes_ATT W02 Light Italic +Monotype Imaging Inc. + +Fonts.com WebFonts +http://webfonts.fonts.com +Home of the Web fonts + + +http://webfonts.fonts.com/Legal + +Generated in 2010 by FontLab Studio. Copyright info pending. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz AÁÀÂÄÅÃÆ CÇ DÐ EÉÈÊË I Í Ì Î Ï NÑ +OÓÒÔÖÕØŒ SŠ UÚÙÛÜ YÝŸ ZŽ Þ aáàâäåãæ cç dð eéèêë i ı í ì î ï nñ oóòôöõøœ sšß uúùûü yýÿ zž +þ 1234567890 ½ ¼ ¾ % ‰ $¢£¥ƒ€¤ † ‡ § ¶ # ^~µ +×± < = > ÷¬ !¡?¿ " & ' * ° . , : ; () [ \ ] {} / | +¦ _ ‚ „ … ‹› «» ‘ ’ “ ” • ­ - – — @ © ® ™ ªº ¹²³ ´ ` ˆ ˜ ¨ ¯ · ¸ + diff --git a/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02LightItalic.ttf b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02LightItalic.ttf new file mode 100644 index 0000000000..5153cee682 Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02LightItalic.ttf differ diff --git a/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02LightItalic.woff b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02LightItalic.woff new file mode 100644 index 0000000000..cf9993a1d6 Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02LightItalic.woff differ diff --git a/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Medium.eot b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Medium.eot new file mode 100644 index 0000000000..37c715f5be Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Medium.eot differ diff --git a/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Medium.svg b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Medium.svg new file mode 100644 index 0000000000..ad72d0be51 --- /dev/null +++ b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Medium.svg @@ -0,0 +1,2473 @@ + + + + +1.0 +Omnes_ATT W02 Medium +Monotype Imaging Inc. + +Fonts.com WebFonts +http://webfonts.fonts.com +Home of the Web fonts + + +http://webfonts.fonts.com/Legal + +Generated in 2010 by FontLab Studio. Copyright info pending. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz AÁÀÂÄÅÃÆ CÇ DÐ EÉÈÊË I Í Ì Î Ï NÑ +OÓÒÔÖÕØŒ SŠ UÚÙÛÜ YÝŸ ZŽ Þ aáàâäåãæ cç dð eéèêë i ı í ì î ï nñ oóòôöõøœ sšß uúùûü yýÿ zž +þ 1234567890 ½ ¼ ¾ % ‰ $¢£¥ƒ€¤ † ‡ § ¶ # ^~µ +×± < = > ÷¬ !¡?¿ " & ' * ° . , : ; () [ \ ] {} / | +¦ _ ‚ „ … ‹› «» ‘ ’ “ ” • ­ - – — @ © ® ™ ªº ¹²³ ´ ` ˆ ˜ ¨ ¯ · ¸ + diff --git a/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Medium.ttf b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Medium.ttf new file mode 100644 index 0000000000..2740425412 Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Medium.ttf differ diff --git a/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Medium.woff b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Medium.woff new file mode 100644 index 0000000000..5cff69add1 Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02Medium.woff differ diff --git a/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02MediumItalic.eot b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02MediumItalic.eot new file mode 100644 index 0000000000..84ba4acc6b Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02MediumItalic.eot differ diff --git a/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02MediumItalic.svg b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02MediumItalic.svg new file mode 100644 index 0000000000..eca8f73836 --- /dev/null +++ b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02MediumItalic.svg @@ -0,0 +1,3837 @@ + + + + +1.0 +Omnes_ATT W02 Medium Italic +Monotype Imaging Inc. + +Fonts.com WebFonts +http://webfonts.fonts.com +Home of the Web fonts + + +http://webfonts.fonts.com/Legal + +Generated in 2010 by FontLab Studio. Copyright info pending. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz AÁÀÂÄÅÃÆ CÇ DÐ EÉÈÊË I Í Ì Î Ï NÑ +OÓÒÔÖÕØŒ SŠ UÚÙÛÜ YÝŸ ZŽ Þ aáàâäåãæ cç dð eéèêë i ı í ì î ï nñ oóòôöõøœ sšß uúùûü yýÿ zž +þ 1234567890 ½ ¼ ¾ % ‰ $¢£¥ƒ€¤ † ‡ § ¶ # ^~µ +×± < = > ÷¬ !¡?¿ " & ' * ° . , : ; () [ \ ] {} / | +¦ _ ‚ „ … ‹› «» ‘ ’ “ ” • ­ - – — @ © ® ™ ªº ¹²³ ´ ` ˆ ˜ ¨ ¯ · ¸ + diff --git a/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02MediumItalic.ttf b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02MediumItalic.ttf new file mode 100644 index 0000000000..46bfd531b0 Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02MediumItalic.ttf differ diff --git a/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02MediumItalic.woff b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02MediumItalic.woff new file mode 100644 index 0000000000..20419ed3b3 Binary files /dev/null and b/catalog-ui/src/assets/styles/fonts/OmnesATT/Omnes_ATTW02MediumItalic.woff differ diff --git a/catalog-ui/src/assets/styles/fonts/OmnesATT/demo-async.htm b/catalog-ui/src/assets/styles/fonts/OmnesATT/demo-async.htm new file mode 100644 index 0000000000..f7a43e6a34 --- /dev/null +++ b/catalog-ui/src/assets/styles/fonts/OmnesATT/demo-async.htm @@ -0,0 +1,169 @@ + + + + Webfonts Demo + + + + + + +
+

Fonts.com Web fonts

+

@font-face implementation instructions

+

The asynchronous script loads in the background allowing the other elements of your website to load first and undeterred.

+
+

The fonts contained in this kit are:

+
+
Omnes_ATT W02 Italic
+
Omnes_ATT W02 Light
+
Omnes_ATT W02 Light Italic
+
Omnes_ATT W02 Medium
+
Omnes_ATT W02 Medium Italic
+
Omnes_ATT W02 Regular
+
Omnes_ATT W02 Bold
+
Omnes_ATT W02 Bold Italic
+ +
+
+ Click here for css only web fonts implementation +
+
+

CSS Implementation Guidelines

+

You and any third party web font hosting service are responsible for ensuring that the font software in the self-hosting kit, in its original format, can only be used on the Web Sites for which the self-hosting kit was downloaded and cannot be used or referenced by any other web site. This includes, but is not limited to installing adequate technical protection measures that restrict the use and/or access to the font software, for instance by utilizing JavaScript or access control mechanism for cross-origin resource sharing and protecting against use on web sites other than the Web Sites for which the self-hosting kit was downloaded by restricting domain access only to such Web Sites. You must also retain the pageview tracking code on any Web Site that you self-host. In the event this Agreement terminates for any reason, the font software included with the self-hosting kit must be deleted from the server and all copies must be destroyed or returned to Monotype Imaging.

+

View "WEB FONT SOFTWARE" LICENSE AGREEMENT

+

Asynchronous Implementation (Requires JavaScript)

+

Font file names have been obfuscated to protect the font software. You can identify font format based on file ending:

+
    +
  • 1 - TrueType (ttf)
    • +
  • 2 - Embedded OpenType (eot)
    • +
  • 3 - Web Open Font Format (woff)
    • +
  • 4 - Scalable Vector Graphics (svg)
    • +
+

Copy and paste following code in head section of the page

+
+ +

Licensing information should be included within the CSS

+
/*
+This CSS resource incorporates links to font software which is the valuable copyrighted
+property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
+redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
+Imaging with any questions regarding Web Fonts:  http://webfonts.fonts.com
+*/
+
+
+ + diff --git a/catalog-ui/src/assets/styles/fonts/OmnesATT/demo.htm b/catalog-ui/src/assets/styles/fonts/OmnesATT/demo.htm new file mode 100644 index 0000000000..edb62ad34a --- /dev/null +++ b/catalog-ui/src/assets/styles/fonts/OmnesATT/demo.htm @@ -0,0 +1,155 @@ + + + + Webfonts Demo + + + + + +
+

Fonts.com Web fonts

+

@font-face implementation instructions

+
+

The fonts contained in this kit are:

+
+
Omnes_ATT W02 Italic
+
Omnes_ATT W02 Light
+
Omnes_ATT W02 Light Italic
+
Omnes_ATT W02 Medium
+
Omnes_ATT W02 Medium Italic
+
Omnes_ATT W02 Regular
+
Omnes_ATT W02 Bold
+
Omnes_ATT W02 Bold Italic
+ +
+
+ Click here for asynchronous web fonts implementation +
+
+

CSS Implementation Guidelines

+

You and any third party web font hosting service are responsible for ensuring that the font software in the self-hosting kit, in its original format, can only be used on the Web Sites for which the self-hosting kit was downloaded and cannot be used or referenced by any other web site. This includes, but is not limited to installing adequate technical protection measures that restrict the use and/or access to the font software, for instance by utilizing JavaScript or access control mechanism for cross-origin resource sharing and protecting against use on web sites other than the Web Sites for which the self-hosting kit was downloaded by restricting domain access only to such Web Sites. You must also retain the pageview tracking code on any Web Site that you self-host. In the event this Agreement terminates for any reason, the font software included with the self-hosting kit must be deleted from the server and all copies must be destroyed or returned to Monotype Imaging.

+

View "WEB FONT SOFTWARE" LICENSE AGREEMENT

+

Font file names have been obfuscated to protect the font software. You can identify font format based on file ending:

+
    +
  • 1 - TrueType (ttf)
    • +
  • 2 - Embedded OpenType (eot)
    • +
  • 3 - Web Open Font Format (woff)
    • +
  • 4 - Scalable Vector Graphics (svg)
    • +
+

Copy and paste following code in head section of the page

+
+ +

Licensing information should be included within the CSS

+
/*
+This CSS resource incorporates links to font software which is the valuable copyrighted
+property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
+redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
+Imaging with any questions regarding Web Fonts:  http://webfonts.fonts.com
+*/
+
+
+ + diff --git a/catalog-ui/src/assets/styles/form-elements.less b/catalog-ui/src/assets/styles/form-elements.less new file mode 100644 index 0000000000..9f8146d3f5 --- /dev/null +++ b/catalog-ui/src/assets/styles/form-elements.less @@ -0,0 +1,199 @@ +// --------------------------------------------------------------------------------------------------- +// Form +// --------------------------------------------------------------------------------------------------- +.w-sdc-form { + padding: 0; + + .w-sdc-form-actions-container { + margin: 20px auto; // -10px; + width: 100%; // 320px; + } + + .w-sdc-form-columns-wrapper { + + display: flex; + justify-content: space-between; + + .w-sdc-form-column { + width: 100%; + margin: 0; + padding: 0 6% 0 0; + text-align: left; + + &:last-child { + padding: 0; + } + } + + } + + .i-sdc-form-item { + margin-bottom: 10px; + position: relative; + text-align: left; + + &.error { + input[type="text"], + input[type="url"], + input[type="number"], + input[type="password"], + select, + textarea { + .h_1; + border-color: @main_color_g; + outline: none; + box-sizing: border-box; + + &:hover { + .h_1; + border-color: @main_color_g; + } + } + label { + .m_14_m; + } + } + + label { + .m_14_m; + margin: 0 0 2px 0; + padding: 0; + display: block; + + &.required::before { + color: #f33; + content: '*'; + margin: 0 4px 0 0; + } + } + + input[type="text"], + input[type="url"], + input[type="number"], + input[type="password"], + select, + textarea { + .m_14_r; + background-color: @main_color_p; + .border-radius(2px); + margin: 0; + padding: 0; + border: solid 1px @main_color_o; + height: 30px; + width: 100%; + display: block; + + &::-webkit-input-placeholder { font-style: italic; } /* Safari, Chrome and Opera */ + &:-moz-placeholder { font-style: italic; } /* Firefox 18- */ + &::-moz-placeholder { font-style: italic; } /* Firefox 19+ */ + &:-ms-input-placeholder { font-style: italic; } /* IE 10+ */ + &:-ms-input-placeholder { font-style: italic; } /* Edge */ + + &:disabled { + opacity: 0.4; + } + &.view-mode { + opacity: 1; + border: solid 1px @main_color_o; + background-color: #f8f8f8 !important; + pointer-events: none; + cursor: auto; + } + + } + + input[type="text"], + input[type="url"], + input[type="number"], + input[type="password"] { padding: 4px 10px;} + select { padding: 4px 7px;} + textarea { padding: 6px 10px;} + + select { + optgroup { + color: @color_a; + option { + color: @color_b; + } + + } + } + + textarea { + min-height: 110px; + resize: none; + } + + } + + .i-sdc-form-item-error-icon { + .sprite; + .exclamation-mark-red-icon; + width: 13px; + height: 11px; + position: absolute; + + .i-sdc-form-item-error-message { + .bg_h; + .c_3; + cursor: default; + position: absolute; + top: -10px; + left: -8px; + height: 30px; + padding: 6px 10px 6px 30px; + z-index: 999; + text-align: left; + .border-radius-top-right(4px); + .border-radius-bottom-right(4px); + .box-shadow(0px 1px 1px 0px rgba(24, 24, 25, 0.43)); + + &:before { + .arrow(5px, @color_h); + } + + span { + white-space: nowrap; + } + + span.error { + .sprite; + .exclamation-mark-red-icon; + position: absolute; + top: 9px; + left: 8px; + } + + span.ok { + .c_3; + .hand; + position: absolute; + right: 10px; + text-decoration: underline; + } + + .i-sdc-form-item-error-icon-open { + .sprite; + .exclamation-mark-white-icon; + width: 13px; + height: 11px; + position: absolute; + top: 9px; + left: 8px; + } + + } + + } + + .input-error { + .q_12_m; + text-align: left; + } + + .input-error-file-upload { + .input-error; + margin-top: -10px; + margin-bottom: 10px; + } +} diff --git a/catalog-ui/src/assets/styles/global.less b/catalog-ui/src/assets/styles/global.less new file mode 100644 index 0000000000..9faf4aeb0e --- /dev/null +++ b/catalog-ui/src/assets/styles/global.less @@ -0,0 +1,52 @@ +html { + height: 100%; +} + +body { + .b_7; + height: 100%; + margin: auto; + position: relative; +} + +* { + box-sizing: border-box; + margin: 0; +} + +html, body { + height: 100%; + overflow: hidden; +} + +a { + text-decoration: none; +} + +canvas { + outline: none; +} + +.download-artifact { + .hand; +} + +// --------------------------------------------------------------------------------------------------- +// bootstrap overrides +// --------------------------------------------------------------------------------------------------- +html { + + .w-sdc-resource-container { + padding: 20px 0; + } + + // Hover on notification should keep it with opacity 1. + .ui-notification { + &.clickable { + &:hover { + opacity: 1; + } + } + } + +} diff --git a/catalog-ui/src/assets/styles/images/anonymous.jpg b/catalog-ui/src/assets/styles/images/anonymous.jpg new file mode 100644 index 0000000000..863af35321 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/anonymous.jpg differ diff --git a/catalog-ui/src/assets/styles/images/att-globe.svg b/catalog-ui/src/assets/styles/images/att-globe.svg new file mode 100644 index 0000000000..dc9042f524 --- /dev/null +++ b/catalog-ui/src/assets/styles/images/att-globe.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/catalog-ui/src/assets/styles/images/att_logo_white.png b/catalog-ui/src/assets/styles/images/att_logo_white.png new file mode 100644 index 0000000000..6321b7582d Binary files /dev/null and b/catalog-ui/src/assets/styles/images/att_logo_white.png differ diff --git a/catalog-ui/src/assets/styles/images/relationship-icons/AttachesTo.svg b/catalog-ui/src/assets/styles/images/relationship-icons/AttachesTo.svg new file mode 100644 index 0000000000..68b57a08c8 --- /dev/null +++ b/catalog-ui/src/assets/styles/images/relationship-icons/AttachesTo.svg @@ -0,0 +1,37 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/catalog-ui/src/assets/styles/images/relationship-icons/BindsTo.svg b/catalog-ui/src/assets/styles/images/relationship-icons/BindsTo.svg new file mode 100644 index 0000000000..ae5647dda9 --- /dev/null +++ b/catalog-ui/src/assets/styles/images/relationship-icons/BindsTo.svg @@ -0,0 +1,19 @@ + + + + + + + + + + diff --git a/catalog-ui/src/assets/styles/images/relationship-icons/ConnectedTo.svg b/catalog-ui/src/assets/styles/images/relationship-icons/ConnectedTo.svg new file mode 100644 index 0000000000..4ee7672305 --- /dev/null +++ b/catalog-ui/src/assets/styles/images/relationship-icons/ConnectedTo.svg @@ -0,0 +1,19 @@ + + + + + + + + + + diff --git a/catalog-ui/src/assets/styles/images/relationship-icons/DependsOn.svg b/catalog-ui/src/assets/styles/images/relationship-icons/DependsOn.svg new file mode 100644 index 0000000000..e38808e2df --- /dev/null +++ b/catalog-ui/src/assets/styles/images/relationship-icons/DependsOn.svg @@ -0,0 +1,34 @@ + + + + + + + + + + + diff --git a/catalog-ui/src/assets/styles/images/relationship-icons/HostedOn.svg b/catalog-ui/src/assets/styles/images/relationship-icons/HostedOn.svg new file mode 100644 index 0000000000..5daf84a334 --- /dev/null +++ b/catalog-ui/src/assets/styles/images/relationship-icons/HostedOn.svg @@ -0,0 +1,25 @@ + + + + + + + + + + diff --git a/catalog-ui/src/assets/styles/images/relationship-icons/LinksTo.svg b/catalog-ui/src/assets/styles/images/relationship-icons/LinksTo.svg new file mode 100644 index 0000000000..fb4c687774 --- /dev/null +++ b/catalog-ui/src/assets/styles/images/relationship-icons/LinksTo.svg @@ -0,0 +1,22 @@ + + + + + + + + + + diff --git a/catalog-ui/src/assets/styles/images/relationship-icons/RoutesTo.svg b/catalog-ui/src/assets/styles/images/relationship-icons/RoutesTo.svg new file mode 100644 index 0000000000..4c3caf5886 --- /dev/null +++ b/catalog-ui/src/assets/styles/images/relationship-icons/RoutesTo.svg @@ -0,0 +1,19 @@ + + + + + + + + + + diff --git a/catalog-ui/src/assets/styles/images/relationship-icons/arrow.png b/catalog-ui/src/assets/styles/images/relationship-icons/arrow.png new file mode 100644 index 0000000000..d7c0ec8a86 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/relationship-icons/arrow.png differ diff --git a/catalog-ui/src/assets/styles/images/relationship-icons/arrow.svg b/catalog-ui/src/assets/styles/images/relationship-icons/arrow.svg new file mode 100644 index 0000000000..4696e50d57 --- /dev/null +++ b/catalog-ui/src/assets/styles/images/relationship-icons/arrow.svg @@ -0,0 +1,11 @@ + + + + + + diff --git a/catalog-ui/src/assets/styles/images/relationship-icons/arrow_connection_right.svg b/catalog-ui/src/assets/styles/images/relationship-icons/arrow_connection_right.svg new file mode 100644 index 0000000000..ea2d9f258d --- /dev/null +++ b/catalog-ui/src/assets/styles/images/relationship-icons/arrow_connection_right.svg @@ -0,0 +1,11 @@ + + + + + + diff --git a/catalog-ui/src/assets/styles/images/relationship-icons/attach.png b/catalog-ui/src/assets/styles/images/relationship-icons/attach.png new file mode 100644 index 0000000000..f01ebd86ca Binary files /dev/null and b/catalog-ui/src/assets/styles/images/relationship-icons/attach.png differ diff --git a/catalog-ui/src/assets/styles/images/relationship-icons/binding.png b/catalog-ui/src/assets/styles/images/relationship-icons/binding.png new file mode 100644 index 0000000000..15307d8267 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/relationship-icons/binding.png differ diff --git a/catalog-ui/src/assets/styles/images/relationship-icons/conected.png b/catalog-ui/src/assets/styles/images/relationship-icons/conected.png new file mode 100644 index 0000000000..1243146c3f Binary files /dev/null and b/catalog-ui/src/assets/styles/images/relationship-icons/conected.png differ diff --git a/catalog-ui/src/assets/styles/images/relationship-icons/conected.svg b/catalog-ui/src/assets/styles/images/relationship-icons/conected.svg new file mode 100644 index 0000000000..4ee7672305 --- /dev/null +++ b/catalog-ui/src/assets/styles/images/relationship-icons/conected.svg @@ -0,0 +1,19 @@ + + + + + + + + + + diff --git a/catalog-ui/src/assets/styles/images/relationship-icons/dependency.png b/catalog-ui/src/assets/styles/images/relationship-icons/dependency.png new file mode 100644 index 0000000000..1bfd3e41c6 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/relationship-icons/dependency.png differ diff --git a/catalog-ui/src/assets/styles/images/relationship-icons/host.png b/catalog-ui/src/assets/styles/images/relationship-icons/host.png new file mode 100644 index 0000000000..cf314d1d4a Binary files /dev/null and b/catalog-ui/src/assets/styles/images/relationship-icons/host.png differ diff --git a/catalog-ui/src/assets/styles/images/relationship-icons/link.png b/catalog-ui/src/assets/styles/images/relationship-icons/link.png new file mode 100644 index 0000000000..9b81a4de57 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/relationship-icons/link.png differ diff --git a/catalog-ui/src/assets/styles/images/relationship-icons/local_storage.png b/catalog-ui/src/assets/styles/images/relationship-icons/local_storage.png new file mode 100644 index 0000000000..f01ebd86ca Binary files /dev/null and b/catalog-ui/src/assets/styles/images/relationship-icons/local_storage.png differ diff --git a/catalog-ui/src/assets/styles/images/relationship-icons/local_storage.svg b/catalog-ui/src/assets/styles/images/relationship-icons/local_storage.svg new file mode 100644 index 0000000000..e255a4f058 --- /dev/null +++ b/catalog-ui/src/assets/styles/images/relationship-icons/local_storage.svg @@ -0,0 +1,37 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/catalog-ui/src/assets/styles/images/relationship-icons/rout.png b/catalog-ui/src/assets/styles/images/relationship-icons/rout.png new file mode 100644 index 0000000000..6a3aefac44 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/relationship-icons/rout.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/Red_PLUS_HOVER.png b/catalog-ui/src/assets/styles/images/resource-icons/Red_PLUS_HOVER.png new file mode 100644 index 0000000000..eb623b0204 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/Red_PLUS_HOVER.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_COLLABORATION-.png b/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_COLLABORATION-.png new file mode 100644 index 0000000000..b0de76e4eb Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_COLLABORATION-.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_COMPUTE-AS-SERVICE-.png b/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_COMPUTE-AS-SERVICE-.png new file mode 100644 index 0000000000..ec2723b766 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_COMPUTE-AS-SERVICE-.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_MESSAGING-.png b/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_MESSAGING-.png new file mode 100644 index 0000000000..e745e20604 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_MESSAGING-.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_MOBILITY.png b/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_MOBILITY.png new file mode 100644 index 0000000000..4993ffe1f5 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_MOBILITY.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_NETWORK-.png b/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_NETWORK-.png new file mode 100644 index 0000000000..fb7a2518c2 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_NETWORK-.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_NETWORK-CLOUD-.png b/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_NETWORK-CLOUD-.png new file mode 100644 index 0000000000..a06093726a Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_NETWORK-CLOUD-.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_NETWORK-L-1-3.png b/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_NETWORK-L-1-3.png new file mode 100644 index 0000000000..a9f876afd9 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_NETWORK-L-1-3.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_NETWORK-L-4.png b/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_NETWORK-L-4.png new file mode 100644 index 0000000000..e1023e743b Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_NETWORK-L-4.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_NOTIFICATION-.png b/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_NOTIFICATION-.png new file mode 100644 index 0000000000..dfa21d6d34 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_NOTIFICATION-.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_ORPHAN.png b/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_ORPHAN.png new file mode 100644 index 0000000000..91619e0ae8 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_ORPHAN.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_PLATFORM-AS-SERVICE-.png b/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_PLATFORM-AS-SERVICE-.png new file mode 100644 index 0000000000..8c763391e6 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_PLATFORM-AS-SERVICE-.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_SECURITY-.png b/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_SECURITY-.png new file mode 100644 index 0000000000..c015ffe569 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_SECURITY-.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_SETTING-.png b/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_SETTING-.png new file mode 100644 index 0000000000..b9db3ced5a Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_SETTING-.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_avater.png b/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_avater.png new file mode 100644 index 0000000000..209e6e7e34 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_NB_avater.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_STORAGE-AS-SERVICE.png b/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_STORAGE-AS-SERVICE.png new file mode 100644 index 0000000000..86111d0842 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/Resource_Icons_STORAGE-AS-SERVICE.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/alcatelLucent.png b/catalog-ui/src/assets/styles/images/resource-icons/alcatelLucent.png new file mode 100644 index 0000000000..259096fea4 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/alcatelLucent.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/allotted_resource.png b/catalog-ui/src/assets/styles/images/resource-icons/allotted_resource.png new file mode 100644 index 0000000000..c494e89e19 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/allotted_resource.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/applicationServer.png b/catalog-ui/src/assets/styles/images/resource-icons/applicationServer.png new file mode 100644 index 0000000000..f50b392249 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/applicationServer.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/aricent.png b/catalog-ui/src/assets/styles/images/resource-icons/aricent.png new file mode 100644 index 0000000000..6cc36f679f Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/aricent.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/att.png b/catalog-ui/src/assets/styles/images/resource-icons/att.png new file mode 100644 index 0000000000..80a814a34f Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/att.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/borderElement.png b/catalog-ui/src/assets/styles/images/resource-icons/borderElement.png new file mode 100644 index 0000000000..b3525c2e55 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/borderElement.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/broadsoft.png b/catalog-ui/src/assets/styles/images/resource-icons/broadsoft.png new file mode 100644 index 0000000000..2539d30d57 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/broadsoft.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/brocade.png b/catalog-ui/src/assets/styles/images/resource-icons/brocade.png new file mode 100644 index 0000000000..29b713105c Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/brocade.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/call_controll.png b/catalog-ui/src/assets/styles/images/resource-icons/call_controll.png new file mode 100644 index 0000000000..afedac5ad3 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/call_controll.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/canvasPlusIcon-red.png b/catalog-ui/src/assets/styles/images/resource-icons/canvasPlusIcon-red.png new file mode 100644 index 0000000000..bf56d13d6d Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/canvasPlusIcon-red.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/canvasPlusIcon.png b/catalog-ui/src/assets/styles/images/resource-icons/canvasPlusIcon.png new file mode 100644 index 0000000000..f2c289cea6 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/canvasPlusIcon.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/cisco.png b/catalog-ui/src/assets/styles/images/resource-icons/cisco.png new file mode 100644 index 0000000000..e83c771bf3 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/cisco.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/closeModule.png b/catalog-ui/src/assets/styles/images/resource-icons/closeModule.png new file mode 100644 index 0000000000..994cf2c4a5 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/closeModule.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/closeModuleHover.png b/catalog-ui/src/assets/styles/images/resource-icons/closeModuleHover.png new file mode 100644 index 0000000000..47f7cb2c6a Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/closeModuleHover.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/cloud.png b/catalog-ui/src/assets/styles/images/resource-icons/cloud.png new file mode 100644 index 0000000000..8e4c77694e Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/cloud.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/cloudep.png b/catalog-ui/src/assets/styles/images/resource-icons/cloudep.png new file mode 100644 index 0000000000..bdaadbd272 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/cloudep.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/compute.png b/catalog-ui/src/assets/styles/images/resource-icons/compute.png new file mode 100644 index 0000000000..6deb0a0db6 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/compute.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/connector.png b/catalog-ui/src/assets/styles/images/resource-icons/connector.png new file mode 100644 index 0000000000..c479eea892 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/connector.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/cp.png b/catalog-ui/src/assets/styles/images/resource-icons/cp.png new file mode 100644 index 0000000000..f337d35afa Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/cp.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/database.png b/catalog-ui/src/assets/styles/images/resource-icons/database.png new file mode 100644 index 0000000000..b2e7684222 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/database.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/dcae_analytics.png b/catalog-ui/src/assets/styles/images/resource-icons/dcae_analytics.png new file mode 100644 index 0000000000..dd7180479d Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/dcae_analytics.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/dcae_collector.png b/catalog-ui/src/assets/styles/images/resource-icons/dcae_collector.png new file mode 100644 index 0000000000..2870362601 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/dcae_collector.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/dcae_database.png b/catalog-ui/src/assets/styles/images/resource-icons/dcae_database.png new file mode 100644 index 0000000000..b2e7684222 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/dcae_database.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/dcae_microservice.png b/catalog-ui/src/assets/styles/images/resource-icons/dcae_microservice.png new file mode 100644 index 0000000000..933abb106e Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/dcae_microservice.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/dcae_policy.png b/catalog-ui/src/assets/styles/images/resource-icons/dcae_policy.png new file mode 100644 index 0000000000..befb65ecc6 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/dcae_policy.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/dcae_source.png b/catalog-ui/src/assets/styles/images/resource-icons/dcae_source.png new file mode 100644 index 0000000000..58bfa34553 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/dcae_source.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/dcae_utilty.png b/catalog-ui/src/assets/styles/images/resource-icons/dcae_utilty.png new file mode 100644 index 0000000000..fd68ebf135 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/dcae_utilty.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/default.png b/catalog-ui/src/assets/styles/images/resource-icons/default.png new file mode 100644 index 0000000000..91619e0ae8 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/default.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/defaulticon.png b/catalog-ui/src/assets/styles/images/resource-icons/defaulticon.png new file mode 100644 index 0000000000..168859d253 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/defaulticon.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/ericsson.png b/catalog-ui/src/assets/styles/images/resource-icons/ericsson.png new file mode 100644 index 0000000000..7e3147593e Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/ericsson.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/firewall.png b/catalog-ui/src/assets/styles/images/resource-icons/firewall.png new file mode 100644 index 0000000000..5650f2276d Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/firewall.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/fortinet.png b/catalog-ui/src/assets/styles/images/resource-icons/fortinet.png new file mode 100644 index 0000000000..e4e52be0c4 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/fortinet.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/gateway.png b/catalog-ui/src/assets/styles/images/resource-icons/gateway.png new file mode 100644 index 0000000000..478a3af494 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/gateway.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/juniper.png b/catalog-ui/src/assets/styles/images/resource-icons/juniper.png new file mode 100644 index 0000000000..ed9b183b3b Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/juniper.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/loadBalancer.png b/catalog-ui/src/assets/styles/images/resource-icons/loadBalancer.png new file mode 100644 index 0000000000..5c5e555883 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/loadBalancer.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/metaswitch.png b/catalog-ui/src/assets/styles/images/resource-icons/metaswitch.png new file mode 100644 index 0000000000..970dfdd756 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/metaswitch.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/module.png b/catalog-ui/src/assets/styles/images/resource-icons/module.png new file mode 100644 index 0000000000..24574f5ac8 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/module.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/mysql.png b/catalog-ui/src/assets/styles/images/resource-icons/mysql.png new file mode 100644 index 0000000000..07eeaa7d2a Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/mysql.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/network.png b/catalog-ui/src/assets/styles/images/resource-icons/network.png new file mode 100644 index 0000000000..c98eef324e Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/network.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/networkrules.png b/catalog-ui/src/assets/styles/images/resource-icons/networkrules.png new file mode 100644 index 0000000000..4fe91fa7e5 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/networkrules.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/nokia_siemens.png b/catalog-ui/src/assets/styles/images/resource-icons/nokia_siemens.png new file mode 100644 index 0000000000..37a702d79f Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/nokia_siemens.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/objectStorage.png b/catalog-ui/src/assets/styles/images/resource-icons/objectStorage.png new file mode 100644 index 0000000000..27212b71c8 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/objectStorage.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/openModule.png b/catalog-ui/src/assets/styles/images/resource-icons/openModule.png new file mode 100644 index 0000000000..291d0c0361 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/openModule.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/openModuleHover.png b/catalog-ui/src/assets/styles/images/resource-icons/openModuleHover.png new file mode 100644 index 0000000000..0206c5e4d3 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/openModuleHover.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/oracle.png b/catalog-ui/src/assets/styles/images/resource-icons/oracle.png new file mode 100644 index 0000000000..b58acc0823 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/oracle.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/ossep.png b/catalog-ui/src/assets/styles/images/resource-icons/ossep.png new file mode 100644 index 0000000000..0c921dbc76 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/ossep.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/personep.png b/catalog-ui/src/assets/styles/images/resource-icons/personep.png new file mode 100644 index 0000000000..5b743b62d2 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/personep.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/port.png b/catalog-ui/src/assets/styles/images/resource-icons/port.png new file mode 100644 index 0000000000..95285b5b61 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/port.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/premisesep.png b/catalog-ui/src/assets/styles/images/resource-icons/premisesep.png new file mode 100644 index 0000000000..bedd82073f Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/premisesep.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/router.png b/catalog-ui/src/assets/styles/images/resource-icons/router.png new file mode 100644 index 0000000000..27d4897f33 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/router.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/securityrules.png b/catalog-ui/src/assets/styles/images/resource-icons/securityrules.png new file mode 100644 index 0000000000..520ab278cb Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/securityrules.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/selectedCPInstance.png b/catalog-ui/src/assets/styles/images/resource-icons/selectedCPInstance.png new file mode 100644 index 0000000000..2f63077037 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/selectedCPInstance.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/selectedInstance.png b/catalog-ui/src/assets/styles/images/resource-icons/selectedInstance.png new file mode 100644 index 0000000000..f2f5c90ac9 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/selectedInstance.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/selectedUcpeInstance.png b/catalog-ui/src/assets/styles/images/resource-icons/selectedUcpeInstance.png new file mode 100644 index 0000000000..f168929ed6 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/selectedUcpeInstance.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/selectedVLInstance.png b/catalog-ui/src/assets/styles/images/resource-icons/selectedVLInstance.png new file mode 100644 index 0000000000..17407f2609 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/selectedVLInstance.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/server.png b/catalog-ui/src/assets/styles/images/resource-icons/server.png new file mode 100644 index 0000000000..b51305d58f Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/server.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/tropo.png b/catalog-ui/src/assets/styles/images/resource-icons/tropo.png new file mode 100644 index 0000000000..88a5ea5e68 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/tropo.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/ucpe.png b/catalog-ui/src/assets/styles/images/resource-icons/ucpe.png new file mode 100644 index 0000000000..8e8e430e3c Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/ucpe.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/uncertified.png b/catalog-ui/src/assets/styles/images/resource-icons/uncertified.png new file mode 100644 index 0000000000..35d747a7d0 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/uncertified.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/vfw.png b/catalog-ui/src/assets/styles/images/resource-icons/vfw.png new file mode 100644 index 0000000000..b8adc1f09c Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/vfw.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/vl.png b/catalog-ui/src/assets/styles/images/resource-icons/vl.png new file mode 100644 index 0000000000..1fb2fc07ce Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/vl.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/vrouter.png b/catalog-ui/src/assets/styles/images/resource-icons/vrouter.png new file mode 100644 index 0000000000..70e89e5125 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/vrouter.png differ diff --git a/catalog-ui/src/assets/styles/images/resource-icons/wanx.png b/catalog-ui/src/assets/styles/images/resource-icons/wanx.png new file mode 100644 index 0000000000..daa493a0f2 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/resource-icons/wanx.png differ diff --git a/catalog-ui/src/assets/styles/images/service-icons/call_controll.png b/catalog-ui/src/assets/styles/images/service-icons/call_controll.png new file mode 100644 index 0000000000..ef1d92757e Binary files /dev/null and b/catalog-ui/src/assets/styles/images/service-icons/call_controll.png differ diff --git a/catalog-ui/src/assets/styles/images/service-icons/collaboration.png b/catalog-ui/src/assets/styles/images/service-icons/collaboration.png new file mode 100644 index 0000000000..3d34b914f5 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/service-icons/collaboration.png differ diff --git a/catalog-ui/src/assets/styles/images/service-icons/collaboration1.png b/catalog-ui/src/assets/styles/images/service-icons/collaboration1.png new file mode 100644 index 0000000000..6780931e2b Binary files /dev/null and b/catalog-ui/src/assets/styles/images/service-icons/collaboration1.png differ diff --git a/catalog-ui/src/assets/styles/images/service-icons/compute.png b/catalog-ui/src/assets/styles/images/service-icons/compute.png new file mode 100644 index 0000000000..cb2b127ef1 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/service-icons/compute.png differ diff --git a/catalog-ui/src/assets/styles/images/service-icons/defaulticon.png b/catalog-ui/src/assets/styles/images/service-icons/defaulticon.png new file mode 100644 index 0000000000..5afead32d8 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/service-icons/defaulticon.png differ diff --git a/catalog-ui/src/assets/styles/images/service-icons/messaging.png b/catalog-ui/src/assets/styles/images/service-icons/messaging.png new file mode 100644 index 0000000000..eb5f14d178 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/service-icons/messaging.png differ diff --git a/catalog-ui/src/assets/styles/images/service-icons/mobility.png b/catalog-ui/src/assets/styles/images/service-icons/mobility.png new file mode 100644 index 0000000000..285c442aba Binary files /dev/null and b/catalog-ui/src/assets/styles/images/service-icons/mobility.png differ diff --git a/catalog-ui/src/assets/styles/images/service-icons/network_l_1-3.png b/catalog-ui/src/assets/styles/images/service-icons/network_l_1-3.png new file mode 100644 index 0000000000..128c2bec8b Binary files /dev/null and b/catalog-ui/src/assets/styles/images/service-icons/network_l_1-3.png differ diff --git a/catalog-ui/src/assets/styles/images/service-icons/network_l_4.png b/catalog-ui/src/assets/styles/images/service-icons/network_l_4.png new file mode 100644 index 0000000000..7b05e1b101 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/service-icons/network_l_4.png differ diff --git a/catalog-ui/src/assets/styles/images/service-icons/notification.png b/catalog-ui/src/assets/styles/images/service-icons/notification.png new file mode 100644 index 0000000000..a5de34c40f Binary files /dev/null and b/catalog-ui/src/assets/styles/images/service-icons/notification.png differ diff --git a/catalog-ui/src/assets/styles/images/service-icons/platform.png b/catalog-ui/src/assets/styles/images/service-icons/platform.png new file mode 100644 index 0000000000..934eae9136 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/service-icons/platform.png differ diff --git a/catalog-ui/src/assets/styles/images/service-icons/storage.png b/catalog-ui/src/assets/styles/images/service-icons/storage.png new file mode 100644 index 0000000000..9abfd2d3a4 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/service-icons/storage.png differ diff --git a/catalog-ui/src/assets/styles/images/service-icons/uncertified.png b/catalog-ui/src/assets/styles/images/service-icons/uncertified.png new file mode 100644 index 0000000000..35d747a7d0 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/service-icons/uncertified.png differ diff --git a/catalog-ui/src/assets/styles/images/sprites/sprite-global-old.png b/catalog-ui/src/assets/styles/images/sprites/sprite-global-old.png new file mode 100644 index 0000000000..a1014f55d7 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/sprites/sprite-global-old.png differ diff --git a/catalog-ui/src/assets/styles/images/sprites/sprite-global.png b/catalog-ui/src/assets/styles/images/sprites/sprite-global.png new file mode 100644 index 0000000000..f684d2de9c Binary files /dev/null and b/catalog-ui/src/assets/styles/images/sprites/sprite-global.png differ diff --git a/catalog-ui/src/assets/styles/images/sprites/sprite-product-icons.png b/catalog-ui/src/assets/styles/images/sprites/sprite-product-icons.png new file mode 100644 index 0000000000..e85467a09c Binary files /dev/null and b/catalog-ui/src/assets/styles/images/sprites/sprite-product-icons.png differ diff --git a/catalog-ui/src/assets/styles/images/sprites/sprite-resource-icons.png b/catalog-ui/src/assets/styles/images/sprites/sprite-resource-icons.png new file mode 100644 index 0000000000..7d520a8628 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/sprites/sprite-resource-icons.png differ diff --git a/catalog-ui/src/assets/styles/images/sprites/sprite-services-icons.png b/catalog-ui/src/assets/styles/images/sprites/sprite-services-icons.png new file mode 100644 index 0000000000..ac19fa186b Binary files /dev/null and b/catalog-ui/src/assets/styles/images/sprites/sprite-services-icons.png differ diff --git a/catalog-ui/src/assets/styles/images/sprites/tlv-sprite.png b/catalog-ui/src/assets/styles/images/sprites/tlv-sprite.png new file mode 100644 index 0000000000..7f11c2ece1 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/sprites/tlv-sprite.png differ diff --git a/catalog-ui/src/assets/styles/images/tutorial/10.png b/catalog-ui/src/assets/styles/images/tutorial/10.png new file mode 100644 index 0000000000..312d48f99a Binary files /dev/null and b/catalog-ui/src/assets/styles/images/tutorial/10.png differ diff --git a/catalog-ui/src/assets/styles/images/tutorial/11.png b/catalog-ui/src/assets/styles/images/tutorial/11.png new file mode 100644 index 0000000000..8c4f8aec39 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/tutorial/11.png differ diff --git a/catalog-ui/src/assets/styles/images/tutorial/13.png b/catalog-ui/src/assets/styles/images/tutorial/13.png new file mode 100644 index 0000000000..d2c35ddb47 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/tutorial/13.png differ diff --git a/catalog-ui/src/assets/styles/images/tutorial/14.png b/catalog-ui/src/assets/styles/images/tutorial/14.png new file mode 100644 index 0000000000..0aabc9fd11 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/tutorial/14.png differ diff --git a/catalog-ui/src/assets/styles/images/tutorial/15.png b/catalog-ui/src/assets/styles/images/tutorial/15.png new file mode 100644 index 0000000000..d6720989c2 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/tutorial/15.png differ diff --git a/catalog-ui/src/assets/styles/images/tutorial/16.png b/catalog-ui/src/assets/styles/images/tutorial/16.png new file mode 100644 index 0000000000..95005bd5a2 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/tutorial/16.png differ diff --git a/catalog-ui/src/assets/styles/images/tutorial/17.png b/catalog-ui/src/assets/styles/images/tutorial/17.png new file mode 100644 index 0000000000..c22875e6d3 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/tutorial/17.png differ diff --git a/catalog-ui/src/assets/styles/images/tutorial/18.png b/catalog-ui/src/assets/styles/images/tutorial/18.png new file mode 100644 index 0000000000..e5b9b5a8b0 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/tutorial/18.png differ diff --git a/catalog-ui/src/assets/styles/images/tutorial/19.png b/catalog-ui/src/assets/styles/images/tutorial/19.png new file mode 100644 index 0000000000..f7374928ba Binary files /dev/null and b/catalog-ui/src/assets/styles/images/tutorial/19.png differ diff --git a/catalog-ui/src/assets/styles/images/tutorial/2.png b/catalog-ui/src/assets/styles/images/tutorial/2.png new file mode 100644 index 0000000000..4e141bd764 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/tutorial/2.png differ diff --git a/catalog-ui/src/assets/styles/images/tutorial/20.png b/catalog-ui/src/assets/styles/images/tutorial/20.png new file mode 100644 index 0000000000..c3849b0a17 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/tutorial/20.png differ diff --git a/catalog-ui/src/assets/styles/images/tutorial/21.png b/catalog-ui/src/assets/styles/images/tutorial/21.png new file mode 100644 index 0000000000..aa60a153a0 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/tutorial/21.png differ diff --git a/catalog-ui/src/assets/styles/images/tutorial/22.png b/catalog-ui/src/assets/styles/images/tutorial/22.png new file mode 100644 index 0000000000..0d4a71c1e4 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/tutorial/22.png differ diff --git a/catalog-ui/src/assets/styles/images/tutorial/23.png b/catalog-ui/src/assets/styles/images/tutorial/23.png new file mode 100644 index 0000000000..6854d0e4e5 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/tutorial/23.png differ diff --git a/catalog-ui/src/assets/styles/images/tutorial/24.png b/catalog-ui/src/assets/styles/images/tutorial/24.png new file mode 100644 index 0000000000..099fa28874 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/tutorial/24.png differ diff --git a/catalog-ui/src/assets/styles/images/tutorial/25.png b/catalog-ui/src/assets/styles/images/tutorial/25.png new file mode 100644 index 0000000000..718cf4a65f Binary files /dev/null and b/catalog-ui/src/assets/styles/images/tutorial/25.png differ diff --git a/catalog-ui/src/assets/styles/images/tutorial/26.png b/catalog-ui/src/assets/styles/images/tutorial/26.png new file mode 100644 index 0000000000..cd4885ec4a Binary files /dev/null and b/catalog-ui/src/assets/styles/images/tutorial/26.png differ diff --git a/catalog-ui/src/assets/styles/images/tutorial/27.png b/catalog-ui/src/assets/styles/images/tutorial/27.png new file mode 100644 index 0000000000..85c7378e39 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/tutorial/27.png differ diff --git a/catalog-ui/src/assets/styles/images/tutorial/28.png b/catalog-ui/src/assets/styles/images/tutorial/28.png new file mode 100644 index 0000000000..54c5ada0d7 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/tutorial/28.png differ diff --git a/catalog-ui/src/assets/styles/images/tutorial/29.png b/catalog-ui/src/assets/styles/images/tutorial/29.png new file mode 100644 index 0000000000..ae07010492 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/tutorial/29.png differ diff --git a/catalog-ui/src/assets/styles/images/tutorial/3.png b/catalog-ui/src/assets/styles/images/tutorial/3.png new file mode 100644 index 0000000000..ff1a86b4d0 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/tutorial/3.png differ diff --git a/catalog-ui/src/assets/styles/images/tutorial/30.png b/catalog-ui/src/assets/styles/images/tutorial/30.png new file mode 100644 index 0000000000..ef83db0e01 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/tutorial/30.png differ diff --git a/catalog-ui/src/assets/styles/images/tutorial/4.png b/catalog-ui/src/assets/styles/images/tutorial/4.png new file mode 100644 index 0000000000..dfc148868e Binary files /dev/null and b/catalog-ui/src/assets/styles/images/tutorial/4.png differ diff --git a/catalog-ui/src/assets/styles/images/tutorial/5.png b/catalog-ui/src/assets/styles/images/tutorial/5.png new file mode 100644 index 0000000000..f18e52527d Binary files /dev/null and b/catalog-ui/src/assets/styles/images/tutorial/5.png differ diff --git a/catalog-ui/src/assets/styles/images/tutorial/6.png b/catalog-ui/src/assets/styles/images/tutorial/6.png new file mode 100644 index 0000000000..173dc55d1c Binary files /dev/null and b/catalog-ui/src/assets/styles/images/tutorial/6.png differ diff --git a/catalog-ui/src/assets/styles/images/tutorial/7.png b/catalog-ui/src/assets/styles/images/tutorial/7.png new file mode 100644 index 0000000000..3e31376143 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/tutorial/7.png differ diff --git a/catalog-ui/src/assets/styles/images/tutorial/8.png b/catalog-ui/src/assets/styles/images/tutorial/8.png new file mode 100644 index 0000000000..59f95dfa2e Binary files /dev/null and b/catalog-ui/src/assets/styles/images/tutorial/8.png differ diff --git a/catalog-ui/src/assets/styles/images/welcome.png b/catalog-ui/src/assets/styles/images/welcome.png new file mode 100644 index 0000000000..8534a33088 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/welcome.png differ diff --git a/catalog-ui/src/assets/styles/images/welcome/002.png b/catalog-ui/src/assets/styles/images/welcome/002.png new file mode 100644 index 0000000000..f3e7a7c3ed Binary files /dev/null and b/catalog-ui/src/assets/styles/images/welcome/002.png differ diff --git a/catalog-ui/src/assets/styles/images/welcome/sprite.png b/catalog-ui/src/assets/styles/images/welcome/sprite.png new file mode 100644 index 0000000000..3bb7542446 Binary files /dev/null and b/catalog-ui/src/assets/styles/images/welcome/sprite.png differ diff --git a/catalog-ui/src/assets/styles/layout/header.less b/catalog-ui/src/assets/styles/layout/header.less new file mode 100644 index 0000000000..f8e95e8b41 --- /dev/null +++ b/catalog-ui/src/assets/styles/layout/header.less @@ -0,0 +1,78 @@ +.w-sdc-header { + .bg_j; + border-bottom: 1px solid @border_color_c; + height: 94px; + width: 100%; + display: flex; + align-items: center; +} + +.w-sdc-header-logo { + .bg_i; + .hand; + border-bottom: 1px solid @border_color_a; + height: 94px; + width: 240px; + padding: 28px; + .flex-fixed(240px); + z-index: 1020; +} + +.w-sdc-header-logo-icon { + display: inline-block; + margin-right: 8px; + vertical-align: -6px; +} + +a.w-sdc-header-logo-link { + .c_5; + text-decoration: none; +} + +.w-sdc-header-version{ + .c_16; + .opacity(0.6); +} + +.i-sdc-header-caption { + min-width: 175px; + text-align: left; + cursor: default; + text-overflow: ellipsis; + overflow: hidden; + flex-grow: 10; + padding-left: 27px; + white-space: nowrap; + + .i-sdc-header-caption-text { + .i_11; + text-overflow: ellipsis; + overflow: hidden; + + } + + .i-sdc-header-help { + .i_1; + .hand; + margin-left: 26px; + position: relative; + display: inline-block; + + &::before { + .bg_a; + border-radius: 50%; + color: @color_c; + content: '?'; + display: block; + height: 20px; + position: absolute; + left: -26px; + text-align: center; + width: 20px; + } + } +} + +.sdc-error-403-container-title { + .b_11; +} diff --git a/catalog-ui/src/assets/styles/layout/main.less b/catalog-ui/src/assets/styles/layout/main.less new file mode 100644 index 0000000000..54f6b87d7c --- /dev/null +++ b/catalog-ui/src/assets/styles/layout/main.less @@ -0,0 +1,134 @@ +.full-height { + height: 100%; + background-color: @main_color_l +} + +.w-sdc-main-container { + position: absolute; + top: @header_height + @top_nav_height; + left: 0; + right: 0; + bottom: @footer_height; + + .w-sdc-main-right-container { + .bg_n; + bottom: 0; + padding: 22px 12px; + position: absolute; + left: 240px; + right: 0; + top: 0; + overflow: hidden; + + & > div:first-child { + padding-bottom: 80px; + } + + .sdc-tile-catalog { + margin: 10px; + } + + } +} + +.w-sdc-row-flex-items { + display: flex; + flex-wrap: wrap; + flex-direction: row; +} + +.sdc-loading-page { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + position: absolute; + height: 100%; + width: 100%; + + .caption1 { + .p_24; + text-align: center; + } + + .caption2 { + .p_16_m; + display: block; + } +} + +.main-loader { + @green: #cccccc; + @blue: #dddddd; + @red: #eeeeee; + @yellow: #bbbbbb; + @white: #ffffff; + + @width: 80px; + + .loader { + position: relative; + margin: 0px auto; + width: @width; + &:before { + content:''; + display: block; + padding-top: 100%; + } + } + + .circular { + animation: rotate 2s linear infinite; + height: 100%; + transform-origin: center center; + width: 100%; + position: absolute; + top: 0; bottom: 0; left: 0; right: 0; + margin: auto; + } + + + .path { + stroke-dasharray: 1,200; + stroke-dashoffset: 0; + animation: + dash 1.5s ease-in-out infinite, + color 6s ease-in-out infinite; + stroke-linecap: round; + } + + @keyframes rotate{ + 100%{ + transform: rotate(360deg); + } + } + @keyframes dash{ + 0%{ + stroke-dasharray: 1,200; + stroke-dashoffset: 0; + } + 50%{ + stroke-dasharray: 89,200; + stroke-dashoffset: -35px; + } + 100%{ + stroke-dasharray: 89,200; + stroke-dashoffset: -124px; + } + } + @keyframes color{ + 100%, 0%{ + stroke: @red; + } + 40%{ + stroke: @blue; + } + 66%{ + stroke: @green; + } + 80%, 90%{ + stroke: @yellow; + } + } + +} diff --git a/catalog-ui/src/assets/styles/layout/sidebar.less b/catalog-ui/src/assets/styles/layout/sidebar.less new file mode 100644 index 0000000000..9b8dc240c7 --- /dev/null +++ b/catalog-ui/src/assets/styles/layout/sidebar.less @@ -0,0 +1,163 @@ +.w-sdc-left-sidebar { + width: 242px; + overflow: hidden; + background-color: @main_color_p; + .box-shadow(1px 0px 4px 0px rgba(24, 24, 25, 0.17)); + position: absolute; + left: 0; + top: 0; + bottom: 0; + padding: 12px 18px; + z-index: 1; +} + +.w-sdc-left-sidebar-menu { + margin: 0; + padding: 0; + + ul { + margin: 0; + padding: 0; + } +} + +/* Catalog */ +.i-sdc-left-sidebar-nav-item { + .c_6; + .hand; + .border-radius(4px); + width: 220px; + height: 60px; + line-height: 19px; + margin: 0 auto 10px; + padding: 20px 10px 20px 60px; + box-shadow: 0 0 2px 0 rgba(0, 0, 0, .3); + text-align: left; + + &::before { + .sprite; + content: ''; + position: absolute; + left: 50px; + top: 18px; + } + + &.catalog { + .c_4; + .bg_a; + .uppercase; + position: relative; + text-indent: 20px; + + &:hover { .bg_a_hover; } + &::before {.sprite.catalog;} + } + + &.distribution { + .bg_o; + display: none; + position: relative; + } + &.distribution::before { + .sprite.distribution; + } + + &.support { + .bg_a; + position: relative; + } + + &.support::before { + .sprite.support; + + } +} + + +/* */ +.i-sdc-left-sidebar-nav-item-hierachy { + .c_6; + .hand; + .border-radius(4px); + width: 220px; + height: 60px; + line-height: 19px; + margin: 0 auto 10px; + padding: 20px 10px 20px 60px; + box-shadow: 0 0 2px 0 rgba(0, 0, 0, .3); + text-align: left; + + &::before { + .sprite; + content: ''; + position: absolute; + left: 50px; + top: 18px; + } + + &.catalog { + .c_4; + .bg_a; + .uppercase; + position: relative; + text-indent: 20px; + + &:hover { .bg_a_hover; } + &::before {.sprite.catalog;} + } + + &.distribution { + .bg_o; + display: none; + position: relative; + } + &.distribution::before { + .sprite.distribution; + } + + &.support { + .bg_a; + position: relative; + } + + &.support::before { + .sprite.support; + + } +} + +/* Dashboard (Non Catalog) */ +.i-sdc-left-sidebar-item { + list-style: none; + .m_14_r; + line-height: 24px; + + &.category-title { + text-transform: uppercase; + .l_14_m; + line-height: 30px; + } + + input[type="checkbox"] { + margin-right: 10px; + vertical-align: sub; + } + + /*&.selectedLink { + .c_7; + }*/ + + .i-sdc-left-sidebar-item-state-count { + float: right; + } + + .sdc-element-checkbox { + display: inline-flex; + } + +} + +.i-sdc-left-sidebar-item-seperator { + border-bottom: solid 1px @func_color_r; + width: 208px; +} diff --git a/catalog-ui/src/assets/styles/mixins.less b/catalog-ui/src/assets/styles/mixins.less new file mode 100644 index 0000000000..7ce9906d88 --- /dev/null +++ b/catalog-ui/src/assets/styles/mixins.less @@ -0,0 +1,217 @@ +@import "variables"; + +.f-color { + .a {color: @main_color_a;} + .b {color: @main_color_b;} + .c {color: @main_color_c;} + .d {color: @main_color_d;} + .e {color: @main_color_e;} + .f {color: @main_color_f;} + .g {color: @main_color_g;} + .h {color: @main_color_h;} + .i {color: @main_color_i;} + .j {color: @main_color_j;} + .k {color: @main_color_k;} + .l {color: @main_color_l;} + .m {color: @main_color_m;} + .n {color: @main_color_n;} + .o {color: @main_color_o;} + .p {color: @main_color_p;} + + .q {color: @func_color_q;} + .r {color: @func_color_r;} + .s {color: @func_color_s;} + + .t {color: @tlv_color_t;} + .u {color: @tlv_color_u;} + .v {color: @tlv_color_v;} + + +} + +.f-type { + ._36 { + font-family: @font-omnes-light; + font-size: 36px; + } + ._24 { + font-family: @font-omnes-light; + font-size: 24px; + } + ._18_r { + font-family: @font-omnes-regular; + font-size: 18px; + } + ._18_m { + font-family: @font-omnes-medium; + font-size: 18px; + } + ._16_r { + font-family: @font-omnes-regular; + font-size: 16px; + } + ._16_m { + font-family: @font-omnes-medium; + font-size: 16px; + } + ._14_r { + font-family: @font-omnes-regular; + font-size: 14px; + } + ._14_m { + font-family: @font-omnes-medium; + font-size: 14px; + } + ._14_i { + font-family: @font-omnes-medium-italic; + font-size: 14px; + } + ._13_r { + font-family: @font-omnes-regular; + font-size: 13px; + } + ._13_m { + font-family: @font-omnes-medium; + font-size: 13px; + } + ._13_i { + font-family: @font-omnes-medium-italic; + font-size: 13px; + } + ._12_r { + font-family: @font-omnes-regular; + font-size: 12px; + } + ._12_m { + font-family: @font-omnes-medium; + font-size: 12px; + } + ._12_i { + font-family: @font-omnes-medium-italic; + font-size: 12px; + } +} + +.buildForColor(@c){ + .@{c}_36 { color: ~"@{main_color_@{c}}"; .f-type > ._36;} + .@{c}_24 { color: ~"@{main_color_@{c}}"; .f-type > ._24;} + .@{c}_18_r { color: ~"@{main_color_@{c}}"; .f-type > ._18_r;} + .@{c}_18_m { color: ~"@{main_color_@{c}}"; .f-type > ._18_m;} + .@{c}_16_r { color: ~"@{main_color_@{c}}"; .f-type > ._16_r;} + .@{c}_16_m { color: ~"@{main_color_@{c}}"; .f-type > ._16_m;} + .@{c}_14_r { color: ~"@{main_color_@{c}}"; .f-type > ._14_r;} + .@{c}_14_m { color: ~"@{main_color_@{c}}"; .f-type > ._14_m;} + .@{c}_14_i { color: ~"@{main_color_@{c}}"; .f-type > ._14_i;} + .@{c}_13_r { color: ~"@{main_color_@{c}}"; .f-type > ._13_r;} + .@{c}_13_m { color: ~"@{main_color_@{c}}"; .f-type > ._13_m;} + .@{c}_13_i { color: ~"@{main_color_@{c}}"; .f-type > ._13_i;} + .@{c}_12_r { color: ~"@{main_color_@{c}}"; .f-type > ._12_r;} + .@{c}_12_m { color: ~"@{main_color_@{c}}"; .f-type > ._12_m;} + .@{c}_12_i { color: ~"@{main_color_@{c}}"; .f-type > ._12_i;} +} + +.buildForFuncColor(@c){ + .@{c}_36 { color: ~"@{func_color_@{c}}"; .f-type > ._36;} + .@{c}_24 { color: ~"@{func_color_@{c}}"; .f-type > ._24;} + .@{c}_18_r { color: ~"@{func_color_@{c}}"; .f-type > ._18_r;} + .@{c}_18_m { color: ~"@{func_color_@{c}}"; .f-type > ._18_m;} + .@{c}_16_r { color: ~"@{func_color_@{c}}"; .f-type > ._16_r;} + .@{c}_16_m { color: ~"@{func_color_@{c}}"; .f-type > ._16_m;} + .@{c}_14_r { color: ~"@{func_color_@{c}}"; .f-type > ._14_r;} + .@{c}_14_m { color: ~"@{func_color_@{c}}"; .f-type > ._14_m;} + .@{c}_14_i { color: ~"@{func_color_@{c}}"; .f-type > ._14_i;} + .@{c}_13_r { color: ~"@{func_color_@{c}}"; .f-type > ._13_r;} + .@{c}_13_m { color: ~"@{func_color_@{c}}"; .f-type > ._13_m;} + .@{c}_13_i { color: ~"@{func_color_@{c}}"; .f-type > ._13_i;} + .@{c}_12_r { color: ~"@{func_color_@{c}}"; .f-type > ._12_r;} + .@{c}_12_m { color: ~"@{func_color_@{c}}"; .f-type > ._12_m;} + .@{c}_12_i { color: ~"@{func_color_@{c}}"; .f-type > ._12_i;} +} + + +.buildForTlvColor(@c){ + .@{c}_36 { color: ~"@{tlv_color_@{c}}"; .f-type > ._36;} + .@{c}_24 { color: ~"@{tlv_color_@{c}}"; .f-type > ._24;} + .@{c}_18_r { color: ~"@{tlv_color_@{c}}"; .f-type > ._18_r;} + .@{c}_18_m { color: ~"@{tlv_color_@{c}}"; .f-type > ._18_m;} + .@{c}_16_r { color: ~"@{tlv_color_@{c}}"; .f-type > ._16_r;} + .@{c}_16_m { color: ~"@{tlv_color_@{c}}"; .f-type > ._16_m;} + .@{c}_14_r { color: ~"@{tlv_color_@{c}}"; .f-type > ._14_r;} + .@{c}_14_m { color: ~"@{tlv_color_@{c}}"; .f-type > ._14_m;} + .@{c}_14_i { color: ~"@{tlv_color_@{c}}"; .f-type > ._14_i;} + .@{c}_13_r { color: ~"@{tlv_color_@{c}}"; .f-type > ._13_r;} + .@{c}_13_m { color: ~"@{tlv_color_@{c}}"; .f-type > ._13_m;} + .@{c}_13_i { color: ~"@{tlv_color_@{c}}"; .f-type > ._13_i;} + .@{c}_12_r { color: ~"@{tlv_color_@{c}}"; .f-type > ._12_r;} + .@{c}_12_m { color: ~"@{tlv_color_@{c}}"; .f-type > ._12_m;} + .@{c}_12_i { color: ~"@{tlv_color_@{c}}"; .f-type > ._12_i;} +} + +.buildForColor(a); +.buildForColor(b); +.buildForColor(c); +.buildForColor(d); +.buildForColor(e); +.buildForColor(f); +.buildForColor(g); +.buildForColor(h); +.buildForColor(i); +.buildForColor(j); +.buildForColor(k); +.buildForColor(l); +.buildForColor(m); +.buildForColor(n); +.buildForColor(o); +.buildForColor(p); + +.buildForFuncColor(q); +.buildForFuncColor(r); +.buildForFuncColor(s); + +.buildForTlvColor(t); +.buildForTlvColor(u); +.buildForTlvColor(v); + + +.disabled { + opacity: 0.4 !important; + cursor: auto; + background-color: transparent; + pointer-events: none; +} + +/* I'm not using hidden name, can not override bower_components/bootstrap/dist/css/less/responsive-utilities.less */ +.hideme { + visibility: hidden; +} + +.view-mode { + opacity: 1; + border: solid 1px @main_color_o; + background-color: #f8f8f8; + cursor: auto; + + & + &:not(.icons-text), &.no-border-top { + border-top: none; + } +} + +.no-pointer-events { + pointer-events: none; +} + +.unselectable { + -moz-user-select: -moz-none; + -khtml-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.selectable { + -moz-user-select: text; + -khtml-user-select: text; + -webkit-user-select: text; + -ms-user-select: text; + user-select: text; +} diff --git a/catalog-ui/src/assets/styles/mixins_old.less b/catalog-ui/src/assets/styles/mixins_old.less new file mode 100644 index 0000000000..8a4f609497 --- /dev/null +++ b/catalog-ui/src/assets/styles/mixins_old.less @@ -0,0 +1,558 @@ +@import "variables"; + +.font-color { + .a {color: @color_a;} + .b {color: @color_b;} + .c {color: @color_c;} + .d {color: @color_d;} + .e {color: @color_e;} + .f {color: @color_f;} + .g {color: @color_g;} + .h {color: @color_h;} + .i {color: @color_i;} + .j {color: @color_j;} + .k {color: @color_k;} + .l {color: @color_l;} + .m {color: @color_m;} + .n {color: @color_n;} + .o {color: @color_o;} + .p {color: @color_p;} + .q {color: @color_q;} + .r {color: @color_r;} + .s {color: @color_s;} + .t {color: @color_t;} + .u {color: @color_t;} + .v {color: @color_t;} + .w {color: @color_t;} + .x {color: @color_t;} + .y {color: @color_t;} + .z {color: @color_z;} + .zz {color: @color_zz;} + + .hover { + .a {color: @color_a_hover;} + .b {color: @color_b_hover;} + .c {color: @color_c_hover;} + .d {color: @color_d_hover;} + .e {color: @color_e_hover;} + .f {color: @color_f_hover;} + .g {color: @color_g_hover;} + .h {color: @color_h_hover;} + .i {color: @color_i_hover;} + .j {color: @color_j_hover;} + .k {color: @color_k_hover;} + .l {color: @color_l_hover;} + .m {color: @color_m_hover;} + .n {color: @color_n_hover;} + .o {color: @color_o_hover;} + .p {color: @color_p_hover;} + .q {color: @color_q_hover;} + .r {color: @color_r_hover;} + .s {color: @color_s_hover;} + .t {color: @color_t_hover;} + .u {color: @color_u_hover;} + .v {color: @color_v_hover;} + .w {color: @color_w_hover;} + .x {color: @color_x_hover;} + .y {color: @color_y_hover;} + .z {color: @color_z_hover;} + .zz {color: @color_zz_hover;} + } +} + +.font-type { + ._1 { + font-family: @font-omnes-regular; + font-size: 14px; + } + ._2 { + font-family: @font-omnes-regular; + font-size: 20px; + } + ._3 { + font-family: @font-omnes-regular; + font-size: 12px; + } + ._4 { + font-family: @font-omnes-regular; + font-size: 16px; + } + ._5 { + font-family: @font-omnes-medium; + font-size: 30px; + } + ._6 { + font-family: @font-omnes-medium; + font-size: 16px; + } + ._7 { + font-family: @font-omnes-medium; + font-size: 14px; + } + ._8 { + font-family: @font-omnes-regular; + font-size: 11px; + } + ._9 { + font-family: @font-omnes-regular; + font-size: 13px; + } + ._10 { + font-family: @font-omnes-regular; + font-size: 18px; + } + ._11 { + font-family: @font-omnes-medium; + font-size: 20px; + } + ._12 { + font-family: @font-omnes-medium; + font-size: 17px; + } + ._13 { + font-family: @font-omnes-medium; + font-size: 12px; + } + ._14 { + font-family: @font-omnes-medium; + font-size: 11px; + } + ._15 { + font-family: @font-omnes-medium; + font-size: 24px; + } + ._16 { + font-family: @font-omnes-regular; + font-size: 10px; + } + ._17 { + font-family: @font-omnes-medium; + font-size: 15px; + } + ._18 { + font-family: @font-omnes-regular; + font-size: 15px; + } + ._19 { + font-family: @font-omnes-medium; + font-size: 18px; + } +} + +.a_1 {.font-color > .a; .font-type > ._1;} +.a_2 {.font-color > .a; .font-type > ._2;} +.a_3 {.font-color > .a; .font-type > ._3;} +.a_4 {.font-color > .a; .font-type > ._4;} +.a_5 {.font-color > .a; .font-type > ._5;} +.a_6 {.font-color > .a; .font-type > ._6;} +.a_7 {.font-color > .a; .font-type > ._7;} +.a_8 {.font-color > .a; .font-type > ._8;} +.a_9 {.font-color > .a; .font-type > ._9;} +.a_10 {.font-color > .a; .font-type > ._10;} +.a_15 {.font-color > .a; .font-type > ._15;} + +.b_1 {.font-color > .b; .font-type > ._1;} +.b_3 {.font-color > .b; .font-type > ._3;} +.b_4 {.font-color > .b; .font-type > ._4;} +.b_5 {.font-color > .b; .font-type > ._5;} +.b_6 {.font-color > .b; .font-type > ._6;} +.b_7 {.font-color > .b; .font-type > ._7;} +.b_9 {.font-color > .b; .font-type > ._9;} +.b_10 {.font-color > .b; .font-type > ._10;} +.b_11 {.font-color > .b; .font-type > ._11;} +.b_13 {.font-color > .b; .font-type > ._13;} +.b_15 {.font-color > .b; .font-type > ._15;} +.b_17 {.font-color > .b; .font-type > ._17;} +.b_19 {.font-color > .b; .font-type > ._19;} + +.c_1 {.font-color > .c; .font-type > ._1;} +.c_2 {.font-color > .c; .font-type > ._2;} +.c_3 {.font-color > .c; .font-type > ._3;} +.c_4 {.font-color > .c; .font-type > ._4;} +.c_5 {.font-color > .c; .font-type > ._5;} +.c_6 {.font-color > .c; .font-type > ._6;} +.c_7 {.font-color > .c; .font-type > ._7;} +.c_8 {.font-color > .c; .font-type > ._8;} +.c_9 {.font-color > .c; .font-type > ._9;} +.c_10 {.font-color > .c; .font-type > ._10;} +.c_11 {.font-color > .c; .font-type > ._11;} +.c_15 {.font-color > .c; .font-type > ._15;} +.c_16 {.font-color > .c; .font-type > ._16;} +.c_17 {.font-color > .c; .font-type > ._17;} +.c_18 {.font-color > .c; .font-type > ._18;} + +.d_1 {.font-color > .d; .font-type > ._1;} +.d_2 {.font-color > .d; .font-type > ._2;} +.d_3 {.font-color > .d; .font-type > ._3;} +.d_4 {.font-color > .d; .font-type > ._4;} +.d_5 {.font-color > .d; .font-type > ._5;} +.d_6 {.font-color > .d; .font-type > ._6;} +.d_12 {.font-color > .d; .font-type > ._12;} + +.e_1 {.font-color > .e; .font-type > ._1;} +.e_2 {.font-color > .e; .font-type > ._2;} +.e_3 {.font-color > .e; .font-type > ._3;} +.e_4 {.font-color > .e; .font-type > ._4;} +.e_5 {.font-color > .e; .font-type > ._5;} +.e_6 {.font-color > .e; .font-type > ._6;} +.e_7 {.font-color > .e; .font-type > ._7;} + +.f_1 {.font-color > .f; .font-type > ._1;} +.f_2 {.font-color > .f; .font-type > ._2;} + +.g_1 {.font-color > .g; .font-type > ._1;} +.g_2 {.font-color > .g; .font-type > ._2;} +.g_3 {.font-color > .g; .font-type > ._3;} +.g_4 {.font-color > .g; .font-type > ._4;} +.g_5 {.font-color > .g; .font-type > ._5;} +.g_6 {.font-color > .g; .font-type > ._6;} +.g_7 {.font-color > .g; .font-type > ._7;} +.g_8 {.font-color > .g; .font-type > ._8;} +.g_9 {.font-color > .g; .font-type > ._9;} +.g_10 {.font-color > .g; .font-type > ._10;} +.g_13 {.font-color > .g; .font-type > ._13;} +.g_14 {.font-color > .g; .font-type > ._14;} + +.h_1 {.font-color > .h; .font-type > ._1;} +.h_7 {.font-color > .h; .font-type > ._7;} +.h_9 {.font-color > .h; .font-type > ._9;} + +.i_1 {.font-color > .i; .font-type > ._1;} +.i_6 {.font-color > .i; .font-type > ._6;} +.i_11 {.font-color > .i; .font-type > ._11;} +.i_17 {.font-color > .i; .font-type > ._17;} + +.l_1 {.font-color > .l; .font-type > ._1;} +.l_9 {.font-color > .l; .font-type > ._9;} + +.m_4 {.font-color > .m; .font-type > ._4;} +.m_7 {.font-color > .m; .font-type > ._7;} + +.p_1 {.font-color > .p; .font-type > ._1;} +.p_3 {.font-color > .p; .font-type > ._3;} +.p_9 {.font-color > .p; .font-type > ._9;} + +.q_7 {.font-color > .q; .font-type > ._7;} +.q_9 {.font-color > .q; .font-type > ._9;} +.q_11 {.font-color > .q; .font-type > ._11;} + +.r_12 {.font-color > .r; .font-type > ._12;} + +.t_1 {.font-color > .t; .font-type > ._1;} +.t_7 {.font-color > .t; .font-type > ._7;} +.t_15 {.font-color > .t; .font-type > ._15;} + +/* Added by ikram - */ +.s_12 {.font-color > .s; .font-type > ._12;} + +.z_9 {.font-color > .z; .font-type > ._9;} +.backgroundColor { + .a {background-color: @color_a;} + .b {background-color: @color_b;} + .c {background-color: @color_c;} + .d {background-color: @color_d;} + .e {background-color: @color_e;} + .f {background-color: @color_f;} + .g {background-color: @color_g;} + .h {background-color: @color_h;} + .i {background-color: @color_i;} + .j {background-color: @color_j;} + .k {background-color: @color_k;} + .l {background-color: @color_l;} + .m {background-color: @color_m;} + .n {background-color: @color_n;} + .o {background-color: @color_o;} + .p {background-color: @color_p;} + .q {background-color: @color_q;} + .r {background-color: @color_r;} + .s {background-color: @color_s;} + .t {background-color: @color_t;} + .u {background-color: @color_u;} + .v {background-color: @color_v;} + .w {background-color: @color_w;} + .x {background-color: @color_x;} + .y {background-color: @color_y;} + .z {background-color: @color_z;} + .zz {background-color: @color_zz;} + + .hover { + .a {background-color: @color_a_hover;} + .b {background-color: @color_b_hover;} + .c {background-color: @color_c_hover;} + .d {background-color: @color_d_hover;} + .e {background-color: @color_e_hover;} + .f {background-color: @color_f_hover;} + .g {background-color: @color_g_hover;} + .h {background-color: @color_h_hover;} + .i {background-color: @color_i_hover;} + .j {background-color: @color_j_hover;} + .k {background-color: @color_k_hover;} + .l {background-color: @color_l_hover;} + .m {background-color: @color_m_hover;} + .n {background-color: @color_n_hover;} + .o {background-color: @color_o_hover;} + .p {background-color: @color_p_hover;} + .q {background-color: @color_q_hover;} + .r {background-color: @color_r_hover;} + .s {background-color: @color_s_hover;} + .t {background-color: @color_t_hover;} + .u {background-color: @color_u_hover;} + .v {background-color: @color_v_hover;} + .w {background-color: @color_w_hover;} + .x {background-color: @color_x_hover;} + .y {background-color: @color_y_hover;} + .z {background-color: @color_z_hover;} + .zz {background-color: @color_zz_hover;} + } +} + +.bg_a {.backgroundColor > .a;} +.bg_b {.backgroundColor > .b;} +.bg_c {.backgroundColor > .c;} +.bg_d {.backgroundColor > .d;} +.bg_e {.backgroundColor > .e;} +.bg_f {.backgroundColor > .f;} +.bg_g {.backgroundColor > .g;} +.bg_h {.backgroundColor > .h;} +.bg_i {.backgroundColor > .i;} +.bg_j {.backgroundColor > .j;} +.bg_k {.backgroundColor > .k;} +.bg_l {.backgroundColor > .l;} +.bg_m {.backgroundColor > .m;} +.bg_n {.backgroundColor > .n;} +.bg_o {.backgroundColor > .o;} +.bg_p {.backgroundColor > .p;} +.bg_q {.backgroundColor > .q;} +.bg_r {.backgroundColor > .r;} +.bg_s {.backgroundColor > .s;} +.bg_t {.backgroundColor > .t;} +.bg_u {.backgroundColor > .u;} +.bg_v {.backgroundColor > .v;} +.bg_w {.backgroundColor > .w;} +.bg_x {.backgroundColor > .x;} +.bg_y {.backgroundColor > .y;} +.bg_z {.backgroundColor > .z;} +.bg_zz {.backgroundColor > .zz;} + +.bg_a_hover {.backgroundColor > .hover > .a;} +.bg_b_hover {.backgroundColor > .hover > .b;} +.bg_c_hover {.backgroundColor > .hover > .c;} +.bg_d_hover {.backgroundColor > .hover > .d;} +.bg_e_hover {.backgroundColor > .hover > .e;} +.bg_f_hover {.backgroundColor > .hover > .f;} +.bg_g_hover {.backgroundColor > .hover > .g;} +.bg_h_hover {.backgroundColor > .hover > .h;} +.bg_i_hover {.backgroundColor > .hover > .i;} +.bg_j_hover {.backgroundColor > .hover > .j;} +.bg_l_hover {.backgroundColor > .hover > .l;} +.bg_m_hover {.backgroundColor > .hover > .m;} +.bg_n_hover {.backgroundColor > .hover > .n;} +.bg_o_hover {.backgroundColor > .hover > .o;} +.bg_p_hover {.backgroundColor > .hover > .p;} +.bg_q_hover {.backgroundColor > .hover > .q;} +.bg_r_hover {.backgroundColor > .hover > .r;} +.bg_s_hover {.backgroundColor > .hover > .s;} +.bg_t_hover {.backgroundColor > .hover > .t;} +.bg_u_hover {.backgroundColor > .hover > .u;} +.bg_v_hover {.backgroundColor > .hover > .v;} +.bg_w_hover {.backgroundColor > .hover > .w;} +.bg_x_hover {.backgroundColor > .hover > .x;} +.bg_y_hover {.backgroundColor > .hover > .y;} +.bg_z_hover {.backgroundColor > .hover > .z;} +.bg_zz_hover {.backgroundColor > .hover > .zz;} + +.center {margin: 0 auto;} +.vcenter {display: table-cell;vertical-align: middle;} +.left {float: left;} +.right {float: right;} +.hand {cursor: pointer;} +.default-pointer {cursor: default;} +.text-center {text-align: center;} +.display-none {display: none;} +.nowrap {white-space: nowrap;} +.bold {font-weight: bold;} +.full-height {height: 100%;} +.uppercase {text-transform: uppercase;} +.capitalize {text-transform: capitalize;} +.disabled { + //background-color: #f2f2f2; + //border-color: #d8d8d8; + //background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAKrVq36zwjjgzhhYWGMYAEYB8RmROaABADeOQ8CXl/xfgAAAABJRU5ErkJggg==) repeat; + //color: @color_m; +} + +.border-radius(@radius) { + -webkit-border-radius: @radius; + -moz-border-radius: @radius; + border-radius: @radius; +} + +.border-radius-top-left(@radius) { + -webkit-border-top-left-radius: @radius; + -moz-border-radius-topleft: @radius; + -khtml-border-top-left-radius: @radius; + border-top-left-radius: @radius; +} + +.border-radius-top-right(@radius) { + -webkit-border-top-right-radius: @radius; + -moz-border-radius-topright: @radius; + -khtml-border-top-right-radius: @radius; + border-top-right-radius: @radius; +} + +.border-radius-bottom-left(@radius) { + -webkit-border-bottom-left-radius: @radius; + -moz-border-radius-bottomleft: @radius; + -khtml-border-bottom-left-radius: @radius; + border-bottom-left-radius: @radius; +} + +.border-radius-bottom-right(@radius) { + -webkit-border-bottom-right-radius: @radius; + -moz-border-radius-bottomright: @radius; + -khtml-border-bottom-right-radius: @radius; + border-bottom-right-radius: @radius; +} + +.opacity(@opacity: 0.5) { + -moz-opacity: @opacity; + -khtml-opacity: @opacity; + -webkit-opacity: @opacity; + opacity: @opacity; +} + +.box-shadow(@arguments) { + -webkit-box-shadow: @arguments; + -moz-box-shadow: @arguments; + box-shadow: @arguments; +} + +.square(@size) { + width: @size; + height: @size; +} + +.selfClear:after { + content: "."; + display: block; + height: 0px; + clear: both; + visibility: hidden; +} +.selfClear { + display: inline-block; +} + +.clearfix:after { + content: "."; + display: block; + clear: both; + visibility: hidden; + line-height: 0; + height: 0; +} + +.clearfix { + display: inline-block; + clear: both; +} + +.gradient(@d; @st; @st_o; @ec; @ec_0;){ + background: -webkit-linear-gradient(@d, @st @st_o, @ec @ec_0); + background: -moz-linear-gradient(@d, @st @st_o, @ec @ec_0); + background: -o-linear-gradient(@d, @st @st_o, @ec @ec_0); + background: -ms-linear-gradient(@d, @st @st_o, @ec @ec_0); + background: linear-gradient(@d, @st @st_o, @ec @ec_0); +} + +.hyphenate { + -ms-word-break: break-all; + word-break: break-all; + + // Non standard for webkit + word-break: break-word; + + -webkit-hyphens: auto; + -moz-hyphens: auto; + hyphens: auto; +} + +.user-select (@val;) { + -webkit-touch-callout: none; + -webkit-user-select: @val; + -khtml-user-select: @val; + -moz-user-select: @val; + -ms-user-select: @val; + user-select: @val; +} + +.flex-fixed (@width) { + flex-basis: @width; + flex-grow: 0; + flex-shrink: 0; +} + +.perfect-scrollbar { + position: relative; + overflow: hidden; +} + +.noselect { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.arrow(@size, @color){ + content: ''; + position: absolute; + top: 50%; + right: 100%; + margin-top: -@size; + width: 0; + height: 0; + border-right: @size solid @color; + border-top: @size solid transparent; + border-bottom: @size solid transparent; +} + +.circle(@size, @color){ + background-color: @color; + .border-radius(50%); + color: @color_c; + content: ''; + height: @size; + width: @size; + text-align: center; + display: block; +} + +.sdc-ellipsis{ + text-overflow: ellipsis; + overflow: hidden; + display: inline-block; + white-space: nowrap; + } + +// Works with animate.css +.animation-duration(@seconds) { + animation-duration: @seconds; //3s + -webkit-animation-duration: @seconds; + -moz-animation-duration: @seconds; +} + +.animation-delay(@seconds) { + animation-delay: @seconds; //3s + -webkit-animation-delay: @seconds; + -moz-animation-delay: @seconds; +} + +.animation-iterations(@iterations) { + animation-iteration-count: @iterations; // infinite; + -webkit-animation-iteration-count: @iterations; + -moz-animation-iteration-count: @iterations; +} diff --git a/catalog-ui/src/assets/styles/modal.less b/catalog-ui/src/assets/styles/modal.less new file mode 100644 index 0000000000..eb9de92f80 --- /dev/null +++ b/catalog-ui/src/assets/styles/modal.less @@ -0,0 +1,357 @@ +/* ----------------------------------------------------- +OVERRIDE BOOTSTRAP TO CENTER MODAL VERTICALLY. +----------------------------------------------------- */ +.modal { + text-align: center; + padding: 0!important; +} + +.modal:before { + content: ''; + display: inline-block; + height: 100%; + vertical-align: middle; + margin-right: -4px; +} + +/* ----------------------------------------------------- +MODAL SIZES +----------------------------------------------------- */ +.modal-dialog.modal-sdc-xl { + width: 1200px; +} + +.modal-dialog.modal-sdc-l { + width: 875px; +} + +.modal-dialog.modal-sdc-md { + width: 650px; +} + +.modal-dialog.modal-sdc-sm { + width: 552px; +} + +.modal-dialog.modal-sdc-xsm { + width: 432px; +} + +/* ----------------------------------------------------- +MODAL WRAPPER +----------------------------------------------------- */ +.modal-dialog { + /* + margin-top: 110px; + width: 1000px; + */ + display: inline-block; + text-align: left; + vertical-align: middle; +} + +.modal-content { + /*.border-radius(4px); + background-color: #ffffff; + box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5); + min-height: 200px;*/ +} + +.modal-backdrop.in { + // opacity: .8; +} + +.modal-backdrop { + background-color: #111922; //TODO: Replace the color +} + +/* ----------------------------------------------------- +PREVIOUS MODAL +----------------------------------------------------- */ +/*.w-sdc-modal, +.modal-dialog, +.w-sdc-modal-confirmation { + + .w-sdc-modal-head { + .s_18_r; + height: 48px; + line-height: 48px; + text-align: center; + } + + .w-sdc-modal-body { + height: auto; + padding: 20px 40px 20px 40px; + border-bottom: solid 1px @color_a; + position: relative; + } + + .w-sdc-modal-body-content { + .b_1; + padding: 10px 0 0 0; + } + + .w-sdc-modal-icon { + display: inline-block; + } + + .w-sdc-modal-icon-DEBUG { .sprite; .message-DEBUG;} + .w-sdc-modal-icon-INFO { .sprite; .message-INFO;} + .w-sdc-modal-icon-WARNING { .sprite; .message-WARNING;} + .w-sdc-modal-icon-ERROR { .sprite; .message-ERROR;} + + .w-sdc-modal-caption { + .a_6; + display: inline-block; + padding: 0 0 0 25px; + vertical-align: top; + } + + .w-sdc-modal-action { + height: 99px; + text-align: center; + vertical-align: middle; + line-height: 105px; + } + + .sdc-resource-viewer-modal-head { + .c_2; + border-radius: 6px 6px 0 0; + height: 30px; + line-height: 30px; + text-align: center; + } + + .w-sdc-modal-close { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAANCAYAAACdKY9CAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkZDQUM1MUVFMDg1NDExRTVBMzdBQ0IxMzM2OTYwNjM2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkZDQUM1MUVGMDg1NDExRTVBMzdBQ0IxMzM2OTYwNjM2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkNBQzUxRUMwODU0MTFFNUEzN0FDQjEzMzY5NjA2MzYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkNBQzUxRUQwODU0MTFFNUEzN0FDQjEzMzY5NjA2MzYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4EGRD0AAAAhElEQVR42mL8/+8fAxAIAvF7BvwArIYJSKQB8V0gNsajGKEGaMMZIP4PxO+A2BhkIxpOg8qDcAdIQBCPJmTFM8HOh0pg04ShGFkDNk0YitE1wDTdRVK8Ct1P+DyINSAY8HgQa0DgDA1coYdLMc7QQ464mVgiDV0TPOLKcShG1gRWAxBgACObyGI1tr+eAAAAAElFTkSuQmCC'); + color: #3499F7; //TODO: Replace the color, should be sprite + .hand; + position: absolute; + right: 20px; + top: 20px; + display: block; + height: 13px; + width: 12px; + border-radius: 50%; + } + + .w-sdc-resource-viewer-modal-close { + color: #3499F7; //TODO: Replace the color, should be sprite + .hand; + position: absolute; + right: 20px; + top: 5px; + display: block; + line-height: normal; + font-size: 18px; + font-weight: bold; + } + +}*/ + +/* ----------------------------------------------------- +NEW DESIGN MODAL +----------------------------------------------------- */ +.modal-type-standard.w-sdc-classic-modal { + .w-sdc-modal-head { + border-bottom: solid 3px @main_color_a; + } +} +.modal-type-error.w-sdc-classic-modal { + .w-sdc-modal-head { + border-bottom: solid 3px @func_color_q; + } +} +.modal-type-alert.w-sdc-classic-modal { + .w-sdc-modal-head { + border-bottom: solid 3px @main_color_h; + } +} + +.w-sdc-classic-modal { + + display: flex; + flex-direction: column; + .border-radius(4px); + background-color: #ffffff; + box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5); + min-height: 165px; + min-width: 430px; + word-wrap: break-word; + + .w-sdc-modal-head { + flex-grow: 1; + .s_18_m; + height: 48px; + line-height: 48px; + display: flex; + text-align: left; + border-bottom: solid 3px @main_color_a; + align-items: center; + + .w-sdc-modal-head-text { + .s_18_m; + flex-grow: 999; + } + + .w-sdc-modal-close { + flex-grow: 1; + .sprite; + .sprite.x-btn-black; + cursor: pointer; + } + } + + .w-sdc-modal-body { + flex-grow: 999; + .m_14_r; + padding-top: 20px; + position: relative; + border-bottom: none; + } + + .w-sdc-modal-footer { + clear: both; + flex-grow: 1; + display: flex; + align-items: center; + justify-content: flex-end; + border-radius: 6px; + background-color: #f8f8f8; + + button { + display: block; + margin-right: 11px; + } + + button:last-child { + margin-right: 0; + } + + } + +} + +.w-sdc-classic-top-line-modal { + + display: flex; + flex-direction: column; + background-color: #ffffff; + box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5); + min-height: 165px; + min-width: 430px; + border-top: solid 3px @main_color_a; + + .w-sdc-modal-head { + flex-grow: 1; + .s_18_r; + height: 48px; + line-height: 48px; + display: flex; + text-align: left; + align-items: center; + + .w-sdc-modal-head-text { + .s_18_m; + flex-grow: 999; + } + + .w-sdc-modal-close { + flex-grow: 1; + .sprite; + .sprite.x-btn-black; + cursor: pointer; + } + } + + .w-sdc-modal-body { + flex-grow: 999; + .m_14_r; + padding-top: 10px; + position: relative; + border-bottom: none; + } + + .w-sdc-modal-footer { + flex-grow: 1; + display: flex; + align-items: center; + justify-content: flex-end; + + button { + display: block; + margin-right: 11px; + } + + button:last-child { + margin-right: 0; + } + + } + +} + +.modal-sdc-xl { + .w-sdc-classic-modal { + padding: 0 40px; + + .w-sdc-modal-head { + .b_15; + height: 60px; + line-height: 60px; + + .w-sdc-modal-head-text { + flex-grow: 999; + } + + .w-sdc-modal-close { + top: 27px; + right: 41px; + } + } + + .w-sdc-modal-footer { + height: 80px; + margin: 0 -40px; + padding: 0 40px; + background-color: #f2f2f2; + } + + } +} + +.modal-sdc-xl, +.modal-sdc-l, +.modal-sdc-md, +.modal-sdc-sm, +.modal-sdc-xsm { + + .w-sdc-classic-top-line-modal { + padding: 0 30px; + + .w-sdc-modal-footer { + margin: 0 -30px; + padding: 17px 30px; + } + } + + .w-sdc-classic-modal { + padding: 0 30px; + + .w-sdc-modal-head { + .b_19; + height: 50px; + line-height: 50px; + + .w-sdc-modal-close { + top: 21px; + right: 30px; + } + } + + .w-sdc-modal-footer { + margin: 0 -30px; + padding: 17px 30px; + } + } +} diff --git a/catalog-ui/src/assets/styles/multi-level-expand-collapse.less b/catalog-ui/src/assets/styles/multi-level-expand-collapse.less new file mode 100644 index 0000000000..090768f187 --- /dev/null +++ b/catalog-ui/src/assets/styles/multi-level-expand-collapse.less @@ -0,0 +1,33 @@ +.first-level{ + background-color: @tlv_color_u; + padding:8px 20px 8px 8px !important; + border-bottom: 1px solid rgba(0,0,0,0.1); + box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.7); + height: 40px; +} + +.second-level{ + background-color: @tlv_color_t; + padding:4px 20px 4px 37px !important; + border-bottom: 1px solid @main_color_o; + height: 30px; +} + +.expand-collapse-title-icon,.expand-collapse-title-text{ + vertical-align: middle; +} + +.expanded{ + .first-level,.second-level{ + background-color: @tlv_color_v; + border-left: solid @main_color_a 4px; + box-shadow: 0 0px 3px -1px rgba(0,0,0,0.3); + margin-bottom: 2px; + } + .first-level{ + padding-left: 4px !important; + } + .second-level{ + padding-left: 33px !important; + } +} diff --git a/catalog-ui/src/assets/styles/scroller.less b/catalog-ui/src/assets/styles/scroller.less new file mode 100644 index 0000000000..fcdaf12f3f --- /dev/null +++ b/catalog-ui/src/assets/styles/scroller.less @@ -0,0 +1,15 @@ +// Inside +.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { + .bg_b; + .border-radius(0px); + opacity: 1; + width: 6px; + margin: 0 2px; +} +// Outside +.ps-container > .ps-scrollbar-y-rail{ + .border-radius(0px); + width: 10px ; + background-color: rgba(255,255,255,0.5); + z-index: 1000; +} diff --git a/catalog-ui/src/assets/styles/sdc-ui.css b/catalog-ui/src/assets/styles/sdc-ui.css new file mode 100644 index 0000000000..5247ecda1a --- /dev/null +++ b/catalog-ui/src/assets/styles/sdc-ui.css @@ -0,0 +1,361 @@ +@charset "UTF-8"; +/* Colors */ +.sdc-bc-blue { + background-color: #009fdb; } + +.sdc-bc-dark-blue { + background-color: #0568ae; } + +.sdc-bc-light-blue { + background-color: #71c5e8; } + +.sdc-bc-green { + background-color: #4ca90c; } + +.sdc-bc-dark-green { + background-color: #007a3e; } + +.sdc-bc-light-green { + background-color: #b5bd00; } + +.sdc-bc-orange { + background-color: #ea7400; } + +.sdc-bc-yellow { + background-color: #ffb81c; } + +.sdc-bc-dark-purple { + background-color: #702f8a; } + +.sdc-bc-purple { + background-color: #9063cd; } + +.sdc-bc-light-purple { + background-color: #caa2dd; } + +.sdc-bc-black { + background-color: #000000; } + +.sdc-bc-dark-gray { + background-color: #5a5a5a; } + +.sdc-bc-gray { + background-color: #959595; } + +.sdc-bc-light-gray { + background-color: #d2d2d2; } + +.sdc-bc-white { + background-color: #ffffff; } + +/* Prefix */ +/* Value Prefix*/ +/* Box sizing */ +/* Borders & Shadows */ +/* Opacity */ +/* Ellipsis */ +/* Vertical placement of multuple lines of text */ +/* transform-rotate */ +/* transform-translate */ +/* transform-scale */ +/**/ +/**/ +/*body {*/ + /*-webkit-touch-callout: none;*/ + /*-webkit-user-select: none;*/ + /*-moz-user-select: none;*/ + /*-ms-user-select: none;*/ + /*user-select: none; }*/ + +html { + font-size: 100%; + height: 100%; } + +body { + /* scrollbar styling for Internet Explorer */ + scrollbar-face-color: #191919; + scrollbar-track-color: #191919; + height: 100%; } + +/* scrollbar styling for Google Chrome | Safari | Opera */ +::-webkit-scrollbar { + width: 8px; + height: 8px; } + +::-webkit-scrollbar-track { + background-color: transparent; + border-radius: 10px; } + +::-webkit-scrollbar-thumb { + border-radius: 10px; + background-color: #d2d2d2; + border-right: 2px solid #ffffff; } + +/* Mozilla Firefox currently doesn't support scrollbar styling */ +ul { + list-style: none; } + +h1, h2, h3, h4, h5, h6, ul { + margin: 0; + padding: 0; } + +.disabled { + opacity: 0.7 !important; } + +fieldset { + border: none; } + +fieldset label { + display: inline-block; } + +.nav-tabs > li > a:focus, +.btn:focus, +.btn:active:focus, +.btn.active:focus { + outline: none; } + +/* Fonts */ +.text-lowercase { + text-transform: lowercase; } + +.text-uppercase, .heading-3-light, .heading-3, .heading-3-medium { + text-transform: uppercase; } + +.text-capitalize { + text-transform: capitalize; } + +.heading-1 { + font-weight: 300; + font-size: 36px; } + +.heading-2 { + font-weight: 300; + font-size: 24px; } + +.heading-3-light { + font-weight: 300; + font-size: 20px; } + +.heading-3 { + font-weight: 400; + font-size: 20px; } + +.heading-3-medium { + font-weight: 600; + font-size: 20px; } + +.heading-4 { + font-weight: 400; + font-size: 18px; } + +.heading-4-medium { + font-weight: 600; + font-size: 18px; } + +.heading-5 { + font-weight: 400; + font-size: 16px; } + +.heading-5-medium, .catalog-tile .catalog-tile-top .catalog-tile-item-name, .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-info .sdc-tile-content-info-item-name { + font-weight: 400; + line-height: 16px; + font-size: 16px; } + +.body-1 { + font-weight: 400; + font-size: 14px; } + +.body-1-medium { + font-weight: 600; + font-size: 14px; } + +.body-1-light { + font-weight: 300; + font-size: 14px; } + +.body-2, .catalog-tile .catalog-tile-top .catalog-tile-entity-details .catalog-tile-version-info .catalog-tile-item-version, .catalog-tile .catalog-tile-content .catalog-tile-locking-user-name, .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-info .sdc-tile-content-info-version-info .sdc-tile-content-info-version-info-text, .sdc-tile-catalog .sdc-tile-footer .sdc-tile-footer-text { + font-weight: 400; + font-size: 13px; } + +.body-2-medium, .catalog-tile .catalog-tile-content { + font-weight: 600; + font-size: 13px; } + +.body-3 { + font-weight: 400; + font-size: 12px; } + +.body-3-medium, .catalog-tile .catalog-tile-top .catalog-tile-entity-details .catalog-tile-vendor-name, .catalog-tile.vendor-type .catalog-tile-top .catalog-tile-vsp-count, .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-info .sdc-tile-content-info-vendor-name { + font-weight: 600; + font-size: 12px; } + +.body-3-light { + font-weight: 300; + font-size: 12px; } + +.circle-icon-text { + font-weight: 600; + font-size: 14px; } + +.sdc-icon { + display: inline-block; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + width: 16px; + height: 16px; } + +.sdc-icon-locked { + background-image: url("data:image/svg+xml;utf8, "); + background-repeat: no-repeat; } + +.sdc-icon-plus { + background-image: url("data:image/svg+xml;utf8,"); + background-repeat: no-repeat; } + +.sdc-icon-unlocked { + background-image: url("data:image/svg+xml;utf8, "); + background-repeat: no-repeat; } + +.sdc-icon-vendor { + background-image: url("data:image/svg+xml;utf8,vendor"); + background-repeat: no-repeat; } + +.sdc-icon-vlm { + background-image: url("data:image/svg+xml;utf8,vlm_new_icon"); + background-repeat: no-repeat; } + +.sdc-icon-vsp { + background-image: url("data:image/svg+xml;utf8,vsp_new_icon"); + background-repeat: no-repeat; } + +.svg-icon.purple { + fill: #9063cd; } + +.svg-icon.purple-hover { + fill: #9063cd; } + .svg-icon.purple-hover:hover { + fill: #caa2dd; } + +.svg-icon.blue { + fill: #009fdb; } + +.svg-icon.blue-hover { + fill: #009fdb; } + .svg-icon.blue-hover:hover { + fill: #71c5e8; } + +.svg-icon.gray { + fill: #959595; } + +.svg-icon.gray-hover { + fill: #000000; } + .svg-icon.gray-hover:hover { + fill: #d2d2d2; } + +.svg-icon.black { + fill: #000000; } + +.svg-icon.black-hover { + fill: #000000; } + .svg-icon.black-hover:hover { + fill: #d2d2d2; } + +.sdc-tile, .sdc-tile-catalog { + box-sizing: border-box; + background-color: #ffffff; + display: flex; + flex-direction: column; + padding: 10px; + cursor: pointer; + border: 1px solid #eaeaea; + -webkit-box-shadow: 0.5px 0.8px 4px 0 rgba(24, 24, 25, 0.05); + -moz-box-shadow: 0.5px 0.8px 4px 0 rgba(24, 24, 25, 0.05); + box-shadow: 0.5px 0.8px 4px 0 rgba(24, 24, 25, 0.05); } + .sdc-tile:active, .sdc-tile-catalog:active { + border: 1px solid #71c5e8; } + .sdc-tile:hover, .sdc-tile-catalog:hover { + box-shadow: 0.3px 5px 12.8px 1.3px rgba(24, 24, 25, 0.15); + border: 1px solid #d2d2d2; } + .sdc-tile .sdc-tile-header, .sdc-tile-catalog .sdc-tile-header { + position: relative; + flex-shrink: 0; + display: flex; + align-items: flex-start; + flex-direction: column; } + .sdc-tile .sdc-tile-content, .sdc-tile-catalog .sdc-tile-content { + position: relative; + flex: 1; + display: flex; + align-items: flex-start; + flex-direction: column; + overflow: auto; + justify-content: space-between; } + .sdc-tile .sdc-tile-footer, .sdc-tile-catalog .sdc-tile-footer { + position: relative; + flex-shrink: 0; + display: flex; + align-items: flex-start; + flex-direction: column; } + +.sdc-tile-catalog { + width: 204px; + height: 200px; } + .sdc-tile-catalog .sdc-tile-header { + line-height: 16px; } + .sdc-tile-catalog .sdc-tile-header .sdc-tile-header-type { + font-size: 16px; + text-transform: uppercase; } + .sdc-tile-catalog .sdc-tile-header .sdc-tile-header-type.purple { + color: #9063cd; } + .sdc-tile-catalog .sdc-tile-header .sdc-tile-header-type.blue { + color: #009fdb; } + .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-icon { + align-items: center; + display: flex; + flex-direction: column; + width: 100%; + padding-top: 25px; } + .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-icon svg { + width: 60px; + height: 40px; } + .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-info { + padding-bottom: 4px; + width: 180px; + overflow: hidden; + text-overflow: ellipsis; + width: auto; + white-space: nowrap; + display: inline-block; + max-width: 178px; } + .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-info .sdc-tile-content-info-vendor-name { + color: #959595; + line-height: 12px; } + .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-info .sdc-tile-content-info-item-name { + color: #191919; } + .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-info .sdc-tile-content-info-version-info { + display: flex; + justify-content: space-between; } + .sdc-tile-catalog .sdc-tile-footer { + display: flex; + flex-direction: row; + border-top: 1px solid #eaeaea; + padding: 0; + width: 180px; + height: 20px; } + .sdc-tile-catalog .sdc-tile-footer .sdc-tile-footer-text { + flex: 1; + padding-top: 5px; + overflow: hidden; + text-overflow: ellipsis; + width: auto; + white-space: nowrap; + display: inline-block; + max-width: 164px; } + .sdc-tile-catalog .sdc-tile-footer .sdc-tile-footer-icon { + flex-shrink: 1; + overflow: hidden; + padding-top: 5px; } + .sdc-tile-catalog .sdc-tile-footer .sdc-tile-footer-icon svg { + width: 16px; + height: 20px; } diff --git a/catalog-ui/src/assets/styles/sprite-old.less b/catalog-ui/src/assets/styles/sprite-old.less new file mode 100644 index 0000000000..cb2dc2fbe0 --- /dev/null +++ b/catalog-ui/src/assets/styles/sprite-old.less @@ -0,0 +1,132 @@ +.sprite { + background-image: url('images/sprites/sprite-global-old.png'); + display: inline-block; +} + +.sprite.logo { background-position: -50px -100px; width: 39px; height: 32px;} +.sprite.white-arrow-down { background-position: -50px -200px; width: 15px; height: 9px;} +.sprite.white-arrow-up { background-position: -100px -200px; width: 15px; height: 9px;} +.arrow-left { background-position: -262px -4041px; width: 11px; height: 10px;} +.sprite.tab-info { background-position: -50px -300px; width: 18px; height: 20px;} +.sprite.edit { background-position: -51px -689px; width: 31px; height: 30px;} +.sprite.details { background-position: -50px -900px; width: 19px; height: 19px;} +.sprite.structure { background-position: -212px -3880px; width: 23px; height: 21px;} +.sprite.artifacts { background-position: -50px -1098px; width: 20px; height: 20px;} +.sprite.menu { background-position: -50px -1200px; width: 17px; height: 14px;} +.sprite.catalog { background-position: -53px -1303px; width: 20px; height: 20px;} +.sprite.distribution { background-position: -50px -1400px; width: 24px; height: 14px;} +.sprite.support { background-position: -50px -1500px; width: 22px; height: 22px;} +.sprite.filter { background-position: -50px -1600px; width: 15px; height: 16px;} +.sprite.card-menu { background-position: -50px -2000px; width: 4px; height: 16px;} +.sprite.relationships { background-position: -50px -2097px; width: 26px; height: 19px;} +.sprite.lifecycle { background-position: -50px -2200px; width: 20px; height: 20px;} +.sprite.properties { background-position: -50px -2300px; width: 19px; height: 19px;} +.sprite.e-sdc-small-icon-delete { background-position: -64px -2771px; width: 11px; height: 13px;} +.sprite.magnification-glass { background-position: -49px -3138px; width: 12px; height: 12px;} +.sprite.clear-text { background-position: -104px -4040px; width: 10px; height: 11px;} +/*new tabs icons*/ +.sprite.info { background-position: -105px -3583px; width: 18px; height: 18px;} +.sprite.information-artifacts { background-position: -105px -3632px; width: 20px; height: 21px;} +.sprite.deployment-artifacts { background-position: -105px -3682px; width: 19px; height: 19px;} +.sprite.properties { background-position: -105px -3733px; width: 18px; height: 18px;} +.sprite.relations { background-position: -105px -3781px; width: 20px; height: 20px;} +.sprite.inputs { background-position: -104px -3887px; width: 18px; height: 14px;} +.sprite.api { background-position: -104px -3930px; width: 25px; height: 21px;} + +.sprite.NOT_CERTIFIED_CHECKOUT { background-position: -54px -2887px; width: 13px; height: 13px;} +.sprite.CERTIFICATION_IN_PROGRESS { background-position: -54px -2934px; width: 13px; height: 16px;} +.sprite.NOT_CERTIFIED_CHECKIN { background-position: -54px -2985px; width: 13px; height: 15px;} +.sprite.CERTIFIED { background-position: -54px -3034px; width: 13px; height: 16px;} +.sprite.READY_FOR_CERTIFICATION { background-position: -49px -3087px; width: 23px; height: 16px;} + +.message-DEBUG { background-position: -51px -3187px; width: 47px; height: 47px;} +.message-INFO { background-position: -51px -3187px; width: 47px; height: 47px;} +.message-WARNING { background-position: -51px -3187px; width: 47px; height: 47px;} +.message-ERROR { background-position: -51px -3187px; width: 47px; height: 47px;} + +.e-sdc-small-icon-eye { background-position: -60px -2722px; width: 20px; height: 20px;} +.e-sdc-small-icon-pencil { background-position: -51px -3339px; width: 12px; height: 12px;} +.e-sdc-small-icon-pad { background-position: -157px -2772px; width: 15px; height: 12px;} +.sprite.e-sdc-small-icon-trash { background-position: -48px -300px; width: 20px; height: 20px;} +.sprite.e-sdc-small-check { background-position: -48px -399px; width: 20px; height: 20px;} +.sprite.e-sdc-small-clone { background-position: -49px -501px; width: 20px; height: 20px;} +.sprite.e-sdc-small-print-screen { background-position: -49px -351px; width: 19px; height: 20px;} +.sprite.e-sdc-small-certification { background-position: -48px -602px; width: 20px; height: 20px;} +.sprite.e-sdc-small-download { background-position: -51px -3390px; width: 12px; height: 11px;} +.sprite.e-sdc-cloud { background-position: -51px -3278px; width: 24px; height: 23px;} +.sprite.e-sdc-pencil { background-position: -53px -2404px; width: 16px; height: 16px;} +.sprite.e-sdc-green-save { background-position: -157px -4089px; width: 12px; height: 12px;} + +/* canvas items non-certified indicator */ +.s-sdc-state-non-certified { background-position: -157px -3386px; width: 15px; height: 15px;} + +/* dashboard card main icons */ +.s-sdc-service { background-position: -60px -2654px; width: 14px; height: 17px;} +.s-sdc-resource { background-position: -54px -2585px; width: 16px; height: 16px;} + +/* dashboard card statuses icons */ +.s-sdc-state.NOT_CERTIFIED_CHECKIN { background-position: -47px -2839px; width: 20px; height: 19px;} +.s-sdc-state.NOT_CERTIFIED_CHECKIN.green { background-position: -70px -2839px;} +.s-sdc-state.NOT_CERTIFIED_CHECKIN.red { background-position: -93px -2839px;} + +.s-sdc-state.NOT_CERTIFIED_CHECKOUT { background-position: -53px -2889px; width: 14px; height: 14px;} +.s-sdc-state.NOT_CERTIFIED_CHECKOUT.green { background-position: -76px -2889px;} +.s-sdc-state.NOT_CERTIFIED_CHECKOUT.red { background-position: -99px -2889px;} + +.s-sdc-state.CERTIFIED { background-position: -53px -3034px; width: 14px; height: 16px;} +.s-sdc-state.CERTIFIED.green { background-position: -76px -3034px;} +.s-sdc-state.CERTIFIED.red { background-position: -99px -3034px;} + +.s-sdc-state.READY_FOR_CERTIFICATION { background-position: -53px -2985px; width: 14px; height: 16px;} +.s-sdc-state.READY_FOR_CERTIFICATION.green { background-position: -76px -2985px;} +.s-sdc-state.READY_FOR_CERTIFICATION.red { background-position: -99px -2985px;} + +.s-sdc-state.CERTIFICATION_IN_PROGRESS { background-position: -53px -2934px; width: 14px; height: 16px;} +.s-sdc-state.CERTIFICATION_IN_PROGRESS.green { background-position: -76px -2934px;} +.s-sdc-state.CERTIFICATION_IN_PROGRESS.red { background-position: -99px -2934px; } + +.s-sdc-state.DISTRIBUTED { background-position: -43px -3087px; width: 24px; height: 14px;} +.s-sdc-state.DISTRIBUTED.green { background-position: -76px -3087px;} +.s-sdc-state.DISTRIBUTED.red { background-position: -113px -3087px;} + +.sprite.e-sdc-small-blue-down-arrow { background-position: -51px -3262px; width: 10px; height: 7px;} +.sprite.e-sdc-small-blue-up-arrow { background-position: -111px -3262px; width: 10px; height: 7px;} + +.e-checkbox-unchecked { background-position: -51px -3490px; width: 12px; height: 11px;} +.e-checkbox-checked { background-position: -103px -3490px; width: 12px; height: 11px;} +.e-checkbox-unchecked-disabled { background-position: -265px -3490px; width: 12px; height: 11px;} + +/* viewer modal */ +.sprite.x-btn { background-position: -50px -3438px; width: 14px; height: 13px;} +.sprite.x-btn:hover { background-position: -103px -3438px; width: 14px; height: 13px;} +.sprite.x-btn-white { background-position: -157px -3437px; width: 14px; height: 13px;} +.sprite.x-btn-white:hover { background-position: -211px -3438px; width: 14px; height: 13px;} +.sprite.x-btn-black { background-position: -52px -4041px; width: 10px; height: 11px;} +.sprite.x-btn-black:hover { background-position: -104px -4041px; width: 10px; height: 11px;} +.sprite.small-x-btn-black { background-position: -157px -4044px; width: 8px; height: 8px;} +.sprite.small-x-btn-black:hover { background-position: -211px -4044px; width: 8px; height: 8px;} + + +/* input file upload icons */ +.sprite.upload-icon { background-position: -51px -3286px; width: 16px; height: 15px; } +.sprite.upload-icon-hover { background-position: -104px -3286px; } +.sprite.uploaded { background-position: -143px -3283px; width: 18px; height: 18px; } +.sprite.change-file { background-position: -261px -3285px; width: 22px; height: 16px; } +.sprite.change-file-hover { background-position: -211px -3285px; } +.sprite.e-sdc-small-icon-upload { background-position: -104px -4188px; width: 12px; height: 13px; } + +/* error messages icons */ +.exclamation-mark-white-icon { background-position: -51px -3990px; width: 13px; height: 11px; } +.exclamation-mark-red-icon { background-position: -212px -3990px; width: 13px; height: 11px; } +.question-message-icon-gray { background-position: -104px -3987px; width: 14px; height: 14px; } +.question-message-icon-white { background-position: -158px -3987px; width: 14px; height: 14px; } + +/* wizard icons */ +.sprite.table-arrow { background-position: -57px -4241px; width: 7px; height: 10px; } +.sprite.table-arrow.opened { background-position: -54px -4295px; width: 10px; height: 6px; } + +.sprite-green-tick { background-position: -157px -3290px; width: 15px; height: 11px; } + +/* tags category relation icon*/ +.sprite.relation-icon { background-position: -100px -4351px; width: 24px; height: 24px; } +.sprite.relation-icon-hover { background-position: -52px -4351px; width: 24px; height: 24px; } diff --git a/catalog-ui/src/assets/styles/sprite-product-icons.less b/catalog-ui/src/assets/styles/sprite-product-icons.less new file mode 100644 index 0000000000..3485ec89a3 --- /dev/null +++ b/catalog-ui/src/assets/styles/sprite-product-icons.less @@ -0,0 +1,71 @@ +.sprite-product-icons { + background-image: url('images/sprites/sprite-product-icons.png'); + display: inline-block; +} + +.sprite-product-icons.disable { opacity:0.5;} + +.sprite-product-icons.setting { background-position: -291px -102px; width: 61px; height: 67px;} +.sprite-product-icons.setting.small { background-position: -217px -142px; width: 29px; height: 28px;} +.sprite-product-icons.setting.medium { background-position: -148px -130px; width: 41px; height: 40px;} +.sprite-product-icons.setting.large { background-position: -77px -110px; width: 60px; height: 60px;} + +.sprite-product-icons.cloud { background-position: -290px -215px; width: 64px; height: 43px;} +.sprite-product-icons.cloud.small { background-position: -217px -232px; width: 29px; height: 28px;} +.sprite-product-icons.cloud.medium { background-position: -148px -220px; width: 41px; height: 40px;} +.sprite-product-icons.cloud.large { background-position: -77px -200px; width: 60px; height: 60px;} + +.sprite-product-icons.security { background-position: -289px -293px; width: 50px; height: 57px;} +.sprite-product-icons.security.small { background-position: -217px -321px; width: 29px; height: 28px;} +.sprite-product-icons.security.medium { background-position: -148px -310px; width: 41px; height: 40px;} +.sprite-product-icons.security.large { background-position: -77px -290px; width: 60px; height: 60px;} + +.sprite-product-icons.network { background-position: -290px -383px; width: 56px; height: 57px;} +.sprite-product-icons.network.small { background-position: -217px -411px; width: 29px; height: 29px;} +.sprite-product-icons.network.medium { background-position: -148px -399px; width: 41px; height: 41px;} +.sprite-product-icons.network.large { background-position: -77px -380px; width: 60px; height: 60px;} + +.sprite-product-icons.orphan { background-position: -290px -478px; width: 52px; height: 52px;} +.sprite-product-icons.orphan.small { background-position: -217px -500px; width: 29px; height: 29px;} +.sprite-product-icons.orphan.medium { background-position: -148px -488px; width: 41px; height: 41px;} +.sprite-product-icons.orphan.large { background-position: -77px -470px; width: 60px; height: 60px;} + +.sprite-product-icons.defaulticon { background-position: -290px -478px; width: 52px; height: 52px;} +.sprite-product-icons.defaulticon.small { background-position: -217px -500px; width: 29px; height: 29px;} +.sprite-product-icons.defaulticon.medium { background-position: -148px -488px; width: 41px; height: 41px;} +.sprite-product-icons.defaulticon.large { background-position: -77px -470px; width: 60px; height: 60px;} + +.sprite-product-icons.vfw { background-position: -289px -548px; width: 73px; height: 73px;} +.sprite-product-icons.vfw.small { background-position: -217px -591px; width: 29px; height: 29px;} +.sprite-product-icons.vfw.medium { background-position: -148px -580px; width: 41px; height: 41px;} +.sprite-product-icons.vfw.large { background-position: -77px -560px; width: 60px; height: 61px;} + +.sprite-product-icons.wanx { background-position: -290px -664px; width: 59px; height: 47px;} +.sprite-product-icons.wanx.small { background-position: -217px -681px; width: 30px; height: 30px;} +.sprite-product-icons.wanx.medium { background-position: -148px -670px; width: 41px; height: 41px;} +.sprite-product-icons.wanx.large { background-position: -77px -651px; width: 60px; height: 60px;} + +.sprite-product-icons.vrouter { background-position: -289px -758px; width: 69px; height: 43px;} +.sprite-product-icons.vrouter.small { background-position: -217px -772px; width: 29px; height: 29px;} +.sprite-product-icons.vrouter.medium { background-position: -148px -760px; width: 41px; height: 41px;} +.sprite-product-icons.vrouter.large { background-position: -77px -741px; width: 60px; height: 60px;} + +.sprite-product-icons.ucpe { background-position: -289px -832px; width: 59px; height: 60px;} +.sprite-product-icons.ucpe.small { background-position: -217px -862px; width: 28px; height: 29px;} +.sprite-product-icons.ucpe.medium { background-position: -148px -849px; width: 41px; height: 41px;} +.sprite-product-icons.ucpe.large { background-position: -77px -831px; width: 60px; height: 61px;} + +.sprite-product-icons.mobility { background-position: -288px -919px; width: 64px; height: 62px;} +.sprite-product-icons.mobility.small { background-position: -216px -952px; width: 29px; height: 29px;} +.sprite-product-icons.mobility.medium { background-position: -147px -940px; width: 41px; height: 41px;} +.sprite-product-icons.mobility.large { background-position: -76px -921px; width: 60px; height: 60px;} + +.sprite-product-icons.wanx_customer_managed { background-position: -290px -1024px; width: 58px; height: 62px;} +.sprite-product-icons.wanx.small_customer_managed { background-position: -217px -1041px; width: 30px; height: 38px;} +.sprite-product-icons.wanx.medium_customer_managed { background-position: -148px -1030px; width: 42px; height: 47px;} +.sprite-product-icons.wanx.large_customer_managed { background-position: -77px -1011px; width: 61px; height: 66px;} + +.sprite-product-icons.wanx_attr_managed { background-position: -290px -1114px; width: 59px; height: 62px;} +.sprite-product-icons.wanx.small_att_managed { background-position: -218px -1131px; width: 31px; height: 36px;} +.sprite-product-icons.wanx.medium_att_managed { background-position: -149px -1120px; width: 42px; height: 47px;} +.sprite-product-icons.wanx.large_att_managed { background-position: -77px -1101px; width: 60px; height: 67px;} diff --git a/catalog-ui/src/assets/styles/sprite-resource-icons.less b/catalog-ui/src/assets/styles/sprite-resource-icons.less new file mode 100644 index 0000000000..153e8c042c --- /dev/null +++ b/catalog-ui/src/assets/styles/sprite-resource-icons.less @@ -0,0 +1,268 @@ +.sprite-resource-icons { + background-image: url('images/sprites/sprite-resource-icons.png'); + display: inline-block; +} + +.sprite-resource-icons.disable { opacity:0.5;} + +.sprite-resource-icons.borderElement { background-position: -282px -41px; width: 66px; height: 58px;} +.sprite-resource-icons.borderElement.small { background-position: -210px -71px; width: 28px; height: 28px;} +.sprite-resource-icons.borderElement.medium { background-position: -140px -59px; width: 40px; height: 40px;} +.sprite-resource-icons.borderElement.large { background-position: -70px -39px; width: 60px; height: 60px;} + +.sprite-resource-icons.router { background-position: -282px -109px; width: 60px; height: 60px;} +.sprite-resource-icons.router.small { background-position: -210px -141px; width: 28px; height: 28px;} +.sprite-resource-icons.router.medium { background-position: -140px -129px; width: 40px; height: 40px;} +.sprite-resource-icons.router.large { background-position: -70px -109px; width: 60px; height: 60px;} + +.sprite-resource-icons.database { background-position: -282px -180px; width: 63px; height: 56px;} +.sprite-resource-icons.database.small { background-position: -210px -211px; width: 28px; height: 28px;} +.sprite-resource-icons.database.medium { background-position: -140px -199px; width: 40px; height: 40px;} +.sprite-resource-icons.database.large { background-position: -70px -179px; width: 60px; height: 60px;} + +.sprite-resource-icons.network { background-position: -282px -252px; width: 57px; height: 57px;} +.sprite-resource-icons.network.small { background-position: -210px -281px; width: 28px; height: 28px;} +.sprite-resource-icons.network.medium { background-position: -140px -269px; width: 40px; height: 40px;} +.sprite-resource-icons.network.large { background-position: -70px -249px; width: 60px; height: 60px;} + +.sprite-resource-icons.applicationServer { background-position: -282px -327px; width: 37px; height: 51px;} +.sprite-resource-icons.applicationServer.small { background-position: -210px -351px; width: 28px; height: 28px;} +.sprite-resource-icons.applicationServer.medium { background-position: -140px -339px; width: 40px; height: 40px;} +.sprite-resource-icons.applicationServer.large { background-position: -70px -319px; width: 60px; height: 60px;} + +.sprite-resource-icons.server { background-position: -282px -398px; width: 31px; height: 51px;} +.sprite-resource-icons.server.small { background-position: -210px -421px; width: 28px; height: 28px;} +.sprite-resource-icons.server.medium { background-position: -140px -409px; width: 40px; height: 40px;} +.sprite-resource-icons.server.large { background-position: -70px -389px; width: 60px; height: 60px;} + +.sprite-resource-icons.port { background-position: -281px -484px; width: 41px; height: 35px;} +.sprite-resource-icons.port.small { background-position: -210px -491px; width: 28px; height: 28px;} +.sprite-resource-icons.port.medium { background-position: -140px -479px; width: 40px; height: 40px;} +.sprite-resource-icons.port.large { background-position: -70px -459px; width: 60px; height: 60px;} + +.sprite-resource-icons.loadBalancer { background-position: -282px -539px; width: 45px; height: 49px;} +.sprite-resource-icons.loadBalancer.small { background-position: -210px -561px; width: 28px; height: 28px;} +.sprite-resource-icons.loadBalancer.medium { background-position: -140px -549px; width: 40px; height: 40px;} +.sprite-resource-icons.loadBalancer.large { background-position: -70px -529px; width: 60px; height: 60px;} + +.sprite-resource-icons.objectStorage { background-position: -282px -611px; width: 50px; height: 47px;} +.sprite-resource-icons.objectStorage.small { background-position: -210px -631px; width: 28px; height: 28px;} +.sprite-resource-icons.objectStorage.medium { background-position: -140px -619px; width: 40px; height: 40px;} +.sprite-resource-icons.objectStorage.large { background-position: -70px -599px; width: 60px; height: 60px;} + +.sprite-resource-icons.compute { background-position: -282px -683px; width: 45px; height: 45px;} +.sprite-resource-icons.compute.small { background-position: -210px -701px; width: 28px; height: 28px;} +.sprite-resource-icons.compute.medium { background-position: -141px -688px; width: 40px; height: 40px;} +.sprite-resource-icons.compute.large { background-position: -70px -669px; width: 60px; height: 60px;} + +.sprite-resource-icons.gateway { background-position: -282px -758px; width: 45px; height: 41px} +.sprite-resource-icons.gateway.small { background-position: -210px -772px; width: 28px; height: 27px;} +.sprite-resource-icons.gateway.medium { background-position: -140px -759px; width: 40px; height: 40px;} +.sprite-resource-icons.gateway.large { background-position: -70px -739px; width: 60px; height: 60px;} + +.sprite-resource-icons.connector { background-position: -282px -830px; width: 44px; height: 38px;} +.sprite-resource-icons.connector.small { background-position: -210px -842px; width: 28px; height: 27px;} +.sprite-resource-icons.connector.medium { background-position: -140px -829px; width: 40px; height: 40px;} +.sprite-resource-icons.connector.large { background-position: -70px -809px; width: 60px; height: 60px;} + +.sprite-resource-icons.brocade { background-position: -282px -922px; width: 91px; height: 16px;} +.sprite-resource-icons.brocade.small { background-position: -210px -911px; width: 28px; height: 28px;} +.sprite-resource-icons.brocade.medium { background-position: -140px -899px; width: 40px; height: 40px;} +.sprite-resource-icons.brocade.large { background-position: -70px -879px; width: 60px; height: 60px;} + +.sprite-resource-icons.cisco { background-position: -282px -975px; width: 63px; height: 33px;} +.sprite-resource-icons.cisco.small { background-position: -210px -981px; width: 28px; height: 28px;} +.sprite-resource-icons.cisco.medium { background-position: -140px -969px; width: 40px; height: 40px;} +.sprite-resource-icons.cisco.large { background-position: -70px -949px; width: 60px; height: 60px;} + +.sprite-resource-icons.ericsson { background-position: -282px -1059px; width: 101px; height: 20px;} +.sprite-resource-icons.ericsson.small { background-position: -210px -1051px; width: 28px; height: 28px;} +.sprite-resource-icons.ericsson.medium { background-position: -140px -1039px; width: 40px; height: 40px;} +.sprite-resource-icons.ericsson.large { background-position: -70px -1019px; width: 60px; height: 60px;} + +.sprite-resource-icons.tropo { background-position: -282px -1109px; width: 48px; height: 39px;} +.sprite-resource-icons.tropo.small { background-position: -210px -1121px; width: 28px; height: 28px;} +.sprite-resource-icons.tropo.medium { background-position: -140px -1109px; width: 40px; height: 40px;} +.sprite-resource-icons.tropo.large { background-position: -70px -1089px; width: 60px; height: 60px;} + +.sprite-resource-icons.mySql { background-position: -282px -1172px; width: 89px; height: 46px;} +.sprite-resource-icons.mySql.small { background-position: -210px -1191px; width: 28px; height: 28px;} +.sprite-resource-icons.mySql.medium { background-position: -140px -1179px; width: 40px; height: 40px;} +.sprite-resource-icons.mySql.large { background-position: -70px -1159px; width: 60px; height: 60px;} + +.sprite-resource-icons.oracle { background-position: -282px -1277px; width: 97px; height: 11px;} +.sprite-resource-icons.oracle.small { background-position: -210px -1261px; width: 28px; height: 28px;} +.sprite-resource-icons.oracle.medium { background-position: -140px -1249px; width: 40px; height: 40px;} +.sprite-resource-icons.oracle.large { background-position: -70px -1229px; width: 60px; height: 60px;} + +.sprite-resource-icons.defaulticon { background-position: -282px -2069px; width: 60px; height: 60px;} +.sprite-resource-icons.defaulticon.small { background-position: -210px -2101px; width: 28px; height: 28px;} +.sprite-resource-icons.defaulticon.medium { background-position: -141px -2089px; width: 40px; height: 40px;} +.sprite-resource-icons.defaulticon.large { background-position: -70px -2069px; width: 60px; height: 60px;} + +.sprite-resource-icons.fortinet { background-position: -282px -1419px; width: 94px; height: 10px;} +.sprite-resource-icons.fortinet.small { background-position: -210px -1401px; width: 28px; height: 28px;} +.sprite-resource-icons.fortinet.medium { background-position: -140px -1389px; width: 40px; height: 40px;} +.sprite-resource-icons.fortinet.large { background-position: -70px -1369px; width: 60px; height: 60px;} + +.sprite-resource-icons.nokia_siemens { background-position: -281px -1474px; width: 89px; height: 25px;} +.sprite-resource-icons.nokia_siemens.small { background-position: -210px -1471px; width: 28px; height: 28px;} +.sprite-resource-icons.nokia_siemens.medium { background-position: -140px -1459px; width: 40px; height: 40px;} +.sprite-resource-icons.nokia_siemens.large { background-position: -70px -1439px; width: 60px; height: 60px;} + +.sprite-resource-icons.att { background-position: -281px -1538px; width: 77px; height: 31px;} +.sprite-resource-icons.att.small { background-position: -210px -1541px; width: 28px; height: 28px;} +.sprite-resource-icons.att.medium { background-position: -140px -1529px; width: 40px; height: 40px;} +.sprite-resource-icons.att.large { background-position: -70px -1509px; width: 60px; height: 60px;} + +.sprite-resource-icons.juniper { background-position: -281px -1609px; width: 93px; height: 31px;} +.sprite-resource-icons.juniper.small { background-position: -210px -1611px; width: 28px; height: 28px;} +.sprite-resource-icons.juniper.medium { background-position: -140px -1599px; width: 40px; height: 40px;} +.sprite-resource-icons.juniper.large { background-position: -70px -1579px; width: 60px; height: 60px;} + +.sprite-resource-icons.cloud { background-position: -281px -1664px; width: 44px; height: 45px;} +.sprite-resource-icons.cloud.small { background-position: -210px -1681px; width: 28px; height: 28px;} +.sprite-resource-icons.cloud.medium { background-position: -140px -1669px; width: 40px; height: 40px;} +.sprite-resource-icons.cloud.large { background-position: -70px -1649px; width: 60px; height: 60px;} + +.sprite-resource-icons.call_controll { background-position: -278px -1739px; width: 35px; height: 40px;} +.sprite-resource-icons.call_controll.small { background-position: -210px -1751px; width: 28px; height: 28px;} +.sprite-resource-icons.call_controll.medium { background-position: -140px -1739px; width: 40px; height: 40px;} +.sprite-resource-icons.call_controll.large { background-position: -70px -1719px; width: 60px; height: 60px;} + +.sprite-resource-icons.broadsoft { background-position: -282px -1824px; width: 108px; height: 22px;} +.sprite-resource-icons.broadsoft.small { background-position: -210px -1821px; width: 28px; height: 28px;} +.sprite-resource-icons.broadsoft.medium { background-position: -140px -1809px; width: 40px; height: 40px;} +.sprite-resource-icons.broadsoft.large { background-position: -70px -1789px; width: 60px; height: 60px;} + +.sprite-resource-icons.alcatelLucent { background-position: -281px -1901px; width: 118px; height: 25px;} +.sprite-resource-icons.alcatelLucent.small { background-position: -210px -1891px; width: 28px; height: 28px;} +.sprite-resource-icons.alcatelLucent.medium { background-position: -140px -1879px; width: 40px; height: 40px;} +.sprite-resource-icons.alcatelLucent.large { background-position: -70px -1859px; width: 60px; height: 60px;} + +.sprite-resource-icons.metaswitch { background-position: -282px -1961px; width: 115px; height: 27px;} +.sprite-resource-icons.metaswitch.small { background-position: -210px -1961px; width: 28px; height: 28px;} +.sprite-resource-icons.metaswitch.medium { background-position: -140px -1949px; width: 40px; height: 40px;} +.sprite-resource-icons.metaswitch.large { background-position: -70px -1929px; width: 61px; height: 60px;} + +.sprite-resource-icons.aricent { background-position: -282px -2046px; width: 93px; height: 13px;} +.sprite-resource-icons.aricent.small { background-position: -210px -2031px; width: 28px; height: 28px;} +.sprite-resource-icons.aricent.medium { background-position: -140px -2019px; width: 40px; height: 40px;} +.sprite-resource-icons.aricent.large { background-position: -70px -1999px; width: 60px; height: 60px;} + +.sprite-resource-icons.cp { background-position: -90px -4038px; width: 21px; height: 21px;} +.sprite-resource-icons.cp.small { background-position: -90px -4038px; width: 21px; height: 21px;} +.sprite-resource-icons.cp.medium { background-position: -151px -4048px; width: 21px; height: 21px;} +.sprite-resource-icons.cp.large { background-position: -194px -4034px; width: 60px; height: 60px;} + +.sprite-resource-icons.vl { background-position: -210px -2591px; width: 28px; height: 28px;} +.sprite-resource-icons.vl.small { background-position: -210px -2591px; width: 28px; height: 28px;} +.sprite-resource-icons.vl.medium { background-position: -141px -2579px; width: 40px; height: 40px;} +.sprite-resource-icons.vl.large { background-position: -70px -2560px; width: 60px; height: 60px;} + +.sprite-resource-icons.cloudep { background-position: -282px -2225px; width: 63px; height: 43px;} +.sprite-resource-icons.cloudep.small { background-position: -209px -2241px; width: 28px; height: 28px;} +.sprite-resource-icons.cloudep.medium { background-position: -141px -2229px; width: 40px; height: 40px;} +.sprite-resource-icons.cloudep.large { background-position: -70px -2209px; width: 60px; height: 60px;} + +.sprite-resource-icons.personep { background-position: -282px -2292px; width: 47px; height: 47px;} +.sprite-resource-icons.personep.small { background-position: -210px -2311px; width: 28px; height: 28px;} +.sprite-resource-icons.personep.medium { background-position: -141px -2299px; width: 40px; height: 40px;} +.sprite-resource-icons.personep.large { background-position: -70px -2279px; width: 60px; height: 60px;} + +.sprite-resource-icons.premisesep { background-position: -281px -2360px; width: 41px; height: 50px;} +.sprite-resource-icons.premisesep.small { background-position: -210px -2380px; width: 28px; height: 28px;} +.sprite-resource-icons.premisesep.medium { background-position: -141px -2368px; width: 40px; height: 40px;} +.sprite-resource-icons.premisesep.large { background-position: -70px -2349px; width: 60px; height: 60px;} + +.sprite-resource-icons.ossep { background-position: -281px -2420px; width: 67px; height: 59px;} +.sprite-resource-icons.ossep.small { background-position: -210px -2451px; width: 28px; height: 28px;} +.sprite-resource-icons.ossep.medium { background-position: -141px -2439px; width: 40px; height: 40px;} +.sprite-resource-icons.ossep.large { background-position: -70px -2419px; width: 60px; height: 60px;} + +.sprite-resource-icons.firewall { background-position: -282px -3257px; width: 73px; height: 74px;} +.sprite-resource-icons.firewall.small { background-position: -210px -3301px; width: 29px; height: 29px;} +.sprite-resource-icons.firewall.medium { background-position: -141px -3289px; width: 41px; height: 41px;} +.sprite-resource-icons.firewall.large { background-position: -70px -3270px; width: 60px; height: 60px;} + +.sprite-resource-icons.vfw { background-position: -282px -3257px; width: 73px; height: 74px;} +.sprite-resource-icons.vfw.small { background-position: -210px -3301px; width: 29px; height: 29px;} +.sprite-resource-icons.vfw.medium { background-position: -141px -3289px; width: 41px; height: 41px;} +.sprite-resource-icons.vfw.large { background-position: -70px -3270px; width: 60px; height: 60px;} + +.sprite-resource-icons.ucpe { background-position: -282px -3120px; width: 59px; height: 60px;} +.sprite-resource-icons.ucpe.small { background-position: -210px -3150px; width: 28px; height: 28px;} +.sprite-resource-icons.ucpe.medium { background-position: -141px -3137px; width: 41px; height: 41px;} +.sprite-resource-icons.ucpe.large { background-position: -70px -3119px; width: 60px; height: 60px;} + +.sprite-resource-icons.vrouter { background-position: -282px -3066px; width: 69px; height: 43px;} +.sprite-resource-icons.vrouter.small { background-position: -210px -3080px; width: 29px; height: 29px;} +.sprite-resource-icons.vrouter.medium { background-position: -141px -3068px; width: 41px; height: 41px;} +.sprite-resource-icons.vrouter.large { background-position: -70px -3049px; width: 60px; height: 60px;} + +.sprite-resource-icons.wanx { background-position: -283px -2992px; width: 58px; height: 47px;} +.sprite-resource-icons.wanx.small { background-position: -210px -3009px; width: 30px; height: 30px;} +.sprite-resource-icons.wanx.medium { background-position: -141px -2998px; width: 41px; height: 41px;} +.sprite-resource-icons.wanx.large { background-position: -70px -2979px; width: 60px; height: 60px;} + +//.sprite-resource-icons.roles { background-position: -282px -2069px; width: 60px; height: 60px;} +//.sprite-resource-icons.roles.small { background-position: -210px -2101px; width: 28px; height: 28px;} +//.sprite-resource-icons.roles.medium { background-position: -141px -2089px; width: 40px; height: 40px;} +//.sprite-resource-icons.roles.large { background-position: -70px -2069px; width: 60px; height: 60px;} + +.sprite-resource-icons.networkrules { background-position: -282px -4731px; width: 49px; height: 58px;} +.sprite-resource-icons.networkrules.small { background-position: -210px -4749px; width: 31px; height: 36px;} +.sprite-resource-icons.networkrules.medium { background-position: -141px -4737px; width: 42px; height: 47px;} +.sprite-resource-icons.networkrules.large { background-position: -70px -4718px; width: 60px; height: 67px;} + +.sprite-resource-icons.securityrules { background-position: -282px -4651px; width: 49px; height: 58px;} +.sprite-resource-icons.securityrules.small { background-position: -210px -4669px; width: 31px; height: 36px;} +.sprite-resource-icons.securityrules.medium { background-position: -141px -4657px; width: 42px; height: 47px;} +.sprite-resource-icons.securityrules.large { background-position: -70px -4638px; width: 60px; height: 67px;} + +.sprite-resource-icons.dcae_source { background-position: -282px -4563px; width: 60px; height: 60px;} +.sprite-resource-icons.dcae_source.small { background-position: -210px -4588px; width: 29px; height: 29px;} +.sprite-resource-icons.dcae_source.medium { background-position: -141px -4576px; width: 41px; height: 41px;} +.sprite-resource-icons.dcae_source.large { background-position: -70px -4558px; width: 60px; height: 60px;} + +.sprite-resource-icons.dcae_collector { background-position: -280px -4500px; width: 60px; height: 60px;} +.sprite-resource-icons.dcae_collector.small { background-position: -210px -4508px; width: 29px; height: 29px;} +.sprite-resource-icons.dcae_collector.medium { background-position: -141px -4496px; width: 41px; height: 41px;} +.sprite-resource-icons.dcae_collector.large { background-position: -69px -4477px; width: 60px; height: 60px;} + +.sprite-resource-icons.dcae_utilty { background-position: -283px -4246px; width: 60px; height: 60px;} +.sprite-resource-icons.dcae_utilty.small { background-position: -210px -4268px; width: 29px; height: 29px;} +.sprite-resource-icons.dcae_utilty.medium { background-position: -141px -4256px; width: 41px; height: 41px;} +.sprite-resource-icons.dcae_utilty.large { background-position: -70px -4238px; width: 60px; height: 60px;} + +.sprite-resource-icons.dcae_microservice { background-position: -281px -4167px; width: 60px; height: 60px;} +.sprite-resource-icons.dcae_microservice.small { background-position: -210px -4188px; width: 28px; height: 28px;} +.sprite-resource-icons.dcae_microservice.medium { background-position: -140px -4176px; width: 41px; height: 41px;} +.sprite-resource-icons.dcae_microservice.large { background-position: -71px -4157px; width: 60px; height: 60px;} + +.sprite-resource-icons.dcae_analytics { background-position: -282px -4409px; width: 60px; height: 60px;} +.sprite-resource-icons.dcae_analytics.small { background-position: -210px -4424px; width: 29px; height: 29px;} +.sprite-resource-icons.dcae_analytics.medium { background-position: -141px -4413px; width: 41px; height: 41px;} +.sprite-resource-icons.dcae_analytics.large { background-position: -70px -4394px; width: 60px; height: 60px;} + +.sprite-resource-icons.dcae_database { background-position: -282px -180px; width: 63px; height: 56px;} +.sprite-resource-icons.dcae_database.small { background-position: -210px -211px; width: 29px; height: 29px;} +.sprite-resource-icons.dcae_database.medium { background-position: -140px -199px; width: 40px; height: 40px;} +.sprite-resource-icons.dcae_database.large { background-position: -70px -179px; width: 60px; height: 60px;} + + +.sprite-resource-icons.dcae_policy { background-position: -282px -4332px; width: 60px; height: 60px;} +.sprite-resource-icons.dcae_policy.small { background-position: -210px -4348px; width: 29px; height: 29px;} +.sprite-resource-icons.dcae_policy.medium { background-position: -141px -4336px; width: 41px; height: 41px;} +.sprite-resource-icons.dcae_policy.large { background-position: -70px -4317px; width: 60px; height: 60px;} + +.sprite-resource-icons.monitoring_template { background-position: -283px -4824px; width: 54px; height: 36px;} +.sprite-resource-icons.monitoring_template.small { background-position: -211px -4831px; width: 29px; height: 29px;} +.sprite-resource-icons.monitoring_template.medium { background-position: -142px -4819px; width: 41px; height: 41px;} +.sprite-resource-icons.monitoring_template.large { background-position: -71px -4800px; width: 60px; height: 60px;} + +.sprite-resource-icons.allotted_resource { background-position: -283px -4896px; width: 44px; height: 44px;} +.sprite-resource-icons.allotted_resource.small { background-position: -210px -4910px; width: 29px; height: 29px;} +.sprite-resource-icons.allotted_resource.medium { background-position: -141px -4898px; width: 41px; height: 41px;} +.sprite-resource-icons.allotted_resource.large { background-position: -70px -4879px; width: 60px; height: 60px;} + diff --git a/catalog-ui/src/assets/styles/sprite-services-icons.less b/catalog-ui/src/assets/styles/sprite-services-icons.less new file mode 100644 index 0000000000..d1e666ff12 --- /dev/null +++ b/catalog-ui/src/assets/styles/sprite-services-icons.less @@ -0,0 +1,66 @@ +.sprite-services-icons { + background-image: url('images/sprites/sprite-services-icons.png'); + display: inline-block; +} + +.sprite-services-icons.disable { opacity:0.5;} + +.sprite-services-icons.compute { background-position: -282px -46px; width: 55px; height: 53px;} +.sprite-services-icons.compute.small { background-position: -210px -71px; width: 29px; height: 28px;} +.sprite-services-icons.compute.medium { background-position: -140px -59px; width: 41px; height: 40px;} +.sprite-services-icons.compute.large { background-position: -70px -41px; width: 61px; height: 60px;} + +.sprite-services-icons.platform { background-position: -282px -122px; width: 55px; height: 45px;} +.sprite-services-icons.platform.small { background-position: -210px -140px; width: 29px; height: 29px;} +.sprite-services-icons.platform.medium { background-position: -140px -128px; width: 41px; height: 41px;} +.sprite-services-icons.platform.large { background-position: -70px -109px; width: 61px; height: 60px;} + +.sprite-services-icons.storage { background-position: -282px -194px; width: 55px; height: 44px;} +.sprite-services-icons.storage.small { background-position: -210px -210px; width: 29px; height: 29px;} +.sprite-services-icons.storage.medium { background-position: -140px -198px; width: 41px; height: 41px;} +.sprite-services-icons.storage.large { background-position: -70px -178px; width: 61px; height: 61px;} + +.sprite-services-icons.call_controll { background-position: -282px -268px; width: 36px; height: 41px;} +.sprite-services-icons.call_controll.small { background-position: -210px -280px; width: 29px; height: 29px;} +.sprite-services-icons.call_controll.medium { background-position: -140px -268px; width: 41px; height: 41px;} +.sprite-services-icons.call_controll.large { background-position: -70px -248px; width: 61px; height: 61px;} + +.sprite-services-icons.collaboration { background-position: -282px -335px; width: 43px; height: 44px;} +.sprite-services-icons.collaboration.small { background-position: -210px -350px; width: 29px; height: 29px;} +.sprite-services-icons.collaboration.medium { background-position: -140px -338px; width: 41px; height: 41px;} +.sprite-services-icons.collaboration.large { background-position: -70px -318px; width: 61px; height: 61px;} + +.sprite-services-icons.collaboration1 { background-position: -280px -417px; width: 49px; height: 32px;} +.sprite-services-icons.collaboration1.small { background-position: -209px -419px; width: 29px; height: 29px;} +.sprite-services-icons.collaboration1.medium { background-position: -140px -408px; width: 41px; height: 41px;} +.sprite-services-icons.collaboration1.large { background-position: -70px -388px; width: 61px; height: 61px;} + +.sprite-services-icons.messaging { background-position: -282px -482px; width: 43px; height: 40px;} +.sprite-services-icons.messaging.small { background-position: -210px -491px; width: 28px; height: 28px;} +.sprite-services-icons.messaging.medium { background-position: -140px -478px; width: 41px; height: 41px;} +.sprite-services-icons.messaging.large { background-position: -70px -458px; width: 61px; height: 61px;} + +.sprite-services-icons.notification { background-position: -282px -538px; width: 43px; height: 52px;} +.sprite-services-icons.notification.small { background-position: -210px -561px; width: 28px; height: 28px;} +.sprite-services-icons.notification.medium { background-position: -140px -548px; width: 41px; height: 41px;} +.sprite-services-icons.notification.large { background-position: -70px -528px; width: 60px; height: 60px;} + +.sprite-services-icons.mobility { background-position: -282px -598px; width: 64px; height: 62px;} +.sprite-services-icons.mobility.small { background-position: -210px -630px; width: 29px; height: 29px;} +.sprite-services-icons.mobility.medium { background-position: -140px -618px; width: 41px; height: 41px;} +.sprite-services-icons.mobility.large { background-position: -70px -601px; width: 60px; height: 60px;} + +.sprite-services-icons.network_l_1-3 { background-position: -282px -672px; width: 63px; height: 57px;} +.sprite-services-icons.network_l_1-3.small { background-position: -210px -701px; width: 28px; height: 28px;} +.sprite-services-icons.network_l_1-3.medium { background-position: -139px -688px; width: 41px; height: 41px;} +.sprite-services-icons.network_l_1-3.large { background-position: -70px -671px; width: 60px; height: 60px;} + +.sprite-services-icons.network_l_4 { background-position: -286px -744px; width: 63px; height: 57px;} +.sprite-services-icons.network_l_4.small { background-position: -210px -771px; width: 28px; height: 28px;} +.sprite-services-icons.network_l_4.medium { background-position: -140px -758px; width: 41px; height: 41px;} +.sprite-services-icons.network_l_4.large { background-position: -70px -740px; width: 61px; height: 61px;} + +.sprite-services-icons.defaulticon { background-position: -270px -810px; width: 60px; height: 60px;} +.sprite-services-icons.defaulticon.small { background-position: -220px -842px; width: 28px; height: 28px;} +.sprite-services-icons.defaulticon.medium { background-position: -169px -830px; width: 40px; height: 40px;} +.sprite-services-icons.defaulticon.large { background-position: -70px -809px; width: 60px; height: 60px;} diff --git a/catalog-ui/src/assets/styles/sprite.html b/catalog-ui/src/assets/styles/sprite.html new file mode 100644 index 0000000000..875c26fe2a --- /dev/null +++ b/catalog-ui/src/assets/styles/sprite.html @@ -0,0 +1,65 @@ + + + + + + + + + +

Sprite icons

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
checkbox_checkedcheckbox_uncheckedcheckbox_disabledcheckbox_focus
add-iconimport-icon
video-iconvideo-icon_1video-icon_2video-icon_disabledvideo-icon_focus
info-iconinfo-icon_1
+ + + + diff --git a/catalog-ui/src/assets/styles/sprite.less b/catalog-ui/src/assets/styles/sprite.less new file mode 100644 index 0000000000..e9eed6e0c6 --- /dev/null +++ b/catalog-ui/src/assets/styles/sprite.less @@ -0,0 +1,251 @@ +.sprite-new { + background-image: url('images/sprites/sprite-global.png'); + display: inline-block; +} + +.add-icon { background-position: -50px -77px; width: 23px; height: 23px;} +.add-icon-hover { background-position: -150px -77px; width: 23px; height: 23px;} +.import-icon { background-position: -100px -81px; width: 23px; height: 23px;} + +.add-icon-blue { background-position: -350px -125px; width: 18px; height: 18px;} +.add-icon-blue-hover { background-position: -400px -125px; width: 18px; height: 18px;} + +.video-icon { background-position: -54px -113px; width: 33px; height: 26px;} +.video-icon_1 { background-position: -104px -113px; width: 33px; height: 26px;} +.video-icon_2 { background-position: -154px -113px; width: 33px; height: 26px;} +.video-icon_disabled { background-position: -204px -113px; width: 33px; height: 26px;} +.video-icon_focus { background-position: -250px -111px; width: 41px; height: 32px;} + +.vsp-list-icon { background-position: -54px -143px; width: 26px; height: 29px;} +.vsp-list-icon-active { background-position: -104px -143px; width: 26px; height: 29px;} +.vsp-list-icon:active:not(.disable) { background-position: -104px -143px; width: 26px; height: 29px;} +.vsp-list-icon-hover { background-position: -154px -143px; width: 26px; height: 29px;} +.vsp-list-icon:hover:not(.disable) { background-position: -154px -143px; width: 26px; height: 29px;} +.vsp-list-icon.disable { background-position: -204px -143px; width: 26px; height: 29px;} + +.info-icon { background-position: -50px -179px; width: 14px; height: 14px;} +.info-icon_1 { background-position: -100px -179px; width: 14px; height: 14px;} + +.plus-icon { background-position: -50px -231px; width: 12px; height: 12px;} +.plus-icon-hover { background-position: -100px -231px; width: 12px; height: 12px;} + +.delete-icon { background-position: -675px -231px; width: 11px; height: 13px;} +.delete-icon-hover { background-position: -702px -231px; width: 11px; height: 13px;} + +.arrow-up { background-position: -350px -236px; width: 12px; height: 7px;} +.arrow-up-hover { background-position: -400px -236px; width: 12px; height: 7px;} + +.arrow-up-small { background-position: -250px -237px; width: 12px; height: 6px;} +.arrow-up-small-hover { background-position: -300px -237px; width: 12px; height: 6px;} + +.sort-arrows { background-position: -450px -231px; width: 8px; height: 12px;} +.sort-arrows-hover { background-position: -500px -231px; width: 8px; height: 12px;} + +.arrow-right { background-position: -550px -235px; width: 5px; height: 8px;} +.arrow-right-hover { background-position: -600px -235px; width: 5px; height: 8px;} + +.menu-open-left { background-position: -350px -283px; width: 6px; height: 10px;} +.menu-open-right { background-position: -400px -283px; width: 6px; height: 10px;} + + +.private-status-icon { background-position: -50px -326px; width: 21px; height: 17px;} +.in-design-status-icon { background-position: -307px -327px; width: 16px; height: 16px;} +.checkout-editable-status-icon { background-position: -100px -326px; width: 24px; height: 17px;} +.checkin-status-icon { background-position: -200px -326px; width: 24px; height: 17px;} +.checkout-not-editable-status-icon { background-position: -150px -326px; width: 24px; height: 17px;} + + +//workspace buttons +.x-btn { background-position: -50px -419px; width: 24px; height: 24px; } +.x-btn:hover { background-position: -50px -447px; width: 24px; height: 24px; } +.x-btn:active { background-position: -50px -479px; width: 24px; height: 24px; } + +.delete-btn { background-position: -140px -419px; width: 24px; height: 24px; } +.delete-btn:hover:not(.disable) { background-position: -140px -447px; width: 24px; height: 24px; } +.delete-btn:active:not(.disable) { background-position: -140px -479px; width: 24px; height: 24px; } +.delete-btn.disable { background-position: -140px -539px; width: 24px; height: 24px; } + +.save-btn { background-position: -230px -419px; width: 24px; height: 24px; } +.save-btn:hover:not(.disable) { background-position: -230px -447px; width: 24px; height: 24px; } +.save-btn:active:not(.disable) { background-position: -230px -479px; width: 24px; height: 24px; } +.save-btn.disable { background-position: -230px -539px; width: 24px; height: 24px; } + +.revert-btn { background-position: -200px -419px; width: 24px; height: 24px; } +.revert-btn:hover:not(.disable) { background-position: -200px -447px; width: 24px; height: 24px; } +.revert-btn:active:not(.disable) { background-position: -200px -479px; width: 24px; height: 24px; } +.revert-btn.disable { background-position: -200px -539px; width: 24px; height: 24px; } + +.success-circle { background-position: -50px -703px; width: 20px; height: 20px; } +.success-circle-small { background-position: -170px -706px; width: 12px; height: 12px; } +.sdc-success { background-position: -101px -707px; width: 10px; height: 10px; } +.sdc-error { background-position: -151px -707px; width: 10px; height: 10px; } + +.print-screen-btn { background-position: -259px -419px; width: 24px; height: 24px; } +.print-screen-btn:hover:not(.disable) { background-position: -259px -447px; width: 24px; height: 24px; } +.print-screen-btn:active:not(.disable) { background-position: -259px -479px; width: 24px; height: 24px; } +.print-screen-btn.disable { background-position: -259px -539px; width: 24px; height: 24px; } + +.url-btn { background-position: -636px -424px; width: 19px; height: 19px; } +.url-btn:hover { background-position: -636px -424px; width: 19px; height: 19px; } +.url-btn:active { background-position: -636px -482px; width: 19px; height: 19px; } + + + + +/*new tabs icons*/ +.sprite-new.info { background-position: -51px -631px; width: 18px; height: 18px;} +.sprite-new.info:active { background-position: -51px -669px; width: 18px; height: 18px;} +.active > .sprite-new.info { background-position: -51px -669px; width: 18px; height: 18px;} + + +.sprite-new.structure { background-position: -101px -630px; width: 18px; height: 17px;} +.sprite-new.structure:active { background-position: -101px -668px; width: 18px; height: 17px;} +.active > .sprite-new.structure { background-position: -101px -668px; width: 18px; height: 17px;} + + +.sprite-new.deployment-artifacts { background-position: -150px -629px; width: 17px; height: 19px;} +.sprite-new.deployment-artifacts:active { background-position: -150px -667px; width: 17px; height: 19px;} +.active > .deployment-artifacts { background-position: -150px -667px; width: 17px; height: 19px;} + +.sprite-new.inputs { background-position: -200px -634px; width: 20px; height: 12px;} +.sprite-new.inputs:active { background-position: -200px -672px; width: 20px; height: 12px;} +.active > .sprite-new.inputs { background-position: -200px -672px; width: 20px; height: 12px;} + + +.sprite-new.information-artifacts { background-position: -250px -631px; width: 17px; height: 19px;} +.sprite-new.information-artifacts:active { background-position: -250px -669px; width: 17px; height: 19px;} +.active > .sprite-new.information-artifacts { background-position: -250px -669px; width: 17px; height: 19px;} + +.sprite-new.relations { background-position: -300px -632px; width: 20px; height: 20px;} +.sprite-new.relations:active { background-position: -300px -632px; width: 20px; height: 20px;} +.active > .sprite-new.relations { background-position: -300px -632px; width: 20px; height: 20px;} + + +.sprite-new.api { background-position: -400px -631px; width: 23px; height: 19px;} +.sprite-new.api:active { background-position: -400px -671px; width: 23px; height: 19px;} +.active > .sprite-new.api { background-position: -400px -671px; width: 23px; height: 19px;} + +.sprite-new.properties { background-position: -350px -631px; width: 19px; height: 19px;} +.sprite-new.properties:active { background-position: -350px -671px; width: 19px; height: 19px;} +.active > .sprite-new.properties { background-position: -350px -671px; width: 19px; height: 19px;} + +.sprite-new.distribution-bth { background-position: -399px -716px; width: 55px; height: 21px;} +.sprite-new.distribution-bth.disable { background-position: -464px -716px; width: 55px; height: 21px;} + +.Distributed { background-position: -547px -718px; width: 16px; height: 16px;} +.Deployed { background-position: -573px -718px; width: 16px; height: 16px;} + +.error-icon { background-position: -51px -751px; width: 13px; height: 11px;} +.asdc-warning { background-position: -100px -748px; width: 17px; height: 15px;} + +.link-btn { background-position: -636px -424px; width: 19px; height: 19px;} +.link-btn:hover { background-position: -636px -453px; width: 19px; height: 19px;} +.link-btn:active { background-position: -636px -482px; width: 19px; height: 19px;} + +.refresh-btn { background-position: -293px -419px; width: 24px; height: 24px;} +.refresh-btn:hover:not(.disable) { background-position: -293px -447px; width: 24px; height: 24px;} +.refresh-btn:active:not(.disable) { background-position: -293px -479px; width: 24px; height: 24px;} +.refresh-btn.focus { background-position: -293px -508px; width: 24px; height: 24px;} +.refresh-btn.disable { background-position: -293px -539px; width: 24px; height: 24px;} + +.download-btn { background-position: -530px -419px; width: 24px; height: 24px;} +.download-btn:hover:not(.disable) { background-position: -530px -448px; width: 24px; height: 24px;} +.download-btn:active:not(.disable) { background-position: -530px -479px; width: 24px; height: 24px;} +.download-btn.focus { background-position: -530px -508px; width: 24px; height: 24px;} +.download-btn.disable { background-position: -530px -539px; width: 24px; height: 24px;} + +.expand-collapse-plus-icon { background-position: -334px -888px; width: 14px; height: 14px;} +.expand-collapse-plus-icon:hover { background-position: -422px -888px; width: 14px; height: 14px;} +.expand-collapse-minus-icon { background-position: -378px -888px; width: 14px; height: 14px;} +.expand-collapse-minus-icon:hover { background-position: -466px -888px; width: 14px; height: 14px;} + + +//tabs +.close-open-left-arrow { background-position: -507px -942px; width: 6px; height: 10px;} +.close-open-right-arrow { background-position: -506px -922px; width: 6px; height: 10px;} + +.hierarchy { background-position: -560px -887px; width: 21px; height: 15px;} +.hierarchy.hover { background-position: -500px -887px; width: 21px; height: 15px;} +.hierarchy.disable { background-position: -531px -887px; width: 21px; height: 15px;} +.hierarchy.selected { background-position: -500px -887px; width: 21px; height: 15px;} + +.refresh-small-btn { background-position: -598px -419px; width: 24px; height: 24px;} +.refresh-small-btn:hover:not(.disable) { background-position: -598px -448px; width: 24px; height: 24px;} +.refresh-small-btn:active:not(.disable) { background-position: -598px -479px; width: 24px; height: 24px;} +.refresh-small-btn.focus { background-position: -598px -508px; width: 24px; height: 24px;} +.refresh-small-btn.disable { background-position: -598px -539px; width: 24px; height: 24px;} + +.download-file-btn { background-position: -673px -419px; width: 24px; height: 24px;} +.download-file-btn:hover:not(.disable) { background-position: -673px -448px; width: 24px; height: 24px;} +.download-file-btn:active:not(.disable) { background-position: -673px -479px; width: 24px; height: 24px;} +.download-file-btn.focus { background-position: -673px -508px; width: 24px; height: 24px;} +.download-file-btn.disable { background-position: -673px -539px; width: 24px; height: 24px;} + +.refresh-file-btn { background-position: -707px -419px; width: 24px; height: 24px;} +.refresh-file-btn:hover:not(.disable) { background-position: -707px -448px; width: 24px; height: 24px;} +.refresh-file-btn:active:not(.disable) { background-position: -707px -479px; width: 24px; height: 24px;} +.refresh-file-btn.focus { background-position: -707px -508px; width: 24px; height: 24px;} +.refresh-file-btn.disable { background-position: -707px -539px; width: 24px; height: 24px;} + +.import-file-btn { background-position: -745px -419px; width: 24px; height: 24px;} +.import-file-btn:hover:not(.disable) { background-position: -745px -448px; width: 24px; height: 24px;} +.import-file-btn:active:not(.disable) { background-position: -745px -479px; width: 24px; height: 24px;} +.import-file-btn.focus { background-position: -745px -508px; width: 24px; height: 24px;} +.import-file-btn.disable { background-position: -745px -539px; width: 24px; height: 24px;} + +.left-arrow { background-position: -590px -876px; width: 26px; height: 26px;} +.left-arrow:hover { background-position: -662px -876px; width: 26px; height: 26px;} +.right-arrow { background-position: -626px -876px; width: 26px; height: 26px;} +.right-arrow:hover { background-position: -698px -876px; width: 26px; height: 26px;} +.search-white-icon { background-position: -434px -128px; width: 14px; height: 14px;} + +.blue-right-arrow-circle { background-position: -650px -619px; width: 29px; height: 29px;} +.blue-right-arrow-circle:hover { background-position: -689px -619px; width: 29px; height: 29px;} + +.small-x-button { background-position: -190px -282px; width: 11px; height: 11px;} +.small-x-button:hover { background-position: -210px -283px; width: 11px; height: 11px;} +.close-info-tooltip-button {.small-x-button} +.close-info-tooltip-button:hover { background-position: -230px -283px; width: 11px; height: 11px;} +.expand-all { background-position: -500px -420px; width: 20px; height: 22px;} +.expand-all:hover { background-position: -500px -449px; width: 20px; height: 22px;} +.collapse-all { background-position: -465px -420px; width: 20px; height: 22px;} +.collapse-all:hover { background-position: -465px -449px; width: 20px; height: 22px;} + +.delete-param:hover{ background-position: -702px -231px; width: 12px; height: 13px;} +.delete-param{ background-position: -675px -231px; width: 12px; height: 13px;} +.revert-param:hover{ background-position: -700px -48px; width: 12px; height: 11px;} +.revert-param{ background-position: -676px -48px; width: 12px; height: 11px;} +.show-desc:hover{ background-position: -635px -75px; width: 13px; height: 14px;} +.show-desc{ background-position: -599px -75px; width: 13px; height: 14px;} +.expand-list{background-position: -812px -66px; width: 21px; height: 21px;} +.expand-list:hover{background-position: -812px -96px; width: 21px; height: 21px;} +.expand-list.open{background-position: -853px -66px; width: 21px; height: 21px;} +.expand-list.open:hover{background-position: -853px -96px; width: 21px; height: 21px;} +//.search-icon{ background-position: -50px -279px; width: 14px; height: 14px;} +.search-icon:hover,.search-icon.selected{ background-position: -894px -101px; width: 14px; height: 14px;} +.search-icon{ background-position: -894px -71px; width: 14px; height: 14px;} +.asc{background-position: -924px -71px; width: 8px; height: 12px;} +.desc{background-position: -924px -101px; width: 8px; height: 12px;} +.add-item-icon {background-position: -50px -960px; width: 19px; height: 19px;} +.add-item-icon:hover {background-position: -100px -960px; width: 19px; height: 19px;} +.delete-item-icon { background-position: -140px -1119px; width: 11px; height: 15px; } +.filter-icon {background-position: -48px -1040px; width: 19px; height: 20px;} +/* +.sprite-new.expand-asset-icon { background-position: -740px -590px; width: 40px; height: 40px; } +.sprite-new.view-info-icon { background-position: -739px -621px; width: 40px; height: 40px; } +.sprite-new.cp-icon { background-position: -741px -652px; width: 40px; height: 40px; } +.sprite-new.vl-icon { background-position: -740px -682px; width: 40px; height:40px; } +.sprite-new.trash-icon { background-position: -740px -712px; width: 40px; height: 40px; } + +.sprite-new.expand-asset-icon:hover { background-position: -780px -590px; } +.sprite-new.view-info-icon:hover { background-position: -779px -621px; } +.sprite-new.cp-icon:hover { background-position: -781px -652px; } +.sprite-new.vl-icon:hover { background-position: -780px -682px; } +.sprite-new.trash-icon:hover { background-position: -780px -712px; } + +.sprite-new.expand-asset-icon:active, .sprite-new.expand-asset-icon.disabled-icon { background-position: -820px -590px;} +.sprite-new.view-info-icon:active, .sprite-new.view-info-icon.disabled-icon { background-position: -819px -621px; } +.sprite-new.cp-icon:active, .sprite-new.cp-icon.disabled-icon { background-position: -821px -652px; } +.sprite-new.vl-icon:active, .sprite-new.vl-icon.disabled-icon { background-position: -820px -682px; } +.sprite-new.trash-icon:active, .sprite-new.trash-icon.disabled-icon { background-position: -820px -712px; } +*/ diff --git a/catalog-ui/src/assets/styles/table-flex.less b/catalog-ui/src/assets/styles/table-flex.less new file mode 100644 index 0000000000..3ac014cc1b --- /dev/null +++ b/catalog-ui/src/assets/styles/table-flex.less @@ -0,0 +1,178 @@ +.table-container-flex { + /* height: 650px; */ + margin-top: 35px; + clear: both; + .table { + width: 100%; + border: 1px solid #d8d8d8; + .head { + background-color: #eaeaea; + .head-row { + color: #333333; + font-weight: bold; + text-align: center; + border-right: 1px solid @border_color_d; + padding: 8px 15px; + + &:last-child { + border-right: none; + } + + .table-header-sort-arrow { + display: inline-block; + background-color: transparent; + border: none; + color: #AAA; + margin: 8px 0 0 5px; + &.up { + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-bottom: 5px solid; + } + &.down { + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-top: 5px solid; + } + } + } + } + .body { + .scrollbar-container { + max-height: 430px; + .perfect-scrollbar; + } + .b_9; + + .data-row { + border-bottom: 1px solid @border_color_d; + div { + + border-right: 1px solid @border_color_d; + + + &:last-child { + border-right: none; + } + + .table-role-select { + background-color: transparent; + border: 0; + width: 100%; + + } + .table-role-label { + margin-left:4px; + } + + } + + &.selected { + background-color: #e6f6fb; + } + + & + div.item-opened { + border-bottom: 1px solid @border_color_d; + padding: 10px 23px; + text-align: left; + word-break: break-all; + } + } + .data-row:hover { + .bg_j; + } + + + button.add-button { + margin: 10px auto; + display: block; + border: 1px solid #eaeaea; + background-color: @func_color_r; + box-shadow: 0px 1px 1px 0px rgba(24, 24, 25, 0.05); + width: 297px; + height: 39px; + color: #666666; + font-size: 14px; + font-weight: bold; + + &:before { + .sprite-new; + .add-icon-blue; + float: left; + margin-left: 5px; + content: ""; + } + } + } + + .no-row-text{ + text-align: center; + margin-top:25px; + + a { + cursor: pointer; + } + } + + .table-btn-col { + + line-height: 0px; + text-align: center; + .table-delete-btn { + background-color: transparent; + border: none; + .sprite; + .sprite.e-sdc-small-icon-delete; + opacity: 0.8; + + } + .table-edit-btn { + background-color: transparent; + border: none; + .sprite; + .e-sdc-small-icon-pencil; + opacity: 0.8; + margin-right: 10px; + } + .table-save-btn { + background-color: transparent; + border: none; + .sprite; + .sprite.e-sdc-green-save; + } + .table-download-btn { + background-color: transparent; + border: none; + .hand; + margin-left: 10px; + opacity: 0.8; + .sprite; + .sprite.e-sdc-small-download; + } + } + + } + + .no-row-text { + text-align: center; + font-size: 15px; + border-bottom: 1px solid #d8d8d8; + width: 300px; + margin: 26px auto; + padding-bottom: 22px; + } + + .flex-container { + display: flex; + } + + .flex-item { + width:10px; + line-height: 25px; + padding: 5px 15px; + flex-grow: 1; + text-align: left; + + } + +} diff --git a/catalog-ui/src/assets/styles/tlv-buttons.less b/catalog-ui/src/assets/styles/tlv-buttons.less new file mode 100644 index 0000000000..0e42a92231 --- /dev/null +++ b/catalog-ui/src/assets/styles/tlv-buttons.less @@ -0,0 +1,234 @@ +.tlv-btn { + border-radius: 2px; + cursor: pointer; + display: inline-block; + font-family: omnes-medium, Sans-Serif; + height: 32px; + min-width: 96px; + line-height: 30px; + padding: 0 16px; + text-align: center; + vertical-align: middle; + font-size: 14px; + + &:disabled { + opacity: .4; + pointer-events: none; + } + + &.blue { + background-color: #009fdb; + border: 1px solid #0091c8; + color: #fff; + + &:hover { + background-color: #1ec2ff; + } + + &:active { + background-color: #0091c7; + border: 1px solid #006186; + outline: none; + } + + &:focus { + border-color: #009fdb; + box-shadow: inset 0 0 0 1px #fff; + outline: none; + } + } + + &.white { + background-color: #fff; + border: 1px solid #d8d8d8; + color: @main_color_n; + + &:hover { + border-color: #959595; + } + + &:active { + background-color: #f2f2f2; + border: 1px solid #595959; + outline: none; + } + + &:focus { + border-color: #959595; + box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 2px #959595; + outline: none; + + } + + } + + &.grey { + background-color: #f8f8f8; + border: 1px solid #d8d8d8; + color: #000; + + &:hover { + border-color: #959595; + } + + &:active { + background-color: #d7d7d7; + border: 1px solid #595959; + outline: none; + } + + &:focus { + background-color: @tlv_color_t; + border-color: @main_color_n; + box-shadow: inset 0 0 0 1px @main_color_p, inset 0 0 0 2px @main_color_n; + outline: none; + + } + + } + + + &.green { + background-color: #4ca90c; + border: 1px solid #45a006; + color: #fff; + + &:hover { + background-color: #5ec616; + } + + &:active { + background-color: #3f8c0a; + border: 1px solid #2c6604; + outline: none; + } + + &:focus { + box-shadow: inset 0 0 0 1px #fff; + outline: none; + } + } + + &.red { + background-color: #fc2727; + border: 1px solid #a01a1a; + color: #fff; + + &:hover { + background-color: #fc2727; + } + + &:active { + background-color: #a01a1a; + border: 1px solid #730202; + outline: none; + } + + &:focus { + box-shadow: inset 0 0 0 1px @main_color_p; + outline: none; + } + } + + + &.outline { + &.blue { + background-color: #fff; + border: 1px solid #009fdb; + color: #009fdb; + + &:hover { + background-color: #e5f5fb; + } + + &:active { + background-color: #b2e2f4; + border: 1px solid #009fdb; + outline: none; + } + + &:focus { + background-color: #fff; + border-color: #009fdb; + box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 2px #009fdb; + outline: none; + } + } + + &.grey { + background-color: #ffffff; + border: 1px solid #959595; + color: #5a5a5a; + + &:hover { + background-color: #f4f4f4; + border-color: #959595; + } + + &:active { + background-color: #dfdfdf; + border: 1px solid #959595; + outline: none; + } + + &:focus { + background-color: #fff; + border-color: #959595; + box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 2px #959595; + outline: none; + + } + + } + + + &.green { + background-color: #ffffff; + border: 1px solid #4ca90c; + color: #4ca90c; + + &:hover { + background-color: #edf6e6; + border-color: #4ca90c; + } + + &:active { + background-color: #c9e5b6; + border: 1px solid #4ca90c; + outline: none; + } + + &:focus { + background-color: #fff; + border-color: #4ca90c; + box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 2px #4ca90c; + outline: none; + } + } + + &.red { + background-color: #ffffff; + border: 1px solid #cf2a2a; + color: #cf2a2a; + + &:hover { + background-color: #fae9e9; + border-color: #cf2a2a; + } + + &:active { + background-color: #c9e5b6; + border: 1px solid #cf2a2a; + outline: none; + } + + &:focus { + background-color: #fff; + border-color: #cf2a2a; + box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 2px #cf2a2a; + outline: none; + } + } + } +} + diff --git a/catalog-ui/src/assets/styles/tlv-checkbox.less b/catalog-ui/src/assets/styles/tlv-checkbox.less new file mode 100644 index 0000000000..9dd5873545 --- /dev/null +++ b/catalog-ui/src/assets/styles/tlv-checkbox.less @@ -0,0 +1,87 @@ +.tlv-checkbox { + font-family: clearview-book, Sans-Serif; + font-size: 14px; + display: inline-block; + + .tlv-checkbox-i { + height: 0; + /*visibility: hidden;*/ + display: none; + width: 0; + + &:checked ~ .tlv-checkbox-label, + &:checked:hover ~ .tlv-checkbox-label{ + &::before { + .tlv-sprite; + .checkbox-checked; + } + } + + &:disabled ~ .tlv-checkbox-label{ + pointer-events: none; + } + + &:hover ~ .tlv-checkbox-label{ + &::before { + .tlv-sprite; + .checkbox-hover; + } + } + } + + .tlv-checkbox-label { + /*display: inline-block;*/ + display: block; + vertical-align: middle; + + &::before { + .tlv-sprite; + .checkbox; + content: ''; + display: inline-block; + margin-right: 4px; + margin-top: -2px; + vertical-align: middle; + } + } +} + + +.tlv-radio { + font-size: 14px; + display: inline-block; + + .tlv-radio-i { + height: 0; + visibility: hidden; + width: 0; + + &:checked ~ .tlv-radio-label{ + &::before { + .tlv-sprite; + .radio-checked; + + } + } + + &:disabled ~ .tlv-radio-label{ + opacity: .6; + } + } + + .tlv-radio-label { + display: inline-block; + vertical-align: middle; + margin-bottom: 0; + + &::before { + .tlv-sprite; + .radio; + content: ''; + display: inline-block; + margin-right: 4px; + margin-top: -2px; + vertical-align: middle; + } + } +} diff --git a/catalog-ui/src/assets/styles/tlv-loader.less b/catalog-ui/src/assets/styles/tlv-loader.less new file mode 100644 index 0000000000..efe39916e2 --- /dev/null +++ b/catalog-ui/src/assets/styles/tlv-loader.less @@ -0,0 +1,164 @@ +.tlv-loader { + height: 63px; + width: 63px; + position: absolute; + top: 50%; + left: 50%; +} + +.tlv-loader.small { + transform: scale(0.26); + margin-top: -36.5px; + margin-left: -36.5px; +} + +.tlv-loader.medium { + transform: scale(0.5); + margin-top: -26.5px; + margin-left: -26.5px; +} + +.tlv-loader.large { + transform: scale(1); + margin-top: -10.5px; + margin-left: -10.5px; +} + +.tlv-loader::before { + background-color: #eaeaea; + border-radius: 50%; + box-shadow: 21px 21px 0px 0px #eaeaea, 0px 42px 0px 0px #eaeaea, -21px 21px 0px 0px #eaeaea; + content: ''; + display: block; + height: 21px; + width: 21px; + position: absolute; + left: 50%; + margin-left: -10.5px; +} + +.tlv-loader::after { + border-radius: 50%; + content: ''; + display: block; + position: absolute; + height: 21px; + width: 21px; + animation: dot-move-2 4.5s infinite ease-in; +} + +@keyframes dot-move { + 0% { + background-color: #3bb2df; + left: 21px; + top: 0; + } + 25% { + background-color: #ffb81c; + left: 42px; + top: 21px; + } + 50% { + background-color: #caa2dd; + left: 21px; + top: 42px; + } + 75% { + background-color: #d9e51c; + left: 0; + top: 21px; + } + 100% { + background-color: #3bb2df; + left: 21px; + top: 0; + } +} + +@keyframes dot-move-2 { + 0% { + background-color: #3bb2df; + left: 21px; + top: 0; + } + 6.25% { + background-color: #3bb2df; + left: 42px; + top: 21px; + } + 12.5% { + background-color: #3bb2df; + left: 21px; + top: 42px; + } + 18.75% { + background-color: #3bb2df; + left: 0; + top: 21px; + } + 25% { + background-color: #ffb81c; + left: 21px; + top: 0; + } + 31.25% { + background-color: #ffb81c; + left: 42px; + top: 21px; + } + 37.5% { + background-color: #ffb81c; + left: 21px; + top: 42px; + } + 43.75% { + background-color: #ffb81c; + left: 0; + top: 21px; + } + 50% { + background-color: #caa2dd; + left: 21px; + top: 0; + } + 56.25% { + background-color: #caa2dd; + left: 42px; + top: 21px; + } + 62.5% { + background-color: #caa2dd; + left: 21px; + top: 42px; + } + 68.75% { + background-color: #caa2dd; + left: 0; + top: 21px; + } + 75% { + background-color: #d9e51c; + left: 21px; + top: 0; + } + 81.25% { + background-color: #d9e51c; + left: 42px; + top: 21px; + } + 87.5% { + background-color: #d9e51c; + left: 21px; + top: 42px; + } + 93.75% { + background-color: #d9e51c; + left: 0; + top: 21px; + } + 100% { + background-color: #3bb2df; + left: 21px; + top: 0; + } +} diff --git a/catalog-ui/src/assets/styles/tlv-sprite.less b/catalog-ui/src/assets/styles/tlv-sprite.less new file mode 100644 index 0000000000..472e2fb313 --- /dev/null +++ b/catalog-ui/src/assets/styles/tlv-sprite.less @@ -0,0 +1,138 @@ +.tlv-sprite { + background-image: url("images/sprites/tlv-sprite.png"); + display: inline-block; + vertical-align: middle; + + &.logo-blue { + background-position: -10px -20px; + width: 28px; + height: 28px; + } + + &.user { + background-position: -50px -20px; + width: 15px; + height: 20px; + } + + .facebook { + background-position: -10px -260px; + width: 36px; + height: 36px; + } + + .facebook-hover { + background-position: -10px -300px; + width: 36px; + height: 36px; + } + + .twitter { + background-position: -50px -260px; + width: 36px; + height: 36px; + } + + .twitter-hover { + background-position: -50px -300px; + width: 36px; + height: 36px; + } + + .linkedin { + background-position: -89px -260px; + width: 36px; + height: 36px; + } + + .linkedin-hover { + background-position: -89px -300px; + width: 36px; + height: 36px; + } + + .youtube { + background-position: -130px -260px; + width: 36px; + height: 36px; + } + + .youtube-hover { + background-position: -130px -300px; + width: 36px; + height: 36px; + } + + .footer-open { + background-position: -250px -59px; + width: 14px; + height: 10px; + } + + .footer-open-hover { + background-position: -250px -79px; + width: 14px; + height: 10px; + } + + .footer-close { + background-position: -230px -59px; + width: 14px; + height: 10px; + } + + .footer-close-hover { + background-position: -230px -79px; + width: 14px; + height: 10px; + } + + .checkbox-disadbled { + background-position: -10px -60px; + width: 14px; + height: 14px; + } + + .checkbox { + background-position: -10px -60px; + width: 14px; + height: 14px; + } + + .checkbox-hover { + background-position: -10px -100px; + width: 14px; + height: 14px; + } + + .checkbox-checked { + background-position: -10px -120px; + width: 14px; + height: 14px; + } + + .radio-disabled { + background-position: -50px -60px; + width: 14px; + height: 14px; + } + + .radio { + background-position: -50px -80px; + width: 14px; + height: 14px; + } + + .radio-checked { + background-position: -50px -120px; + width: 14px; + height: 14px; + } +} + +.tlv-x-btn, .tlv-x-btn:hover { + background-position: -17px -147px; + width: 10px; + height: 10px; +} + diff --git a/catalog-ui/src/assets/styles/tooltips.less b/catalog-ui/src/assets/styles/tooltips.less new file mode 100644 index 0000000000..4528aea5d2 --- /dev/null +++ b/catalog-ui/src/assets/styles/tooltips.less @@ -0,0 +1,154 @@ +// --------------------------------------------------------------------------------------------------- +// tooltips +// --------------------------------------------------------------------------------------------------- +div.tooltips { + position: relative; + display: inline; + float: right; + z-index: 1; + top: 30px; + left: 85px; + + span { + .bg_s; + position: absolute; + width: 230px; + color: @color_c; + height: 30px; + line-height: 30px; + text-align: center; + border-radius: 6px; + visibility: hidden; + + &:after { + .arrow(8px, @color_s); + } + } +} + +// --------------------------------------------------------------------------------------------------- +// Tooltip +// --------------------------------------------------------------------------------------------------- +.w-sdc-canvas-tooltip{ + + position: absolute; + z-index: 100; + + .w-sdc-custom-tooltip { + .c_1; + position:relative; + color: white; + padding:10px; + height: 25px; + min-width: 100px; + background-color: rgba(80, 99, 113, 0.9); + border-radius: 2px; + line-height: 2px; + text-align: center; + + .w-sdc-tooltip-arrow { + position: absolute; + bottom:25px; + right:20px; + width:0;height:0; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-bottom: 5px solid rgba(80, 99, 113, 0.9); + border-top: transparent; + border-width:7px; + border-style:solid; + } + + } +} + +.qtip-custom { + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + background-color: rgb(80, 99, 113); + border-color:rgb(80, 99, 113); + color: white; + font-size:13px; +} + +.tooltip-custom { + background-color: rgba(80, 99, 113, 0.9); + z-index: 1100; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + max-width: 280px; + text-align: center; + word-break: normal; + word-wrap: break-word; + padding-right: 10px; + padding-left: 10px; +} + +._720kb-tooltip-caret:before + { + border: 6px solid rgba(80, 99, 113, 0.9); + + } + +.tooltip-rightside{ + right: 2px; + left: initial !important; + + ._720kb-tooltip-caret:before{ + right: 21px; + left: initial; + } +} + +.tab-tooltip{ + max-width: 220px; + white-space: nowrap; +} +.break-word-tooltip{ + word-break: break-all; + margin-right: 2px; +} + +.icon-tooltip{ + margin-left: 12px; + right: initial !important; + + ._720kb-tooltip-caret:before{ + left: 44px; + right: initial; + } +} + +.uib-custom-tooltip { + z-index: 999999; + + .tooltip-inner { + background-color: rgba(80, 99, 113, 0.9); + padding: 5px 10px 5px 10px; + border-radius: 2px; + } +} +.tooltip { + &.bottom .tooltip-arrow { + + margin-left: -6px !important; + border-width: 0 6px 6px !important; + border-bottom-color: rgba(80, 99, 113, 0.9) !important; + } + /* &.right { + white-space: nowrap; + max-width: none; + .tooltip-arrow { + border-right-color: rgba(80, 99, 113, 0.9); + } + } + &.left { + white-space:nowrap; + max-width:none; + .tooltip-arrow { + border-left-color: rgba(80, 99, 113, 0.9); + } + }*/ +} diff --git a/catalog-ui/src/assets/styles/variables-old.less b/catalog-ui/src/assets/styles/variables-old.less new file mode 100644 index 0000000000..a4e707a076 --- /dev/null +++ b/catalog-ui/src/assets/styles/variables-old.less @@ -0,0 +1,77 @@ +/*---------------------------------------------- General ----------------------------------------------*/ +@images: "images"; + +/* Colors */ +@color_a: #3b7b9b; // product category +@color_b: #666666; +@color_c: #ffffff; +@color_d: #1d9a95; // dashboard service (S at the top left of the card) +@color_e: #cdcdcd; +@color_f: #506472; // #e0e5e9 composition right side tabs +@color_g: #263d4d; // dashboard left sidebar categories +@color_h: #da1f3d; // not valid +@color_i: #445663; // dashboard left sidebar +@color_j: #D3DBE0; // dashboard header | view left side +@color_k: #e1e7ec; // composition item | composition right side background +@color_l: #1e9a33; // valid +@color_m: #a8b3b9; // composition sub category +@color_n: #ECEFF3; // dashboard main section +@color_o: #798996; // composition category +@color_p: #8c8c8c; // composition relation tab? +@color_q: #b5b5b5; // Liz please change from b6b5b5 to b5b5b5 +@color_r: #e85858; // dashboard resource (R at the top left of the card) +@color_s: #000000; // #62727f +@color_t: #3196c9; // #346d8a +@color_u: #23aa63; +@color_v: #198682; +@color_w: #384752; +@color_x: #c91d39; +@color_y: #697a87; +@color_z: #28bd6e; +@color_zz: #93deb6; + + +/* Color hover */ +@color_a_hover: darken(@color_a, 10.0%); +@color_b_hover: darken(@color_b, 10.0%); +@color_c_hover: darken(@color_c, 10.0%); +@color_d_hover: darken(@color_d, 10.0%); +@color_e_hover: darken(@color_e, 10.0%); +@color_f_hover: darken(@color_f, 10.0%); +@color_g_hover: darken(@color_g, 10.0%); +@color_h_hover: darken(@color_h, 10.0%); +@color_i_hover: darken(@color_i, 10.0%); +@color_j_hover: darken(@color_j, 10.0%); +@color_k_hover: darken(@color_k, 10.0%); +@color_l_hover: darken(@color_l, 10.0%); +@color_m_hover: darken(@color_m, 10.0%); +@color_n_hover: darken(@color_n, 10.0%); +@color_o_hover: darken(@color_o, 10.0%); +@color_q_hover: darken(@color_q, 10.0%); +@color_p_hover: darken(@color_p, 10.0%); +@color_r_hover: darken(@color_r, 10.0%); +@color_s_hover: darken(@color_s, 10.0%); +@color_t_hover: darken(@color_t, 10.0%); +@color_u_hover: darken(@color_u, 10.0%); +@color_v_hover: darken(@color_v, 10.0%); +@color_w_hover: darken(@color_w, 10.0%); +@color_x_hover: darken(@color_x, 10.0%); +@color_y_hover: darken(@color_y, 10.0%); +@color_z_hover: darken(@color_z, 10.0%); +@color_zz_hover: darken(@color_zz, 10.0%); + +/* to check if can delete */ +@border_color_a: #1D3A52; +@border_color_c: #C1CDD5; +@border_color_d: rgba(120, 136, 148, 0.26); +@border_color_e: rgba(59, 123, 155, 0.5); +@border_color_f: #cfcfcf; +@border_color_g: @color_a; +@border_color_view-mode: #ededed; + +/* Fonts */ +@font-omnes-light: omnes-light, sans-serif; +@font-omnes-regular: omnes-regular, sans-serif; +@font-omnes-medium: omnes-medium, sans-serif; +@font-omnes-medium-italic: omnes-medium-italic, sans-serif; +@font-omnes-bold: omnes-bold, sans-serif; diff --git a/catalog-ui/src/assets/styles/variables.less b/catalog-ui/src/assets/styles/variables.less new file mode 100644 index 0000000000..dbed6baf3f --- /dev/null +++ b/catalog-ui/src/assets/styles/variables.less @@ -0,0 +1,51 @@ +/* Fonts */ +@font-omnes-light: omnes-light, sans-serif; +@font-omnes-regular: omnes-regular, sans-serif; +@font-omnes-medium: omnes-medium, sans-serif; +@font-omnes-medium-italic: omnes-medium-italic, sans-serif; +@font-omnes-bold: omnes-bold, sans-serif; + +/*---------------------------------------------- General ----------------------------------------------*/ +@images: "images"; + +/* Main Colors */ +@main_color_a: #009fdb; +@main_color_b: #056bae; +@main_color_c: #71c5eb; +@main_color_d: #4ca90c; +@main_color_e: #007a3e; +@main_color_f: #b5bd00; +@main_color_g: #ea7499; +@main_color_h: #ffb81c; +@main_color_i: #702f8a; +@main_color_j: #9063cd; +@main_color_k: #caa2dd; +@main_color_l: #000000; +@main_color_m: #5a5a5a; +@main_color_n: #959595; +@main_color_o: #d2d2d2; +@main_color_p: #ffffff; +@main_color_q: #999999; + +/* Functional Colors */ +@func_color_q: #cf2a2a; +@func_color_r: #f2f2f2; +@func_color_s: #191919; +@func_color_b: #0568ae; +@func_color_e: #007a3e; +@func_color_h: #ffb81c; + +/* Tlv Colors */ +@tlv_color_t: #f8f8f8; +@tlv_color_u: #eaeaea; +@tlv_color_v: #e6f6fb; +@tlv_color_w: #c6e6f2; +@tlv_color_x: #067ab4; + +/*---------------------------------------------- Parameters ----------------------------------------------*/ +@header_height: 0px; +@top_nav_height: 50px; +@top_nav_admin_height: 44px; +@action_nav_height: 53px; +@footer_height: 89px; +@border_color_view-mode: #ededed; \ No newline at end of file diff --git a/catalog-ui/src/assets/styles/welcome-sprite.less b/catalog-ui/src/assets/styles/welcome-sprite.less new file mode 100644 index 0000000000..010d30c9ef --- /dev/null +++ b/catalog-ui/src/assets/styles/welcome-sprite.less @@ -0,0 +1,57 @@ +.sprite-welcome { + background-image: url(images/welcome/sprite.png); + display: inline-block; + vertical-align: middle; + + &.logo { + background-position: 0 0; + width: 149px; + height: 47px; + position: absolute; + top: 25px; + left: 20px; + } + + &.play { + background-position: 0 -60px; + width: 120px; + height: 120px; + } + + &.close { + background-position: -166px -11px; + width: 25px; + height: 25px; + } + + &.close_white { + background-position: -166px -37px; + width: 25px; + height: 25px; + } + + &.recycle { + background-position: -125px -60px; + width: 24px; + height: 24px; + } + + &.idea { + background-position: -159px -57px; + width: 23px; + height: 25px; + } + + &.jigsaw { + background-position: -125px -94px; + width: 25px; + height: 25px; + } + + &.ball { + background-position: -159px -95px; + width: 23px; + height: 23px; + } + +} diff --git a/catalog-ui/src/assets/styles/welcome-style.less b/catalog-ui/src/assets/styles/welcome-style.less new file mode 100644 index 0000000000..d9cf16a72f --- /dev/null +++ b/catalog-ui/src/assets/styles/welcome-style.less @@ -0,0 +1,63 @@ + +html, +body { + height: 100%; +} + +* { + box-sizing: border-box; +} + +.sdc-welcome-new-page { + + opacity: 0; + height: 100%; + background-color: @main_color_p; + + .sdc-welcome-close { + position: absolute; + right: 38px; + top: 30px; + z-index: 101; + cursor: pointer; + + .sprite-welcome; + .sprite-welcome.close; + + &:hover { + .sprite-welcome.close_white; + } + } + + .sdc-welcome-wrapper { + height: 100vh; + width: 100%; + background-size: cover; + position: relative; + display: flex; + align-items: center; + justify-content: center; + background-image: url(images/welcome/002.png); + } + + .sdc-welcome-main { + text-align: center; + position: absolute; + bottom: 40%; + z-index: 1; + color: #fff; + left: 0; + width: 100%; + } + + .sdc-welcome-cover { + position: absolute; + top: 0px; + right: 0; + left: 0; + bottom: 0; + background-color: rgba(14, 13, 12, 0.8); + z-index: 0; + } + +} -- cgit 1.2.3-korg