plindberg

/**
 * The first commented line is your dabblet’s title
 */

span {
font: 0/0 serif;
color: transparent;
}

plindberg

/**
 * The first commented line is your dabblet’s title
 */

.t {display: table;}
.c {display: table-cell;}

plindberg

body {
padding-top: 200px;
}

@media only screen and (min-width: 881px) {
#wab, #wcd {
display: inline;
}
#a, #b, #c, #d {
display: inline-block;

plindberg

/**
 * The first commented line is your dabblet’s title
 */

#w {
width: 700px;
overflow: auto;
white-space: nowrap;
}

plindberg

/**
 * The first commented line is your dabblet’s title
 */

#hd {
margin: 0 auto;
width: 75%;
border-radius: 10px 10px 0 0;
overflow: hidden;
}

plindberg

/**
 * The first commented line is your dabblet’s title
 */

#o {
border-radius: 3px;
width: 500px;
height: 257px;
overflow: hidden;
position: relative;

plindberg

/**
 * The first commented line is your dabblet’s title
 */

#o {
border-radius: 3px;
width: 500px;
height: 257px;
overflow: hidden;
}

plindberg

/**
 * The first commented line is your dabblet’s title
 */

#nav {
position:relative;
width: 210px;
direction: rtl;
text-align: left;
}

plindberg

/**
 * The first commented line is your dabblet’s title
 */

#ow {
width: 100%;
}

#w {
width: 50%;

plindberg

/**
 * The first commented line is your dabblet’s title
 */

.container {width:100%;display:table;background:red;}

.fixed_width {
   background:green;
   width:160px;
   height:300px;