<!--works--> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd"> <html><head> <title>works</title> <meta name='viewport' content='width=992'> <meta name='Generator' content='HTML Egg for iPhone and iPad v7.48'> <meta name="keywords" content=""> <meta name="description" content=""> <!---manual view port calculation---> <meta http-equiv="Content-Type" content="text/html; charset=(null)"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> <script src=works/jquery-1.7.2.min.js charset="UTF-8"></script> <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.2/jquery.mobile.min.css" /> <script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.2/jquery.mobile.min.js"></script> <link rel="stylesheet" href="works/jquery.mobile-1.4.2.min.css"> <script src=works/jquery.mobile-1.4.2.min.js charset="UTF-8"></script> <!--Custom Header Code:0--> <link href='https://fonts.googleapis.com/css?family=Actor|&subset=latin,latin-ext' rel='stylesheet' type='text/css'> <script src="works/popup-image-scaling.js" charset="UTF-8" id="script"></script> <style type=text/css> .tab {text-indent:40px;} .text0{position:absolute;left:840px;top:600px;z-index:36;font-size:18px;color:#4f4c4c;width:152px;height:30px;font-family:"Actor";padding:10px;border-style:none;border-width:0px;text-align:left;border-radius:0px;-moz-border-radius:0px;fixed:1;box-shadow: 0px 0px 0.000000px #000000;shadowOpacity:0.000000;shadowRadius:0.000000;shadowOffSetY:0;textAlpha:1.000000;indentFlag:0;text-indent:0px;shapeFlag:0;line-height:normal;}.text0 a:link {text-decoration: none; color: #4f4c4c;font-weight:normal;}.text0 a:visited {text-decoration: none; color: #4f4c4c;font-weight:normal;} .text1{position:absolute;left:60px;top:600px;z-index:37;font-size:18px;color:#4f4c4c;width:152px;height:30px;font-family:"Actor";padding:10px;border-style:none;border-width:0px;text-align:left;border-radius:0px;-moz-border-radius:0px;fixed:1;box-shadow: 0px 0px 0.000000px #000000;shadowOpacity:0.000000;shadowRadius:0.000000;shadowOffSetY:0;textAlpha:1.000000;indentFlag:0;text-indent:0px;shapeFlag:0;line-height:normal;}.text1 a:link {text-decoration: none; color: #4f4c4c;font-weight:normal;}.text1 a:visited {text-decoration: none; color: #4f4c4c;font-weight:normal;} .image28{position:absolute;left:283px;top:419px;z-index:35;background:transparent url("works/image28.JPG");imagename:image28;imagetype:JPG;width:160px;height:106px;border-style:none;border-width:1px;fixed:0;box-shadow:0px 2px 3.000000px #000000;shadowOpacity:1.000000;shadowRadius:3.000000;shadowOffSetY:2;imageAlpha:1.000000;display:inline;background:transparent url("works/image28.JPG");retina:1;slideShowNumber:-99;groupNumber:0;enlarge:1;galleryNumber:0;galleryRowSpot:2;galleryColumnSpot:0;} .image29{position:absolute;left:449px;top:418px;z-index:35;background:transparent url("works/image29.JPG");imagename:image29;imagetype:JPG;width:160px;height:109px;border-style:none;border-width:1px;fixed:0;box-shadow:0px 2px 3.000000px #000000;shadowOpacity:1.000000;shadowRadius:3.000000;shadowOffSetY:2;imageAlpha:1.000000;display:inline;background:transparent url("works/image29.JPG");retina:1;slideShowNumber:-99;groupNumber:0;enlarge:1;galleryNumber:0;galleryRowSpot:2;galleryColumnSpot:1;} .image30{position:absolute;left:615px;top:419px;z-index:35;background:transparent url("works/image30.JPG");imagename:image30;imagetype:JPG;width:160px;height:106px;border-style:none;border-width:1px;fixed:0;box-shadow:0px 2px 3.000000px #000000;shadowOpacity:1.000000;shadowRadius:3.000000;shadowOffSetY:2;imageAlpha:1.000000;display:inline;background:transparent url("works/image30.JPG");retina:1;slideShowNumber:-99;groupNumber:0;enlarge:1;galleryNumber:0;galleryRowSpot:2;galleryColumnSpot:2;} .image33{position:absolute;left:283px;top:148px;z-index:35;background:transparent url("works/image33.JPG");imagename:image33;imagetype:JPG;width:160px;height:116px;border-style:none;border-width:1px;fixed:0;box-shadow:0px 2px 3.000000px #000000;shadowOpacity:1.000000;shadowRadius:3.000000;shadowOffSetY:2;imageAlpha:1.000000;display:inline;background:transparent url("works/image33.JPG");retina:1;slideShowNumber:-99;groupNumber:0;enlarge:1;galleryNumber:0;galleryRowSpot:0;galleryColumnSpot:0;} .image34{position:absolute;left:449px;top:152px;z-index:35;background:transparent url("works/image34.JPG");imagename:image34;imagetype:JPG;width:160px;height:108px;border-style:none;border-width:1px;fixed:0;box-shadow:0px 2px 3.000000px #000000;shadowOpacity:1.000000;shadowRadius:3.000000;shadowOffSetY:2;imageAlpha:1.000000;display:inline;background:transparent url("works/image34.JPG");retina:1;slideShowNumber:-99;groupNumber:0;enlarge:1;galleryNumber:0;galleryRowSpot:0;galleryColumnSpot:1;} .image35{position:absolute;left:615px;top:152px;z-index:35;background:transparent url("works/image35.JPG");imagename:image35;imagetype:JPG;width:160px;height:108px;border-style:none;border-width:1px;fixed:0;box-shadow:0px 2px 3.000000px #000000;shadowOpacity:1.000000;shadowRadius:3.000000;shadowOffSetY:2;imageAlpha:1.000000;display:inline;background:transparent url("works/image35.JPG");retina:1;slideShowNumber:-99;groupNumber:0;enlarge:1;galleryNumber:0;galleryRowSpot:0;galleryColumnSpot:2;} .image36{position:absolute;left:283px;top:279px;z-index:35;background:transparent url("works/image36.JPG");imagename:image36;imagetype:JPG;width:160px;height:120px;border-style:none;border-width:1px;fixed:0;box-shadow:0px 2px 3.000000px #000000;shadowOpacity:1.000000;shadowRadius:3.000000;shadowOffSetY:2;imageAlpha:1.000000;display:inline;background:transparent url("works/image36.JPG");retina:1;slideShowNumber:-99;groupNumber:0;enlarge:1;galleryNumber:0;galleryRowSpot:1;galleryColumnSpot:0;} .image38{position:absolute;left:449px;top:286px;z-index:35;background:transparent url("works/image38.JPG");imagename:image38;imagetype:JPG;width:160px;height:107px;border-style:none;border-width:1px;fixed:0;box-shadow:0px 2px 3.000000px #000000;shadowOpacity:1.000000;shadowRadius:3.000000;shadowOffSetY:2;imageAlpha:1.000000;display:inline;background:transparent url("works/image38.JPG");retina:1;slideShowNumber:-99;groupNumber:0;enlarge:1;galleryNumber:0;galleryRowSpot:1;galleryColumnSpot:1;} .image39{position:absolute;left:615px;top:279px;z-index:35;background:transparent url("works/image39.JPG");imagename:image39;imagetype:JPG;width:160px;height:120px;border-style:none;border-width:1px;fixed:0;box-shadow:0px 2px 3.000000px #000000;shadowOpacity:1.000000;shadowRadius:3.000000;shadowOffSetY:2;imageAlpha:1.000000;display:inline;background:transparent url("works/image39.JPG");retina:1;slideShowNumber:-99;groupNumber:0;enlarge:1;galleryNumber:0;galleryRowSpot:1;galleryColumnSpot:2;} table, td, th{border:0px solid black; padding:0px;text-align:left;vertical-align:top;} .galleryImageCaption{font-size:12px; text-decoration: none; color: #4f4c4c;font-weight:normal;} .galleryImageCaption a:link{font-size:12px; text-decoration: none; color: #4f4c4c;font-weight:normal;} .galleryImageCaption span {display:block;word-wrap:break-word;} @media(-webkit-min-device-pixel-ratio: 2) {.image28{position:absolute;background-size:160px 106px !important;z-index:36;background:transparent url("works/image28@2x.JPG");}.image29{position:absolute;background-size:160px 109px !important;z-index:36;background:transparent url("works/image29@2x.JPG");}.image30{position:absolute;background-size:160px 106px !important;z-index:36;background:transparent url("works/image30@2x.JPG");}.image33{position:absolute;background-size:160px 116px !important;z-index:36;background:transparent url("works/image33@2x.JPG");}.image34{position:absolute;background-size:160px 108px !important;z-index:36;background:transparent url("works/image34@2x.JPG");}.image35{position:absolute;background-size:160px 108px !important;z-index:36;background:transparent url("works/image35@2x.JPG");}.image36{position:absolute;background-size:160px 120px !important;z-index:36;background:transparent url("works/image36@2x.JPG");}.image38{position:absolute;background-size:160px 107px !important;z-index:36;background:transparent url("works/image38@2x.JPG");}.image39{position:absolute;background-size:160px 120px !important;z-index:36;background:transparent url("works/image39@2x.JPG");}} body {background-color:#FFFFFF;} .ui-page { background-color:#FFFFFF; min-height:100% !important; } .ui-content{ background-color:#FFFFFF; min-height:100% !important; } .ui-popup-screen{ height:670px; } .ui-loading .ui-loader { display: block; opacity:0;} .galleryGrid0{position:absolute;left:280px;top:140px;z-index:35;width:500px;height:400px;fixed:1;numOfRows:3;numOfColumns:3;groupNumber:0;padding:3;shadowFlag:1;backdrop:0;} * {text-shadow:none;} a:link{text-shadow:none;font-weight:normal;text-decoration: none;} a:visited{text-shadow:none;font-weight:normal;text-decoration: none;} </style></head> <body bgcolor=#FFFFFF leftmargin=0 topmargin=0> <div id=content> <div class=text0><a href=bio.html target=_self>Flavio Tiberti</a></div> <div class=text1><a href=old.html target=_self>Older works</a></div> <a class=image28 href="#popup_image28" href=rovi.html data-rel="popup" data-position-to="window" title="2015 - rovi di mare"></a> <div data-role="popup" id="popup_image28" class="photopopup" data-overlay-theme="a" data-corners="false" data-tolerance="30,15"> <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a> <img src=works/image28o.JPG> <div class=galleryImageCaption title="2015 - rovi di mare"> <span> <a href=rovi.html data-ajax="false"><center>2015 - rovi di mare</center></a> </span> </div> </div> <a class=image29 href="#popup_image29" href=united.html data-rel="popup" data-position-to="window" title="2017 - unitedstates"></a> <div data-role="popup" id="popup_image29" class="photopopup" data-overlay-theme="a" data-corners="false" data-tolerance="30,15"> <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a> <img src=works/image29o.JPG> <div class=galleryImageCaption title="2017 - unitedstates"> <span> <a href=united.html data-ajax="false"><center>2017 - unitedstates</center></a> </span> </div> </div> <a class=image30 href="#popup_image30" href=roots.html data-rel="popup" data-position-to="window" title="2017 - roots"></a> <div data-role="popup" id="popup_image30" class="photopopup" data-overlay-theme="a" data-corners="false" data-tolerance="30,15"> <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a> <img src=works/image30o.JPG> <div class=galleryImageCaption title="2017 - roots"> <span> <a href=roots.html data-ajax="false"><center>2017 - roots</center></a> </span> </div> </div> <a class=image33 href="#popup_image33" href=redroom.html data-rel="popup" data-position-to="window" title="2011 - redroom"></a> <div data-role="popup" id="popup_image33" class="photopopup" data-overlay-theme="a" data-corners="false" data-tolerance="30,15"> <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a> <img src=works/image33o.JPG> <div class=galleryImageCaption title="2011 - redroom"> <span> <a href=redroom.html data-ajax="false"><center>2011 - redroom</center></a> </span> </div> </div> <a class=image34 href="#popup_image34" href=absabs.html data-rel="popup" data-position-to="window" title="2012 - absurdabsence"></a> <div data-role="popup" id="popup_image34" class="photopopup" data-overlay-theme="a" data-corners="false" data-tolerance="30,15"> <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a> <img src=works/image34o.JPG> <div class=galleryImageCaption title="2012 - absurdabsence"> <span> <a href=absabs.html data-ajax="false"><center>2012 - absurdabsence</center></a> </span> </div> </div> <a class=image35 href="#popup_image35" href=illu.html data-rel="popup" data-position-to="window" title="2012 - illuminations"></a> <div data-role="popup" id="popup_image35" class="photopopup" data-overlay-theme="a" data-corners="false" data-tolerance="30,15"> <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a> <img src=works/image35o.JPG> <div class=galleryImageCaption title="2012 - illuminations"> <span> <a href=illu.html data-ajax="false"><center>2012 - illuminations</center></a> </span> </div> </div> <a class=image36 href="#popup_image36" href=scars.html data-rel="popup" data-position-to="window" title="2013 - scars"></a> <div data-role="popup" id="popup_image36" class="photopopup" data-overlay-theme="a" data-corners="false" data-tolerance="30,15"> <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a> <img src=works/image36o.JPG> <div class=galleryImageCaption title="2013 - scars"> <span> <a href=scars.html data-ajax="false"><center>2013 - scars</center></a> </span> </div> </div> <a class=image38 href="#popup_image38" href=falling.html data-rel="popup" data-position-to="window" title="2013 - the art of falling apart"></a> <div data-role="popup" id="popup_image38" class="photopopup" data-overlay-theme="a" data-corners="false" data-tolerance="30,15"> <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a> <img src=works/image38o.JPG> <div class=galleryImageCaption title="2013 - the art of falling apart"> <span> <a href=falling.html data-ajax="false"><center>2013 - the art of falling apart</center></a> </span> </div> </div> <a class=image39 href="#popup_image39" href=notsilent.html data-rel="popup" data-position-to="window" title="2014 - not silent"></a> <div data-role="popup" id="popup_image39" class="photopopup" data-overlay-theme="a" data-corners="false" data-tolerance="30,15"> <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a> <img src=works/image39o.JPG> <div class=galleryImageCaption title="2014 - not silent"> <span> <a href=notsilent.html data-ajax="false"><center>2014 - not silent</center></a> </span> </div> </div> </div></body></html>