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

[enh] work on fonts

Browse Source
This commit is contained in:
Laurent Peuch 2015-12-04 10:29:27 +01:00
parent c950d0f1cd
commit e3b06d9817
2 changed files with 47 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
materialize/css/style.css
View File

@ -1,3 +1,8 @@
body {
color: #222;
font-family: sans-serif;
}
.galleries-grid { .galleries-grid {
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -48,3 +53,42 @@
margin-top: 10em; margin-top: 10em;
margin-bottom: 8em; margin-bottom: 8em;
} }
.gallery-header > h1 {
font-size: 2.6vw;
text-transform: uppercase;
letter-spacing: 3px;
margin-bottom: 0;
}
.gallery-header > h4 {
font-size: 1.4vw;
color: #444;
font-style: italic;
font-weight: normal;
font-family: serif;
margin-top: .5em;
}
.gallery-title > h2 {
text-transform: uppercase;
margin-bottom: .2em;
letter-spacing: 2px;
font-size: 1.7vw;
}
.gallery-title > h3 {
font-style: italic;
margin-top: 0;
margin-bottom: .7em;
font-family: serif;
font-weight: normal;
}
.gallery-datetime {
margin-bottom: 1em;
font-family: serif;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 11px;
}

6
templates/example.html
View File

@ -11,7 +11,7 @@
<div class="gallery-header"> <div class="gallery-header">
<h1>Gallery Name</h1> <h1>Gallery Name</h1>
<h5>Subtext of the gallery name</h5> <h4>Subtext of the gallery name</h4>
</div> </div>
<div class="galleries-grid"> <div class="galleries-grid">
@ -20,7 +20,7 @@
<div class="gallery-title"> <div class="gallery-title">
<h2>First Gallery Title</h2> <h2>First Gallery Title</h2>
<h3>Sub gallery title</h3> <h3>Sub gallery title</h3>
<div>3th march 2015</div> <div class="gallery-datetime">3 march 2015</div>
</div> </div>
<div class="gallery-cover" style="background-image: url('./1.png');"></div> <div class="gallery-cover" style="background-image: url('./1.png');"></div>
</div> </div>
@ -28,7 +28,7 @@
<div class="gallery-title"> <div class="gallery-title">
<h2>Second Gallery Title</h2> <h2>Second Gallery Title</h2>
<h3>Sub gallery title</h3> <h3>Sub gallery title</h3>
<div>3th march 2015</div> <div class="gallery-datetime">3 march 2015</div>
</div> </div>
<div class="gallery-cover" style="background-image: url('./1.png');"></div> <div class="gallery-cover" style="background-image: url('./1.png');"></div>
</div> </div>