CSS question (Shadow surrounding Page)

[Mickey Stanford]

Off topic or not, I was searching and couldn't find any answer to modify the Styles of XF in order to have the page surrounded by a CSS shadow. Went through the options of XF but maybe I'm overlooking something. Anyone care to share how to do that?
If XF doesn't have this option, it might fall into the suggestion forum. I don't want to go through modifying the XF files and have trouble when upgrading.

Thanks in advance

 

[Lawrence]

Hi Mickey.

Your user name is not associated with your customer account, please add your name here: http://xenforo.com/customers/forum-users

 

[Jake Bunce]

Google gave me this shadow code :

http://robertnyman.com/2010/03/16/drop-shadow-with-css-for-all-web-browsers/

		-moz-box-shadow: 3px 3px 4px #000;
		-webkit-box-shadow: 3px 3px 4px #000;
		box-shadow: 3px 3px 4px #000;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');

In xenForo you can add this to an appropriate class. For example:

Admin CP -> Appearance -> Style Properties -> General -> Content -> Miscellaneous

You will have to make some tweaks to get it looking like you want.