| HTML |
|---|
<div class="customheader">
<a href="https://rtahotline.etas.com/" style="align:center; padding-right:10px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 112 28.4" height="40px" style="display:block"><path fill="#164293" d="M90.74 8.93c0-1.48 1.2-2.69 2.67-2.69h12.33c1.91 0 3.1-1.27 3.1-2.84 0-1.57-1.19-2.84-3.1-2.84H93.65c-4.89 0-8.59 3.75-8.59 8.36 0 4.61 3.7 8.36 8.59 8.36h9.68c1.47 0 2.67 1.2 2.67 2.69 0 1.48-1.2 2.69-2.67 2.69H90.99c-1.91 0-3.1 1.27-3.1 2.84 0 1.57 1.19 2.84 3.1 2.84h12.09c4.89 0 8.59-3.75 8.59-8.36s-3.7-8.36-8.59-8.36H93.4c-1.46 0-2.66-1.21-2.66-2.69zM84.6 23.85L72.1 2.21c-.33-.57-.75-.99-1.21-1.27 0 0-.01 0-.01-.01-.33-.19-.68-.31-1.04-.36h-.02c-.07-.01-.14-.01-.21-.02h-.22c-.07 0-.14.01-.21.02h-.02c-.36.04-.71.16-1.04.36 0 0-.01 0-.01.01-.46.27-.88.69-1.21 1.27L54.4 23.86c-.96 1.65-.45 3.32.91 4.11 1.36.78 3.05.39 4.01-1.27L69.49 9.04l10.19 17.65c.96 1.65 2.65 2.05 4.01 1.27 1.36-.79 1.86-2.45.91-4.11zM58.71 3.41c0-1.57-1.19-2.84-3.1-2.84H31.45c-1.91 0-3.1 1.27-3.1 2.84 0 1.57 1.19 2.84 3.1 2.84h9.24v19c0 1.91 1.27 3.1 2.84 3.1s2.84-1.19 2.84-3.1v-19h9.24c1.91 0 3.1-1.28 3.1-2.84zM28.35 14.17C28.35 6.36 21.99 0 14.17 0 6.36 0 0 6.36 0 14.17c0 8.35 6.33 14.17 15.41 14.17h5.09c2.14 0 3.6-1.2 3.6-2.84 0-1.57-1.19-2.84-3.1-2.84h-5.58c-4.61 0-7.95-2.03-9.19-5.37h19.29c1.57 0 2.84-1.27 2.84-2.84v-.28h-.01zm-6.07-2.55H6.07c1.09-3.44 4.31-5.94 8.1-5.94 3.8 0 7.02 2.5 8.11 5.94z"></path></svg></a>
<h1 style="font-size:3em">Welcome to the RTA-Hotline</h1>
</div><div style="border-top: 10px solid red;border-image: linear-gradient(to right, #164293, #89037a) 1 stretch;"></div> |
...
| Section | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
|
...
© ETAS 2024 2025 | RTA Hotline Privacy Policy | Terms of Use / Legal Notice | Powered by Atlassian Confluence
...
| HTML |
|---|
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap" rel="stylesheet"> <style>
body {
font-family: 'Manrope', sans-serif !important;
background-color: #5a646e !important;
}
h1.customheader {
display: flex;
backgroundalign-image: url('https://www.etas.com/data/css_and_script/etas-logo-blue-new.svg') !important;items: center;
justify-content: center; /* Center the entire content */
position: relative; /* Establish a positioning context for absolute positioning */
width: 100%;
font-size: 14px;
backgroundpadding-repeattop: no-repeat;0px; /* Adjust padding as needed */
backgroundpadding-position: 2% 50%;bottom: 0px; /* Adjust padding as needed */
}
.customheader > h1 {
backgroundfont-size: 250px;family: 'Manrope', sans-serif !important;
color: #164293 !important;
font-size: 3em !important;
padding-top: 40px;
padding-bottom: 40px;
margin: 0px;
margin-top: 0px !important;
text-align: center; /* Center the h1 text */
position: relative; /* Can be margin: -20px -20px 0 0 !important;set but isn't strictly necessary */
flex-grow: 1; /* Ensure it takes up available space */
z-index: 1; /* Set a lower z-index for the h1 */
}
.customheader > a {
position: absolute; /* Remove the image from the document's flow */
left: 10px; /* Positioning based on the desired left margin */
top: 50%; /* Center vertically based on the height of the parent */
transform: translateY(-50%); /* Adjust for the height of the image */
fontz-size: 3em !important;index: 2; /* Set a higher z-index for the anchor so it's in front */
}
.customheader > a > img {
bordervertical-align: top;
width: 180px;
height: 52.5px; /* Fixed size */
}
/* Media Query to stack image and text on smaller screens */
@media (max-width: 0;
border-bottom: 10px solid red;
border-left-width: 0;
border-right-width: 0;
border-image: linear-gradient(to right, #164293, #89037a) 1 stretch;
}: 1000px) {
.customheader {
flex-direction: row; /* Stack elements vertically */
align-items: center; /* Center elements horizontally */
}
.customheader > a {
position: relative; /* Return to normal flow */
top: auto; /* Remove top positioning */
transform: none; /* Remove transform */
padding-right: 10px;
}
.customheader > h1 {
text-align: center; /* Ensure text remains centered */
margin: 0; /* No margin */
}
}
h2 {
font-size: 2em !important;
color: white !important!;
font-weight: bold
border: 1px solid #696;
padding: 0px 0;
text-align: center;
width: 50%;
margin: 20px auto 0px !important;
}
#RTAHotline-GotoHotline, #RTAHotline-GotoKnowledgeBase {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
font-size: 18px !important;
border-radius: 8px;
background: #164293;
}
h2 a {
color: white !important;
display: block;
width: 100%;
}
h3 { font-size: 2em !important; color: #70CBF3 !important; }
h3 a { color: #70CBF3 !important; }
#full-height-container {
background-color: #5a646e !important;
}
p {
font-size: 14px !important;
}
#likes-and-labels-container {display:none;}
#comments-section {display:none;}
.ia-splitter-left {display:none;}
.page-metadata {display:none;}
#main-header {display:none;}
#main #content {padding-right: 0px;}
#main {margin-top: 20px10px !important; margin-left: 20px !important; margin-right: 20px !important; padding: 0 !important;}
#header {display:none;}
#footer {display:none;}
#header-precursor {padding-top: 10px !important;}
div.columnMacro:nth-child(2) { border-left: 1px solid #1E539E;}
div.columnMacro { padding: 0 20px !important;}
.sectionColumnWrapper {
overflow-x: visible !important;
}
.confluence-external-resource {
max-width: 100% !important;
cursor: pointer !important;
}
div.columnMacro p:nth-child(2) {
width: 70%;
margin: auto;
padding-top: 30px;
}
</style> |
...