prenex/magcms
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[enh] separate between sections

Browse Source
This commit is contained in:
Laurent Peuch 2015-12-04 22:53:49 +01:00
parent 8007120805
commit 93267d6fbd
2 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
materialize/css/style-page.css
View File

@ -9,18 +9,20 @@ body {
width: 100%; width: 100%;
} }
section {
margin-bottom: 4em;
}
.full-picture { .full-picture {
position: relative;
height: 100%; height: 100%;
width: 100%; width: 100%;
min-height: 250px; min-height: 250px;
} }
.bordered-picture { .bordered-picture img {
height: 80%; height: 80%;
width: 80%; width: 80%;
margin-left: 10%; margin-left: 10%;
margin-right: 10%; margin-right: 10%;
margin-top: 3em; margin-top: 3em;
margin-bottom: 5em;
} }

7
templates/page-example.html
View File

@ -13,14 +13,11 @@
<section class="full-picture" style="background: transparent url('./1.png') no-repeat scroll center top / cover;"> <section class="full-picture" style="background: transparent url('./1.png') no-repeat scroll center top / cover;">
</section> </section>
<p>pouet</p>
<section class="full-picture" style="background: transparent url('./1.png') no-repeat scroll center top / cover;"> <section class="full-picture" style="background: transparent url('./1.png') no-repeat scroll center top / cover;">
</section> </section>
<p>pouet</p> <section class="bordered-picture">
<img src="./1.png">
<img class="bordered-picture" src="./1.png">
</section> </section>
</body> </body>