A Status Box that can be used to manually show the status of sections of your community.

Status Box.css

/* Modify the code here in order to style the Status Box */
   
    .report_problem {
        font-size: 9pt;
        color: #1E90FF;
        font-style:italic;
    }
    .status_title {
        font-weight:600;
        display:none;
    }
    div#status_box span.status {
        display:block;
        font-weight:bold;
    }
    div#status_box div.status_indicator {
        display:inline-block;
    }
    div#status_box span.status div.status_indicator {
        border-radius:50%;
        height:10px;
        width:10px;
        margin-right:2px;
    }
    span.status[title="Issues"] div.status_indicator {
        background-color:orange;
    }
    span.status[title="Online"] div.status_indicator {
        background-color:green;
    }
    span.status[title="Planned"] div.status_indicator {
        background-color:purple;
    }
    span.status[title="Offline"] div.status_indicator {
        background-color:red;
    }
    span.status[title="Unknown"] div.status_indicator {
        background-color:gray;
    }
    span.status[title="Coming Soon"] div.status_indicator {
        background-color:#367588;
    }
    span.status[title="Issues"] {
        color:orange;
    }
    span.status[title="Online"] {
        color:green;
    }
    span.status[title="Planned"] {
        color:purple;
    }
    span.status[title="Offline"] {
        color:red;
    }
    span.status[title="Unknown"] {
        color:gray;
    }
    span.status[title="Coming Soon"] {
        color:#367588;
    }
    span.details {
        color:gray;
        font-weight:normal;
        font-style:italic;
    }

Status Box.html

<!-- Community Status Box 1.2.1 -->
<!-- Designed And Coded By Daniel Carl Jones 2013 -->

<!-- This code is not to be used at all unless permitted by Daniel Carl Jones -->
 
<div width="100%" id="status_box">
   
    <!-- Only Edit This Box To Change The Statuses -->

    <!-- Titles:                                                        -->
    <!--    Online - Online                                             -->
    <!--    Offline - Unplanned Outage                                  -->
    <!--    Issues - Known or unknown issues                            -->
    <!--    Unknown - Who knows?                                        -->
    <!--    Planned - Planned in the future                             -->
    <!--    Coming Soon - Hopeful going online in the next few days     -->
   
    <span class="status_title">Community Status</span>
   
    <span title="Unknown" class="status">
        <div class="status_indicator"></div>
        <span class="service">Website</span><br>
        <span class="details"></span>
    </span>
    
    <a class="report_problem" href="mailto:dan@danielcarl.info?subject=Server%20Issue%20Report">Report a Server Issue...</a>
 
</div>