• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Fixed css error

Jake Bunce

XenForo moderator
Staff member
#1
Confirmed in XF 1.3 on this forum.

In the rendered CSS (double semicolon after second background attribute):

Code:
#AjaxProgress.xenOverlay .content
{
	background:rgb(0, 0, 0) url('styles/default/xenforo/widgets/ajaxload.info_FFFFFF_facebook.gif') no-repeat center center;
	background:rgba(0,0,0, 0.5) url('styles/default/xenforo/widgets/ajaxload.info_FFFFFF_facebook.gif') no-repeat center center;;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-khtml-border-bottom-left-radius:10px;
	border-bottom-left-radius:10px;
	float:right;
	width:85px;
	height:30px
}
Interestingly, this does not appear to be represented in xenforo_overlay.css:

Code:
#AjaxProgress.xenOverlay .content
{
	@property "ajaxProgress";
	background: rgba(0,0,0, 0.5) url('@imagePath/xenforo/widgets/ajaxload.info_FFFFFF_facebook.gif') no-repeat center center;
	border-bottom-left-radius: 10px;
	float: right;
	width: 85px;
	height: 30px;
	@property "/ajaxProgress";
}
Maybe a problem with the renderer.
 

Jake Bunce

XenForo moderator
Staff member
#2
Same problem... rendered:

Code:
#StackAlerts .stackAlertContent
{
	padding: 10px;
	padding-right: 30px;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
	border: solid 2px #d7edfc;
	background: url(rgba.php?r=240&g=247&b=252&a=229);
	background: rgba(240, 247, 252, 0.9);
	_filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5F0F7FC,endColorstr=#E5F0F7FC);;
	font-size: 11px;
	font-weight: bold;
}
...not rendered:

Code:
#StackAlerts .stackAlertContent
{
	padding: 10px;
	padding-right: 30px;
	border-radius: 4px;
	border: solid 2px @primaryLighterStill;
	background: {xen:helper rgba, @primaryLightest, 0.9};
	font-size: 11px;
	font-weight: bold;
}