Difference between revisions of "Widget:Homepage"

From LINKS Community Center
Jump to: navigation, search
Line 26: Line 26:
 
         #hp-heading h1 span:nth-child(2) { font-weight: 500; transition-delay: 100ms; }
 
         #hp-heading h1 span:nth-child(2) { font-weight: 500; transition-delay: 100ms; }
 
         #hp-heading h1 span:nth-child(3) { font-weight: 100; transition-delay: 200ms; }
 
         #hp-heading h1 span:nth-child(3) { font-weight: 100; transition-delay: 200ms; }
         #hp-heading .hp-lead { font-size: 2em; font-weight: 300; margin-bottom: 2em; }
+
         #hp-heading .hp-lead { font-size: 2em; font-weight: 300; margin-bottom: 2em; opacity: 0; transition: all 500ms ease-in-out 700ms; }
 +
        .loaded #hp-heading .hp-lead { opacity: 1; }
 
         .hp-large-button { display: inline-block; font-weight: 600; font-size: 1.6em; padding: .5em; border: 1px solid black; user-select: none; }
 
         .hp-large-button { display: inline-block; font-weight: 600; font-size: 1.6em; padding: .5em; border: 1px solid black; user-select: none; }
 
         #hp-main { width: 75%; margin: auto; }
 
         #hp-main { width: 75%; margin: auto; }

Revision as of 15:55, 23 May 2022

   Development verstion of the DCT Homepage.
Not ready for production!