/**
*
* @package phpBB Extension - Board Magic
* @copyright (c) 2024 SpIdErPiGgY - https://www.myarea51secrets.com
* @license http://opensource.org/licenses/gpl-2.0.php GNU General Public License v2
*
*/

/** Place your custom CCS under this line */

/** Générale Stylesheet **/
.custom_css{display: block;}
.site-description p, .site-description h1 {display: none;}

.site_logo {
    background-image: url("./images/ygf_logo.png");
}

.codebox code, blockquote, div.rules {
    background-image: url("./images/noize.png");
}

@media screen {
    blockquote {
        background-color: #ECF1F3;
        border-color: #DBDBCE;
        border-left: 3px solid #95cdcf;
        border-radius: 6px;
    }
}

/* copyright */
.copyright {
    font-size: 10px;
    text-align: left;
    padding: 10px;
    opacity: .4;
}

.copyright:hover {
    opacity: 1;
}

.footer-copyright, .footer-link, .footer-row { font-size: 0.7rem; font-family: 'bleeding cowboys'; }

/* logo */
.site_logo {
    background-repeat: no-repeat;
    display: inline-block;
    width: 250px;
    height: 130px;
    margin-top: -46px;
}

@media screen and (max-width: 480px) {
    .headerbar {
        border-radius: 0px;
    }
   .logo {
      display: inline-block;
      width: auto;
      height: auto;
    }
   .logo:hover {
      text-decoration: none;
    }
}
@media screen and (max-width: 700px) {
    .headerbar {
        border-radius: 0px;
    }
   .logo {
      display: inline-block;
      width: auto;
      height: auto;
    }
   .logo:hover {
      text-decoration: none;
    }
}

/*BBCode php*/
/* CSS for the code container */
.code-container {
    position: relative;
    border: 1px solid #ccc;
    background-color: #f8f8f8;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
}

/* CSS for the code container */
.code-container {
    position: relative;
    border: 1px solid #ccc;
    background-color: #f8f8f8;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
    white-space: pre-wrap; /* Preserve line breaks */
}

/* CSS for the code container */
.code-container {
    border: 1px solid #ccc;
    background-color: #f8f8f8;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
}

/* CSS for the code header */
.code-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

/* CSS for the "Code:" label */
.code-title {
    font-weight: bold;
    margin-right: 10px;
}

/* CSS for the copy button */
.copy-button {
    padding: 5px 10px;
    background-color: #007bff;
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 3px;
}

.copy-button:hover {
    background-color: #00ff85;
    color: #00140a;
}

/* Style for code within the code container */
.code-container pre {
    margin: 0;
    white-space: pre-wrap; /* Preserve line breaks */
}

/* Optional: Line numbers style (if you want line numbers) */
.linenums {
    border-right: 1px solid #ccc;
    padding-right: 10px;
    text-align: right;
    color: #777;
}

/* attachement button */
.tab > a[data-subpanel="attach-panel"],
.tab > a[data-subpanel="attach-panel"]:hover {
    background: #ff6e48;
    color: #000;
}
     
.activetab > a[data-subpanel="attach-panel"],
.activetab > a[data-subpanel="attach-panel"]:hover {
    background: #9c9; 
    border-color: #9c9;
    color: #000;
}