Skip to content

Instantly share code, notes, and snippets.

@schneidan
Created October 31, 2013 23:13
Show Gist options
  • Save schneidan/7258739 to your computer and use it in GitHub Desktop.
Save schneidan/7258739 to your computer and use it in GitHub Desktop.
HTML and CSS for the "Remembering the victims..." bar at the top of the Denver Post's Aurora theater shooting page at denverpost.com/theatershooting.
<script type="text/javascript" src="http://extras.denverpost.com/media/js/jquery-min.js"></script>
<link type='text/css' rel='stylesheet' href='theater-shooting-victims.css'>
<!-- <link type='text/css' rel='stylesheet' href='http://extras.mnginteractive.com/live/css/site36/theater-shooting-victims.css'> -->
<div id="shootingfeature">
<div id="victimnav">
<div class="victimphoto" name="boxblunk" style="background:url('http://extras.mnginteractive.com/live/media/site36/2012/0724/20120724_124353_jonathan-blunk-81.jpg');">
<p class="victimtitle">Jonathan Blunk</p>
</div>
<div class="victimphoto" name="boxboik" style="background:url('http://extras.mnginteractive.com/live/media/site36/2012/0724/20120724_124119_aj-boik-81.jpg');">
<p class="victimtitle">AJ Boik</p>
</div>
<div class="victimphoto" name="boxchildress" style="background:url('http://extras.mnginteractive.com/live/media/site36/2012/0724/20120724_124249_jesse-childress-81.jpg');">
<p class="victimtitle">Jesse Childress</p>
</div>
<div class="victimphoto" name="boxcowden" style="background:url('http://extras.mnginteractive.com/live/media/site36/2012/0724/20120724_124232_gordon-w-cowden-81.jpg');">
<p class="victimtitle">Gordon W. Cowden</p>
</div>
<div class="victimphoto" name="boxghawi" style="background:url('http://extras.mnginteractive.com/live/media/site36/2012/0724/20120724_124308_jessica-ghawi-81.jpg');">
<p class="victimtitle">Jessica Ghawi</p>
</div>
<div class="victimphoto" name="boxlarimer" style="background:url('http://extras.mnginteractive.com/live/media/site36/2012/0724/20120724_124326_john-thomas-larimer-81.jpg');">
<p class="victimtitle">John Thomas Larimer</p>
</div>
<div class="victimphoto" name="boxmcquinn" style="background:url('http://extras.mnginteractive.com/live/media/site36/2012/0727/20120727_015305_matt-mcquinn-victim-81.jpg');">
<p class="victimtitle">Matt McQuinn</p>
</div>
<div class="victimphoto" name="boxmedek" style="background:url('http://extras.mnginteractive.com/live/media/site36/2012/0724/20120724_124505_micayla-medek-81.jpg');">
<p class="victimtitle">Micayla Medek</p>
</div>
<div class="victimphoto" name="boxmoser" style="background:url('http://extras.mnginteractive.com/live/media/site36/2012/0724/20120724_124526_veronica-moser-sullivan-81.jpg');">
<p class="victimtitle">Veronica Moser-Sullivan</p>
</div>
<div class="victimphoto" name="boxsullivan" style="background:url('http://extras.mnginteractive.com/live/media/site36/2012/0724/20120724_124214_alex-matthew-sullivan-81.jpg');">
<p class="victimtitle">Alex Matthew Sullivan</p>
</div>
<div class="victimphoto" name="boxteves" style="background:url('http://extras.mnginteractive.com/live/media/site36/2012/0724/20120724_124151_alex-teves-81.jpg');">
<p class="victimtitle">Alex Teves</p>
</div>
<div class="victimphoto" name="boxwingo" style="background:url('http://extras.mnginteractive.com/live/media/site36/2012/0724/20120724_124549_rebecca-wingo-81.jpg');">
<p class="victimtitle">Rebecca Ann Wingo</p>
</div>
</div>
<div id="boxblunk" class="victimbox">
<div class="vboxleft">
<img src="http://extras.mnginteractive.com/live/media/site36/2012/0721/20120721_015910_jansenyoung_jonblunk_300.jpg">
<h1>Jonathan Blunk, 26</h1>
<p>Jonathan Blunk, 26, was shot to death while protecting his girlfriend.</p>
<p>On the movie-theater floor, Blunk kept pushing her as she heard shots being fired.</p>
<p>She eventually noticed that he had stopped pushing, but she didn't think he had been killed.</p>
<p><a href="http://www.denverpost.com/breakingnews/ci_21129372/jon-blunk-26-tried-protect-his-girlfriend">Read a complete profile of Blunk here</a>.</p>
<div class="vboxclr"></div>
</div>
<div class="vboxright">
<p class="vboxclose">Close</p>
<h2>More information</h2>
<ul>
<li><a href="http://www.denverpost.com/theatershooting/ci_21229803/hundreds-mourn-theater-victim-jon-blunk-at-reno" target="_blank">Hundreds mourn theater victim Jon Blunk at Reno funeral</a></li>
<li><a href="http://photos.denverpost.com/2012/08/03/photos-funeral-for-aurora-theater-shooting-victim-jonathan-blunk/" target="_blank">Photos: Funeral for theater shooting victim Jonathan Blunk</a></li>
<li><a href="http://www.denverpost.com/theatershooting/ci_21177284/theater-victims-body-returned-home-nevada-military-salute" target="_blank">Victim's body returned home with military salute</a></li>
<li><a href="http://photos.denverpost.com/2012/07/27/photos-theater-shooting-victim-jonathan-blunk-to-get-full-military-funeral/" target="_blank">Photos: Jonathan Blunk to get full military funeral</a></li>
<li><a href="http://www.denverpost.com/theatershooting/ci_21129372/jon-blunk-26-tried-protect-his-girlfriend" target="_blank">Jon Blunk, 26, tried to protect his girlfriend</a></li>
<li><a href="http://www.legacy.com/guestbooks/denverpost/guestbook.aspx?n=jonathan-blunk&pid=158667845&cid=full" target="_blank">View or sign Jonathan's guest book on Legacy.com</a></li>
</ul>
<div class="vboxclr"></div>
</div>
<div class="vboxclr"></div>
</div>
<div id="boxboik" class="victimbox">
<div class="vboxleft">
<img src="http://extras.mnginteractive.com/live/media/site36/2012/0726/20120726_095801_shooting-victim-aj-boik_300.jpg">
<h1>A.J. Boik, 18</h1>
<p>His name was Alexander Boik, but to the hundreds who stood on the Gateway High School football field to remember him, he was AJ.</p>
<p>His family called Boik a young man with "a warm and loving heart."</p>
<p><a href="http://www.denverpost.com/theatershooting/ci_21128530/recent-gateway-grad-a-j-boik-dreamed-teaching-art">Read a complete profile of Boik here</a>.</p>
<div class="vboxclr"></div>
</div>
<div class="vboxright">
<p class="vboxclose">Close</p>
<h2>More information</h2>
<ul>
<li><a href="http://www.denverpost.com/theatershooting/ci_21177172/1-000-attend-funeral-aj-boik-killed-aurora" target="_blank">1,000 attend funeral of AJ Boik, killed in theater shooting</a></li>
<li><a href="http://photos.denverpost.com/2012/07/27/photos-funeral-for-aurora-theater-shooting-victim-aj-boik/" target="_blank">Photos: Funeral for theater shooting victim AJ Boik</a></li>
<li><a href="http://www.denverpost.com/theatershooting/ci_21128530/recent-gateway-grad-a-j-boik-dreamed-teaching-art" target="_blank">Recent Gateway grad AJ Boik dreamed of teaching art</a></li>
<li><a href="http://photos.denverpost.com/2012/07/23/photos-the-victims-of-the-aurora-theater-shooting/" target="_blank">Photos: The victims of the Aurora theater shooting</a></li>
<li><a href="http://www.legacy.com/guestbooks/denverpost/guestbook.aspx?n=aj-boik&pid=158721737&cid=full" target="_blank">View or sign A.J.'s guest book on Legacy.com</a></li>
</ul>
<div class="vboxclr"></div>
</div>
<div class="vboxclr"></div>
</div>
<div id="boxchildress" class="victimbox">
<div class="vboxleft">
<img src="http://extras.mnginteractive.com/live/media/site36/2012/0723/20120723__jessechildress~p1.jpg">
<h1>Jesse Childress, 29</h1>
<p>Jesse Childress was fatally wounded when he dove in front of a friend, a female Air Force member from Buckley, according to Childress' friend Kevin Thao.</p>
<p>"He would have done that," Thao said Saturday evening at the makeshift memorial erected across the street from the Century 16 theater.</p>
<p><a href="http://www.denverpost.com/theatershooting/ci_21128946/air-force-colleagues-mourn-loss-jesse-childress">Read a complete profile of Childress here</a>.</p>
<div class="vboxclr"></div>
</div>
<div class="vboxright">
<p class="vboxclose">Close</p>
<h2>More information</h2>
<ul>
<li><a href="http://www.denverpost.com/theatershooting/ci_21128946/air-force-colleagues-mourn-loss-jesse-childress" target="_blank">Air Force colleagues mourn loss of Jesse Childress</a></li>
<li><a href="http://photos.denverpost.com/2012/07/23/photos-the-victims-of-the-aurora-theater-shooting/" target="_blank">Photos: The victims of the Aurora theater shooting</a></li>
<li><a href="http://www.legacy.com/guestbook/denverpost/guestbook.aspx?n=jesse-childress&pid=158667841&cid=full" target="_blank">View or sign Jesse's guest book on Legacy.com</a></li>
</ul>
<div class="vboxclr"></div>
</div>
<div class="vboxclr"></div>
</div>
<div id="boxcowden" class="victimbox">
<div class="vboxleft">
<img src="http://extras.mnginteractive.com/live/media/site36/2012/0721/20120721__20120722_A16_CD22VICTIMSCOWDEN~p1_300.jpg">
<h1>Gordon W. Cowden, 51</h1>
<p>Gordon W. Cowden's family released this statement:</p>
<p>"Loving father, outdoorsman and small business owner, Cowden was a true Texas gentleman that loved life and his family. A quick witted world traveler with a keen sense of humor, he will be remembered for his devotion to his children and for always trying his best to do the right thing, no matter the obstacle."</p>
<p><a href="http://www.denverpost.com/theatershooting/ci_21130483/at-51-gordon-cowden-was-oldest-those-slain">Read a complete profile of Cowden here</a>.</p>
<div class="vboxclr"></div>
</div>
<div class="vboxright">
<p class="vboxclose">Close</p>
<h2>More information</h2>
<ul>
<li><a href="http://www.denverpost.com/theatershooting/ci_21130483/at-51-gordon-cowden-was-oldest-those-slain" target="_blank">At 51, Gordon Cowden was oldest of those slain in theater shooting</a></li>
<li><a href="http://photos.denverpost.com/2012/07/23/photos-the-victims-of-the-aurora-theater-shooting/" target="_blank">Photos: The victims of the Aurora theater shooting</a></li>
<li><a href="http://www.denverpost.com/theatershooting/ci_21134462/colorado-churches-remember-reflect-aurora-theater-shooting" target="_blank">Colorado churches remember, reflect on Aurora theater shooting</a></li>
<li><a href="http://www.legacy.com/guestbooks/denverpost/guestbook.aspx?n=gordon-cowden&pid=158667876&cid=view" target="_blank">View or sign Gordon's guest book on Legacy.com</a></li>
</ul>
<div class="vboxclr"></div>
</div>
<div class="vboxclr"></div>
</div>
<div id="boxghawi" class="victimbox">
<div class="vboxleft">
<img src="http://extras.mnginteractive.com/live/media/site36/2012/0720/20120720__jessica_ghawit~p1.jpg">
<h1>Jessica Ghawi, 24</h1>
<p>Jessica Ghawi grew up a hockey fan in football-crazed Texas.</p>
<p>She followed that passion to Colorado to forge a career in sports journalism. It probably took her to Toronto, where just weeks ago, she walked out of a shopping-mall food court moments before a gunman shot seven people.</p>
<p>Early Friday in Aurora, Ghawi did not escape the gunfire.</p>
<p><a href="http://www.denverpost.com/theatershooting/ci_21128951/hockey-fan-jessica-ghawi-dreamed-life-sports-journalism">Read a complete profile of Ghawi here</a>.</p>
<div class="vboxclr"></div>
</div>
<div class="vboxright">
<p class="vboxclose">Close</p>
<h2>More information</h2>
<ul>
<li><a href="http://www.denverpost.com/theatershooting/ci_21181592/friends-family-pay-tribute-budding-journalist-jessica-ghawi" target="_blank">Friends, family pay tribute to budding journalist Ghawi</a></li>
<li><a href="http://www.denverpost.com/theatershooting/ci_21128951/hockey-fan-jessica-ghawi-dreamed-life-sports-journalism" target="_blank">Hockey fan Jessica Ghawi dreamed of life in sports journalism</a></li>
<li><a href="http://blogs.denverpost.com/avs/2012/07/21/avalanche-honor-jessica-ghawi/11190/" target="_blank">All Things Avs: Avalanche will honor Jessica Ghawi</a></li>
<li><a href="http://photos.denverpost.com/2012/07/23/photos-the-victims-of-the-aurora-theater-shooting/" target="_blank">Photos: The victims of the Aurora theater shooting</a></li>
<li><a href="http://www.legacy.com/guestbooks/denverpost/guestbook.aspx?n=jessica-ghawi&pid=158667815&cid=view" target="_blank">View or sign Jessica's guest book on Legacy.com</a></li>
</ul>
<div class="vboxclr"></div>
</div>
<div class="vboxclr"></div>
</div>
<div id="boxlarimer" class="victimbox">
<div class="vboxleft">
<img src="http://extras.mnginteractive.com/live/media/site36/2012/0725/20120725_095127_john-thomas-larimer.jpg">
<h1>John Thomas Larimer, 27</h1>
<p>John Thomas Larimer's last act was a heroic act. It was not, however, an act of bravery performed in his role as a Navy sailor — it was an act of love and sacrifice performed as a boyfriend.</p>
<p>Navy Petty Officer 3rd Class Larimer was killed early Friday in the Aurora movie theater massacre while protecting his girlfriend, Kelley Vojtsek, from the barrage of bullets.</p>
<p><a href="http://www.denverpost.com/theatershooting/ci_21127974/shooting-victim-john-larimer-illinois-sailor-was-youngest-five-children">Read a complete profile of Larimer here</a>.</p>
<div class="vboxclr"></div>
</div>
<div class="vboxright">
<p class="vboxclose">Close</p>
<h2>More information</h2>
<ul>
<li><a href="http://www.denverpost.com/theatershooting/ci_21127974/shooting-victim-john-larimer-illinois-sailor-was-youngest-five-children" target="_blank">John Larimer: Illinois sailor was youngest of five children</a></li>
<li><a href="http://photos.denverpost.com/2012/07/23/photos-prayer-vigil-for-aurora-shooting-victims/" target="_blank">Photos: Prayer Vigil For Aurora Shooting Victims</a></li>
<li><a href="http://photos.denverpost.com/2012/07/23/photos-the-victims-of-the-aurora-theater-shooting/" target="_blank">Photos: The victims of the Aurora theater shooting</a></li>
<li><a href="http://www.legacy.com/guestbook/denverpost/guestbook.aspx?n=john-larimer&pid=158667834&cid=view" target="_blank">View or sign John's guest book on Legacy.com</a></li>
</ul>
<div class="vboxclr"></div>
</div>
<div class="vboxclr"></div>
</div>
<div id="boxmcquinn" class="victimbox">
<div class="vboxleft">
<img src="http://extras.mnginteractive.com/live/media/site36/2012/0727/20120727_015329_matt-mcquinn-victim_300.jpg">
<h1>Matt McQuinn, 27</h1>
<p>Matt McQuinn died protecting his girlfriend.</p>
<p>As a gunman calmly walked up the aisle of an Aurora movie theater Friday firing at moviegoers, the 27-year-old Ohio native dived on top of Samantha Yowler. Her brother Nick, 32, also tried to shield her, said Robert L. Scott, attorney for the McQuinn and Yowler families.</p>
<p><a href="http://www.denverpost.com/theatershooting/ci_21128575/matt-mcquinn-27-died-protecting-girlfriend-aurora-theater-shooting">Read a complete profile of McQuinn here</a>.</p>
<div class="vboxclr"></div>
</div>
<div class="vboxright">
<p class="vboxclose">Close</p>
<h2>More information</h2>
<ul>
<li><a href="http://www.denverpost.com/theatershooting/ci_21128575/matt-mcquinn-27-died-protecting-girlfriend-aurora-theater-shooting" target="_blank">Matt McQuinn, 27, died protecting girlfriend in Aurora theater shooting</a></li>
<li><a href="http://photos.denverpost.com/2012/07/23/photos-the-victims-of-the-aurora-theater-shooting/" target="_blank">Photos: The victims of the Aurora theater shooting</a></li>
<li><a href="http://www.legacy.com/guestbook/denverpost/guestbook.aspx?n=matthew-mcquinn&pid=158667888&cid=view" target="_blank">View or sign Matt's guest book on Legacy.com</a></li>
</ul>
<div class="vboxclr"></div>
</div>
<div class="vboxclr"></div>
</div>
<div id="boxmedek" class="victimbox">
<div class="vboxleft">
<img src="http://extras.mnginteractive.com/live/media/site36/2012/0725/20120725_095921_micayla-medek.jpg">
<h1>Micayla Medek, 23</h1>
<p>Everyone knew her as Cayla.</p>
<p>Micayla Medek worked as a Subway "sandwich artist." "I do everything lol," she said on her Facebook page.</p>
<p>"I'm a simple independent girl who's just trying to get her life together while still having fun," she wrote.</p>
<p><a href="http://www.denverpost.com/theatershooting/ci_21128563/hinckley-grad-was-just-trying-get-life-togethe">Read a complete profile of Medek here</a>.</p>
<div class="vboxclr"></div>
</div>
<div class="vboxright">
<p class="vboxclose">Close</p>
<h2>More information</h2>
<ul>
<li><a href="http://www.denverpost.com/theatershooting/ci_21167050/" target="_blank">Medek funeral about joyful spirit of "sandwich artist"</a></li>
<li><a href="http://photos.denverpost.com/2012/07/26/photos-funeral-for-aurora-theater-shooting-victim-micayla-medek/" target="_blank">Photos: Funeral for Aurora shooting victim Micayla Medek</a></li>
<li><a href="http://www.denverpost.com/theatershooting/ci_21128563/hinckley-grad-was-just-trying-get-life-togethe" target="_blank">Micayla Medek was 'just trying to get life together'</a></li>
<li><a href="http://blogs.denverpost.com/thespot/2012/07/22/theater-shooting-victim/77248/" target="_blank">Victim with the soft smile “likely” waited on suspected gunman</a></li>
<li><a href="http://photos.denverpost.com/2012/07/23/photos-the-victims-of-the-aurora-theater-shooting/" target="_blank">Photos: The victims of the Aurora theater shooting</a></li>
<li><a href="http://www.legacy.com/guestbook/denverpost/guestbook.aspx?n=micayla-medek&pid=158667878&cid=view" target="_blank">View or sign Micayla's guest book on Legacy.com</a></li>
</ul>
<div class="vboxclr"></div>
</div>
<div class="vboxclr"></div>
</div>
<div id="boxmoser" class="victimbox">
<div class="vboxleft">
<img src="http://extras.mnginteractive.com/live/media/site36/2012/0725/20120725_100344_veronica-moser-sullivan_300.jpg">
<h1>Veronica Moser-Sullivan, 6</h1>
<p>Veronica Moser-Sullivan will always be 6 years old.</p>
<p>The "vibrant, excitable," blond-haired, blue-eyed little girl, who was bragging five days ago about learning how to swim, was one of the 12 people killed in the Aurora theater shooting Friday, said her great-aunt Annie Dalton.</p>
<p><a href="http://www.denverpost.com/theatershooting/ci_21127990/vernonica-moser-6-victim-theater-shooting">Read a complete profile of Moser-Sullivan here</a>.</p>
<div class="vboxclr"></div>
</div>
<div class="vboxright">
<p class="vboxclose">Close</p>
<h2>More information</h2>
<ul>
<li><a href="http://www.denverpost.com/theatershooting/ci_21127990/vernonica-moser-6-victim-theater-shooting" target="_blank">Veronica Moser, 6, victim of Aurora theater shooting</a></li>
<li><a href="http://www.denverpost.com/theatershooting/ci_21135164/aurora-dispatchers-recount-night-horror" target="_blank">Chuck Murphy: Dispatchers recount night of horror</a></li>
<li><a href="http://photos.denverpost.com/2012/07/23/photos-the-victims-of-the-aurora-theater-shooting/" target="_blank">Photos: The victims of the Aurora theater shooting</a></li>
<li><a href="http://www.legacy.com/guestbook/denverpost/guestbook.aspx?n=veronica-moser-sullivan&pid=158667826&cid=view" target="_blank">View or sign Veronica's guest book on Legacy.com</a></li>
</ul>
<div class="vboxclr"></div>
</div>
<div class="vboxclr"></div>
</div>
<div id="boxsullivan" class="victimbox">
<div class="vboxleft">
<img src="http://extras.mnginteractive.com/live/media/site36/2012/0720/20120720__Alex_Sullivan~p1_300.jpg">
<h1>Alex Matthew Sullivan, 27</h1>
<p>Sometime late Thursday, Alex Sullivan posted on his Facebook page: "#TheDarkKnightRises OMG COUNTING down till it start cant wait going to be the best birthday ever."</p>
<p>Sullivan died on his 27th birthday. He and co-workers from a Red Robin restaurant had gone to the premiere. Sullivan was killed, and seven co-workers were injured.</p>
<p><a href="http://www.denverpost.com/theatershooting/ci_21128465/alex-sullivan-remembered-many-friends-he-loved">Read a complete profile of Sullivan here</a>.</p>
<div class="vboxclr"></div>
</div>
<div class="vboxright">
<p class="vboxclose">Close</p>
<h2>More information</h2>
<ul>
<li><a href="http://www.denverpost.com/theatershooting/ci_21128465/alex-sullivan-remembered-many-friends-he-loved" target="_blank">Alex Sullivan's life is framed in touching memories</a></li>
<li><a href="http://photos.denverpost.com/2012/07/26/theater-shooting/" target="_blank">VIDEO: Alex Sullivan’s life celebrated through stories</a></li>
<li><a href="http://www.denverpost.com/theatershooting/ci_21128465/alex-sullivan-remembered-many-friends-he-loved" target="_blank">Alex Sullivan remembered for the many friends he loved</a></li>
<li><a href="http://www.denverpost.com/theatershooting/ci_21118201/71-shot-12-killed-at-aurora-movie-theater" target="_blank">Family identifies 27-year-old victim of theater shooting</a></li>
<li><a href="http://photos.denverpost.com/2012/07/21/friend-talks-aurora-theater-shooting-victim-alex-sullivan/" target="_blank">VIDEO: Friend talks about victim Alex Sullivan</a></li>
<li><a href="http://www.denverpost.com/theatershooting/ci_21130013/excitement-turns-grief-workers-at-red-robin-restaurant" target="_blank">Excitement turns to grief for Red Robin workers</a></li>
<li><a href="http://photos.denverpost.com/2012/07/23/photos-the-victims-of-the-aurora-theater-shooting/" target="_blank">Photos: The victims of the Aurora theater shooting</a></li>
<li><a href="http://www.legacy.com/guestbook/denverpost/guestbook.aspx?n=alex-sullivan&pid=158667872&cid=view" target="_blank">View or sign Alex's guest book on Legacy.com</a></li>
</ul>
<div class="vboxclr"></div>
</div>
<div class="vboxclr"></div>
</div>
<div id="boxteves" class="victimbox">
<div class="vboxleft">
<img src="http://extras.mnginteractive.com/live/media/site36/2012/0721/20120721__20120722_A15_CD20VICTIMTEVES~p1_300.jpg">
<h1>Alex Teves, 24</h1>
<p>A friend, identified only as Caitlin on Twitter, posted messages on the social media network early Friday from the Century Aurora 16 theater, and wrote on Twitter early Saturday that Alex Teves was, "One of the best men I ever knew. The world isn't as good a place without him." She also described Teves as a fan of the University of Arizona and Spider-Man.</p>
<p><a href="http://www.denverpost.com/theatershooting/ci_21128556/alex-teves-one-best-men-i-ever-knew">Read a complete profile of Teves here</a>.</p>
<div class="vboxclr"></div>
</div>
<div class="vboxright">
<p class="vboxclose">Close</p>
<h2>More information</h2>
<ul>
<li><a href="http://www.denverpost.com/theatershooting/ci_21222859/friends-share-stories-brews-they-toast-shooting-victim" target="_blank">Friends share stories, brews as they toast Alex Teves</a></li>
<li><a href="http://www.denverpost.com/theatershooting/ci_21128556/alex-teves-one-best-men-i-ever-knew" target="_blank">Alex Teves: 'One of the best men I ever knew,' friend says</a></li>
<li><a href="http://photos.denverpost.com/2012/07/23/photos-the-victims-of-the-aurora-theater-shooting/" target="_blank">Photos: The victims of the Aurora theater shooting</a></li>
<li><a href="http://www.legacy.com/guestbook/denverpost/guestbook.aspx?n=alexander-teves&pid=158667885&cid=view" target="_blank">View or sign Alex's guest book on Legacy.com</a></li>
</ul>
<div class="vboxclr"></div>
</div>
<div class="vboxclr"></div>
</div>
<div id="boxwingo" class="victimbox">
<div class="vboxleft">
<img src="http://extras.mnginteractive.com/live/media/site36/2012/0724/20120724__20120725_A1_CD24SHOOTWINGO~p1.jpg">
<h1>Rebecca Ann Wingo, 32</h1>
<p>On one of their first nights without her, Rebecca Ann Wingo's family gathered on the patio, swapping memories of a woman who for 32 years had been the center of their world.</p>
<p>They remembered a woman who always sat in the first row at church, who devoured books in a single sitting and always seemed to be juggling multiple projects.</p>
<p><a href="http://www.denverpost.com/theatershooting/ci_21146142/shooting-victim-wingo-was-fearless-lived-life-abandon">Read a complete profile of Wingo here</a>.</p>
<div class="vboxclr"></div>
</div>
<div class="vboxright">
<p class="vboxclose">Close</p>
<h2>More information</h2>
<ul>
<li><a href="http://www.denverpost.com/theatershooting/ci_21200531/mom-theater-shooting-victim-hires-lawyer-explore-options" target="_blank">Mom of shooting victim hires lawyer to "explore options"</a></li>
<li><a href="http://www.denverpost.com/theatershooting/ci_21178059/free-spirit-air-force" target="_blank">Rebecca Wingo was a free spirit in the Air Force</a></li>
<li><a href="http://www.denverpost.com/theatershooting/ci_21146142/shooting-victim-wingo-was-fearless-lived-life-abandon" target="_blank">Victim Rebecca Wingo fearless, lived life with abandon</a></li>
<li><a href="http://www.denverpost.com/theatershooting/ci_21128233/father-victim-is-inconsolable" target="_blank">Father of theater shooting victim Rebecca Wingo is 'inconsolable'</a></li>
<li><a href="http://photos.denverpost.com/2012/07/23/photos-the-victims-of-the-aurora-theater-shooting/" target="_blank">Photos: The victims of the Aurora theater shooting</a></li>
<li><a href="http://www.legacy.com/guestbook/denverpost/guestbook.aspx?n=rebecca-wingo&pid=158667870&cid=view" target="_blank">View or sign Rebecca's guest book on Legacy.com</a></li>
</ul>
<div class="vboxclr"></div>
</div>
<div class="vboxclr"></div>
</div>
<div id="shootresources">
<ul class="resourceul">
<li style="width:120!important;"><a style="width:120!important;" href="http://www.denverpost.com/theatershooting" target="_blank">Shooting home</a></li>
<li style="width:68!important;"><a style="width:68!important;" href="http://photos.denverpost.com/category/news/colorado/aurora-theater-shooting/" target="_blank">Photos</a></li>
<li style="width:66!important;"><a style="width:66!important;" href="http://www.denverpost.com/breakingnews/ci_21119760/" target="_blank">Video</a></li>
<li style="width:64!important;"><a style="width:64!important;" href="http://www.denverpost.com/breakingnews/ci_21119829/aurora-theater-shooting-police-and-fire-department-scanner" target="_blank">Audio</a></li>
<li style="width:90!important;"><a style="width:90!important;" href="http://live.denverpost.com/Event/Aurora_Theater_Shooting_July_20_2012" target="_blank">Live blog</a></li>
<li style="width:85!important;"><a style="width:85!important;" href="http://www.denverpost.com/breakingnews/ci_21119904" target="_blank">Timeline</a></li>
<li style="width:54!important;"><a style="width:54!important;" href="http://www.denverpost.com/ci_21116739/map-aurora-theater-shooting" target="_blank">Map</a></li>
<li style="width:135!important;"><a style="width:135!important;" href="http://www.denverpost.com/breakingnews/ci_21121942/aurora-theater-shooting-where-find-help-support-aftermath" target="_blank">Donate/find help</a></li>
</ul>
<h2>Remembering the victims</h2>
<div class="vboxclr"></div>
</div>
<div class="vboxclr"></div>
</div>
<script type="text/javascript">
$(document).ready(function() {
// Bind the event to the required element
$('.victimphoto').hover(
function(){
// Call the function on a specific element to fade in
$(this).children('.victimtitle').fadeIn(100);
},
function(){
// Call the opposite function on the same element to fade out
$(this).children('.victimtitle').fadeOut(100);
}
);
// Bind the event to the required element
$('.victimtitle').click(
function(){
// Call the function on a specific element to fade in
$('.victimbox').hide(100);
var f = '#' + $(this).parents('.victimphoto').attr('name');
if( $(f).css('display') == 'block') {
$(f).hide(100);
} else {
$(f).show(100);
}
});
$('.vboxclose').click(
function(){
$('.victimbox').hide(100);
});
});
</script>
/* July 2012 Aurora Movie Theater Shooting Victims and Links widget */
/* Styles by Daniel Schneider July 2012 */
#shootingfeature {
width:1000px;
margin:0;
padding:0;
display:block;
}
#victimnav {
width:996px;
height:83px;
margin:0 2px;
background:#444;
display:block;
overflow:visible;
}
#victimnav .victimphoto {
width:81px;
height:81px;
border:none;
cursor:pointer;
margin:1px;
padding:0;
display:block;
float:left;
overflow:visible;
}
#victimnav p.victimtitle {
z-index:100;
color:#fff;
float:left;
width:71px;
_width:100%;
height:43px;
_height:100%;
border:none;
cursor:pointer;
margin:0;
padding:33px 5px 5px;
_padding:30px 5px 5px;
display:block;
font-family:Helvetica,Tahoma,Arial,sans-serif;
font-weight:600;
font-size:12px;
position:absolute;
background:#444;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
opacity:0.8;
-moz-opacity:0.8;
-khtml-opacity: 0.8;
filter: alpha(opacity = 80);
zoom:1;
display:none;
}
#shootingfeature .victimbox {
width:996px;
height:245px;
margin:2px;
padding:0;
display:block;
z-index:100;
background:#444;
display:none;
}
.visiblep {
display:block!important;
}
#shootingfeature .victimbox .vboxleft {
width:570px;
height:210px;
margin:10px 20px;
float:left;
}
#shootingfeature .victimbox .vboxleft h1 {
color:#efefef;
font-family:Georgia,Times,Times New Roman,serif;
font-weight:600;
font-size:22px;
line-height:26px;
margin:0 0 10px;
}
#shootingfeature .victimbox .vboxleft p {
color:#efefef;
font-family:Georgia,Times,Times New Roman,serif;
font-weight:400;
font-size:13px;
line-height:18px;
margin: 8px 0;
}
#shootingfeature .victimbox .vboxleft a:link, #shootingfeature .victimbox .vboxleft a:visited, #shootingfeature .victimbox .vboxright a:link, #shootingfeature .victimbox .vboxright a:visited {
color:#abc;
font-family:Georgia,Times,Times New Roman,serif;
font-weight:400;
font-size:14px;
line-height:16px;
text-decoration:none;
}
#shootingfeature .victimbox .vboxleft a:hover, #shootingfeature .victimbox .vboxright a:hover {
color:#789;
font-family:Georgia,Times,Times New Roman,serif;
font-weight:400;
font-size:14px;
line-height:16px;
text-decoration:underline;
}
#shootingfeature .victimbox .vboxleft img {
height:210px;
float:right;
margin:5px 0 10px 10px;
padding:0;
position:relative;
}
#shootingfeature .victimbox .vboxright {
width:360px;
margin:10px 20px 10px 0;
float:right;
height:210px;
}
#shootingfeature .victimbox .vboxright h2 {
color:#efefef;
font-family:Georgia,Times,Times New Roman,serif;
font-weight:600;
font-size:18px;
line-height:22px;
margin:0 0 10px;
}
#shootingfeature .victimbox .vboxright ul, #shootingfeature .victimbox .vboxright ul li {
padding:0;
list-style-type:none;
background-image:none!important;
color:#efefef;
font-family:Georgia,Times,Times New Roman,serif;
font-weight:400;
font-size:13px;
line-height:15px;
margin: 8px 0;
}
#shootingfeature .vboxclr {
width:100%;
clear:both;
height:0px;
font-size:0px;
line-height:0px;
}
#shootingfeature .victimbox .vboxright p.vboxclose {
float:right;
hieght:12px;
color:#efefef;
font-family:Georgia,Times,Times New Roman,serif;
font-weight:400;
font-size:11px;
line-height:12px;
text-transform:uppercase;
margin: 0;
padding:3px;
border:1px solid #888;
cursor:pointer;
}
#shootresources {
width:996px;
background:#444;
height:32px;
margin:2px;
display:block;
overflow:hidden;
}
#shootresources ul.resourceul {
padding:0;
list-style-type:none;
background-image:none!important;
color:#efefef;
font-family:Georgia,Times,Times New Roman,serif;
font-weight:400;
font-size:14px;
line-height:30px;
margin:0;
display:block;
float:right;
}
#shootresources ul.resourceul li {
padding:0;
list-style-type:none;
background-image:none!important;
color:#efefef;
font-family:Georgia,Times,Times New Roman,serif;
font-weight:400;
font-size:14px;
line-height:30px;
display:inline-block;
height:32px;
float:left;
text-align:center;
border-left:1px solid #6f6f6f;
}
#shootresources ul.resourceul li a:link, #shootresources ul.resourceul li a:visited {
list-style-type:none;
color:#efefef;
text-decoration:none;
display:inline-block;
height:32px;
float:left;
width:80px;
}
#shootresources ul.resourceul li a:hover {
list-style-type:none;
color:#f9f9f9!important;
text-decoration:underline;
display:inline-block;
height:32px;
float:left;
background:#6f6f6f;
width:80px;
}
#shootingfeature #shootresources h2 {
padding:0;
margin: 0 0 0 20px;
color:#efefef;
font-family:Georgia,Times,Times New Roman,serif;
font-weight:600;
font-size:18px;
font-style:italic;
line-height:30px;
display:inline-block;
height:32px;
float:left;
text-align:left;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment