No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
| − | /* Getting code out of pages */ |
||
| − | /* Currently Desktop only */ |
||
| − | /* Some temporary - Merged/simplifed through time*/ |
||
| − | |||
| − | [class*="-grid"]{ |
||
| − | display:grid; |
||
| − | justify-items:end; |
||
| − | grid-gap:0 0.2em; |
||
| − | } |
||
| − | |||
| − | .mat-grid { |
||
| − | grid-template-columns:repeat(auto-fill, minmax(5em, 1fr)); |
||
| − | } |
||
| − | |||
| − | .pillar-xp-grid { |
||
| − | grid-template-columns:repeat(4, minmax(7em, 1fr)); |
||
| − | } |
||
| − | |||
| − | .rare-grid { |
||
| − | grid-template-columns:repeat(2, minmax(max-content, 1fr)); |
||
| − | } |
||
| − | |||
| − | |||
| − | /* Styles [TESTS] */ |
||
| − | |||
| − | /* 'Commons' ------> 'Fdesktop' Global if/when Fandom... */ |
||
| − | /* ....simplify css files structure */ |
||
| − | |||
| − | .theme-fandomdesktop-dark { |
||
| − | --emb-background:#2d3238; |
||
| − | --emb-background-hover:rgba(100, 100, 255, 0.3); |
||
| − | --emb-box-shadow:#0d0f12; |
||
| − | --emb-box-shadow-insert:#07080a; |
||
| − | --emb-border:#2f3070; |
||
| − | } |
||
| − | |||
| − | .theme-fandomdesktop-light { |
||
| − | --emb-background:none; |
||
| − | --emb-background-hover:rgba(0, 100, 100, 0.2); |
||
| − | --emb-box-shadow:DimGray; |
||
| − | --emb-box-shadow-insert:SlateGray; |
||
| − | --emb-border:#2f3070; |
||
| − | } |
||
| − | |||
| − | /* -------------------------------------------*/ |
||
| − | |||
| − | [class*="-emb-button"] { |
||
| − | background:var(--emb-background); |
||
| − | cursor:pointer; |
||
| − | font-weight:bold; |
||
| − | border:0.05em solid var(--emb-border); |
||
| − | border-radius:2em; |
||
| − | box-shadow:-0.2em -0.2em 0.8em 0.1em var(--emb-box-shadow-insert) inset, 0.3em 0.3em 0.5em var(--emb-box-shadow); |
||
| − | position:relative; |
||
| − | margin-bottom:0.6em; |
||
| − | transition: all 300ms ease; |
||
| − | margin-left:0.5em; |
||
| − | } |
||
| − | |||
| − | [class*="-emb-button"]:hover { |
||
| − | transform: scaleX(1.05); |
||
| − | background-color:var(--emb-background-hover); |
||
| − | } |
||
| − | |||
| − | [class*="-emb-button"]:hover img { |
||
| − | filter: brightness(1.3); |
||
| − | } |
||
| − | |||
| − | .event-emb-button { |
||
| − | width:10.5em; |
||
| − | height:3em; |
||
| − | } |
||
| − | |||
| − | /* -------------------------------------------*/ |
||
| − | |||
| − | .event-banner { |
||
| − | max-width:50rem; |
||
| − | display:grid; |
||
| − | grid-template-columns:250px 1fr; |
||
| − | border-radius:1.2rem; |
||
| − | border:0.05em solid var(--emb-border); |
||
| − | box-shadow:0 0 1.3rem 0.1rem var(--emb-box-shadow-insert) inset, 0.4rem 0.4rem 0.5rem var(--emb-box-shadow); |
||
| − | overflow:hidden; |
||
| − | margin-bottom:1rem; |
||
| − | } |
||
| − | |||
| − | .event-banner img |
||
| − | { |
||
| − | object-fit:cover; |
||
| − | width:100%; |
||
| − | height:100%; |
||
| − | } |
||
| − | |||
| − | .event-banner div |
||
| − | { |
||
| − | place-self:center; |
||
| − | padding:0.5rem 1rem 0.5rem 1rem; |
||
| − | } |
||
| − | |||
| − | /* -------------------------------------------*/ |
||
| − | |||
| − | .shiny:hover{ |
||
| − | filter: brightness(1.3); |
||
| − | } |
||
| − | |||
| − | .grow{ |
||
| − | transition:all 200ms ease; |
||
| − | } |
||
| − | |||
| − | .grow:hover{ |
||
| − | transform:scale(1.1); |
||
| − | } |
||
397
pages
