// setup for all error pages

@import 'inc/bootstrap';
@import "inc/header-footer";
@import "inc/action-bars";

.section-container {
    font-size: 1.6rem;
    margin-left: 140px;
    pre {
        padding : 20px;
        @include simple-border();
        font-family: $monospaceFont;
        @include font-size(14);
        background: #eee;
        width: 1024px;
        color: #57a157;
        text-shadow: 1px 1px 1px #fff;
    }
}

.error-code {
    font-size: 30rem;
    color: #ccc;
    line-height: 1;
    font-weight: bold;
    margin-top: 20px;
    &:after {        
        content: '.';
        color: #cd1632;
        position: relative;
        left: -20px;
    }
    &.small {
        font-size: 15rem;
        &:before {
            left: -10px;
        }
    }
}

.error-text {
    background: rgba(255, 255, 255, .3);
    max-width: 600px;
}

ul.plain.links {
    margin-top: 30px;
    li {
        display:inline;        
        &:last-child:not(:first-child):before {
            content: '|';
            color: #999;
            margin: 0 10px;
            font-size: 12px;
        }  
    } 
}