Skip to content

Instantly share code, notes, and snippets.

@elgamine-dev
Last active October 10, 2015 16:48
Show Gist options
  • Save elgamine-dev/50aafe4526f8f32ade7f to your computer and use it in GitHub Desktop.
Save elgamine-dev/50aafe4526f8f32ade7f to your computer and use it in GitHub Desktop.
cards site
<div class="addictspacktext eg-price--wrapper" style="background-image:url(http://casacrosxg.cluster011.ovh.net/wp-content/uploads/2015/07/price2.png);">
<div class="eg-price--content">
&gt;Le <b>Surfers Fighters Pack</b> vous donne accès à l'utilisation
des équipements hors des séances programmées ainsi qu'aux séances
proposées 2 fois par semaines et 1 séance de Yoga par semaine.
</div>
<div class="eg-price--tooltip">
[simple_tooltip content='11 000 DH par an']<div style="height:100%">&nbsp;</div>[/simple_tooltip]
</div>
</div>
.eg-price-box {
height: 730px;
}
.eg-price--wrapper {
text-align: justify;
height: 100%;
padding-top: 0;
margin-top: 0;
margin-left: auto;
margin-right: auto;
z-index: 1001;
width: 331px;
background-position: left bottom;
background-repeat: no-repeat;
}
.eg-price--content {
margin: 432px 54px 0 8px;
line-height: 1.1;
}
.eg-price--tooltip {
position: absolute;
right: 0;
margin-right: 30px;
bottom: 0;
width: 100px;
height: 100px;
}
@media screen and (max-width: 1100px) {
.eg-price-box {
margin: 0 auto;
float: none;
clear: both;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment