Global Corporate CSS Settings
This requires more advanced approach:
The Default Corporate CSS:
/* Base CSS Variables for Easy User Customization */
:root {
--primary-color: #445963; /* Main panel color */
--secondary-color: #F5F7F8; /* Light background color */
--font-color: #000000; /* Default font color */
--accent-color: #3E5567; /* Accent or highlight color */
--border-color: #364950; /* Lines and borders */
}
/* Document Backgrounds */
.document {
background-color: var(--secondary-color);
color: var(--font-color);
font-family: Arial, sans-serif;
}
/* Main Heading Styles */
h1, h2, h3 {
color: var(--primary-color);
}
/* Table Styles */
table {
width: 100%;
border-collapse: collapse;
}
th {
background-color: var(--primary-color);
color: var(--secondary-color);
padding: 10px;
}
td {
border: 1px solid var(--border-color);
padding: 8px;
}
/* Invoice-specific Styles */
.invoice-total {
background-color: var(--accent-color);
color: var(--secondary-color);
font-weight: bold;
padding: 10px;
}
/* Line or Border Elements */
hr, .line {
border-color: var(--border-color);
}
/* Buttons or Interactive Elements (if needed) */
.button {
background-color: var(--accent-color);
color: var(--secondary-color);
border: none;
padding: 8px 12px;
cursor: pointer;
border-radius: 4px;
}
Create Global Text in SOAP
select * from languages where iso_short = 'en';
Then:
<soapenv:Envelope xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/" xmlns:wsdl="http://atollon.com/enterprise/wsdl">
<soapenv:Header/>
<soapenv:Body>
<wsdl:CreateGlobalText>
<server>SERVERNAMEHERE</server>
<session>xxx</session>
<identification>invoice-global-CSS</identification>
<LANG>
<id>131514101</id>
<value>/* Base CSS Variables for Easy User Customization */
:root {
--primary-color: #445963; /* Main panel color */
--secondary-color: #F5F7F8; /* Light background color */
--font-color: #000000; /* Default font color */
--accent-color: #3E5567; /* Accent or highlight color */
--border-color: #364950; /* Lines and borders */
}
/* Document Backgrounds */
.document {
background-color: var(--secondary-color);
color: var(--font-color);
font-family: Arial, sans-serif;
}
/* Main Heading Styles */
h1, h2, h3 {
color: var(--primary-color);
}
/* Table Styles */
table {
width: 100%;
border-collapse: collapse;
}
th {
background-color: var(--primary-color);
color: var(--secondary-color);
padding: 10px;
}
td {
border: 1px solid var(--border-color);
padding: 8px;
}
/* Invoice-specific Styles */
.invoice-total {
background-color: var(--accent-color);
color: var(--secondary-color);
font-weight: bold;
padding: 10px;
}
/* Line or Border Elements */
hr, .line {
border-color: var(--border-color);
}
/* Buttons or Interactive Elements (if needed) */
.button {
background-color: var(--accent-color);
color: var(--secondary-color);
border: none;
padding: 8px 12px;
cursor: pointer;
border-radius: 4px;
}</value>
</LANG>
</wsdl:CreateGlobalText>
</soapenv:Body>
</soapenv:Envelope>