<syntaxhighlight lang="css">
.fix {}
/* === Template:Ambox designs === */

/* Ambox design */
.ambox {
    font-size: 95%;
    width: 90%;
    max-width: 800px;
    padding: 25px;
    margin: 0 auto;
    border-left: 10px solid #1e90ff;
    border-collapse: collapse;
    background-color: rgba(248,248,253,0.5);
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

/* Ambox colours */
.ambox-blue {
    border-left: 10px solid #1e90ff;    /* Blue (notice) */
}
.ambox-red {
    border-left: 10px solid #ff0000;    /* Red (delete/serious) */
}
.ambox-orange {
    border-left: 10px solid #f28500;    /* Orange (content) */
}
.ambox-yellow {
    border-left: 10px solid #f4c430;    /* Yellow (style) */
}
.ambox-purple {
    border-left: 10px solid #9932cc;    /* Purple (merge) */
}
.ambox-gray {
    border-left: 10px solid #4d4d4d;    /* Gray (protection) */
}
.ambox-green {
    border-left: 10px solid #228b22;    /* Green */
}
.ambox-none {
    border-left: 0;
}
/* Ambox small text */
.ambox-smalltext {
    font-size: smaller;
    margin-top:0.5em;
    margin-left:0.8em;
}

/* Ambox image */
.ambox-image-left {                    /* The left image cell */
    width: 60px;
    padding: 2px 0px 2px 0.5em;        /* 0.5em left, 0px right */
    text-align: center;
}

.ambox-image-right {                    /* The right image cell */
    width: 60px;
    padding: 2px 0.5em 2px 0px;        /* 0px left, 0.5em right */
    text-align: center;
}


@media print { .ambox { display: none; } }    /* no ambox when printing */
</syntaxhighlight>