gpttemp
This commit is contained in:
121
code/public/static/css/modules/head/head_62.css
Normal file
121
code/public/static/css/modules/head/head_62.css
Normal file
@@ -0,0 +1,121 @@
|
||||
/* head_62.css - sash (even: grid appears on mobile by toggle) */
|
||||
.__PFX__-h62-sash{
|
||||
--h-accent: var(--accent-color);
|
||||
padding:10px 12px 8px;
|
||||
border-bottom:1px solid var(--border-color);
|
||||
background:var(--bg-color);
|
||||
}
|
||||
.__PFX__-h62-top{
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:space-between;
|
||||
gap:10px;
|
||||
}
|
||||
.__PFX__-h62-name{
|
||||
font-size:19px;
|
||||
font-weight:900;
|
||||
color:var(--text-color);
|
||||
text-decoration:none;
|
||||
}
|
||||
.__PFX__-h62-note{
|
||||
margin-top:2px;
|
||||
font-size:12px;
|
||||
color:var(--text-muted-color);
|
||||
}
|
||||
.__PFX__-h62-badge{
|
||||
border:1px solid var(--border-color);
|
||||
background:var(--bg-soft-color);
|
||||
color:var(--text-color);
|
||||
border-radius:999px;
|
||||
padding:7px 10px;
|
||||
cursor:pointer;
|
||||
}
|
||||
.__PFX__-h62-bot{
|
||||
margin-top:8px;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:space-between;
|
||||
gap:10px;
|
||||
}
|
||||
.__PFX__-h62-search{
|
||||
flex:1;
|
||||
min-width:0;
|
||||
display:flex;
|
||||
gap:6px;
|
||||
padding:4px 6px 4px 10px;
|
||||
border:1px solid var(--border-color);
|
||||
border-radius:12px;
|
||||
background:var(--bg-soft-color);
|
||||
}
|
||||
.__PFX__-h62-search input{
|
||||
flex:1;
|
||||
min-width:0;
|
||||
border:none;
|
||||
outline:none;
|
||||
background:transparent;
|
||||
color:var(--text-color);
|
||||
font-size:13px;
|
||||
}
|
||||
.__PFX__-h62-btn{
|
||||
border:none;
|
||||
border-radius:10px;
|
||||
background:var(--h-accent);
|
||||
color:var(--text-color);
|
||||
padding:6px 10px;
|
||||
cursor:pointer;
|
||||
font-size:12px;
|
||||
}
|
||||
.__PFX__-h62-mini{
|
||||
display:flex;
|
||||
gap:8px;
|
||||
padding:0;
|
||||
}
|
||||
.__PFX__-h62-mini a{
|
||||
text-decoration:none;
|
||||
font-size:12px;
|
||||
color:var(--text-color);
|
||||
padding:6px 10px;
|
||||
border-radius:999px;
|
||||
background:var(--bg-color);
|
||||
border:1px solid var(--border-color);
|
||||
}
|
||||
.__PFX__-h62-mini a.active{
|
||||
background:var(--primary-color);
|
||||
border-color:var(--primary-color);
|
||||
font-weight:800;
|
||||
}
|
||||
.__PFX__-h62-nav{
|
||||
margin-top:10px;
|
||||
}
|
||||
.__PFX__-h62-grid{
|
||||
list-style:none;
|
||||
margin:0;
|
||||
padding:0;
|
||||
display:grid;
|
||||
grid-template-columns:repeat(6,minmax(0,1fr));
|
||||
gap:8px;
|
||||
}
|
||||
.__PFX__-h62-grid a{
|
||||
display:block;
|
||||
text-decoration:none;
|
||||
font-size:12px;
|
||||
text-align:center;
|
||||
padding:8px 6px;
|
||||
border-radius:12px;
|
||||
background:var(--bg-soft-color);
|
||||
border:1px solid var(--border-color);
|
||||
color:var(--text-color);
|
||||
}
|
||||
.__PFX__-h62-grid a.active{
|
||||
background:var(--primary-color);
|
||||
border-color:var(--primary-color);
|
||||
font-weight:800;
|
||||
}
|
||||
@media (max-width:860px){
|
||||
.__PFX__-h62-nav{display:none;}
|
||||
body.__PFX__-h62-open .__PFX__-h62-nav{display:block;}
|
||||
.__PFX__-h62-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
|
||||
}
|
||||
@media (min-width:861px){
|
||||
.__PFX__-h62-badge{display:none;}
|
||||
}
|
||||
Reference in New Issue
Block a user