Thread Directory Code

[greedbowstome]

<center><div style="font-family:helvetica;font-variant:small-caps;font-weight:bold;font-size:17.5px;">Thread Directory</div> <div style="width:660px;height:320px;padding:20px;font-family:Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;font-size:14px;text-align:justify;overflow:auto;"> <!---STAFF LIST---> <div style="width:607px;height:100%;display:flex;flex-direction:row;flex-wrap:wrap;"> <!---EMPLOYEE---> <div style="background:rgba(255,255,255,0.1);width:150px;display:flex;align-items:center;margin:7px 0 0 0;"><center> <img src="https://greedbowstome.dreamwidth.org/file/3760.png" style="height:45px;margin:0 7px 0 0;border-radius:0 40px 40px 0;"> <img src="https://greedbowstome.dreamwidth.org/file/3760.png" style="height:45px;margin:0 7px 0 0;border-radius:0 40px 40px 0;"> <span> <a href= "THREADLINK"><div style="font-weight:bold; font-variant:small-caps;color: #A8A8A8;">thread title</div></a> <small><i>description</small></i> </span> </center></div> <div style="background:rgba(255,255,255,0.1);width:150px;display:flex;align-items:center;margin:7px 0 0 0;"><center> <img src="https://greedbowstome.dreamwidth.org/file/3760.png" style="height:45px;margin:0 7px 0 0;border-radius:0 40px 40px 0;"> <img src="https://greedbowstome.dreamwidth.org/file/3760.png" style="height:45px;margin:0 7px 0 0;border-radius:0 40px 40px 0;"> <span> <a href= "THREADLINK"><div style="font-weight:bold; font-variant:small-caps;color: #A8A8A8;">thread title</div></a> <small><i>description</small></i> </span> </center></div> <!---EMPLOYEE---> <div style="background:rgba(255,255,255,0.1);width:150px;display:flex;align-items:center;margin:7px 0 0 0;"><center> <img src="https://greedbowstome.dreamwidth.org/file/3760.png" style="height:45px;margin:0 7px 0 0;border-radius:0 40px 40px 0;"> <span> <div style="font-weight:bold; font-variant:small-caps;color: #A8A8A8;">thread title</div> <small><i>short description.</small></i> </span> </center></div> <!---EMPLOYEE---> <div style="background:rgba(255,255,255,0.1);width:150px;display:flex;align-items:center;margin:7px 0 0 0;"><center> <img src="https://greedbowstome.dreamwidth.org/file/3760.png" style="height:45px;margin:0 7px 0 0;border-radius:0 40px 40px 0;"> <span> <div style="font-weight:bold; font-variant:small-caps;color: #A8A8A8;">thread title</div> <small><i>short description.</small></i> </span> </center></div> <br> <!---EMPLOYEE---> <div style="background:rgba(255,255,255,0.1);width:150px;display:flex;align-items:center;margin:7px 0 0 0;"><center> <img src="https://greedbowstome.dreamwidth.org/file/3760.png" style="height:45px;margin:0 7px 0 0;border-radius:0 40px 40px 0;"> <span> <div style="font-weight:bold; font-variant:small-caps;color: #A8A8A8;">thread title</div> <small><i>short description.</small></i> </span> </center></div> <!---EMPLOYEE---> <div style="background:rgba(255,255,255,0.1);width:150px;display:flex;align-items:center;margin:7px 0 0 0;"><center> <img src="https://greedbowstome.dreamwidth.org/file/3760.png" style="height:45px;margin:0 7px 0 0;border-radius:0 40px 40px 0;"> <span> <div style="font-weight:bold; font-variant:small-caps;color: #A8A8A8;">thread title</div> <small><i>short description.</small></i> </span> </center></div> <!---EMPLOYEE---> <div style="background:rgba(255,255,255,0.1);width:150px;display:flex;align-items:center;margin:7px 0 0 0;"><center> <img src="https://greedbowstome.dreamwidth.org/file/3760.png" style="height:45px;margin:0 7px 0 0;border-radius:0 40px 40px 0;"> <span> <div style="font-weight:bold; font-variant:small-caps;color: #A8A8A8;">thread title</div> <small><i>short description.</small></i> </span> </center></div> <!---EMPLOYEE---> <div style="background:rgba(255,255,255,0.1);width:150px;display:flex;align-items:center;margin:7px 0 0 0;"><center> <img src="https://greedbowstome.dreamwidth.org/file/3760.png" style="height:45px;margin:0 7px 0 0;border-radius:0 40px 40px 0;"> <span> <div style="font-weight:bold; font-variant:small-caps;color: #A8A8A8;">thread title</div> <small><i>short description.</small></i> </span> </center></div> <!---EMPLOYEE---> <div style="background:rgba(255,255,255,0.1);width:150px;display:flex;align-items:center;margin:7px 0 0 0;"><center> <img src="https://greedbowstome.dreamwidth.org/file/3760.png" style="height:45px;margin:0 7px 0 0;border-radius:0 40px 40px 0;"> <span> <div style="font-weight:bold; font-variant:small-caps;color: #A8A8A8;">thread title</div> <small><i>short description.</small></i> </span> </center></div> <!---EMPLOYEE---> <div style="background:rgba(255,255,255,0.1);width:150px;display:flex;align-items:center;margin:7px 0 0 0;"><center> <img src="https://greedbowstome.dreamwidth.org/file/3760.png" style="height:45px;margin:0 7px 0 0;border-radius:0 40px 40px 0;"> <span> <div style="font-weight:bold; font-variant:small-caps;color: #A8A8A8;">thread title</div> <small><i>short description.</small></i> </center></span> </div> <!---EMPLOYEE---> <div style="background:rgba(255,255,255,0.1);width:150px;display:flex;align-items:center;margin:7px 0 0 0;"><center> <img src="https://greedbowstome.dreamwidth.org/file/3760.png" style="height:45px;margin:0 7px 0 0;border-radius:0 40px 40px 0;"> <span> <div style="font-weight:bold; font-variant:small-caps;color: #A8A8A8;">thread title</div> <small><i>short description.</small></i> </span> </center></div> <!---EMPLOYEE---> <div style="background:rgba(255,255,255,0.1);width:150px;display:flex;align-items:center;margin:7px 0 0 0;"><center> <img src="https://greedbowstome.dreamwidth.org/file/3760.png" style="height:45px;margin:0 7px 0 0;border-radius:0 40px 40px 0;"> <span> <div style="font-weight:bold; font-variant:small-caps;color: #A8A8A8;">thread title</div> <small><i>short description.</small></i> </span> </center></div></center>

Comments

New {Dec 2021

[greedbowstome]

<a href="https://greedbowstome.dreamwidth.org/2604.html" style="text-decoration:none;"><div style="text-align: left; font-size: 36px; font-family: Brush Script MT, cursive;color:#bd1919;"> <i>Thread Directory</i></a></div></div><div style="width:650px;text-align:justify;font-size:12px;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:0px 5px;"><span style="display:none;"><lj-cut></span> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="width:100%;padding:1px 0;line-height:1;font-size:clamp(14px, 2vw, 17px);font-weight:bold;text-align:left;color:#000000;"><img src= "https://v.dreamwidth.org/14208799/3498702"> <br><div align= "left"><span style="text-decoration:none;color:#ffffff;margin:0 8px;background:#008acc;">Klaus Hargreeves</span><a href="https://penancelogs.dreamwidth.org/131039.html?thread=34789087#cmt34789087" style="text-decoration:none;"><div style="font-size:21px;letter-spacing:4px;color:#008acc;text-shadow:1px 1px 1px rgba(0,0,0,0.1);text-transform:lowercase;"> <i>title</i> </div></a><div style="font-size:10px;color:#111;letter-spacing:9px;font-weight:bold;border-top:4px solid rgba(0,0,0,0.05);text-transform:uppercase;"> <div align= "right">subtitle</div> </div> </DIV></div><div style="width:100%;padding:1px 0;line-height:1;font-size:clamp(14px, 2vw, 17px);font-weight:bold;text-align:right;color:#000000;"><img src= "https://v.dreamwidth.org/15283702/3803883"> <br><div style= "text-align: center; width:765px; margin-left:200px;"><span style="text-decoration:none;color:#fff;margin:0 8px;background:#bd1919;">Kaz Brekker</span> </DIV><a href="LINK" style="text-decoration:none;"><div style="font-size:21px;letter-spacing:4px;color:#bd1919;text-shadow:1px 1px 1px rgba(0,0,0,0.1);text-transform:lowercase;"> <i>TITLE</i> </div></a><div style="font-size:10px;color:#111;letter-spacing:9px;font-weight:bold;border-top:4px solid rgba(0,0,0,0.05);text-transform:uppercase;"> <div align= "right">SUBTITLE</div> </div></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> </div> <!-- TEXT --> </div> <!-- CARD: !!NAME HERE!! END --></center> <div style="width:660px;height:320px;padding:20px;font-family:Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;font-size:14px;text-align:justify;overflow:auto;"> <lj-raw><div style="max-width:850px;width:100%;margin:10px auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px;line-height:1.2;font-family:arial, helvetica, sans serif;text-align:center;font-weight:bold;font-size:14px;color:#fff;"> <!-- ALL CARDS BELOW THIS POINT --> <!-- CARD: !!NAME HERE!! --> <div style="max-width:255px;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:flex-start;gap:5px;"> <!-- TEXT --> <div style="width:255px;text-align:justify;font-size:12px;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:0px 5px;"> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="width:100%;padding:1px 0;line-height:1;font-size:clamp(14px, 2vw, 17px);font-weight:bold;text-align:right;color:#000000;"><img src= "ICON1" width=70> <img src="ICON2" width=70><br><div align= "left">THREAD TITLE</DIV></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="width:100%;padding:0 0px;text-align:right;font-weight:normal;color:#000000;">THREAD DESCRIPTION HERE.</div></div> <!-- TEXT --> </div> <!-- CARD: !!NAME HERE!! END --> <!-- CARD: !!NAME HERE!! --> <div style="max-width:255px;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:flex-start;gap:5px;"> <!-- TEXT --> <div style="width:255px;text-align:justify;font-size:12px;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:0px 5px;"> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="width:100%;padding:1px 0;line-height:1;font-size:clamp(14px, 2vw, 17px);font-weight:bold;text-align:right;color:#000000;"><img src= "ICON1" width=70> <img src="ICON2" width=70><br><div align= "left">THREAD TITLE</DIV></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="width:100%;padding:0 0px;text-align:right;font-weight:normal;color:#000000;">THREAD DESCRIPTION HERE.</div></div> <!-- TEXT --> </div> <!-- CARD: !!NAME HERE!! END --> <!-- CARD: !!NAME HERE!! --> <div style="max-width:255px;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:flex-start;gap:5px;"> <!-- TEXT --> <div style="width:255px;text-align:justify;font-size:12px;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:0px 5px;"> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="width:100%;padding:1px 0;line-height:1;font-size:clamp(14px, 2vw, 17px);font-weight:bold;text-align:right;color:#000000;"><img src= "ICON1" width=70> <img src="ICON2" width=70><br><div align= "left">THREAD TITLE</DIV></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="width:100%;padding:0 0px;text-align:right;font-weight:normal;color:#000000;">THREAD DESCRIPTION HERE.</div></div> <!-- TEXT --> </div> <!-- CARD: !!NAME HERE!! END --> <!-- CARD: !!NAME HERE!! --> <div style="max-width:255px;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:flex-start;gap:5px;"> <!-- TEXT --> <div style="width:255px;text-align:justify;font-size:12px;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:0px 5px;"> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="width:100%;padding:1px 0;line-height:1;font-size:clamp(14px, 2vw, 17px);font-weight:bold;text-align:right;color:#000000;"><img src= "ICON1" width=70> <img src="ICON2" width=70><br><div align= "left">THREAD TITLE</DIV></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="width:100%;padding:0 0px;text-align:right;font-weight:normal;color:#000000;">THREAD DESCRIPTION HERE.</div></div> <!-- TEXT --> </div> <!-- CARD: !!NAME HERE!! END --> <!-- CARD: !!NAME HERE!! --> <div style="max-width:255px;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:flex-start;gap:5px;"> <!-- TEXT --> <div style="width:255px;text-align:justify;font-size:12px;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:0px 5px;"> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="width:100%;padding:1px 0;line-height:1;font-size:clamp(14px, 2vw, 17px);font-weight:bold;text-align:right;color:#000000;"><img src= "ICON1" width=70> <img src="ICON2" width=70><br><div align= "left">THREAD TITLE</DIV></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="width:100%;padding:0 0px;text-align:right;font-weight:normal;color:#000000;">THREAD DESCRIPTION HERE.</div></div> <!-- TEXT --> </div> <!-- CARD: !!NAME HERE!! END --> <!-- CARD: !!NAME HERE!! --> <div style="max-width:255px;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:flex-start;gap:5px;"> <!-- TEXT --> <div style="width:255px;text-align:justify;font-size:12px;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:0px 5px;"> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="width:100%;padding:1px 0;line-height:1;font-size:clamp(14px, 2vw, 17px);font-weight:bold;text-align:right;color:#000000;"><img src= "ICON1" width=70> <img src="ICON2" width=70><br><div align= "left">THREAD TITLE</DIV></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="max-width:38px;width:50%;height:10px;background:#BC9800;"></div> <div style="max-width:38px;width:50%;height:10px;background:#bd1919;"></div> <div style="max-width:38px;width:50%;height:10px;background:#FF6200;"></div> <div style="width:100%;padding:0 0px;text-align:right;font-weight:normal;color:#000000;">THREAD DESCRIPTION HERE.</div></div> <!-- TEXT --> </div> <!-- CARD: !!NAME HERE!! END --> <!-- ALL CARDS ABOVE THIS POINT --> <!-- CREDIT --> <div style="width:100%;text-align:right;"><a href="https://10billionghosts.dreamwidth.org/" style="font-size:8px;text-decoration:none;color:#CBCCDA;">code</a></div> <!-- CREDIT --></div></lj-raw>