Some more work on the layout
This commit is contained in:
Ruben Müller
parent
8790bd2ebb
commit
cd8d113e79
8 changed files with 294 additions and 365 deletions
4
prototypes/layout/css/font-awesome.min.css
vendored
Normal file
4
prototypes/layout/css/font-awesome.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
170
prototypes/layout/css/layout.css
Normal file
170
prototypes/layout/css/layout.css
Normal 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;
|
||||||
|
}
|
||||||
7
prototypes/layout/js/imagesloaded-3.1.4.pkgd.min.js
vendored
Normal file
7
prototypes/layout/js/imagesloaded-3.1.4.pkgd.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
25
prototypes/layout/js/main.js
vendored
Normal file
25
prototypes/layout/js/main.js
vendored
Normal 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();
|
||||||
|
|
||||||
|
});
|
||||||
9
prototypes/layout/js/masonry.pkgd.min.js
vendored
Normal file
9
prototypes/layout/js/masonry.pkgd.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue