Aggiusto footer e rightBannerBar;

Paginazione mostra i puntini prima di ultima e inizio page;
Riformattazione index e immagini;
eliminata la parte ommentata in previewImage in function.js;
This commit is contained in:
Lorenzo Giacomelli
2016-03-22 18:31:16 +01:00
parent 98e6a3cda5
commit ce94475642
9 changed files with 122 additions and 57 deletions
Binary file not shown.
+13 -7
View File
@@ -290,9 +290,9 @@ class GUIHandler {
?>
</div>
<div style="text-align:center;color:white;margin-top:25px;">TESTATA REGISTRATA PRESSO IL TRIBUNALE DI NAPOLI AUT. NR. 8 DEL 27 GENNAIO 2006</div>
<div style="text-align:center;color:white;margin-top:20px;">COPYRIGHT &copy 2016 <a href="www.ifattidinapoli.it" style="color:white;">www.ifattidinapoli.it</a> - Giornale della Terza Metropoli Italiana</div>
<div style="text-align:center;color:white;margin-top:20px;"><a href="redazione.php" style="color:white;">REDAZIONE</a> | <a href="archivio.php" style="color:white;">ARCHIVIO STORICO</a></div>
<div >TESTATA REGISTRATA PRESSO IL TRIBUNALE DI NAPOLI AUT. NR. 8 DEL 27 GENNAIO 2006</div>
<div >COPYRIGHT &copy 2016 <a href="www.ifattidinapoli.it" style="color:white;">www.ifattidinapoli.it</a> - Giornale della Terza Metropoli Italiana</div>
<div ><a href="redazione.php" style="color:white;">REDAZIONE</a> | <a href="archivio.php" style="color:white;">ARCHIVIO STORICO</a></div>
</div>
<?php
@@ -352,7 +352,6 @@ class GUIHandler {
?>
<div id="rightBarContainer" class="">
<div class="rotoBanner">
<div>Guarda anche</div>
<div class="bannerContainer mediaContent"><?php BannerHelper::printBanner(BannerModel::POSITION_BODY);?></div>
<div class="bannerContainer mediaContent"><?php BannerHelper::printBanner(BannerModel::POSITION_BODY);?></div>
</div>
@@ -363,20 +362,27 @@ class GUIHandler {
<div class="categoryLine"></div>
</div>
<?php if(sizeof($lastsNews)>0){
$i=0;
foreach($lastsNews as $last){
$i++;
$data = $mesi[date("n",$last->about->data->sec)]." ".date("Y",$last->about->data->sec);
$string = (strlen($last->titolo) > 103) ? substr($last->titolo,0,100).'...' : $last->titolo;?>
<div class="lastContainer">
<div id="last_<?php echo $i;?>" class="lastContainer">
<div class="lastData"><?php echo $data;?></div>
<div class="lastTitle"><?php echo $string;?></div>
<div class="lastContinua" style="text-align:right;"><a href="articolo.php?id=<?php echo $last->id;?>">Leggi</a></div>
</div>
<script type="text/javascript">
$(document).ready(function(event){
$("#last_<?php echo $i;?>").click(function(event){
window.location.href="articolo.php?id=<?php echo $last->id;?>";
});
});
</script>
<?php }
}?>
</div>
</div>
<div class="rotoBanner not">
<div>Guarda anche</div>
<div class="bannerContainer mediaContent"><?php BannerHelper::printBanner(BannerModel::POSITION_BODY);?></div>
<div class="bannerContainer mediaContent"><?php BannerHelper::printBanner(BannerModel::POSITION_BODY);?></div>
</div>
+4 -2
View File
@@ -28,7 +28,7 @@ try {
$month= $_POST["month"];
$year = $_POST["year"];
$limit=10;
$limit=1;
$page = 1;
$numPages = 1;
@@ -176,6 +176,7 @@ try {
<div id ="page_first" class="page">
Inizio
</div>
<div class="page noSelection">...</div>
<script type="text/javascript">
$(document).ready(function(){
$("#page_first").click(function(){
@@ -237,8 +238,9 @@ try {
}
if($page+2<$numPages){
?>
<div class="page noSelection">...</div>
<div id ="page_last" class="page">
Ultima
Ultima (<?php echo $numPages;?>)
</div>
<script type="text/javascript">
$(document).ready(function(){
+6 -5
View File
@@ -107,7 +107,10 @@ try {
}
GUIHandler::generateHtmlHeaders(array("additionalHeaders"=>$additionalHeaders));
?>
<div class="imageOverlay" onclick="javascript:hidePreview()"></div>
<div class="imageOverlay" onclick="javascript:hidePreview()">
<!-- <div class="imagePreviewBefore"><img src="images/leftImage.png" /></div> -->
<!-- <div class="imagePreviewAfter"><img src="images/rightImage.png" /></div> -->
</div>
<div class="clickableImageContainer" onclick="javascript:hidePreview()"></div>
<div style="width:1000px;margin-left:auto;margin-right:auto;" itemscope itemtype="http://schema.org/Article">
@@ -126,7 +129,7 @@ GUIHandler::generateHtmlHeaders(array("additionalHeaders"=>$additionalHeaders));
<div class="headArticolo">
<div class="articoloMainMedia mediaContent" >
<?php if(!is_null($media)) {
$media->renderMedia(array("size"=>MediaRenderer::SIZE_BIG));
$media->renderMedia(array("size"=>MediaRenderer::SIZE_BIG,"clickable"=>true));
}
?>
</div>
@@ -192,9 +195,7 @@ GUIHandler::generateHtmlHeaders(array("additionalHeaders"=>$additionalHeaders));
<?php }?>
<div class="commentiContainer">
<div class="commentiLabelContainer">
<div class="commentiLabel">
Commenti dei nostri lettori
</div>
<div class="commentiLabel">Commenti (<?php echo count($commenti);?>)</div>
<hr style="color:#ddd;">
</div>
<?php if(sizeof($commenti)>0){
Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

+66 -15
View File
@@ -164,11 +164,13 @@ catch (Exception $ex){
</div>
<div class="newsContainer">
<?php if(sizeof($politicaNews)>0){
$i=0;
foreach ($politicaNews as $politica){
$i++;
$stringTitolo = (strlen($politica->titolo) > 53) ? substr($politica->titolo,0,50).'...' : $politica->titolo;
$string = (strlen($politica->sottotitolo) > 33) ? substr($politica->sottotitolo,0,30).'...' : $politica->sottotitolo;?>
<div class="news">
<div class="newsSummary"><?php
<div id="politica_<?php echo $i;?>" class="newsSummary"><?php
$media = DaoMediaHandler::getMainMediaFromModel($politica);
if(!is_null($media)){?>
<div class="newsMainMedia mediaContent"><?php $media->renderMedia();?></div>
@@ -176,8 +178,14 @@ catch (Exception $ex){
<div class="newsTitle"><?php echo $stringTitolo;?></div>
<div class="newsSubTitle"><?php echo $string;?></div>
</div>
<a class="continue" href="articolo.php?id=<?php echo $politica->id;?>"><div style="color:#3498d4;">Continua</div></a>
</div>
<script type="text/javascript">
$(document).ready(function(event){
$("#politica_<?php echo $i;?>").click(function(event){
window.location.href="articolo.php?id=<?php echo $politica->id;?>";
});
});
</script>
<?php }
}?>
</div>
@@ -190,11 +198,13 @@ catch (Exception $ex){
</div>
<div class="newsContainer">
<?php if(sizeof($cronacaNews)>0){
$i=0;
foreach ($cronacaNews as $cronaca){
$i++;
$stringTitolo = (strlen($cronaca->titolo) > 53) ? substr($cronaca->titolo,0, 50).'...' : $cronaca->titolo;
$string = (strlen($cronaca->sottotitolo) > 33) ? substr($cronaca->sottotitolo,0,30).'...' : $cronaca->sottotitolo;?>
<div class="news">
<div class="newsSummary"><?php
<div id="cronaca_<?php echo $i;?>" class="newsSummary"><?php
$media = DaoMediaHandler::getMainMediaFromModel($cronaca);
if(!is_null($media)){?>
<div class="newsMainMedia mediaContent"><?php $media->renderMedia();?></div>
@@ -202,8 +212,14 @@ catch (Exception $ex){
<div class="newsTitle"><?php echo $stringTitolo;?></div>
<div class="newsSubTitle"><?php echo $string;?></div>
</div>
<a class="continue" href="articolo.php?id=<?php echo $cronaca->id;?>"><div style="color:#3498d4;">Continua</div></a>
</div>
<script type="text/javascript">
$(document).ready(function(event){
$("#cronaca_<?php echo $i;?>").click(function(event){
window.location.href="articolo.php?id=<?php echo $cronaca->id;?>";
});
});
</script>
<?php }
}?>
</div>
@@ -215,11 +231,13 @@ catch (Exception $ex){
</div>
<div class="newsContainer">
<?php if(sizeof($sportNews)>0){
$i=0;
foreach ($sportNews as $sport){
$i++;
$stringTitolo = (strlen($sport->titolo) > 53) ? substr($sport->titolo,0,50).'...' : $sport->titolo;
$string = (strlen($sport->sottotitolo) > 33) ? substr($sport->sottotitolo,0,30).'...' : $sport->sottotitolo;?>
<div class="newsSport">
<div class="sportSummary"><?php
<div id="sport_<?php echo $i;?>" class="sportSummary"><?php
$media = DaoMediaHandler::getMainMediaFromModel($sport);
if(!is_null($media)){?>
<div class="newsMainMedia mediaContent"><?php $media->renderMedia();?></div>
@@ -227,8 +245,14 @@ catch (Exception $ex){
<div class="newsTitle"><?php echo $stringTitolo;?></div>
<div class="newsSubTitle"><?php echo $string;?></div>
</div>
<a class="continue" href="articolo.php?id=<?php echo $sport->id;?>"><div style="color:#3498d4;">Continua</div></a>
</div>
<script type="text/javascript">
$(document).ready(function(event){
$("#sport_<?php echo $i;?>").click(function(event){
window.location.href="articolo.php?id=<?php echo $sport->id;?>";
});
});
</script>
<?php }
}?>
</div>
@@ -236,20 +260,28 @@ catch (Exception $ex){
</div>
<div class="middleBarNews">
<div class="titleContainer">
<div class="categoryTitle">CULTURA&SPETTACOLO</div>
<div class="categoryTitle">Cultura&Spettacolo</div>
<div class="culturaLine"></div>
</div>
<?php if(sizeof($culturaNews)>0){
$i=0;
foreach ($culturaNews as $cultura){
$i++;
$string = (strlen($cultura->titolo) > 53) ? substr($cultura->titolo,0,50).'...' : $cultura->titolo;?>
<div class="culturaNews"><?php
<div id="cultura_<?php echo $i;?>" class="culturaNews"><?php
$media = DaoMediaHandler::getMainMediaFromModel($cultura);
if(!is_null($media)){?>
<div class="culturaMainMedia mediaContent"><?php $media->renderMedia();?></div>
<?php }?>
<div class="culturaTitle"><?php echo $string;?></div>
<div class="culturaLink"><a href="articolo.php?id=<?php echo $cultura->id;?>">Leggi</a></div>
</div>
<script type="text/javascript">
$(document).ready(function(event){
$("#cultura_<?php echo $i;?>").click(function(event){
window.location.href="articolo.php?id=<?php echo $cultura->id;?>";
});
});
</script>
<?php }
}?>
@@ -261,17 +293,24 @@ catch (Exception $ex){
</div>
<?php
if(sizeof($ristorantiNews)>0){
$i=0;
foreach ($ristorantiNews as $ristoranti){
$i++;
$string = (strlen($ristoranti->titolo) > 53) ? substr($ristoranti->titolo,0,50).'...' : $ristoranti->titolo;?>
<div class="ristorantiBlock"><?php
<div id="ristoranti_<?php echo $i;?>" class="ristorantiBlock"><?php
$media = DaoMediaHandler::getMainMediaFromModel($ristoranti);
if(!is_null($media)){?>
<div class="culturaMainMedia mediaContent"><?php $media->renderMedia();?></div>
<?php }?>
<div class="ristorantiTitle"><?php echo $string;?></div>
<div class="ristorantiLink"><a href="articolo.php?id=<?php echo $ristoranti->id;?>">Leggi</a></div>
</div>
<script type="text/javascript">
$(document).ready(function(event){
$("#ristoranti_<?php echo $i;?>").click(function(event){
window.location.href="articolo.php?id=<?php echo $ristoranti->id;?>";
});
});
</script>
<?php }
}?>
</div>
@@ -286,14 +325,22 @@ catch (Exception $ex){
<div class="categoryLine"></div>
</div>
<?php if(sizeof($lastsNews)>0){
$i=0;
foreach($lastsNews as $last){
$i++;
$data = $mesi[date("n",$last->about->data->sec)]." ".date("Y",$last->about->data->sec);
$string = (strlen($last->titolo) > 103) ? substr($last->titolo,0,100).'...' : $last->titolo;?>
<div class="lastContainer">
<div id="last_<?php echo $i;?>" class="lastContainer">
<div class="lastData"><?php echo $data;?></div>
<div class="lastTitle"><?php echo $string;?></div>
<div class="lastContinua" style="text-align:right;"><a href="articolo.php?id=<?php echo $last->id;?>">Leggi</a></div>
</div>
<script type="text/javascript">
$(document).ready(function(event){
$("#last_<?php echo $i;?>").click(function(event){
window.location.href="articolo.php?id=<?php echo $last->id;?>";
});
});
</script>
<?php }
}?>
</div>
@@ -310,8 +357,12 @@ catch (Exception $ex){
$stringTitle = (strlen($gossip->titolo) > 53) ? substr($gossip->titolo,0,50).'...' : $gossip->titolo;
$stringSubTitle = (strlen($last->sottotitolo) > 23) ? substr($last->sottotitolo,0,20).'...' : $last->sottotitolo;?>
<div id="gossip_<?php echo $i;?>"class="gossipContainer">
<?php $media = DaoMediaHandler::getMainMediaFromModel($gossip);
if(!is_null($media)){?>
<div class="culturaMainMedia mediaContent"><?php $media->renderMedia();?></div>
<?php }?>
<div class="gossipTitle"><?php echo $stringTitle;?></div>
<div class="gossipSubtitle"><?php echo $stringSubTitle?> </div>
<!-- <div class="gossipSubtitle"><?php// echo $stringSubTitle?> </div> -->
</div>
<script type="text/javascript">
$(document).ready(function(event){
-4
View File
@@ -68,10 +68,6 @@ function previewImage(imageSrc){
$('.clickableImageContainer').html('<img id ="clickImage" src="'+ imageSrc +'" />');
$('.imageOverlay').css("display","block");
$('.clickableImageContainer').css("display","block");
// $('#clickImage').focus();
// $('html, body').animate({
// scrollTop: $("body").offset().top
// }, 1000);
}
function hidePreview(){
+33 -24
View File
@@ -60,19 +60,20 @@ body{font-family:lato, arial;}
.categoryVoice > a {padding:10px 9px;display:block;color:white;font-weight:bold;}
.footer{background-color:#14477c;height:177px;margin-top:10px;}
.footer{background-color:#14477c;height:150px;margin-top:10px;font-size:10pt;}
.footerCategory{text-align:center;color:#2e91d4;padding:10px;}
.footerCategory > a{color:#2e91d4;margin:10px;}
.footer > div{text-align:center;color:white;margin-top:20px;}
.leftBarNews{
width: 500px;
width: 640px;
margin-top: -1px;
border: solid #d6d6d6 1px;
border-left: 2px;
border-right: 2px;
display: inline-block;
height: 1380px;
max-height:1380px;
/* height: 1380px; */
box-shadow: 0px 0px 10px -3px;
-webkit-box-shadow: 0px 0px 10px -3px;
-moz-box-shadow: 0px 0px 10px -3px;
@@ -170,7 +171,7 @@ display: inline-block;
.mediaContent *{max-height:100%;max-width:100%;}
.mediaContent > a{height:100%; width:100%;display:inline-block;}
.ansaImage{display:inline-block;margin:15px 7px;width:150px; height:113px; overflow:hidden;text-align:center;}
.ansaImage{display:inline-block;margin:5px 7px;width:290px; height:163px; overflow:hidden;text-align:center;}
.ansaNews{margin-top:2px;width:330px;cursor:pointer;}
.ansaTitolo{font-weight:bold;font-size:20px;text-align:justify;}
.ansaSottotitolo{font-size:17px;color:#767676;text-align:justify;}
@@ -182,7 +183,7 @@ display: inline-block;
.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;height:285px;margin-bottom:29px;position:relative;}
.categoryNews{width:640px;/* height:285px;*/ margin-bottom:29px;position:relative;}
.categoryBar{height:22px;}
.categoryTag{
display: inline-block;
@@ -210,21 +211,22 @@ display: inline-block;
}
.news{position:relative;margin:10px 3px;display:inline-block;vertical-align:top;height:270px;}
.newsSport{position:relative;margin:10px 3px;display:inline-block;vertical-align:top;height:262px;}
.newsSummary{width:145px;display:inline-block;}
.newsMainMedia{width:140px;height:100px;overflow:hidden;margin-bottom:25px;text-align:center;}
.news{position:relative;margin:10px 3px;display:inline-block;vertical-align:top;max-height:270px;/* height:270px; */}
.newsSport{position:relative;margin:10px 3px;display:inline-block;vertical-align:top;max-height:262px;/* height:262px; */}
.newsSummary{width:200px;display:inline-block;cursor:pointer;}
.newsMainMedia{width:200px;height:112px;overflow:hidden;margin-bottom:25px;text-align:center;}
.newsTitle{font-weight:bold;margin-bottom:5px;text-align:left;font-size:14px;}
.newsSubTitle{margin-bottom:10px;text-align:left;font-size:13px;}
.continue{vertical-align:bottom;position:absolute;bottom:0; left:0;}
.newsContainer > .newsSport:first-child{border:0px;border-right:solid #d6d6d6 1px;}
.sportSummary{width:230px;margin:10px 3px;display:inline-block;vertical-align:top;height:262px;}
.sportSummary{width:300px;margin:10px 3px;display:inline-block;vertical-align:top;/* height:262px; */max-height:262px;cursor:pointer;}
.middleBarNews{
display:inline-block;
width:220px;
height:1380px;
width:150px;
max-height:1380px;
/* height:1380px; */
/* background-color:#f4f4f4; */
border-top:0px;
border-bottom:0px;
@@ -244,16 +246,17 @@ display: inline-block;
border-right:0px;
border-left:0px;
max-height:165px;
cursor:pointer;
}
.ristorantiBlock:last-child{border-bottom:none;}
.culturaMainMedia{
overflow: hidden;
text-align: center;
margin-bottom:10px;
max-height: 100px;
/* max-height: 100px; */
}
.culturaMainMedia > img{max-height: 100px;}
.culturaMainMedia.mediaContent > iframe{min-height:150px;max-height:180px;}
.ristorantiTitle, .culturaTitle{font-weight: bold;text-align: left;font-size: 12px;}
.ristorantiBlock .ristorantiLink > a, .culturaNews .culturaLink > a{color:#3498d4;font-size:13px;}
.middleBanner{height:165px;}
@@ -261,7 +264,7 @@ display: inline-block;
.ristorantiTitle{margin-top:10px;}
.rightBarNews{display:inline-block;width:230px;height:1380px;vertical-align:top;padding-top: 10px;}
.rightBarNews{display:inline-block;width:150px;max-height:1380px;/* height:1380px; */vertical-align:top;padding-top: 10px;}
.meteoTitle{font-size: 15px;font-weight: bold;border-bottom: 3px solid #339CD5;margin-bottom: 7px;text-align:center;}
.meteo{max-height: 165px;max-width: 220px;text-align: center;border-bottom: 1px dotted #C1B4B4;padding-bottom: 10px;margin-bottom: 10px;}
@@ -276,14 +279,14 @@ display: inline-block;
.middleRightBanner{width: 220px;overflow: hidden;height: 165px;margin: 5px 0;}
.middleRightBanner > img{max-width:220px; max-heigth:200px;}
.reader > .lastContainer, .lastContainer{max-height:120px;margin-top:5px;margin-bottom:5px;border-bottom:dotted #C1B4B4 1px;}
.reader > .lastContainer, .lastContainer{max-height:120px;padding:5px;;border-bottom:dotted #C1B4B4 1px;cursor:pointer;}
.reader > .lastContainer:last-child, .lastContainer:last-child {border-bottom: none;}
.reader > .lastData, .lastData{font-size:12px;}
.reader > .lastTitle, .lastTitle{font-size:12px;font-weight:bold;}
.reader > .lastContinua, .lastContinua{text-align:right; font-size:12px;font-weight:bold;padding-bottom:5px;}
.reader > .lastContinua a, .lastContinua a{color:#64bff0;}
.gossipContainer{max-height:120px;margin-top:5px;margin-bottom:5px;border-bottom:dotted #C1B4B4 1px;cursor:pointer;}
.gossipContainer{max-height:165px;margin-top:5px;margin-bottom:5px;border-bottom:dotted #C1B4B4 1px;cursor:pointer;overflow:hidden;}
.gossipContainer#gossip_2{border-bottom:none;}
.gossipTitle{margin-bottom:5px;font-weight:bold;font-size:20px;}
.gossipSubtitle{margin-bottom:5px;color:#64bff0;font-weight:bold;font-size:15px;}
@@ -321,11 +324,11 @@ display: inline-block;
.articoloMainMedia{display:inline-block;vertical-align:top;width:400px;text-align:center; max-height:225px;}
.articoloMainMedia iframe{min-height:180px;}
.articoloMainMedia.mediaContent img{max-height:225px;}
.articoloMainMedia.mediaContent img{max-height:225px;cursor:pointer;}
.articoloTitle{display:inline-block;width:550px;padding:0px 20px;vertical-align:top;}
.articoloTitle{display:inline-block;width:550px;padding:0px 20px;vertical-align:top;text-align:justify;}
.articoloTitle > .title{font-size:20px;font-weight:bold;text-transform:uppercase;font-family:"Arial Bold";}
.articoloTitle > .subTitle{text-transform:uppercase;font-style:italic;font-family:"Arial Bold";}
.articoloTitle > .subTitle{font-style:italic;font-family:"Arial Bold";}
.subTitle > span:first-child{color:rgb(150,150,150);text-transform:none;font-weight:bold;}
.utilityBar{
@@ -363,11 +366,11 @@ display: inline-block;
.commentiContainer{padding:5px;}
.oldCommentiContainer{margin:5px 0px; padding-left: 30px;}
.sondaggio, .commento{border: 4px solid #CFCFCF;border-radius: 15px;padding: 12px 5px 5px 20px;margin: 5px 0px;background-color: #e6e6e6;}
.sondaggio, .commento{border: 3px solid #CFCFCF;border-radius: 15px;padding: 12px 5px 5px 20px;margin: 5px 0px;background-color: #e6e6e6;}
.commentoTitle{font-weight:bold;}
.commentoTesto{padding: 5px 26px;text-align: justify;}
.commentiLabel{display: inline-block;background-color: #cfdbe9;padding: 10px 20px;border-radius: 10px;font-style: italic;color: #222;font-weight: bold;font-size: 11pt;}
.commentiLabel{background-color: #cfdbe9;padding: 10px 20px;/* border-radius: 10px */;font-style: italic;color: #222;font-weight: bold;font-size: 11pt;}
.userCommento{/* display:inline-block; */}
/* .userCommento span {color:#5847c1;} */
@@ -380,7 +383,7 @@ display: inline-block;
.commento textarea{margin-left:5%;width:85%;padding: 5px 10px;resize:none;font-size: 11pt;}
.commento form .sendBtnDiv{text-align: right;padding-right: 6%;}
.commento form .sendBtnDiv input{padding:5px 20px;}
.sondaggio.noLogin, .commento.noLogin{font-size: 14pt;padding-bottom: 15px;background-color: rgb(252, 252, 198);}
.sondaggio.noLogin, .commento.noLogin{font-size: 10pt;padding-bottom: 10px;background-color: rgb(252, 252, 198);}
.sondaggio.noLogin a, .commento.noLogin a {color:#1C89C3; font-weight:bold;}
#commentoArea{background-color:#E0F6E5;}
@@ -483,6 +486,8 @@ Password Recovery
.paging {padding:5px 0px;}
.paging .page{margin:0px 5px 0px 0px;display:inline-block;padding:5px 15px;background-color:#B7B7B7;cursor:pointer;}
.paging .page.noSelection{cursor:default;}
.paging .page.noSelection:hover{background-color:#B7B7B7;}
.paging .page.current{font-weight:bold;cursor:default;background-color:#d3d3d3;}
.paging .page:hover{background-color:#939393;}
.paging .page.current:hover{background-color:#d3d3d3;}
@@ -521,6 +526,10 @@ Password Recovery
display:none;
}
.imageOverlay img{height:75px;}
.imagePreviewBefore{position:fixed;left:0;top:100px;}
.imagePreviewAfter{position:fixed;right:0;top:100px;}
.clickableImageContainer{
position: fixed;
margin: auto;