gpttemp
This commit is contained in:
59
code/public/static/css/modules/head/head_56.css
Normal file
59
code/public/static/css/modules/head/head_56.css
Normal file
@@ -0,0 +1,59 @@
|
||||
/* head_56.css - rail + grid (even, theme) */
|
||||
.__PFX__-h56-frame{
|
||||
--h-bg-main: var(--bg-color);
|
||||
--h-bg-panel: var(--bg-soft-color);
|
||||
--h-bg-accent: var(--secondary-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);
|
||||
}
|
||||
.__PFX__-h56-frame{display:grid;grid-template-columns:220px 1fr;gap:12px;padding:12px;}
|
||||
.__PFX__-h56-rail{
|
||||
background:var(--h-bg-panel);
|
||||
border:1px solid var(--border-color);
|
||||
border-radius:14px;
|
||||
padding:12px;
|
||||
}
|
||||
.__PFX__-h56-logo{display:block;text-decoration:none;color:var(--h-text-main);font-weight:900;font-size:18px;margin-bottom:10px;}
|
||||
.__PFX__-h56-homeLinks{display:flex;flex-direction:column;gap:10px;}
|
||||
.__PFX__-h56-homeLinks a{
|
||||
text-decoration:none;
|
||||
color:var(--h-text-main);
|
||||
background:var(--h-bg-main);
|
||||
border:1px solid var(--border-color);
|
||||
border-radius:12px;
|
||||
padding:10px 12px;
|
||||
font-size:12px;
|
||||
}
|
||||
.__PFX__-h56-homeLinks a.active{background:var(--primary-color);border-color:var(--primary-color);font-weight:800;}
|
||||
.__PFX__-h56-main{min-width:0;}
|
||||
.__PFX__-h56-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__-h56-search input{flex:1;border:none;background:transparent;outline:none;font-size:13px;color:var(--h-text-main);}
|
||||
.__PFX__-h56-btn{border:none;border-radius:10px;background:var(--h-bg-accent);color:var(--h-text-main);padding:8px 12px;cursor:pointer;}
|
||||
.__PFX__-h56-nav{margin-top:10px;}
|
||||
.__PFX__-h56-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;}
|
||||
.__PFX__-h56-grid a{
|
||||
display:block;
|
||||
text-decoration:none;
|
||||
color:var(--h-text-main);
|
||||
background:var(--h-bg-panel);
|
||||
border:1px solid var(--border-color);
|
||||
border-radius:12px;
|
||||
padding:10px;
|
||||
text-align:center;
|
||||
font-size:12px;
|
||||
}
|
||||
.__PFX__-h56-grid a.active{background:var(--primary-color);border-color:var(--primary-color);font-weight:800;}
|
||||
@media (max-width:860px){
|
||||
.__PFX__-h56-frame{grid-template-columns:1fr;}
|
||||
.__PFX__-h56-homeLinks{flex-direction:row;flex-wrap:wrap;}
|
||||
.__PFX__-h56-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
|
||||
}
|
||||
Reference in New Issue
Block a user