MIX · extractor de estilos
Template: ches_cafe/index.php · mtime: 2025-12-31 16:30
← Volver al álbum Descargar mixed.css Descargar manifest.json
CSS links: 4 Embebidos: 0 Externos: 4 Inline styles: 2 Missing: 0
CSS externos (no embebidos)
CSS embebidos (locales)
No se pudieron embebir CSS locales.
Preview de mixed.css
/* MIXED CSS PACK */
/* Template: ches_cafe/index.php */
/* Template mtime: 2025-12-31 16:30:24 */

/* external link (no embedded): https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css */
/* external link (no embedded): https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap */
/* external link (no embedded): https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css */
/* external link (no embedded): https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css */

/* ===== INLINE <style> BLOCK #1 ===== */
:root{
            --bg-void:#05060a;
            --bg-glass: rgba(18,22,30,.88);
            --bg-glass-hover: rgba(28,34,46,.72);
            --accent-primary:#60a5fa;
            --accent-secondary:#818cf8;
            --accent-tertiary:#a78bfa;
            --accent-gradient: linear-gradient(135deg,#60a5fa 0%,#a78bfa 100%);
            --success:#22c55e;
            --danger:#ef4444;
            --warning:#f59e0b;

            --text-main:#f8fafc;
            --text-muted:#94a3b8;
            --text-dim:#64748b;

            --border-glass:1px solid rgba(255,255,255,.08);
            --border-glass-hover:1px solid rgba(255,255,255,.15);
            --glass-filter: blur(16px);

            --radius-xl:24px;
            --radius-lg:16px;
            --radius-md:12px;
            --radius-sm:8px;

            /* ✅ MAS ANCHA (como pediste) */
            --sidebar-width:380px;
            --sidebar-compact:80px;

            --transition-smooth: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
            --transition-bounce: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        }

        html,body{height:100%}
        body{
            background:var(--bg-void);
            color:var(--text-main);
            font-family:'Inter',sans-serif;
            margin:0;
            overflow-x:hidden;
            font-size:15px;
            line-height:1.35;
            background-image:
                radial-gradient(circle at 15% 50%, rgba(56,189,248,.04) 0%, transparent 28%),
                radial-gradient(circle at 85% 30%, rgba(139,92,246,.06) 0%, transparent 30%);
        }

        .text-muted,.text-body-secondary{ color:var(--text-muted)!important; }
        h1,h2,h3,h4,h5,h6{
            font-family:'Outfit',sans-serif;
            letter-spacing:-.02em;
            color:#fff;
        }
        .text-gradient{
            background:var(--accent-gradient);
            -webkit-background-clip:text;
            -webkit-text-fill-color:transparent;
            background-clip:text;
        }

        /* SCROLLBAR */
        ::-webkit-scrollbar{width:6px}
        ::-webkit-scrollbar-track{background:rgba(255,255,255,.03); border-radius:10px}
        ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12); border-radius:10px}
        ::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.22)}

        /* SIDEBAR */
        .sidebar{
            width:var(--sidebar-width);
            height:calc(100vh - 24px);
            position:fixed;
            top:12px; left:12px;
            border-radius:var(--radius-xl);
            background:var(--bg-glass);
            backdrop-filter:var(--glass-filter);
            -webkit-backdrop-filter:var(--glass-filter);
            border:var(--border-glass);
            z-index:1000;
            display:flex;
            flex-direction:column;
            box-shadow:
                0 20px 60px rgba(0,0,0,.4),
                0 0 0 1px rgba(255,255,255,.03),
                inset 0 1px 0 rgba(255,255,255,.05);
            overflow:hidden;
            transition:transform .3s cubic-bezier(.34,1.56,.64,1);
        }

        .sidebar.compact{ width:var(--sidebar-compact); transition:var(--transition-smooth); }

        .sidebar.compact .sidebar-header .logo-text,
        .sidebar.com    /* ...cortado... agregá ?full=1 para ver todo ... */
      
Ver preview completo
Manifest preview
{
    "template": "ches_cafe/index.php",
    "template_mtime": 1767198624,
    "template_mtime_human": "2025-12-31T16:30:24+00:00",
    "css_links_found": [
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap",
        "https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css",
        "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
    ],
    "css_links_external": [
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap",
        "https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css",
        "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 2,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}