mirror of
https://github.com/flynx/PortableMag.git
synced 2025-10-29 19:20:09 +00:00
minor edits...
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
parent
e889bfadc6
commit
7451b32d1f
@ -10,13 +10,32 @@
|
|||||||
.container {
|
.container {
|
||||||
border: solid 1px silver;
|
border: solid 1px silver;
|
||||||
width: 750px;
|
width: 750px;
|
||||||
max-height: 600px;
|
|
||||||
min-height: 300px;
|
min-height: 300px;
|
||||||
margin: 25px;
|
margin: 25px;
|
||||||
overflow: auto;
|
|
||||||
background: white;
|
background: white;
|
||||||
box-shadow: 5px 5px 200px 0px silver;
|
box-shadow: 5px 5px 200px 0px silver;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
|
||||||
|
/*
|
||||||
|
overflow: auto;
|
||||||
|
max-height: 600px;
|
||||||
|
*/
|
||||||
|
}
|
||||||
|
|
||||||
|
.container .page-box {
|
||||||
|
position: relative;
|
||||||
|
text-align: center;
|
||||||
|
display: inline-block;
|
||||||
|
width: 225px;
|
||||||
|
height: 175px;
|
||||||
|
margin: 10px;
|
||||||
|
border: solid 1px silver;
|
||||||
|
overflow: hidden;
|
||||||
|
background: white;
|
||||||
|
|
||||||
|
box-shadow: 5px 5px 200px 30px gray inset;
|
||||||
|
|
||||||
|
cursor: hand;
|
||||||
}
|
}
|
||||||
|
|
||||||
.container .page {
|
.container .page {
|
||||||
@ -38,20 +57,6 @@
|
|||||||
transform: scale(0.25);
|
transform: scale(0.25);
|
||||||
}
|
}
|
||||||
|
|
||||||
.container .page-box {
|
|
||||||
position: relative;
|
|
||||||
text-align: center;
|
|
||||||
display: inline-block;
|
|
||||||
width: 225px;
|
|
||||||
height: 175px;
|
|
||||||
margin: 10px;
|
|
||||||
border: solid 1px silver;
|
|
||||||
overflow: hidden;
|
|
||||||
background: white;
|
|
||||||
|
|
||||||
box-shadow: 5px 5px 200px 30px gray inset;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container .title {
|
.container .title {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
color: white;
|
color: white;
|
||||||
@ -70,6 +75,18 @@
|
|||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
|
||||||
|
<div class="page-box">
|
||||||
|
<div class="title">Article</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="page-box">
|
||||||
|
<div class="title">Page Group</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="page-box">
|
||||||
|
<div class="title">Cover Page</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="page-box">
|
<div class="page-box">
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user