Difference between revisions of "Widget:Homepage"
From LINKS Community Center
| Line 8: | Line 8: | ||
#hp-heading h1 { font-family: 'Raleway';} | #hp-heading h1 { font-family: 'Raleway';} | ||
#hp-heading h1 span { display: block;} | #hp-heading h1 span { display: block;} | ||
| + | .placeholder-box { | ||
| + | position: relative; | ||
| + | width: 100px; | ||
| + | height: 100px; | ||
| + | border: 1px solid black; | ||
| + | } | ||
| + | .placeholder-box::before { | ||
| + | content: ""; | ||
| + | display: block; | ||
| + | top: 0; | ||
| + | left: 0; | ||
| + | width: 100%; | ||
| + | height: 1px; | ||
| + | background-color: black; | ||
| + | transform-origin: top left; | ||
| + | transform: rotate(45deg); | ||
| + | } | ||
</style> | </style> | ||
<div id="hp-wrapper"> | <div id="hp-wrapper"> | ||
| Line 21: | Line 38: | ||
<div> | <div> | ||
<input class="form-control form-control-lg" type="text" placeholder=".form-control-lg"> | <input class="form-control form-control-lg" type="text" placeholder=".form-control-lg"> | ||
| + | <div class="placeholder-box"></div> | ||
</div> | </div> | ||
</includeonly> | </includeonly> | ||
Revision as of 13:29, 17 May 2022
Development verstion of the DCT Homepage.
Not ready for production!