Skip to content

Instantly share code, notes, and snippets.

@rose-quartz

rose-quartz/CRISS CROSS GRAPHICS SHOP MAIN Secret

Created September 15, 2017 02:35
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save rose-quartz/0a1f03c530cef36edba5c89c11117023 to your computer and use it in GitHub Desktop.
Save rose-quartz/0a1f03c530cef36edba5c89c11117023 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
CRISS CROSS GRAPHICS SHOP MAIN
<div style="width:680px;margin:auto;">
<div style="width:inherit;float:left;margin-bottom:5px;"><span style="font-family:georgia;letter-spacing:0.5px;font-size:15px;"><strong><em>graphics shop name</em></strong></span></div>
<div style="width:180px;float:left;">
<div style="width:178px;height:248px;float:left;border:1px solid #b2b2b2;border-radius:3px;line-height:115%;">
<div style="width:138px;height:208px;float:left;margin:20px 0px 0px 20px;overflow:hidden;"><div style="font-family:georgia;letter-spacing:0.5px;font-size:15px;margin-bottom:2.5px;text-transform:lowercase;line-height:115%;"><strong><em>about</em></strong></div>
<div style="width:158px;height:190.75px;overflow:auto;float:left;etter-spacing:0.5px;font-size:15px;font-family:calibri;font-size:8px;letter-spacing:0.5px;line-height:115%;text-align:justify;text-transform:uppercase;">
<div style="width:138px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu tempus lacus, ut facilisis erat. Mauris quam est, mollis at ultrices eget, viverra at mi. Integer at tempus ligula. Integer sollicitudin convallis mauris a dapibus. Etiam est nibh, dignissim in feugiat sed, elementum sit amet massa. In a ultrices turpis, non blandit sapien. Sed tempor, dui at mattis rutrum, risus mi sodales nibh, vitae condimentum leo velit sed risus. Sed dapibus justo a faucibus porta.<br><br>Nullam laoreet nisl id purus tincidunt finibus. Nullam rhoncus magna vitae iaculis dignissim. Sed rutrum dui a elit mollis porta. Integer efficitur at leo id dictum. Proin ut gravida metus. Pellentesque suscipit ante sit amet lacus viverra, ut finibus nulla tristique. Cras sagittis purus sed est rhoncus lobortis. Aenean posuere, neque ac dictum iaculis, mi nisi consectetur lorem, sed blandit metus ligula at erat.
<br><br>
Duis ornare feugiat orci, et rhoncus nisl semper vitae. Nulla vulputate elit sed urna tincidunt, sed porttitor nunc faucibus. Nunc et dolor turpis. Pellentesque ac est est. Morbi varius, tellus rutrum imperdiet porta, sem lectus hendrerit eros, quis tempus nisi risus et odio. Nunc id scelerisque lectus, sed vulputate lectus. Ut gravida accumsan diam ac elementum. Aenean at velit vel libero accumsan lobortis at vel turpis. Nullam vestibulum mauris ut tellus fringilla, ut semper metus tincidunt. Fusce nec odio tellus. Ut pharetra iaculis tempor. Maecenas sit amet ligula sed velit sollicitudin aliquet sed ut augue.</div></div></div></div>
<div style="width:178px;height:248px;float:left;border:1px solid #b2b2b2;border-radius:3px;margin-top:10px;">
<div style="width:138px;height:208px;float:left;margin:20px 0px 0px 20px;overflow:hidden;"><div style="font-family:georgia;letter-spacing:0.5px;font-size:15px;margin-bottom:2.5px;text-transform:lowercase;line-height:115%;"><strong><em>rules</em></strong></div>
<div style="width:158px;height:190.75px;overflow:auto;float:left;font-family:calibri;font-size:8px;letter-spacing:0.5px;line-height:115%;text-align:justify;text-transform:uppercase;">
<div style="width:138px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eu tempus lacus, ut facilisis erat. Mauris quam est, mollis at ultrices eget, viverra at mi. Integer at tempus ligula. Integer sollicitudin convallis mauris a dapibus. Etiam est nibh, dignissim in feugiat sed, elementum sit amet massa. In a ultrices turpis, non blandit sapien. Sed tempor, dui at mattis rutrum, risus mi sodales nibh, vitae condimentum leo velit sed risus. Sed dapibus justo a faucibus porta.<br><br>Nullam laoreet nisl id purus tincidunt finibus. Nullam rhoncus magna vitae iaculis dignissim. Sed rutrum dui a elit mollis porta. Integer efficitur at leo id dictum. Proin ut gravida metus. Pellentesque suscipit ante sit amet lacus viverra, ut finibus nulla tristique. Cras sagittis purus sed est rhoncus lobortis. Aenean posuere, neque ac dictum iaculis, mi nisi consectetur lorem, sed blandit metus ligula at erat.
<br><br>
Duis ornare feugiat orci, et rhoncus nisl semper vitae. Nulla vulputate elit sed urna tincidunt, sed porttitor nunc faucibus. Nunc et dolor turpis. Pellentesque ac est est. Morbi varius, tellus rutrum imperdiet porta, sem lectus hendrerit eros, quis tempus nisi risus et odio. Nunc id scelerisque lectus, sed vulputate lectus. Ut gravida accumsan diam ac elementum. Aenean at velit vel libero accumsan lobortis at vel turpis. Nullam vestibulum mauris ut tellus fringilla, ut semper metus tincidunt. Fusce nec odio tellus. Ut pharetra iaculis tempor. Maecenas sit amet ligula sed velit sollicitudin aliquet sed ut augue.</div></div></div></div>
</div>
<div style="width:490px;float:left;margin-left:10px;">
<div style="width:488px;height:108px;float:left;border:1px solid #b2b2b2;border-radius:3px;">
<div style="width:448px;height:68px;float:left;background-color:none;margin:20px 0px 0px 20px;overflow:hidden;">
<div style="width:448px;height:88px;float:left;overflow:auto;">
<div style="width:725px;height:68px;float:left;">
<div style="float:left;margin:0px 0px 0px 0px;"><a href="url" style="color:#000;"><img src="https://68.media.tumblr.com/bf8a805dd5fb1a5324790f1bcd52c0bd/tumblr_ow5qkncGe41uqwk2fo4_r2_75sq.png" style="float:left;width:66px;height:66px;border:1px solid;" title="AFFILIATE NAME HERE"></a></div>
<div style="float:left;margin:0px 0px 0px 5px;">
<a href="url" style="color:#000;"><img src="https://68.media.tumblr.com/bf8a805dd5fb1a5324790f1bcd52c0bd/tumblr_ow5qkncGe41uqwk2fo4_r2_75sq.png" style="float:left;width:66px;height:66px;border:1px solid;" title="AFFILIATE NAME HERE"></a></div>
<div style="float:left;margin:0px 0px 0px 5px;">
<a href="url" style="color:#000;"><img src="https://68.media.tumblr.com/bf8a805dd5fb1a5324790f1bcd52c0bd/tumblr_ow5qkncGe41uqwk2fo4_r2_75sq.png" style="float:left;width:66px;height:66px;border:1px solid;" title="AFFILIATE NAME HERE"></a></div>
<div style="float:left;margin:0px 0px 0px 5px;">
<a href="url" style="color:#000;"><img src="https://68.media.tumblr.com/bf8a805dd5fb1a5324790f1bcd52c0bd/tumblr_ow5qkncGe41uqwk2fo4_r2_75sq.png" style="float:left;width:66px;height:66px;border:1px solid;" title="AFFILIATE NAME HERE"></a></div>
<div style="float:left;margin:0px 0px 0px 5px;">
<a href="url" style="color:#000;"><img src="https://68.media.tumblr.com/bf8a805dd5fb1a5324790f1bcd52c0bd/tumblr_ow5qkncGe41uqwk2fo4_r2_75sq.png" style="float:left;width:66px;height:66px;border:1px solid;" title="AFFILIATE NAME HERE"></a></div>
<div style="float:left;margin:0px 0px 0px 5px;">
<a href="url" style="color:#000;"><img src="https://68.media.tumblr.com/bf8a805dd5fb1a5324790f1bcd52c0bd/tumblr_ow5qkncGe41uqwk2fo4_r2_75sq.png" style="float:left;width:66px;height:66px;border:1px solid;" title="AFFILIATE NAME HERE"></a></div>
<div style="float:left;margin:0px 0px 0px 5px;">
<a href="url" style="color:#000;"><img src="https://68.media.tumblr.com/bf8a805dd5fb1a5324790f1bcd52c0bd/tumblr_ow5qkncGe41uqwk2fo4_r2_75sq.png" style="float:left;width:66px;height:66px;border:1px solid;" title="AFFILIATE NAME HERE"></a></div>
<div style="float:left;margin:0px 0px 0px 5px;">
<a href="url" style="color:#000;"><img src="https://68.media.tumblr.com/bf8a805dd5fb1a5324790f1bcd52c0bd/tumblr_ow5qkncGe41uqwk2fo4_r2_75sq.png" style="float:left;width:66px;height:66px;border:1px solid;" title="AFFILIATE NAME HERE"></a></div>
<div style="float:left;margin:0px 0px 0px 5px;">
<a href="url" style="color:#000;"><img src="https://68.media.tumblr.com/bf8a805dd5fb1a5324790f1bcd52c0bd/tumblr_ow5qkncGe41uqwk2fo4_r2_75sq.png" style="float:left;width:66px;height:66px;border:1px solid;" title="AFFILIATE NAME HERE"></a></div>
<div style="float:left;margin:0px 0px 0px 5px;">
<a href="url" style="color:#000;"><img src="https://68.media.tumblr.com/bf8a805dd5fb1a5324790f1bcd52c0bd/tumblr_ow5qkncGe41uqwk2fo4_r2_75sq.png" style="float:left;width:66px;height:66px;border:1px solid;" title="AFFILIATE NAME HERE"></a></div>
</div></div>
</div>
</div>
<div style="width:488px;height:388px;float:left;border:1px solid #b2b2b2;margin-top:10px;border-radius:3px;">
<div style="width:448px;height:348px;background-color:none;float:left;margin:20px 0px 0px 20px;overflow:hidden;">
<div style="width:468px;height:348px;overflow:auto;float:left;">
<div style="width:215px;height:328.4px;float:left;text-align:center;line-height:115%;font-family:calibri;font-size:8px;letter-spacing:0.5px;text-transform:uppercase;margin:0px 0px 10px 0px;">
<img src="https://68.media.tumblr.com/174a66e60f2a4dbba2792135332034e8/tumblr_ow5qkncGe41uqwk2fo5_r2_250.png" style="float:left;width:215px;border:1px solid #000;margin-bottom:10px;">
title of graphic / poster<br>requested by username
</div>
<div style="width:215px;height:328.4px;float:left;margin:0px 0px 10px 16px;text-align:center;line-height:115%;font-family:calibri;font-size:8px;letter-spacing:0.5px;text-transform:uppercase;">
<img src="https://68.media.tumblr.com/174a66e60f2a4dbba2792135332034e8/tumblr_ow5qkncGe41uqwk2fo5_r2_250.png" style="width:215px;float:left;border:1px solid #000;margin-bottom:10px;">
title of graphic / poster<br>requested by username
</div>
<div style="width:215px;height:328.4px;float:left;text-align:center;line-height:115%;font-family:calibri;font-size:8px;letter-spacing:0.5px;text-transform:uppercase;">
<img src="https://68.media.tumblr.com/174a66e60f2a4dbba2792135332034e8/tumblr_ow5qkncGe41uqwk2fo5_r2_250.png" style="float:left;width:215px;border:1px solid #000;margin-bottom:10px;">
title of graphic / poster<br>requested by username
</div>
<div style="width:215px;height:328.4px;float:left;margin:0px 0px 10px 16px;text-align:center;line-height:115%;font-family:calibri;font-size:8px;letter-spacing:0.5px;text-transform:uppercase;">
<img src="https://68.media.tumblr.com/174a66e60f2a4dbba2792135332034e8/tumblr_ow5qkncGe41uqwk2fo5_r2_250.png" style="width:215px;float:left;border:1px solid #000;margin-bottom:10px;">
title of graphic / poster<br>requested by username
</div>
<div style="width:215px;height:328.4px;float:left;text-align:center;line-height:115%;font-family:calibri;font-size:8px;letter-spacing:0.5px;text-transform:uppercase;">
<img src="https://68.media.tumblr.com/174a66e60f2a4dbba2792135332034e8/tumblr_ow5qkncGe41uqwk2fo5_r2_250.png" style="float:left;width:215px;border:1px solid #000;margin-bottom:10px;">
title of graphic / poster<br>requested by username
</div>
<div style="width:215px;height:328.4px;float:left;margin:0px 0px 10px 16px;text-align:center;line-height:115%;font-family:calibri;font-size:8px;letter-spacing:0.5px;text-transform:uppercase;">
<img src="https://68.media.tumblr.com/174a66e60f2a4dbba2792135332034e8/tumblr_ow5qkncGe41uqwk2fo5_r2_250.png" style="width:215px;float:left;border:1px solid #000;margin-bottom:10px;">
title of graphic / poster<br>requested by username
</div>
<div style="width:215px;height:328.4px;float:left;text-align:center;line-height:115%;font-family:calibri;font-size:8px;letter-spacing:0.5px;text-transform:uppercase;">
<img src="https://68.media.tumblr.com/174a66e60f2a4dbba2792135332034e8/tumblr_ow5qkncGe41uqwk2fo5_r2_250.png" style="float:left;width:215px;border:1px solid #000;margin-bottom:10px;">
title of graphic / poster<br>requested by username
</div>
<div style="width:215px;height:328.4px;float:left;margin:0px 0px 10px 16px;text-align:center;line-height:115%;font-family:calibri;font-size:8px;letter-spacing:0.5px;text-transform:uppercase;">
<img src="https://68.media.tumblr.com/174a66e60f2a4dbba2792135332034e8/tumblr_ow5qkncGe41uqwk2fo5_r2_250.png" style="width:215px;float:left;border:1px solid #000;margin-bottom:10px;">
title of graphic / poster<br>requested by username
</div>
<div style="width:215px;height:328.4px;float:left;text-align:center;line-height:115%;font-family:calibri;font-size:8px;letter-spacing:0.5px;text-transform:uppercase;">
<img src="https://68.media.tumblr.com/174a66e60f2a4dbba2792135332034e8/tumblr_ow5qkncGe41uqwk2fo5_r2_250.png" style="float:left;width:215px;border:1px solid #000;margin-bottom:10px;">
title of graphic / poster<br>requested by username
</div>
<div style="width:215px;height:328.4px;float:left;margin:0px 0px 10px 16px;text-align:center;line-height:115%;font-family:calibri;font-size:8px;letter-spacing:0.5px;text-transform:uppercase;">
<img src="https://68.media.tumblr.com/174a66e60f2a4dbba2792135332034e8/tumblr_ow5qkncGe41uqwk2fo5_r2_250.png" style="width:215px;float:left;border:1px solid #000;margin-bottom:10px;">
title of graphic / poster<br>requested by username
</div>
<div style="width:215px;height:328.4px;float:left;text-align:center;line-height:115%;font-family:calibri;font-size:8px;letter-spacing:0.5px;text-transform:uppercase;">
<img src="https://68.media.tumblr.com/174a66e60f2a4dbba2792135332034e8/tumblr_ow5qkncGe41uqwk2fo5_r2_250.png" style="float:left;width:215px;border:1px solid #000;margin-bottom:10px;">
title of graphic / poster<br>requested by username
</div>
<div style="width:215px;height:328.4px;float:left;margin:0px 0px 10px 16px;text-align:center;line-height:115%;font-family:calibri;font-size:8px;letter-spacing:0.5px;text-transform:uppercase;">
<img src="https://68.media.tumblr.com/174a66e60f2a4dbba2792135332034e8/tumblr_ow5qkncGe41uqwk2fo5_r2_250.png" style="width:215px;float:left;border:1px solid #000;margin-bottom:10px;">
title of graphic / poster<br>requested by username
</div>
</div>
</div>
</div>
</div>
<div style="width:inherit;float:left;">
<a href="https://www.roleplayrepublic.com/roleplay/view_desc/19628/" style="text-decoration:none;color:#000;font-family:calibri;font-size:8px;letter-spacing:0.5px;line-height:115%;text-transform:uppercase;">coded by rose-quartz</a></div>
</div>
Raw
CRISS CROSS PICK UP PAGE
<div style="width:219px;margin:auto;">
<div style="width:219px;height:auto;float:left;text-align:center;line-height:115%;font-family:calibri;font-size:8px;letter-spacing:0.5px;text-transform:uppercase;">
<img src="https://68.media.tumblr.com/174a66e60f2a4dbba2792135332034e8/tumblr_ow5qkncGe41uqwk2fo5_r2_250.png" style="float:left;width:217px;border:1px solid #000;margin-bottom:10px;">
requested by username
<div style="float:left;width:219px;background-color:#B2B2B2;padding-top:10px;padding-bottom:10px;color:#fff;border-radius:3px;margin-top:5px;text-align:justify;">
<div style="width:199px;float:left;margin-left:10px;">insert notes here! the box will adjust to how much text you put, so type away! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque tempor, dui ac gravida iaculis, magna ipsum pharetra dolor, nec tempus dolor risus a odio. Vestibulum erat dolor, consequat eu diam id, placerat pharetra dolor</div></div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment