Liderbet VFL Table
HTML
<body>
<header>
<div class="lider-bet-logo"></div>
</header>
<div id="main-wrapper">
<div id="left-wrapper">
<section class="game-section">
<div class="section-head">
<div class="secton-head-game-id">1349</div>
<div class="section-head-game-name">დონეცკი - შახტიორი</div>
<div class="section-head-game-result">0:0</div>
<span class="section-head-divider"></span>
</div>
<div class="section-body">
<div class="section-prime">
<div class="section-prime-prime">
<span class="section-bet-name">ძირითადი შედეგი</span>
<span class="section-bet-1-name">1</span>
<span class="section-bet-x-name">X</span>
<span class="section-bet-2-name">2</span>
<span class="section-bet-1-val">1.25</span>
<span class="section-bet-x-val">2.64</span>
<span class="section-bet-2-val">3.00</span>
</div>
<div class="section-prime-first-half">
<span class="section-bet-name">პირველი ტაიმი</span>
<span class="section-bet-1-name">1</span>
<span class="section-bet-x-name">X</span>
<span class="section-bet-2-name">2</span>
<span class="section-bet-1-val">1.25</span>
<span class="section-bet-x-val">2.64</span>
<span class="section-bet-2-val">3.00</span>
</div>
<div...
CSS
root {
display: block;
}
* {
margin: 0;
padding: 0;
}
::-webkit-scrollbar {
width: 0 !important
body {
background:url('https://dl.dropboxusercontent.com/u/2130702/Share/JSFiddle/img/body-background-default.png');
overflow: hidden;
}
header {
display: block;
width: 100%;
height: 42px;
background-image: url('https://dl.dropboxusercontent.com/u/2130702/Share/JSFiddle/img/header-background-default.png');
background-repeat: repeat-x;
position: relative;
z-index: 999;
}
.lider-bet-logo {
display: block;
width: 165px;
height: 15px;
background-image: url('https://dl.dropboxusercontent.com/u/2130702/Share/JSFiddle/img/lider-bet-logo-default.png');
position: relative;
left: 15px;
top:13px;
}
#main-wrapper {
display: table;
width: 100%;
min-width: 900px;
overflow: hidden;
}
#left-wrapper {
display: table-cell;
}
#right-wrapper {
display: table-cell;
width: 150px;
}
.game-section {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-moz-box-shadow: 0 1px 4px #000, inset 15000px 25981px 0 rgba(0,0,0,.02), inset 0 0 0 1px rgba(255,255,255,.16);
-webkit-box-shadow: 0 1px 4px #000, inset 15000px 25981px 0 rgba(0,0,0,.02), inset 0 0 0 1px rgba(255,255,255,.16);
box-shadow: 0 1px 4px #000, inset 15000px 25981px 0 rgba(0,0,0,.02), inset 0 0 0 1px rgba(255,255,255,.16);
background-image:...