finita parte ansa;

inizio styling blocco delle categorie
This commit is contained in:
Lorenzo Giacomelli
2016-02-24 13:13:06 +01:00
parent 60fd15aa10
commit 3fad17b79e
5 changed files with 39 additions and 2 deletions

Before

Width:  |  Height:  |  Size: 784 B

After

Width:  |  Height:  |  Size: 784 B

Before

Width:  |  Height:  |  Size: 448 B

After

Width:  |  Height:  |  Size: 448 B

Before

Width:  |  Height:  |  Size: 233 B

After

Width:  |  Height:  |  Size: 233 B

+12
View File
@@ -51,8 +51,20 @@ catch (Exception $ex){
<div class="ansaTesto"><?php echo $ansa->testo;?></div>
</div>
</div>
<div class="socialBarAnsa">
<a class="socialLink" href="www.facebook.com/"><div style="background-image:url(images/fb_round.png);"></div></a>
<a class="socialLink" href="www.tritter.com/"><div style="background-image:url(images/twitter_round.png);"></div></a>
<a class="socialLink" href="www.linkedin.com/"><div style="background-image:url(images/linkedin_round.png);"></div></a>
<a class="socialLink" href="www.plus.google.com/"><div style="background-image:url(images/google_round.png);"></div></a>
</div>
<?php } ?>
</div>
<div class="categoryNews">
<div class="categoryBar">
<div class="categoryTag">Politica</div>
<div class="categoryLine"></div>
</div>
</div>
</div>
</div>
+27 -2
View File
@@ -28,8 +28,33 @@
.rightBarNews{width:500px;margin-top:23px;border:solid #d6d6d6 1px;border-left:0px;border-right:0px;}
.ansaContainer{margin-bottom:25px; border:none;}
.ansa{border:solid #d6d6d6 1px;border-left:0px;border-right:0px;border-top:0px;}
.ansa> div {display:inline-block;vertical-align:top;}
.ansaImage{display:inline-block;margin:15px;width:150px;overflow:hidden;text-align:center;}
.ansaNews{margin-top:2px;}
.ansaImage{display:inline-block;margin:15px 7px;width:150px;overflow:hidden;text-align:center;}
.ansaNews{margin-top:2px;width:330px;}
.socialBarAnsa{margin-top:3px;border:solid #d6d6d6 1px;border-left:0px;border-right:0px;border-top:0px;}
.socialBarAnsa > a{margin-right:3px;display:inline-block;}
.socialBarAnsa > a > div{display:inline-block;width:22px;height:22px;background-repeat:no-repeat;background-position:center;}
.categoryNews{width:500px;}
.categoryBar{height:22px;}
.categoryTag{
display: inline-block;
text-align: center;
color:white;
font-weight:bold;
font-size:20px;
background-color: #339cd5;
vertical-align: middle;
height: 22px;
width: 100px;
margin: 0px;}
.categoryLine{height: 3px;
display: inline-block;
background-color: #339cd5;
margin-top: 10px;
width: 390px;
margin-left: -5px;}