Widget: Homepage: Difference between revisions

From LINKS Community Center
Jump to: navigation, search
Eschmidt (talk | contribs)
No edit summary
Eschmidt (talk | contribs)
No edit summary
Line 20: Line 20:
         #hp-heading h1 span:nth-child(2) { font-weight: 500; }
         #hp-heading h1 span:nth-child(2) { font-weight: 500; }
         #hp-heading h1 span:nth-child(3) { font-weight: 100; }
         #hp-heading h1 span:nth-child(3) { font-weight: 100; }
         #hp-heading .hp-lead { font-size: 2em; font-weight: 300; margin-bottom: 2em; max-width: 50%; }
         #hp-heading .hp-lead { font-size: 2em; font-weight: 300; margin-bottom: 2em; }
         .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; }
Line 72: Line 72:
         }
         }
         .orange .placeholder-box::before, .orange .placeholder-box::after { background-color: var(--links-orange); }
         .orange .placeholder-box::before, .orange .placeholder-box::after { background-color: var(--links-orange); }
        @media screen and (min-width:720px) {
            #hp-heading .hp-lead { max-width: 50%; }
        }
     </style>
     </style>
     <div id="hp-wrapper">
     <div id="hp-wrapper">

Revision as of 12:55, 23 May 2022

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