finita parte ansa;
inizio styling blocco delle categorie
This commit is contained in:
|
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 |
@@ -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
@@ -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;}
|
||||
Reference in New Issue
Block a user