Some more work on the layout

This commit is contained in:
Ruben Müller 2014-04-03 22:08:11 +02:00
parent 8790bd2ebb
commit cd8d113e79
8 changed files with 294 additions and 365 deletions

File diff suppressed because one or more lines are too long

View file

@ -0,0 +1,170 @@
body
{
font-family: Verdana;
background-color: #eee;
}
#list
{
overflow: scroll;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: blue;
color: white;
/*transition-property: width;
transition-duration: .3s;
transition-timing-function: linear;*/
}
#detail
{
position: fixed;
right: 0;
top: 0;
width: 0%;
height: 100%;
background-color: green;
color: white;
/*transition-property: width;
transition-duration: .3s;
transition-timing-function: linear;*/
}
body.opened #list
{
width: 50%;
/*transition-property: width;
transition-duration: .3s;
transition-timing-function: linear;*/
}
body.opened #detail
{
width: 50%;
/*transition-property: width;
transition-duration: .3s;
transition-timing-function: linear;*/
}
#entries
{
width: 100%;
}
#entries tr td
{
background-color: white;
}
#entries tr td img
{
width: 100%;
}
#close
{
padding: 10px;
background-color: red;
color: white;
}
div.entry
{
width: 20%;
float: left;
}
div.entry:hover
{
cursor: pointer;
}
div.entry img
{
width: 100%;
}
div#games
{
}
div#games div.entry
{
display: block;
border: 2px solid red;
width: 200px;
height: 200px;
margin: 0 20px 20px 0;
}
div#games div.entry img
{
display: block;
width: 200px;
height: 200px;
}
div#overlay
{
position: fixed;
border: 2px solid red;
left: 100px;
top: 50px;
width: 800px;
height: 600px;
background-color: white;
z-index: 500;
box-shadow: 0 0 40px #333;
}
div#overlay div.content img
{
position: absolute;
left: 0;
top: 0;
width: 800px;
height: 600px;
}
div#overlay div.content
{
position: absolute;
bottom: 10px;
left: 10px;
right: 10px;
background-color: white;
opacity: .75;
padding: 20px;
}
div#overlay div.content h1
{
margin: 0;
}
div#overlay div.content h2
{
margin: 0;
font-weight: normal;
}
div#overlay button
{
position: absolute;
right: 10px;
top: 10px;
padding: 20px;
}

File diff suppressed because one or more lines are too long

25
prototypes/layout/js/main.js vendored Normal file
View file

@ -0,0 +1,25 @@
var currentScroll = 0;
$(function() {
$('#games').imagesLoaded(function() {
$('#games').masonry({
//columnWidth: 200,
itemSelector: '.entry',
isFitWidth: true,
gutter: 0
});
});
$('#games div.entry a').click(function()
{
$('#overlay').show();
});
$('#overlay button').click(function()
{
$('#overlay').hide();
});
//$('#overlay').hide();
});

File diff suppressed because one or more lines are too long

View file

@ -2,382 +2,96 @@
<head> <head>
<title>ldview layout prototype</title> <title>ldview layout prototype</title>
<script type="text/javascript" src="jquery-2.0.3.min.js"></script> <script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="js/imagesloaded-3.1.4.pkgd.min.js"></script>
<script type="text/javascript" src="js/masonry.pkgd.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<style type="text/css"> <link type="text/css" rel="stylesheet" href="css/layout.css"></link>
body <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
{
font-family: Verdana;
}
#list
{
overflow: scroll;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: blue;
color: white;
/*transition-property: width;
transition-duration: .3s;
transition-timing-function: linear;*/
}
#detail
{
position: fixed;
right: 0;
top: 0;
width: 0%;
height: 100%;
background-color: green;
color: white;
/*transition-property: width;
transition-duration: .3s;
transition-timing-function: linear;*/
}
body.opened #list
{
width: 50%;
/*transition-property: width;
transition-duration: .3s;
transition-timing-function: linear;*/
}
body.opened #detail
{
width: 50%;
/*transition-property: width;
transition-duration: .3s;
transition-timing-function: linear;*/
}
#entries
{
width: 100%;
}
#entries tr td
{
background-color: white;
}
#entries tr td img
{
width: 100%;
}
#close
{
padding: 10px;
background-color: red;
color: white;
}
div.entry
{
width: 20%;
float: left;
}
div.entry:hover
{
cursor: pointer;
}
div.entry img
{
width: 100%;
}
</style>
<script type="text/javascript">
var currentScroll = 0;
$(function() {
$('.entry').on('click', function(e) {
currentScroll = $('#list').scrollTop();
$('body').addClass('opened');
});
$('#close').on('click', function(e) {
$('body').removeClass('opened');
$('#list').scrollTop(currentScroll);
});
});
</script>
</head> </head>
<body> <body>
<div id="list"> <h1>LDVIEW</h1>
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
<div class="entry"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></div>
<!--<table id="entries"> <div id="overlay">
<tr> <button>x</button>
<td></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
</tr>
<tr> <img width="800" height="600" src="http://www.ludumdare.com/compo/wp-content/compo2/308734/7890-shot0.jpg">
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
</tr>
<tr> <div class="content">
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td> <h1>Ultra Chase</h1>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td> <h2>dooglz - 48 Hour Compo Entry</h2>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td> <i class="fa fa-linux fa-5x"></i>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td> <i class="fa fa-apple fa-5x"></i>
</tr> <i class="fa fa-windows fa-5x"></i>
</div>
<tr>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
</tr>
<tr>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
</tr>
<tr>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
</tr>
<tr>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
</tr>
<tr>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
</tr>
<tr>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
</tr>
<tr>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
</tr>
<tr>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
</tr>
<tr>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
</tr>
<tr>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
</tr>
<tr>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
</tr>
<tr>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
</tr>
<tr>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
</tr>
<tr>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
</tr>
<tr>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
</tr>
<tr>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
</tr>
<tr>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
</tr>
<tr>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
</tr>
<tr>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
</tr>
<tr>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
</tr>
<tr>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
</tr>
<tr>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
</tr>
<tr>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
</tr>
<tr>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
<td><a href="#" class="open"><img src="http://sandbox.yoyogames.com/extras/image/name/san1/941/158941/awesome_wookie.jpg"></a></td>
</tr>
</table>-->
</div> </div>
<div id="detail"> <div id="games">
DETAIL
<div class="entry">
<a href="#">
<img src="http://webneel.com/daily/sites/default/files/images/project/3d-character-model%20(2).jpg">
</a>
</div>
<div class="entry">
<a href="#">
<img src="http://webneel.com/daily/sites/default/files/images/project/3d-character-model%20(2).jpg">
</a>
</div>
<div class="entry">
<a href="#">
<img src="http://webneel.com/daily/sites/default/files/images/project/3d-character-model%20(2).jpg">
</a>
</div>
<div class="entry">
<a href="#">
<img src="http://webneel.com/daily/sites/default/files/images/project/3d-character-model%20(2).jpg">
</a>
</div>
<div class="entry">
<a href="#">
<img src="http://webneel.com/daily/sites/default/files/images/project/3d-character-model%20(2).jpg">
</a>
</div>
<div class="entry">
<a href="#">
<img src="http://webneel.com/daily/sites/default/files/images/project/3d-character-model%20(2).jpg">
</a>
</div>
<div class="entry">
<a href="#">
<img src="http://webneel.com/daily/sites/default/files/images/project/3d-character-model%20(2).jpg">
</a>
</div>
<div class="entry">
<a href="#">
<img src="http://webneel.com/daily/sites/default/files/images/project/3d-character-model%20(2).jpg">
</a>
</div>
<div class="entry">
<a href="#">
<img src="http://webneel.com/daily/sites/default/files/images/project/3d-character-model%20(2).jpg">
</a>
</div>
<div class="entry">
<a href="#">
<img src="http://webneel.com/daily/sites/default/files/images/project/3d-character-model%20(2).jpg">
</a>
</div>
<a href="#" id="close">X</a>
</div> </div>
</body> </body>