You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@logging.apache.org by gr...@apache.org on 2024/03/10 17:51:16 UTC
(logging-log4j2) 09/12: replaced css
This is an automated email from the ASF dual-hosted git repository.
grobmeier pushed a commit to branch ms12_restructure_website_2x
in repository https://gitbox.apache.org/repos/asf/logging-log4j2.git
commit 98767026d13560469279404885d236bd2a7d8d71
Author: Christian Grobmeier <cg...@grobmeier.de>
AuthorDate: Sun Mar 10 18:50:09 2024 +0100
replaced css
---
src/site/resources/css/fonts.css | 257 ++++++++++++++++++++++++++++++
src/site/resources/css/logging-custom.css | 238 +++++++++++++++++++++++++++
src/site/resources/css/site.css | 37 -----
3 files changed, 495 insertions(+), 37 deletions(-)
diff --git a/src/site/resources/css/fonts.css b/src/site/resources/css/fonts.css
new file mode 100644
index 0000000000..040f2e5f55
--- /dev/null
+++ b/src/site/resources/css/fonts.css
@@ -0,0 +1,257 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements. See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership. The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+@font-face {
+ font-display: swap;
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: url('../fonts/open-sans-v40-latin-300.woff2') format('woff2');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'Open Sans';
+ font-style: italic;
+ font-weight: 300;
+ src: url('../fonts/open-sans-v40-latin-300italic.woff2') format('woff2');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: url('../fonts/open-sans-v40-latin-regular.woff2') format('woff2');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'Open Sans';
+ font-style: italic;
+ font-weight: 400;
+ src: url('../fonts/open-sans-v40-latin-italic.woff2') format('woff2');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 500;
+ src: url('../fonts/open-sans-v40-latin-500.woff2') format('woff2');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'Open Sans';
+ font-style: italic;
+ font-weight: 500;
+ src: url('../fonts/open-sans-v40-latin-500italic.woff2') format('woff2');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: url('../fonts/open-sans-v40-latin-600.woff2') format('woff2');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'Open Sans';
+ font-style: italic;
+ font-weight: 600;
+ src: url('../fonts/open-sans-v40-latin-600italic.woff2') format('woff2');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: url('../fonts/open-sans-v40-latin-700.woff2') format('woff2');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'Open Sans';
+ font-style: italic;
+ font-weight: 700;
+ src: url('../fonts/open-sans-v40-latin-700italic.woff2') format('woff2');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 800;
+ src: url('../fonts/open-sans-v40-latin-800.woff2') format('woff2');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'Open Sans';
+ font-style: italic;
+ font-weight: 800;
+ src: url('../fonts/open-sans-v40-latin-800italic.woff2') format('woff2');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'Noto Serif';
+ font-style: normal;
+ font-weight: 100;
+ src: url('../fonts/noto-serif-v23-latin-100.woff2') format('woff2');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'Noto Serif';
+ font-style: italic;
+ font-weight: 100;
+ src: url('../fonts/noto-serif-v23-latin-100italic.woff2') format('woff2');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'Noto Serif';
+ font-style: normal;
+ font-weight: 200;
+ src: url('../fonts/noto-serif-v23-latin-200.woff2') format('woff2');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'Noto Serif';
+ font-style: italic;
+ font-weight: 200;
+ src: url('../fonts/noto-serif-v23-latin-200italic.woff2') format('woff2');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'Noto Serif';
+ font-style: normal;
+ font-weight: 300;
+ src: url('../fonts/noto-serif-v23-latin-300.woff2') format('woff2');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'Noto Serif';
+ font-style: italic;
+ font-weight: 300;
+ src: url('../fonts/noto-serif-v23-latin-300italic.woff2') format('woff2');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'Noto Serif';
+ font-style: normal;
+ font-weight: 400;
+ src: url('../fonts/noto-serif-v23-latin-regular.woff2') format('woff2');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'Noto Serif';
+ font-style: italic;
+ font-weight: 400;
+ src: url('../fonts/noto-serif-v23-latin-italic.woff2') format('woff2');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'Noto Serif';
+ font-style: normal;
+ font-weight: 500;
+ src: url('../fonts/noto-serif-v23-latin-500.woff2') format('woff2');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'Noto Serif';
+ font-style: italic;
+ font-weight: 500;
+ src: url('../fonts/noto-serif-v23-latin-500italic.woff2') format('woff2');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'Noto Serif';
+ font-style: normal;
+ font-weight: 600;
+ src: url('../fonts/noto-serif-v23-latin-600.woff2') format('woff2');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'Noto Serif';
+ font-style: italic;
+ font-weight: 600;
+ src: url('../fonts/noto-serif-v23-latin-600italic.woff2') format('woff2');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'Noto Serif';
+ font-style: normal;
+ font-weight: 700;
+ src: url('../fonts/noto-serif-v23-latin-700.woff2') format('woff2');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'Noto Serif';
+ font-style: italic;
+ font-weight: 700;
+ src: url('../fonts/noto-serif-v23-latin-700italic.woff2') format('woff2');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'Noto Serif';
+ font-style: normal;
+ font-weight: 800;
+ src: url('../fonts/noto-serif-v23-latin-800.woff2') format('woff2');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'Noto Serif';
+ font-style: italic;
+ font-weight: 800;
+ src: url('../fonts/noto-serif-v23-latin-800italic.woff2') format('woff2');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'Noto Serif';
+ font-style: normal;
+ font-weight: 900;
+ src: url('../fonts/noto-serif-v23-latin-900.woff2') format('woff2');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'Noto Serif';
+ font-style: italic;
+ font-weight: 900;
+ src: url('../fonts/noto-serif-v23-latin-900italic.woff2') format('woff2');
+}
\ No newline at end of file
diff --git a/src/site/resources/css/logging-custom.css b/src/site/resources/css/logging-custom.css
new file mode 100644
index 0000000000..cb98d7fa53
--- /dev/null
+++ b/src/site/resources/css/logging-custom.css
@@ -0,0 +1,238 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements. See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership. The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+#header {
+ display: flex;
+ height: 10vh;
+ max-width: 100%;
+ align-items: center;
+ z-index: 10000;
+ background-color: #f9f8f8;
+ border-bottom: 1px solid lightgrey;
+
+}
+
+#header .logo {
+ margin-right: 1.5em;
+}
+
+#header .logo img {
+ max-height: 6vh;
+}
+
+#header .main-menu {
+ flex-grow: 1;
+}
+
+#header .main-menu > ul,
+#header .secondary-menu > ul {
+ display: flex;
+ list-style: none;
+ margin: 0;
+}
+
+#header .main-menu > ul li a,
+#header .secondary-menu > ul li a {
+ font-family: 'Open Sans', serif;
+ font-size: 1em;
+ font-weight: bold;
+ text-decoration: none;
+}
+
+#header .main-menu ul li,
+#header .secondary-menu ul li {
+ margin-right: 1.3em;
+}
+
+#header .navs {
+ display: flex;
+ width: 100%;
+}
+
+#header .navs nav ul {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ overflow: hidden;
+}
+
+#header .navs nav ul li {
+ float: left;
+}
+
+#header .navs nav ul li a {
+ display: block;
+ text-align: center;
+ padding: 14px 16px;
+ text-decoration: none;
+}
+
+#header .menu-drop-down {
+ display: none;
+ position: absolute;
+ flex-direction: column;
+ min-width: 160px;
+ box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
+ z-index: 1;
+ background-color: white;
+}
+
+#header .menu-drop-down li {
+ width: 100%;
+}
+
+#header .menu-drop-down a {
+ padding: 12px 16px;
+ text-decoration: none;
+ display: block;
+ text-align: left;
+}
+
+#header .navs nav ul li:hover .menu-drop-down {
+ display: flex;
+}
+
+#header .menu-drop-down a:hover {
+ background-color: #f1f1f1;
+}
+
+/** Footer */
+#footer {
+ z-index: 1000;
+ background-color: #333333;
+}
+
+#footer .footer-text {
+ width: 100%;
+}
+
+#footer .footer-text div {
+ line-height: 1.4em;
+ font-family: 'Open Sans', serif;
+ font-size: 1em;
+ color: white;
+ padding: 1em;
+}
+
+#footer .footer-text div a {
+ color: lightgray;
+}
+
+.content-container {
+ display: flex;
+}
+
+
+#content {
+ width: 80vw;
+ overflow: auto;
+ height: 100%;
+}
+
+.table-of-content {
+ width: 20vw;
+ padding: 2em;
+ height: 100vh;
+ max-height: 100vh;
+ overflow: auto;
+}
+
+.table-of-content.sticky {
+ position: sticky;
+ top: 0;
+}
+
+.table-of-content.sticky-effect {
+ background-color: #ededed;
+ transition: background-color 1s linear;
+}
+
+/** Small screens < 1400px */
+@media (max-width: 1400px) {
+ #content {
+ max-width: 56em;
+ }
+
+ .table-of-content {
+ width: 25vw;
+ }
+
+ .content-container .content {
+ width: 75vw;
+ }
+
+ .menu-mobile {
+ display: block;
+ flex-grow: 1;
+ cursor: pointer;
+ text-align: right;
+ font-size: 2em;
+ }
+
+ .menu-mobile-close {
+ display: block;
+ text-align: right;
+ cursor: pointer;
+ padding: 1em;
+ font-size: 2em;
+ }
+
+ #header .navs {
+ position: fixed;
+ top: 0;
+ right: -100%;
+ width: 300px;
+ height: 100%;
+ background: white;
+ z-index: 1000;
+ display: block;
+ }
+
+ .main-menu ul, .secondary-menu ul {
+ flex-direction: column;
+ }
+}
+
+/* Ensure the menu icon is visible on larger screens */
+@media screen and (min-width: 1400px) {
+ .menu-mobile {
+ display: none;
+ }
+
+ .menu-mobile-close {
+ display: none;
+ }
+}
+
+
+@media screen and (max-width: 1100px) {
+ .table-of-content {
+ display: none;
+ }
+
+ #content {
+ width: 95vw;
+ max-width: 100%;
+ }
+}
+
+
+
+
+
+
diff --git a/src/site/resources/css/site.css b/src/site/resources/css/site.css
deleted file mode 100644
index dd0ecd7a6f..0000000000
--- a/src/site/resources/css/site.css
+++ /dev/null
@@ -1,37 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
-.admonitionblock.warning {
- border: 1px solid black;
- margin-bottom: 1em;
-}
-
-.admonitionblock.warning .icon {
- background: salmon;
- padding: 1.5em;
-}
-
-.admonitionblock.warning .icon .title {
- font-weight: bold;
-}
-
-.admonitionblock.warning .content {
- padding: 1.5em;
- background-color: white;
-}