XF 1 Style Forum hata ekran görüntüsünü özelleştirin

<xen:edithint template="error.css" />
 <xen:title>{xen:phrase error}</xen:title>
  <xen:container var="$head.robots"><meta name="robots" content="noindex" /></xen:container>
  <div class="xFHataBG">
    <div class="xFHataHeader">{$xenOptions.boardTitle} - {xen:phrase error}</div>
      <div class="xFHataaltBG">
    <a class="close OverlayCloser"></a>
    <xen:if is="{xen:count $error, false} == 1">
        <xen:if is="{$showHeading}"><h2 class="heading">{xen:phrase following_error_occurred}:</h2></xen:if>
          <p><i class="fa fa-exclamation-circle"></i></p>
    
        <div class="baseHtml">
        <xen:foreach loop="$error" key="$key" value="$value">
            <label for="ctrl_{$key}" class="OverlayCloser">{xen:raw $value}</label>
        </xen:foreach>
        </div>
    <xen:else />
        <xen:if is="{$showHeading}"><h2 class="heading">{xen:phrase please_correct_following_errors}:</h2></xen:if>
    
        <div class="baseHtml">
            <ul>
            <xen:foreach loop="$error" key="$key" value="$value">
                <li><label for="ctrl_{$key}" class="OverlayCloser">{xen:raw $value}</label></li>
            </xen:foreach>
            </ul>
        </div>
    </xen:if>
  </div>
</div>

.xFHataBG
    {
    background: rgb(209, 235, 240) none repeat scroll 0 0;
    border: 1px solid rgba(20, 106, 125, 0.2);
    border-radius: 5px;
    color: rgb(11, 76, 91);
    margin: 10px auto 20px;
    padding: 5px;
    }
@media (min-width: 768px)
    {
    .xFHataBG {width: 50%;}
    .xFHataHeader {font-size: 18px;}
    .xFHataaltBG {font-size: 15px;}
    }

@media (max-width: 769px)
    {
    .xFHataBG { width: 95%;}
    .xFHataHeader {font-size: 14px;}
    .xFHataaltBG {font-size: 12px;}
    }
    
.xFHataHeader
    {
    background: rgb(21, 109, 129) none repeat scroll 0 0;
    color: rgb(208, 226, 230);
    padding: 5px;
    }

.xFHataaltBG
    {
    background: rgb(229, 248, 252) none repeat scroll 0 0;
    border: 1px solid rgba(11, 76, 9, 0.3);
    padding: 5px;
    }
    .xFHataaltBG a { color: rgb(204, 0, 0);}
    
    .xFHataaltBG
        {
        color: rgb(11, 76, 91);
        text-align: center;
        }