Custom CSS - Revision history

Robert Carson at 16:16, 29 December 2016

2016-12-29T16:16:54Z

Philip Lacey at 10:37, 4 March 2016

2016-03-04T10:37:27Z

Philip Lacey at 13:00, 5 September 2015

2015-09-05T13:00:25Z

Philip Lacey at 12:49, 5 September 2015

2015-09-05T12:49:56Z

Philip Lacey at 12:49, 5 September 2015

2015-09-05T12:49:22Z

Philip Lacey at 12:38, 5 September 2015

2015-09-05T12:38:03Z

Philip Lacey at 20:49, 9 November 2014

2014-11-09T20:49:02Z

Philip Lacey at 00:17, 22 March 2014

2014-03-22T00:17:45Z

Philip Lacey: Created page with "It is possible to over ride the default CSS of BE. By creating your own CSS sheet with the appropriate Class names you can change the look and feel of BE. With your CSS she..."

2013-03-13T09:27:09Z

Created page with "It is possible to over ride the default CSS of BE. By creating your own CSS sheet with the appropriate Class names you can change the look and feel of BE. With your CSS she..."

New page

It is possible to over ride the default CSS of BE. By creating your own CSS sheet with the appropriate Class names you can change the look and feel of BE.

With your CSS sheet hosted somewhere, the URL is entered into BE at a System or User level.

= For the User level =

Main Menu > I Want To > Change My Details > Interface Options

In the CSS box you can put the full URL to your stylesheet.

= For the System level =

Main Menu > System Access Management > System Management > System Settings > Interface Options

As per the User level, simply enter the URL of the CSSto be used for all users if they have not set a custom style sheet.

← Older revision		Revision as of 16:16, 29 December 2016
Line 2:		Line 2:


−	It is possible to over ride the default CSS of BE. By creating your own CSS sheet with the appropriate Class names you can change the look and feel of BE.	+	It is possible to over ride the default CSS of bxp. By creating your own CSS sheet with the appropriate Class names you can change the look and feel of bxp.


−	With your CSS sheet hosted somewhere, the URL is entered into BE at a System or User level.	+	With your CSS sheet hosted somewhere, the URL is entered into bxp at a System or User level.

← Older revision		Revision as of 10:37, 4 March 2016
Line 143:		Line 143:


		+	= Useful =
		+
		+
		+	In a form the text of the questions uses a class called Spoken. To override the dark red colour of Spoken, add the following line to the "Opening Instructions" of the form.
		+
		+	<syntaxhighlight lang="html4strict">
		+	<style> .Spoken { color:#343434; } </style>
		+	</syntaxhighlight>

	[[Category:Topic:Style]]		[[Category:Topic:Style]]
	[[Category:Topic:bxp Interface]]		[[Category:Topic:bxp Interface]]

← Older revision		Revision as of 13:00, 5 September 2015
Line 53:		Line 53:
	The Id of the link is used to extract the custom styling for that system. If no Id is passed the system will use default styling.		The Id of the link is used to extract the custom styling for that system. If no Id is passed the system will use default styling.

		+	* body
		+	* cssBodyAll
		+	* cssBodyInner
		+	* cssMaster_Header
		+	* cssMaster_Page
		+	* cssMaster_Dashboards
		+	* cssMaster_Consoles
		+	* form
		+	* input.text, input.password, select
		+	* input.text, input.password, textarea
		+	* input[type=text]
		+	* input[type=password]
		+	* select
		+	* a
		+	* a:hover
		+	* td
		+	* textarea
		+	* .Standard_Input
		+	* .cssStandard_Input
		+	* .cssSearchBar
		+	* #body_controlbar
		+	* #iwantto_body_controlbar
		+	* .pwdChkTbl2
		+	* .pwdChkTbl3
		+	* .pwdChkTbl4
		+	* .pwdChkTd4
		+	* .pwdChkTd4 h3
		+	* .tmeTitle
		+	* .tmeHour
		+	* .tmeLinkingHeader
		+	* .tmeLinkinga
		+	* .tmeLinkinga:hover
		+	* .cssLoginTitleBox
		+	* #padding_space
		+	* #nav_controlbar
		+	* #nav_controlbar a
		+	* #nav_controlbar a:hover
		+	* #nav_controlbar li:hover a
		+	* #nav_controlbar li:hover ul li a:hover
		+	* #iwantto_nav_controlbar li:hover a
		+	* #iwantto_nav_controlbar li:hover ul li a:hover
		+	* #iwantto_ecourse_search
		+	* cssMaster_Button
		+	* cssMaster_Button:hover
		+	* cssMaster_Button:active
		+	* Master_Button
		+	* Master_Button:hover
		+	* Master_Button:active
		+	* cssControlBar_Button
		+	* cssControlBar_Button:hover
		+	* cssControlBar_Button:active
		+	* cssContentBody
		+	* cssInfoBox
		+	* Standard_Input
		+	* cssMaster_IconBar
		+	* cssMaster_IconWin8Bar
		+	* cssLatestNews_Table
		+	* cssMaster_FooterIWantToBar_Table
		+	* cssGeneric_RoundedDiv

	== style_master_rootobjects.css ==		== style_master_rootobjects.css ==

@@ Line 35: / Line 35: @@
-* [https://ww3.allnone.ie/library/style/style_master_internal.asp?intSystem=2]
+* https://ww3.allnone.ie/library/style/style_master_internal.asp?intSystem=2
-* [https://ww3.allnone.ie/library/style/style_master_rootobjects.css]
+* https://ww3.allnone.ie/library/style/style_master_rootobjects.css
-* [https://ww3.allnone.ie/library/style/style_master_layout.css]
+* https://ww3.allnone.ie/library/style/style_master_layout.css
-* [https://ww3.allnone.ie/library/style/style_master_login.css]
+* https://ww3.allnone.ie/library/style/style_master_login.css
-* [https://ww3.allnone.ie/library/style/style_master_toolbars.css]
+* https://ww3.allnone.ie/library/style/style_master_toolbars.css
-* [https://ww3.allnone.ie/library/style/style_master_modulespecific.css]
+* https://ww3.allnone.ie/library/style/style_master_modulespecific.css
-* [https://ww3.allnone.ie/library/style/style_master_buttons.css]
+* https://ww3.allnone.ie/library/style/style_master_buttons.css
-* [https://ww3.allnone.ie/library/style/style_master_password.css]
+* https://ww3.allnone.ie/library/style/style_master_password.css
-* [https://ww3.allnone.ie/library/style/style_master_keystats.css]
+* https://ww3.allnone.ie/library/style/style_master_keystats.css
-* [https://ww3.allnone.ie/library/style/style_menu_bars.css]
+* https://ww3.allnone.ie/library/style/style_menu_bars.css
-* [https://ww3.allnone.ie/library/style/style_menu_panels.css]
+* https://ww3.allnone.ie/library/style/style_menu_panels.css

@@ Line 1: / Line 1: @@
 It is possible to over ride the default CSS of BE.  By creating your own CSS sheet with the appropriate Class names you can change the look and feel of BE.
@@ Line 5: / Line 8: @@
 Main Menu > I Want To > Change My Details > Interface Options
@@ Line 14: / Line 18: @@
 Main Menu > System Access Management > System Management > System Settings > Interface Options
-As per the User level, simply enter the URL of the CSSto be used for all users if they have not set a custom style sheet.
+As per the User level, simply enter the URL of the CSS to be used for all users if they have not set a custom style sheet.
 [[Category:Topic:Style]]
 [[Category:Topic:bxp Interface]]

← Older revision		Revision as of 12:38, 5 September 2015
Line 23:		Line 23:


		+	[[Category:Topic:Style]]
	[[Category:Topic:bxp Interface]]		[[Category:Topic:bxp Interface]]

← Older revision		Revision as of 20:49, 9 November 2014
Line 23:		Line 23:


−	[[Category:BE Interface~~:Appearance~~]]	+	[[Category:Topic:bxp Interface]]

← Older revision		Revision as of 00:17, 22 March 2014
Line 21:		Line 21:

	As per the User level, simply enter the URL of the CSSto be used for all users if they have not set a custom style sheet.		As per the User level, simply enter the URL of the CSSto be used for all users if they have not set a custom style sheet.
		+
		+
		+	[[Category:BE Interface:Appearance]]