PortableMag/magazine.css
Alex A. Naanou 3e391e615b started working on real magazine structure...
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
2013-01-20 16:59:14 +04:00

49 lines
676 B
CSS
Executable File

/* all elements that will behave like a page */
.cover, .page {
width: 200px;
height: 150px;
display: inline-block;
vertical-align: bottom;
border: solid blue 1px;
font-size: 12px
}
/* general layout */
.magazine {
/* this makes the magazine behave like a ribbon */
width: auto;
overflow: visible;
white-space: nowrap;
font-size: 0px;
/* default styles */
background: gray;
}
.magazine > .cover {
background: white;
}
.article {
width: auto;
overflow: visible;
white-space: nowrap;
font-size: 0px;
display: inline-block;
}
.article > .cover {
background: white;
}
.page {
background: silver;
}