Difference between revisions of "Widget:Homepage"

From LINKS Community Center
Jump to: navigation, search
Line 58: Line 58:
 
         .hp-areas { margin-bottom: 8em; }
 
         .hp-areas { margin-bottom: 8em; }
 
         .hp-areas *, #hp-collections *, #hp-products * { transition: all 400ms ease-in-out; }
 
         .hp-areas *, #hp-collections *, #hp-products * { transition: all 400ms ease-in-out; }
 +
        #hp-collections, #hp-products { border-top: var(--hp-border); }
 
         .hp-areas h2 { text-align: center; margin-bottom: 1.5em; }
 
         .hp-areas h2 { text-align: center; margin-bottom: 1.5em; }
 
         .hp-area { display: flex; flex-direction: column; align-items: center; margin-bottom: 2em; text-decoration: none; cursor: pointer; }
 
         .hp-area { display: flex; flex-direction: column; align-items: center; margin-bottom: 2em; text-decoration: none; cursor: pointer; }
Line 120: Line 121:
 
             .hp-area:hover .hp-area-arrow { transform: translateX(1em); }
 
             .hp-area:hover .hp-area-arrow { transform: translateX(1em); }
 
             .hp-compass { padding: 5em; }
 
             .hp-compass { padding: 5em; }
            #hp-collections, #hp-products { border-top: var(--hp-border); }
 
            #hp-resources { border-top: 0 none; }
 
 
             #forum-topics, #hp-resources { padding: 4em 1em 4em 0; border-right: var(--hp-border); }
 
             #forum-topics, #hp-resources { padding: 4em 1em 4em 0; border-right: var(--hp-border); }
 
             #hp-changes, #hp-networks { padding: 4em 0 4em 1em; border-top: 0 none; }
 
             #hp-changes, #hp-networks { padding: 4em 0 4em 1em; border-top: 0 none; }

Revision as of 14:16, 9 December 2022

Second version of the LINKS Community Center homepage.
Do not modify!