Changes

The Page Structure of bxp

2,572 bytes added, 23:33, 17 November 2015
no edit summary
Lets look at what the CSS classes do
 
 
== CSS Classes ==
 
 
<syntaxhighlight lang="html4strict">
<link href="https://ww3.allnone.ie/library/style/style_master_internal.asp?intSystem=2" rel="stylesheet" type="text/css" />
<link href="https://ww3.allnone.ie/library/style/style_master_rootobjects.css" rel="stylesheet" type="text/css" />
<link href="https://ww3.allnone.ie/library/style/style_master_layout.css" rel="stylesheet" type="text/css" />
<link href="https://ww3.allnone.ie/library/style/style_master_login.css" rel="stylesheet" type="text/css" />
<link href="https://ww3.allnone.ie/library/style/style_master_toolbars.css" rel="stylesheet" type="text/css" />
<link href="https://ww3.allnone.ie/library/style/style_master_modulespecific.css" rel="stylesheet" type="text/css" />
<link href="https://ww3.allnone.ie/library/style/style_master_buttons.css" rel="stylesheet" type="text/css" />
<link href="https://ww3.allnone.ie/library/style/style_master_password.css" rel="stylesheet" type="text/css" />
<link href="https://ww3.allnone.ie/library/style/style_menu_bars.css" rel="stylesheet" type="text/css" />
<link href="https://ww3.allnone.ie/library/style/style_menu_panels.css" rel="stylesheet" type="text/css" />
<link rel="icon" type="image/vnd.microsoft.icon" href="https://ww3.allnone.ie/favicon.ico" />
<link rel="shortcut icon" href="https://ww3.allnone.ie/favicon.ico" />
</syntaxhighlight>
 
 
You'll note that the style_master_internal is an ASP page not a CSS page. This is because bxp needs to make dynamic changes to the CSS depending on input content. Specifically there are a number of key user input options available in the system that saves the user form having to create CSS manually. i.e. bxp creates the correct CSS based on options chosen. See options below for what can be customised within the interface.
 
 
Each of the files are grouped to ensure that no one CSS file has more than 31 classes as this causes issues with IE6.
 
 
All of the following classes are located in style_master_internal.asp
 
 
== General ==
 
<syntaxhighlight lang="css">
body{
margin: 0px 0px 0px 0px;
margin-top: 20px;
margin-left: 0px;
margin-right: 0px;
font-family: <%=(strCSS_Font_Family)%>;
font-size: 14px;
<% If blBrowserIE6 = False Then %>
background: url("<%=(strCSS_Background_Main_Image)%>") #ffffff no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
<% Else %>
background-color:#ffffff;
<% End If %>
}
</syntaxhighlight>
 
If the clients browser is IE6
== cssBodyAll ==
7,528
edits