| /* |
| * Copyright (c) 2022 Eclipse Foundation, Inc. |
| * |
| * This program and the accompanying materials are made available under the |
| * terms of the Eclipse Public License v. 2.0 which is available at |
| * http://www.eclipse.org/legal/epl-2.0. |
| * |
| * Contributors: |
| * Eric Poirier <chris.guindon@eclipse-foundation.org> |
| * |
| * SPDX-License-Identifier: EPL-2.0 |
| */ |
| |
| .header-specifications { |
| background-image: url(/specifications/images/banner.jpg); |
| background-position: top; |
| background-size: cover; |
| } |
| |
| .background-black { |
| background-color: #333; |
| color: #fff; |
| } |
| |
| .background-black h2 { |
| color: #fff; |
| } |
| |
| .specifications-bg { |
| position: relative; |
| |
| } |
| |
| .specifications-bg-content { |
| z-index: 2; |
| position: relative; |
| padding-right: 40px; |
| padding-top: 40px; |
| } |
| |
| .specifications-bg-content h2 { |
| margin-bottom: 30px; |
| } |
| |
| .specifications-bg-content p { |
| margin-bottom: 30px; |
| font-size: 16px; |
| } |
| |
| .specifications-bg:after { |
| content: ""; |
| position: absolute; |
| height: 100%; |
| width: 1000px; |
| top: 0; |
| right: 0; |
| background-color: #333; |
| z-index: 1; |
| } |
| |
| .overflow-hidden { |
| overflow: hidden; |
| } |
| |
| .icon-orange-label { |
| background-color: #f7941e; |
| border-radius: 5px; |
| position: relative; |
| padding: 10px; |
| } |
| |
| .icon-orange-label:after { |
| content: ""; |
| width: 0; |
| height: 0; |
| border-left: 5px solid transparent; |
| border-right: 5px solid transparent; |
| border-top: 5px solid #f7941e; |
| position: absolute; |
| bottom: -5px; |
| left: 0; |
| right: 0; |
| margin-left: auto; |
| margin-right: auto; |
| } |
| |
| .specifications-icons h3 { |
| margin-top: 0; |
| font-weight: 400; |
| } |
| |
| .specifications-icons-item { |
| margin-bottom: 20px; |
| } |
| |
| .specifications-wg { |
| background-color: #fff; |
| padding-bottom: 40px; |
| } |
| |
| .specifications-wg-item-img { |
| padding: 15px; |
| margin-bottom: 20px; |
| } |
| |
| .specifications-wg-item-img img { |
| max-width: 200px; |
| max-height: 50px; |
| margin: 0 auto; |
| } |
| |
| .specifications-wg-item-content { |
| background-color: #dfdfdf; |
| padding: 30px 40px; |
| margin-bottom: 20px; |
| } |
| |
| .specifications-wg-item-content a { |
| color: #333; |
| font-weight: bold; |
| } |
| |
| .specifications-wg-item-content p { |
| margin-bottom: 0; |
| } |
| |
| .specifications-compatibility { |
| padding: 40px 0 50px; |
| } |
| |
| .vertical-align-container { |
| -webkit-box-pack: center; |
| -ms-flex-pack: center; |
| align-items: center; |
| display: flex; |
| flex-direction: row-reverse; |
| } |
| |
| .margin-top-80 { |
| margin-top: 80px; |
| } |
| |
| .btn-black { |
| background-color: #333; |
| padding: 15px 40px; |
| border-radius: 5px; |
| color: #fff; |
| } |
| |
| .btn-black:hover { |
| color: #fff; |
| background-color: #222; |
| } |