crm.e5.pl/modules/EcmProducts/tpls/allegroTemplate.tpl

<style>
{literal}
#menu-link {
	color: rgb(150, 150, 150);
	text-decoration: none;
	font-size: x-large;
}

#menu-cell {
	border-bottom: 3px solid white;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: medium;
}

#prod-image {
	border: 1px solid rgb(230, 230, 230);
}


p.m1 { 
   position: absolute; 
   top: 240px; 
   left: 10px; 
   width: 100%; 
   color: rgb(200, 200, 200);
   font-size: 20px;
}
p.m2 { 
   position: absolute; 
   top: 275px; 
   left: 10px; 
   width: 100%; 
   color: rgb(200, 200, 200);
   font-size: 20px;
}
p.m3 { 
   position: absolute; 
   top: 310px; 
   left: 10px; 
   width: 100%; 
   color: rgb(200, 200, 200);
   font-size: 20px;
}
p.m4 { 
   position: absolute; 
   top: 345px; 
   left: 10px; 
   width: 100%; 
   color: rgb(200, 200, 200);
   font-size: 20px;
}
p.m5 { 
   width: 100%; 
   color: rgb(42, 61, 153);
   font-size: 20px;
   padding-left: 10px;
   text-align: left;
}
p.m6 { 
   width: 100%; 
   color: rgb(107, 109, 108);
   font-size: 10px;
   padding-left: 10px;
   padding-top: 5px;
   padding-bottom: 5px;
   text-align: left;
}
p.m7 { 
   width: 100%; 
   color: rgb(214, 42, 58);
   font-size: 20px;
   padding-left: 10px;
   text-align: left;
}
.Table
    {
        display: table;
        width: 100%;
    }
    .Title
    {
        display: table-caption;
        text-align: center;
        font-weight: bold;
        font-size: larger;
    }
    .Heading
    {
        display: table-row;
        font-weight: bold;
        text-align: center;
    }
    .Row
    {
        display: table-row;
    }
    .Cell
    {
        display: table-cell;
        background-color: rgb(235, 237, 236);
        width: 25%;
    }
        .Cell2
    {
        display: table-cell;
        width: 3.5%;

    }
        .Cell3
    {
   		width: 71.5%;
        display: table-cell;

        right: 5%;
    }
    p.product-title { 
     padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
   color: #ffffff;
   text-align: center;
   font-size: 20px;
}
        .Cell4
    {
   		width: 1500px;
        display: table-cell;
        background-color: rgb(226, 31, 35);
    }
    #photos img{
        width:100%; height:auto;
}
ul {
    list-style: square url("http://e5.pl/allegro/img/kropeczka.png");
    text-align: left;
    color: rgb(92, 92, 92);
   font-size: 23px;
}
li {
	 text-align: left;
	   font-size: 20px;
	   color:  rgb(29, 72, 166);
   	padding-top: 5px;
   	padding-left: 10px;
  	 padding-bottom: 5px;
}
p.titledes { 
   color: rgb(92, 92, 92);
   font-size: 25px;
   text-align: left;
}
p.prodes { 
   color: rgb(92, 92, 92);
   font-size: 15px;
   text-align: initial;
}

a.email:link {
    text-decoration: none;
    color: rgb(42, 61, 153);
}

a.email:visited {
    text-decoration: none;
     color: rgb(42, 61, 153);
}

a.email:hover {
    text-decoration: underline;
     color: rgb(42, 61, 153);
}

a.email:active {
    text-decoration: underline;
     color: rgb(42, 61, 153);
}

a:link {
    text-decoration: none;
    color: rgb(200, 200, 200);
}

a:visited {
    text-decoration: none;
    color: rgb(200, 200, 200);
}

a:hover {
    text-decoration: underline;
    color: rgb(200, 200, 200);
}

a:active {
    text-decoration: underline;
    color: rgb(200, 200, 200);
}
{/literal}
</style>
<div class="image">
	<img src="http://www.e5.pl/allegro/img/top.png" style="height: 400px; width: 100%"/>
      
      <p class="m1"><a href="https://www.facebook.com/e5polska?fref=ts">O nas</a><hr style="border-width:3px;border-color: rgb(200, 200, 200);background-color: rgb(200, 200, 200);width:25%; position: absolute;top: 255px; "/></p>
      <p class="m2">Nasze aukcje<hr style="border-width:3px;border-color: rgb(200, 200, 200);background-color: rgb(200, 200, 200);width:25%; position: absolute;top: 290px; "/></p>
      <p class="m3">Komentarze<hr style="border-width:3px;border-color: rgb(200, 200, 200);background-color: rgb(200, 200, 200);width:25%; position: absolute;top: 325px; "/></p>
      <p class="m4">Dodaj do ulubionych<hr style="border-width:3px;border-color: rgb(200, 200, 200);background-color: rgb(200, 200, 200);width:25%; position: absolute;top: 325px; "/></p>
</div>
<div class="Table">
    <div class="Heading">
        <div class="Cell">
            <p class="m5">Konto bankowe</p>
            <p class="m6">26 1140 1010 0000 5482 1200 1001</p>
            <p class="m7"><br>UWAGA!</p>
             <p class="m6">Prosimy pamiętać aby w tytule przelewu podać swój nick Allegro oraz nr aukcji.</p>
             <p class="m6">W razie wątpliwości prosimy o kontakt:</p>
             <p class="m6"><a class="email" href="mailto:as@e5.pl">as@e5.pl</a></p>
        </div>
        <div class="Cell2">
           
        </div>
        <div class="Cell3">
            
            <div class="Cell4"><p class="product-title">{$name}</p></div>
            <div class="Cell5">
            	<table style="width:100%;" id="photos" class="photos">
            	{if $pictures|@count==1}<tr><td style="width:100%;">{$pictures[0]}</td></tr>{/if}
            	{if $pictures|@count==2}<tr><td style="width:45%;">{$pictures[0]}</td><td style="width:5%;"></td><td style="width:45%;">{$pictures[1]}</td></tr>{/if}
            	</table>
            	{$specification}<br><p class="titledes">Opis produktu:</p><br>
            	<p class="prodes">{$description}</p>
            </div>
        </div>
    </div>
 </div>