[var name="accent" value="#4b6e9a"][var name="shadow" value="rgba(40, 61, 86, 0.5)"][var name="background" value="#222"][var name="text" value="#c7c3c3"][var name="number" value="#fff"][var name="border" value="#474751"][var name="header" value="#191919"][googlefont="Montserrat|Roboto"][newclass="#skyqueue"] width: 370px; background: [var="background"]; border: 1px [var="border"] solid; font: 9px 'Verdana'; color: [var="text"]; padding: 15px; margin: 30px auto; } #skyqueue .header { text-align: center; font: 10px 'Montserrat'; text-transform: uppercase; background: [var="header"]; padding: 15px; margin: -15px -15px 15px; } #skyqueue .header b { font: 14px 'Montserrat'; font-weight: bold; color: [var="accent"]; } #skyqueue ol, #skyqueue ul { margin: 0; padding: 0; transform: none; } #skyqueue li { list-style: none; counter-increment: step-counter; padding: 0; margin: 0; white-space: nowrap; transform: translate(-15px, 0); } #skyqueue ol li, #skyqueue ul li { font: 16px 'Roboto'; } #skyqueue ol li a, #skyqueue ul li a { font: inherit; color: inherit; text-decoration: none; text-transform: lowercase; } #skyqueue li::before { content: counter(step-counter, decimal-leading-zero); font-size: 20px; font-weight: 900; font-style: italic; background: [var="accent"]; color: [var="number"]; text-shadow: 1px 1px [var="shadow"]; border-radius: 0 20px 20px 0; padding: 5px 12px 5px 5px; margin: 5px 15px 0 0; display: inline-block; transform: translate(0, 0); } #skyqueue li:nth-of-type(1)::before { background: [var="number"]; color: [var="accent"]; padding: 5px 12px 5px 45px; margin: 0 15px 0 0; } #skyqueue li:nth-of-type(1)::after { content: 'NEXT UP!'; font: 10px 'Roboto'; text-transform: uppercase; display: block; transform: translate(97px, -10px); } #skyqueue li .pkspr { display: inline-block; width: 24px; transform: translate(0, 5px); } #skyqueue li:nth-of-type(1) .pkspr { transform: translate(0, 10px); } #skyqueue ul, #skyqueue ol { margin: 0 0 30px 0; } #skyqueue .badge::after { content: url('https://images2.imgbox.com/8f/f3/IgG9JMWT_o.png'); } #skyqueue .honors { display: flex; flex-direction: row; justify-content: space-around; flex-wrap: wrap; } #skyqueue .honors div { text-align: center; border: 5px [var="header"] solid; outline: 1px [var="border"] solid; width: 80px; height: 90px; padding: 5px; } #skyqueue .honors div h3 { display: block; font: 10px 'Roboto'; text-transform: uppercase; background: [var="header"]; padding: 2px; margin: 5px 0; transform: translate(0, 0px); white-space: wrap; } #skyqueue .honors div h3 a { font: inherit; white-space: wrap; } #skyqueue .honors div img { width: 70px; border: 1px [var="border"] solid; [/newclass][nospaces]