26 lines
1.7 KiB
CSS
26 lines
1.7 KiB
CSS
/* head_58.css - dashboard (even, theme) */
|
|
.__PFX__-h58-dash{
|
|
--h-bg-main: var(--bg-soft-color);
|
|
--h-bg-panel: var(--bg-color);
|
|
--h-bg-accent: var(--primary-color);
|
|
--h-text-main: var(--text-color);
|
|
--h-text-soft: var(--text-muted-color);
|
|
background:var(--h-bg-main);
|
|
border-bottom:1px solid var(--border-color);
|
|
padding:12px 12px 14px;
|
|
}
|
|
.__PFX__-h58-line1{display:flex;align-items:center;justify-content:space-between;gap:12px;}
|
|
.__PFX__-h58-brand{text-decoration:none;color:var(--h-text-main);font-weight:900;font-size:20px;}
|
|
.__PFX__-h58-search{display:flex;gap:8px;background:var(--h-bg-panel);border:1px solid var(--border-color);border-radius:12px;padding:6px 6px 6px 12px;}
|
|
.__PFX__-h58-search input{border:none;background:transparent;color:var(--h-text-main);outline:none;font-size:13px;min-width:240px;}
|
|
.__PFX__-h58-btn{border:none;border-radius:10px;background:var(--h-bg-accent);color:var(--h-text-main);padding:8px 12px;cursor:pointer;}
|
|
.__PFX__-h58-nav{margin-top:12px;}
|
|
.__PFX__-h58-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;}
|
|
.__PFX__-h58-cards a{display:block;text-decoration:none;color:var(--h-text-main);background:var(--h-bg-panel);border:1px solid var(--border-color);border-radius:14px;padding:12px 10px;text-align:center;font-size:12px;}
|
|
.__PFX__-h58-cards a.active{background:var(--primary-color);border-color:var(--primary-color);font-weight:800;}
|
|
@media (max-width:860px){
|
|
.__PFX__-h58-line1{flex-direction:column;align-items:stretch;}
|
|
.__PFX__-h58-search input{min-width:0;flex:1;}
|
|
.__PFX__-h58-cards{grid-template-columns:repeat(3,minmax(0,1fr));}
|
|
}
|