{"id":1641,"date":"2011-10-24T20:01:31","date_gmt":"2011-10-24T18:01:31","guid":{"rendered":"http:\/\/bennip.de\/?p=1641"},"modified":"2011-10-24T23:40:04","modified_gmt":"2011-10-24T21:40:04","slug":"firefox-picture-dump","status":"publish","type":"post","link":"http:\/\/bennip.de\/?p=1641","title":{"rendered":"Firefox Picture Dump"},"content":{"rendered":"<table style=\"border: solid 1px; width: 470px; text-align: center; padding: 10px; margin: 0 auto;\" cellspacing=\"5\" cellpadding=\"5\">\n<tr>\n<td valign=\"top\"><img loading=\"lazy\" src=\"http:\/\/bennip.de\/wp-content\/uploads\/2011\/10\/firefox.jpg\" alt=\"\" title=\"FireFox Logo\" width=\"60\" height=\"60\" class=\"alignnone size-thumbnail wp-image-1704\" \/><\/td>\n<td align=\"justify\">\nDa ich in letzter Zeit so selten zum Bloggen kommen, gibt es hier mal wieder ein Massenpost. Ich hab&#8216; allerdings versucht, das ganze mit <em>css-transition<\/em> etwas ansprechend zu gestalten. Das ganze funktioniert nat\u00fcrlich problemfrei nur im Firefox. Aber wer was anderes nutzt ist eh selbst Schuld :)\n<\/td>\n<\/tr>\n<\/table>\n<div style=\"position: relative; border: solid 0px; width: 470px; height: 356px; text-align: center; padding: 10px; margin: 0 auto;\">\n<p><a href=\"http:\/\/bennip.de\/wp-content\/uploads\/2011\/10\/kuchen.jpg\" rel=\"lightbox[1641]\"><br \/>\n<img src=\"http:\/\/bennip.de\/wp-content\/uploads\/2011\/10\/kuchen-300x224.jpg\" width=\"150\" style=\"position: absolute; left: 10px; top: 10px; -webkit-border-radius:5px; -moz-border-radius:5px;  border-radius: 5px;\" onmouseover=\"document.getElementById('d1').style.width='310px';\" onmouseout=\"document.getElementById('d1').style.width='0px';\"><br \/>\n<\/a><\/p>\n<p><a href=\"http:\/\/bennip.de\/wp-content\/uploads\/2011\/10\/grafity.jpg\" rel=\"lightbox[1641]\"><br \/>\n<img src=\"http:\/\/bennip.de\/wp-content\/uploads\/2011\/10\/grafity-300x224.jpg\" width=\"150\" style=\"position: absolute; left: 170px; top: 10px; -webkit-border-radius:5px; -moz-border-radius:5px;  border-radius: 5px;\" onmouseover=\"document.getElementById('d2').style.height='234px';\" onmouseout=\"document.getElementById('d2').style.height='0px';\"><br \/>\n<\/a><\/p>\n<p><a href=\"http:\/\/bennip.de\/wp-content\/uploads\/2011\/10\/fr\u00fchst\u00fcck.jpg\" rel=\"lightbox[1641]\"><br \/>\n<img src=\"http:\/\/bennip.de\/wp-content\/uploads\/2011\/10\/fr\u00fchst\u00fcck-300x224.jpg\" width=\"150\" style=\"position: absolute; left: 330px; top: 10px; -webkit-border-radius:5px; -moz-border-radius:5px;  border-radius: 5px;\" onmouseover=\"document.getElementById('d3').style.width='310px';\" onmouseout=\"document.getElementById('d3').style.width='0px';\"><br \/>\n<\/a><\/p>\n<p><a href=\"http:\/\/bennip.de\/wp-content\/uploads\/2011\/10\/studienausweis.jpg\" rel=\"lightbox[1641]\"><br \/>\n<img src=\"http:\/\/bennip.de\/wp-content\/uploads\/2011\/10\/studienausweis-300x224.jpg\" width=\"150\" style=\"position: absolute; left: 10px; top: 132px; -webkit-border-radius:5px; -moz-border-radius:5px;  border-radius: 5px;\" onmouseover=\"document.getElementById('d4').style.height='234px';\" onmouseout=\"document.getElementById('d4').style.height='0px';\"><br \/>\n<\/a><\/p>\n<p><a href=\"http:\/\/bennip.de\/wp-content\/uploads\/2011\/10\/schicksaal.jpg\" rel=\"lightbox[1641]\"><br \/>\n<img src=\"http:\/\/bennip.de\/wp-content\/uploads\/2011\/10\/schicksaal-300x224.jpg\" width=\"150\" style=\"position: absolute; left: 170px; top: 132px; -webkit-border-radius:5px; -moz-border-radius:5px;  border-radius: 5px;\" onmouseover=\"document.getElementById('d51').style.width='310px'; document.getElementById('d52').style.width='310px';\" onmouseout=\"document.getElementById('d51').style.width='0px'; document.getElementById('d52').style.width='0px';\"><br \/>\n<\/a><\/p>\n<p><a href=\"http:\/\/bennip.de\/wp-content\/uploads\/2011\/10\/fol.jpg\" rel=\"lightbox[1641]\"><br \/>\n<img src=\"http:\/\/bennip.de\/wp-content\/uploads\/2011\/10\/fol-300x224.jpg\" width=\"150\" style=\"position: absolute; left: 330px; top: 132px; -webkit-border-radius:5px; -moz-border-radius:5px;  border-radius: 5px;\" onmouseover=\"document.getElementById('d6').style.height='234px';\" onmouseout=\"document.getElementById('d6').style.height='0px';\"><br \/>\n<\/a><\/p>\n<p><a href=\"http:\/\/bennip.de\/wp-content\/uploads\/2011\/10\/seifenblasen.jpg\" rel=\"lightbox[1641]\"><br \/>\n<img src=\"http:\/\/bennip.de\/wp-content\/uploads\/2011\/10\/seifenblasen-300x224.jpg\" width=\"150\" style=\"position: absolute; left: 10px; top: 254px; -webkit-border-radius:5px; -moz-border-radius:5px;  border-radius: 5px;\" onmouseover=\"document.getElementById('d7').style.width='310px';\" onmouseout=\"document.getElementById('d7').style.width='0px';\" ><br \/>\n<\/a><\/p>\n<p><a href=\"http:\/\/bennip.de\/wp-content\/uploads\/2011\/10\/leuchte.jpg\" rel=\"lightbox[1641]\"><br \/>\n<img src=\"http:\/\/bennip.de\/wp-content\/uploads\/2011\/10\/leuchte-300x224.jpg\" width=\"150\" style=\"position: absolute; left: 170px; top: 254px; -webkit-border-radius:5px; -moz-border-radius:5px;  border-radius: 5px;\" onmouseover=\"document.getElementById('d8').style.height='234px';\" onmouseout=\"document.getElementById('d8').style.height='0px';\"><br \/>\n<\/a><\/p>\n<p><a href=\"http:\/\/bennip.de\/wp-content\/uploads\/2011\/10\/aussicht.jpg\" rel=\"lightbox[1641]\"><br \/>\n<img src=\"http:\/\/bennip.de\/wp-content\/uploads\/2011\/10\/aussicht-300x224.jpg\" width=\"150\" style=\"position: absolute; left: 330px; top: 254px; -webkit-border-radius:5px; -moz-border-radius:5px;  border-radius: 5px;\" onmouseover=\"document.getElementById('d9').style.width='310px';\" onmouseout=\"document.getElementById('d9').style.width='0px';\"><\/a><\/p>\n<div id=\"d1\" style=\"position: absolute; right:10px; top:254px; width: 0px; height: 112px; overflow: hidden; background-color: gold; -moz-transition: width 0.5s ease-in; -webkit-transition: height 0.5s ease-in; -o-transition: height 0.5s ease-in; transition: height 0.5s ease-in; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius: 5px; text-align: center; font-family: Verdana; font-size: 9px;\">\n<p style=\"position: absolute; top: 20%; text-align:center; width: 100%;\">Ein bi\u00dfchen Mehl, Zucker und Ei&#8230; in der richtigen Menge und man kann eine ebenso wichtige Menge damit gl\u00fccklich machen.<\/p>\n<\/div>\n<div id=\"d2\" style=\"position: absolute; left:170px; bottom:10px; width: 150px; height: 0px; overflow: hidden; background-color: cyan; -moz-transition: height 0.5s ease-in; -webkit-transition: height 0.5s ease-in; -o-transition: height 0.5s ease-in; transition: height 0.5s ease-in; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius: 5px; text-align: center; font-family: Verdana; font-size: 9px;\">\n<p style=\"position: absolute; top: 30%; text-align:center; width: 100%;\">Ich war es nicht, wirklich nicht. Aber der Name ist als Grafity noch ungew\u00f6hnlicher, als ne Schmuckbezeichnung.<\/p>\n<\/div>\n<div id=\"d3\" style=\"position: absolute; left:10px; top:254px; width: 0px; height: 112px; overflow: hidden; background-color: lime; -moz-transition: width 0.5s ease-in; -webkit-transition: height 0.5s ease-in; -o-transition: height 0.5s ease-in; transition: height 0.5s ease-in; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius: 5px; text-align: center; font-family: Verdana; font-size: 9px;\">\n<p style=\"position: absolute; top: 30%; text-align:center; width: 100%;\">*Seufz* So m\u00fcsste eigentlich jeder Morgen beginnen&#8230;<\/p>\n<\/div>\n<div id=\"d4\" style=\"position: absolute; left:330px; bottom:10px; width: 150px; height: 0px; overflow: hidden; background-color: mediumorchid; -moz-transition: height 0.5s ease-in; -webkit-transition: height 0.5s ease-in; -o-transition: height 0.5s ease-in; transition: height 0.5s ease-in; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius: 5px; text-align: center; font-family: Verdana; font-size: 9px;\">\n<p style=\"position: absolute; top: 30%; text-align:center; width: 100%;\">So langsam wird es eng auf meinem <strike>Studenten<\/strike> Studierendenausweis. Vielleicht war diese 13. schon die letzte Marke?<\/p>\n<\/div>\n<div id=\"d51\" style=\"position: absolute; left:10px; top:10px; width: 10; height: 112px; overflow: hidden; background-color: mediumturquoise; -moz-transition: width 0.5s ease-in; -webkit-transition: height 0.5s ease-in; -o-transition: height 0.5s ease-in; transition: height 0.5s ease-in; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius: 5px; text-align: center; font-family: Verdana; font-size: 9px;\">\n<p style=\"position: absolute; top: 30%; text-align:center; width: 100%;\">Benni mit y, damit identifizier&#8216; ich mich eigentlich nicht, <br \/> aber dieses Auto &#8230;<\/p>\n<\/div>\n<div id=\"d52\" style=\"position: absolute; right:10px; bottom:10px; width: 10; height: 112px; overflow: hidden; background-color: mediumturquoise; -moz-transition: width 0.5s ease-in; -webkit-transition: height 0.5s ease-in; -o-transition: height 0.5s ease-in; transition: height 0.5s ease-in; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius: 5px; text-align: center; font-family: Verdana; font-size: 9px;\">\n<p style=\"position: absolute; top: 30%; text-align:center; width: 100%;\">es passt alles erstaunlich gut&#8230;<\/p>\n<\/div>\n<div id=\"d6\" style=\"position: absolute; left:10px; top:10px; width: 150px; height: 0px; overflow: hidden; background-color: gold; -moz-transition: height 0.5s ease-in; -webkit-transition: height 0.5s ease-in; -o-transition: height 0.5s ease-in; transition: height 0.5s ease-in; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius: 5px; text-align: center; font-family: Verdana; font-size: 9px;\">\n<p style=\"position: absolute; top: 20%; text-align:center; width: 100%;\">Obwohl das Festival of Lights dieses Jahr ziemlich entt\u00e4uschend war, war der Abend trotzdem ganz nett. Vielleicht lag es an der Beteiligung Evangelisch-Begabter :)<\/p>\n<\/div>\n<div id=\"d7\" style=\"position: absolute; right:10px; top:10px; width: 0px; height: 112px; overflow: hidden; background-color: deepskyblue; -moz-transition: width 0.5s ease-in; -webkit-transition: height 0.5s ease-in; -o-transition: height 0.5s ease-in; transition: height 0.5s ease-in; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius: 5px; text-align: center; font-family: Verdana; font-size: 9px;\">\n<p style=\"position: absolute; top: 20%; text-align:center; width: 100%;\">Man ist zur falschen Zeit an der Uni, wenn der Flohmarkt aufgebaut ist (Wochenende) oder die Nutten an der Stra\u00dfe stehen (Nachts). Wenn jemand riesige Seifenblasen macht, ist man genau richtig.<\/p>\n<\/div>\n<div id=\"d8\" style=\"position: absolute; left:170px; top:10px; width: 150px; height: 0px; overflow: hidden; background-color: red; -moz-transition: height 0.5s ease-in; -webkit-transition: height 0.5s ease-in; -o-transition: height 0.5s ease-in; transition: height 0.5s ease-in; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius: 5px; text-align: center; font-family: Verdana; font-size: 9px;\">\n<p style=\"position: absolute; top: 30%; text-align:center; width: 100%;\">Nach gut 1,5 Jahren in der Wohnung sind die letzten Kabel hinter einer Leuchte verschwunden. Alles was daf\u00fcr n\u00f6tig war, war die komplette Umschaltung der Stromkreise im Bad.<\/p>\n<\/div>\n<div id=\"d9\" style=\"position: absolute; left:10px; top:10px; width: 0px; height: 112px; overflow: hidden; background-color: orange; -moz-transition: width 0.5s ease-in; -webkit-transition: height 0.5s ease-in; -o-transition: height 0.5s ease-in; transition: height 0.5s ease-in; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius: 5px; text-align: center; font-family: Verdana; font-size: 9px;\">\n<p style=\"position: absolute; top: 30%; text-align:center; width: 100%;\">Demn\u00e4chst wird hoffentlich meine Studienarbeit fertig. Die Aussicht ist wohl das Einzige, was ich vermissen werde.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Da ich in letzter Zeit so selten zum Bloggen kommen, gibt es hier mal wieder ein Massenpost. Ich hab&#8216; allerdings versucht, das ganze mit css-transition etwas ansprechend zu gestalten. Das ganze funktioniert nat\u00fcrlich problemfrei nur im Firefox. Aber wer was anderes nutzt ist eh selbst Schuld :) Ein bi\u00dfchen Mehl, Zucker und Ei&#8230; in der &#8230; <a title=\"Firefox Picture Dump\" class=\"read-more\" href=\"http:\/\/bennip.de\/?p=1641\" aria-label=\"Mehr dazu unter Firefox Picture Dump\">Weiterlesen<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[12,8,5],"tags":[],"_links":{"self":[{"href":"http:\/\/bennip.de\/index.php?rest_route=\/wp\/v2\/posts\/1641"}],"collection":[{"href":"http:\/\/bennip.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/bennip.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/bennip.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/bennip.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1641"}],"version-history":[{"count":68,"href":"http:\/\/bennip.de\/index.php?rest_route=\/wp\/v2\/posts\/1641\/revisions"}],"predecessor-version":[{"id":1719,"href":"http:\/\/bennip.de\/index.php?rest_route=\/wp\/v2\/posts\/1641\/revisions\/1719"}],"wp:attachment":[{"href":"http:\/\/bennip.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1641"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/bennip.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1641"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/bennip.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1641"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}