Macchar Cosplay Catalogue    

Advertising Materials for Affiliates

Macchar Cosplay Catalogue


<style>



*{
font-family: sans-serif;
line-height: 2em;


}

#blockEditor
{
display: none;
}
.shoetraits
{
border:none;
text-align:center;
}

.bootstrapText
{
display:block;

margin-bottom: 15px;
text-transform: uppercase;
}

.stepText
{
display:block;
width: 100%;
margin-bottom: 15px;
text-transform: uppercase;
}

a.disabled {
pointer-events: none;
cursor: default;
}

.onethirdImage {
display: inline;
width: 180px;
}

.blockMakers {
background-color: #4CAF50;
border: none;
color: white;
padding: 8px 8px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
margin: 4px 2px;
cursor: pointer;
border-radius: 50px;
outline: none;


}

.blockHeaders {
background-color: #4CAF50;
border: none;
color: white;
height: 30px;
width: 90px;
display: inline;
font-size: 14px;
cursor: pointer;
margin: 4px;

}





.blockEditors
{
float: right;
display:none;
background-color: #4CAF50;
border: none;
color: white;
height: 5%;
width: 5%;
font-size: 18px;
font-size: 14px;
cursor: pointer;
margin: 5px;
}

.blockControls
{

background-color: #4CAF50;
border: none;
color: white;
width: 90px;
font-size: 14px;
cursor: pointer;
padding: 4px;
}


.blackButtons {background-color: #555555;}
.blueButtons {background-color: #008CBA;}
.redButtons {background-color: #f44336;}
.grayButtons {background-color: #e7e7e7; color: black;}
.whiteButtons {background-color: white; color: black;}
.openButtons {background-color: black;
float: right;
font-weight: 600;
border-radius: 0;
padding: 1px 6px;
margin-right: 20px;
}

.blackBtn {
background-color: #000000d6;
font-size: 1em;
width: 200px;
padding: 5px;
margin: 30px;
}

.orangeButtons {background-color: #e0830d;}

.deleteButton
{
background-color: #f44336;
margin-top: 20px;
}

.savedFileSpan
{
width: 100%;
font-size: 1.5em;
padding: 20px;
font-weight: 600;
}


.moveUpButton
{
background-color: #4CAF50;
}


.bootstrapImage
{

height: 200px;
}

.imgBlocks
{
display: inline-block;
font-weight:bold;
font-size:12px;
margin: 0% 2%;
text-align: center;

}
#imagePropertiesSpan
{
width: 100%;

}

#overwriteModal
{
margin-top: 150px;
font-size: 1.2em;
height: 50%;
}

#codeModal
{
margin-top: 150px;
font-size: 1.2em;
height: 70%;
}

.stateButton{
margin:2px;
background-color: #4CAF50;
border: none;
color: white;
font-size: 18px;
font-size: 14px;
cursor: pointer;
padding: 10px;
outline: none;
}

.saveButton
{

}

.loadButton
{

}

.undoButton
{
border-radius: 100px 5px 5px 100px;

}

.redoButton
{
border-radius: 5px 100px 100px 5px;

}

.potraitImg
{
width:100%;
}

.traitsImg
{
height: 150px;
width: 150px;
border-radius: 50%;
}

.divWithImage
{
display: inline-flex;
margin: 15px 0px;
align-items: center;
}

.imageWithText
{
display: inline-flex;
width: 180px;

}

.onethirdImage
{
display: inline;
width: 180px;

}
.divWithOneThirdImage
{
display:inline;
}

.leftImage
{
margin-right: 2%;
}


.rightImage
{
margin-right: 2%;
}

.leftImageSpan
{
margin-right: 5%;
}

.rightImageSpan
{
margin-left: 2%;
}

.cardTitle
{
font-size: 24px;
}

.cardText
{
display:inline;
line-height: 1.2em;

}

.productName
{

text-decoration: none;
color: #4c4c4c;
}

</style>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<span onclick="elementOptions(this);" class="cuntainers" id="div0"> </span><span onclick="elementOptions(this);" class="cuntainers" id="div1"> <span class="imgBlocks" onclick="updateImageAttr(this)"> <a id="hrefImage" class="productName" href="http://maccharcatalogue.com/"> <img id="srcImage" class="bootstrapImage" src="https://cdn.shopify.com/s/files/1/2379/9855/files/IMG_c8y455.jpg?v=1618003359"> <span class="bootstrapText" contenteditable="false">Macchar Cosplay Catalogue</span> </a> </span> </span><span onclick="elementOptions(this);" class="cuntainers" id="div2"><span id="codeArea"><span id="codeExecArea" onclick="updateCodeBlock(this)"><h1>Copy this</h1></span><img src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_92x30dp.png" onload="goClickYourself(this);" style="display:none;"></span> </span><span onclick="elementOptions(this);" class="cuntainers" id="div3"><div contenteditable="false">
<style>



*{
font-family: sans-serif;
line-height: 2em;


}

#blockEditor
{
display: none;
}
.shoetraits
{
border:none;
text-align:center;
}

.bootstrapText
{
display:block;

margin-bottom: 15px;
text-transform: uppercase;
}

.stepText
{
display:block;
width: 100%;
margin-bottom: 15px;
text-transform: uppercase;
}

a.disabled {
pointer-events: none;
cursor: default;
}

.onethirdImage {
display: inline;
width: 180px;
}

.blockMakers {
background-color: #4CAF50;
border: none;
color: white;
padding: 8px 8px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
margin: 4px 2px;
cursor: pointer;
border-radius: 50px;
outline: none;


}

.blockHeaders {
background-color: #4CAF50;
border: none;
color: white;
height: 30px;
width: 90px;
display: inline;
font-size: 14px;
cursor: pointer;
margin: 4px;

}





.blockEditors
{
float: right;
display:none;
background-color: #4CAF50;
border: none;
color: white;
height: 5%;
width: 5%;
font-size: 18px;
font-size: 14px;
cursor: pointer;
margin: 5px;
}

.blockControls
{

background-color: #4CAF50;
border: none;
color: white;
width: 90px;
font-size: 14px;
cursor: pointer;
padding: 4px;
}


.blackButtons {background-color: #555555;}
.blueButtons {background-color: #008CBA;}
.redButtons {background-color: #f44336;}
.grayButtons {background-color: #e7e7e7; color: black;}
.whiteButtons {background-color: white; color: black;}
.openButtons {background-color: black;
float: right;
font-weight: 600;
border-radius: 0;
padding: 1px 6px;
margin-right: 20px;
}

.blackBtn {
background-color: #000000d6;
font-size: 1em;
width: 200px;
padding: 5px;
margin: 30px;
}

.orangeButtons {background-color: #e0830d;}

.deleteButton
{
background-color: #f44336;
margin-top: 20px;
}

.savedFileSpan
{
width: 100%;
font-size: 1.5em;
padding: 20px;
font-weight: 600;
}


.moveUpButton
{
background-color: #4CAF50;
}


.bootstrapImage
{

height: 200px;
}

.imgBlocks
{
display: inline-block;
font-weight:bold;
font-size:12px;
margin: 0% 2%;
text-align: center;

}
#imagePropertiesSpan
{
width: 100%;

}

#overwriteModal
{
margin-top: 150px;
font-size: 1.2em;
height: 50%;
}

#codeModal
{
margin-top: 150px;
font-size: 1.2em;
height: 70%;
}

.stateButton{
margin:2px;
background-color: #4CAF50;
border: none;
color: white;
font-size: 18px;
font-size: 14px;
cursor: pointer;
padding: 10px;
outline: none;
}

.saveButton
{

}

.loadButton
{

}

.undoButton
{
border-radius: 100px 5px 5px 100px;

}

.redoButton
{
border-radius: 5px 100px 100px 5px;

}

.potraitImg
{
width:100%;
}

.traitsImg
{
height: 150px;
width: 150px;
border-radius: 50%;
}

.divWithImage
{
display: inline-flex;
margin: 15px 0px;
align-items: center;
}

.imageWithText
{
display: inline-flex;
width: 180px;

}

.onethirdImage
{
display: inline;
width: 180px;

}
.divWithOneThirdImage
{
display:inline;
}

.leftImage
{
margin-right: 2%;
}


.rightImage
{
margin-right: 2%;
}

.leftImageSpan
{
margin-right: 5%;
}

.rightImageSpan
{
margin-left: 2%;
}

.cardTitle
{
font-size: 24px;
}

.cardText
{
display:inline;
line-height: 1.2em;

}

.productName
{

text-decoration: none;
color: #4c4c4c;
}

</style>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<span onclick="elementOptions(this);" class="cuntainers" id="div0"> </span><span onclick="elementOptions(this);" class="cuntainers" id="div1"> <span class="imgBlocks" onclick="updateImageAttr(this)"> <a id="hrefImage" class="productName" href="http://maccharcatalogue.com/"> <img id="srcImage" class="bootstrapImage" src="https://cdn.shopify.com/s/files/1/2379/9855/files/IMG_c8y455.jpg?v=1618003359"> <span class="bootstrapText" contenteditable="false">Macchar Cosplay Catalogue</span> </a> </span> </span><br></div> </span>

Macchar Cosplay Catalogue