Panzoid 2016 Layout by mason20121981

/* ==UserStyle==
@name         Panzoid 2016 Layout
@namespace    www.panzoid.com
@description  Makes Panzoid Look Like You Started It
@author       Mason
@homepageURL  https://www.panzoid.com
@supportURL   https://www.panzoid.com
@preprocessor panzoid
@version      1.0.0
@license     MIT
==/UserStyle== */

@-moz-document domain("panzoid.com") {
    /* General body styling */
    body {
        font-family: Arial, sans-serif;
        background-color: #f0f0f0; /* Example background color */
        color: #333; /* Example text color */
    }

    /* Header styles */
    .header {
        background: #222; /* Example header background */
        padding: 10px;
    }

    /* Header logo */
    #header-logo {
        display: block;
        margin: 0 auto;
    }

    /* Navigation styles */
    #header-nav {
        list-style-type: none;
        padding: 0;
    }

    #header-nav li {
        display: inline;
        margin: 0 15px;
    }

    #header-nav a {
        color: #fff;
        text-decoration: none;
    }

    #header-nav a:hover {
        text-decoration: underline;
    }

    /* Video bar styles */
    .videobar {
        margin: 20px 0;
        text-align: center;
    }

    /* Content styles */
    .content {
        display: flex;
        justify-content: space-between;
        padding: 20px;
    }

    /* Left content area */
    .content-left {
        width: 60%;
    }

    /* Right content area */
    .content-right {
        width: 35%;
        margin-left: 20px;
    }

    /* Recent posts */
    .forumposts-item {
        margin: 10px 0;
    }

    /* Ad styles */
    .adsbygoogle {
        margin: 20px 0;
    }

    /* Responsive styles */
    @media (max-width: 768px) {
        .content {
            flex-direction: column;
        }
        
        .content-left, .content-right {
            width: 100%;
            margin-left: 0;
        }
    }
}