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

Fixed css error

Discussion in 'Resolved Bug Reports' started by Jake Bunce, Mar 15, 2014.

  1. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    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.
     
    CyberAP likes this.
  2. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    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;
    }
    
     
  3. Mike

    Mike XenForo Developer Staff Member

    Fixed now. Just needed some adjustment regarding semi-colon placement.
     
    soloarquitectura likes this.

Share This Page