Archives/thumbsup
2
0
Fork 0
mirror of https://github.com/thumbsup/thumbsup synced 2024-11-17 15:25:50 +00:00
Code Issues Projects Releases Wiki Activity

Mosaic theme: bigger font + make header clickable

Browse Source
This commit is contained in:
Romain 2016-11-17 22:07:36 +11:00
parent f235675f86
commit 22e0c88608
2 changed files with 16 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
templates/themes/mosaic/theme.hbs
View File

@ -4,7 +4,7 @@
Gallery title
-->
<header style="color: #17baef;">
<h1>{{gallery.title}}</h1>
<h1><a href="{{gallery.home.filename}}.html">{{gallery.title}}</a></h1>
</header>
<!--

22
templates/themes/mosaic/theme.less
View File

@ -36,7 +36,7 @@ body {
background: @body-background;
color: #444;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-size: 18px;
font-weight: lighter;
-webkit-font-smoothing: antialiased;
}
@ -67,10 +67,10 @@ a {
header {
background: @header-background;
color: @header-foreground;
font-size: 1.4em;
font-family: 'Montserrat', sans-serif;
padding: 0;
color: @header-foreground;
}
h1 {
@ -78,6 +78,10 @@ h1 {
display: inline-block;
}
h1 a {
color: @header-foreground;
}
// -----------------------------------
// Breadcrumbs navigation
// -----------------------------------
@ -125,7 +129,7 @@ nav.breadcrumbs .separator {
// Nested albums
// -----------------------------------
#albums, #media {
#albums {
margin: 1em;
overflow: hidden;
}
@ -158,13 +162,13 @@ nav.breadcrumbs .separator {
#albums .grid {
opacity: 0.9;
width: 400px;
height: 50px;
width: 360px;
height: 60px;
overflow: hidden;
}
#albums .mosaic {
width: 400px;
width: 360px;
opacity: 0.9;
overflow: hidden;
}
@ -178,7 +182,7 @@ nav.breadcrumbs .separator {
#albums .grid img {
display: block;
width: 50px;
width: 60px;
}
@media only screen and (max-width: @mobile-trigger) {
@ -194,6 +198,10 @@ nav.breadcrumbs .separator {
// Photo and video thumbnails
// -----------------------------------
#media {
margin: 0 0.5em 0 1.5em;
}
#media li {
float: left;
margin-right: 0.4em;