Anonymous, bureaucrat, administrator
7,528
edits
Changes
From All n One's bxp software Wixi
no edit summary
<syntaxhighlight lang="css">
body{
margin-top: 20px;
margin-left: 0px;
margin-right: 0px;
<% If blBrowserIE6 = False Then %>
background: url("<%=(strCSS_Background_Main_Image)%>") #ffffff no-repeat center center fixed;
background-size: cover;
<% Else %>
<% End If %>
}
</syntaxhighlight>
We attempt to fill the entire available space of the screen. We indent 20px from the top but use the full width. The font family is a user entered parameter. See Fonts below. If the clients browser is IE6 we can't write out those lines at all to the CSS file or IE6 is really really not happy with us. We atttempt to stretch background images to cover the entire space available. The image used is a user entered parameter. See Backgrounds below.
== cssBodyAll ==
Only used on the login pages.
<syntaxhighlight lang="css">
}
</syntaxhighlight>
When working with phone systems they often use a browser component embedded in their software. This can give faulty readings on window space available. So we add an extra div and ensure it takes the maximum space available.
The cssBodyAll class moves the log in box down 20% of the available space to ensure the login is "generally" centred on the screen.
== cssBodyInner ==
Used on all pages with HTML rendering.
<syntaxhighlight lang="css">
}
</syntaxhighlight>
This is a container div. It sets a definite pixel width. This allows absolute control of the width of the page to ensure that where a browser or browser component is unable to provide an accurate width an absolute one can be provided. This can be overwritten using custom JavaScript on the page if necessary.
== cssMaster_Page ==
Used on all pages with HTML rendering.
<syntaxhighlight lang="css">
width:<%=(strCSS_Page_Width)%>px;
border-spacing:2;
border-color:<%=(strCSS_PrimaryButton_ColourBorder)%>;
}
</syntaxhighlight>
cssBodyInner
