1 line
30 KiB
CSS
1 line
30 KiB
CSS
|
header{flex-flow:wrap;align-items:center;gap:1.5rem;margin:2rem 0;display:flex}header h1{flex:auto;margin:0}.clipboard-button{float:right;color:var(--gray);border-color:var(--dark);background-color:var(--light);opacity:0;border:1px solid;border-radius:5px;margin:.3rem;padding:.4rem;transition:all .2s;display:flex;position:absolute;right:0}.clipboard-button>svg{fill:var(--light);filter:contrast(.3)}.clipboard-button:hover{cursor:pointer;border-color:var(--secondary)}.clipboard-button:focus{outline:0}pre:hover>.clipboard-button{opacity:1;transition:all .2s}.page-title{margin:0}.homebar{flex-flow:wrap;margin:0;display:flex}.hb-button{cursor:pointer;background-color:#6464644d;border:none;border-radius:16px;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;margin:.2rem .4rem;padding:.4rem .8rem;font-size:.9rem;text-decoration:none}.hb-button:hover{background-color:#64646480}button#explorer{all:unset;text-align:left;cursor:pointer;color:var(--dark);background-color:#0000;border:none;align-items:center;padding:0;display:flex}button#explorer h1{margin:0;font-size:1rem;display:inline-block}button#explorer .fold{opacity:.8;margin-left:.5rem;transition:transform .3s}button#explorer.collapsed .fold{transform:rotate(-90deg)}.folder-outer{grid-template-rows:0fr;transition:grid-template-rows .3s ease-in-out;display:grid}.folder-outer.open{grid-template-rows:1fr}.folder-outer>ul{overflow:hidden}#explorer-content{max-height:none;margin-top:.5rem;list-style:none;transition:max-height .35s;overflow:hidden}#explorer-content.collapsed>.overflow:after{opacity:0}#explorer-content ul{margin:.08rem 0;padding:0;list-style:none;transition:max-height .35s,transform .35s,opacity .2s}#explorer-content ul li>a{color:var(--dark);opacity:.75;pointer-events:all}svg{pointer-events:all}svg>polyline{pointer-events:none}.folder-container{-webkit-user-select:none;user-select:none;flex-direction:row;align-items:center;display:flex}.folder-container div>a{color:var(--secondary);font-family:var(--headerFont);font-size:.95rem;font-weight:600;line-height:1.5rem;display:inline-block}.folder-container div>a:hover{color:var(--tertiary)}.folder-container div>button{color:var(--dark);text-align:left;cursor:pointer;font-family:var(--headerFont);background-color:#0000;border:none;align-items:center;padding-left:0;padding-right:0;display:flex}.folder-container div>button span{color:var(--secondary);pointer-events:none;margin:0;font-size:.95rem;font-weight:600;line-height:1.5rem;display:inline-block}.folder-icon{color:var(--secondary);cursor:pointer;backface-visibility:visible;margin-right:5px;transition:transform .3s}li:has(>.folder-outer:not(.open))>.folder-container>svg{transform:rotate(-90deg)}.folder-icon:hover{color:var(--tertiary)}.no-background:after{background:0 0!important}#explorer-end{height:4px;margin:0}.breadcrumb-container{flex-flow:wrap;gap:.5rem;margin:.75rem 0 0;padding:0;display:flex}.breadcrumb-element{flex-direction:row;justify-content:center;align-items:center;display:flex}.breadcrumb-element p{margin:0 0 0 .5rem;padding:0;line-height:normal}.article-title{margin:2rem 0 0}.content-meta{color:var(--gray);margin-top:0}.content-meta[show-comma=true]>span:not(:last-child){margin-right:8px}.content-meta[show-comma=true]>span:not(:last-child):after{content:","}.tags{flex-wrap:wrap;justify-self:end;gap:.4rem;margin:1rem 0;padding-left:0;list-style:none;display:flex}.section-li>.section>.tags{justify-content:flex-end}.tags>li{white-space:nowrap;overflow-wrap:normal;margin:0;display:inline-block}a.internal.tag-link{background-color:var(--highlight);border-radius:8px;margin:0 .1rem;padding:.2rem .4rem}.search{flex-grow:.3;min-width:-moz-fit-content;min-width:fit-content;max-width:14rem}.search>#search-icon{background-color:var(--lightgray);cursor:pointer;white-space:nowrap;border-radius:4px;align-items:center;height:2rem;display:flex}.search>#search-icon>div{flex-grow:1}.search>#search-icon>p{padding:0 1rem;display:inline}.search>#search-icon svg{cursor:pointer;width:18px;min-width:18px;margin:0 .5rem}.search>#search-icon svg
|