Archives/thumbsup
2
0
Fork 0
mirror of https://github.com/thumbsup/thumbsup synced 2024-11-19 09:26:04 +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 Gallery title
--> -->
<header style="color: #17baef;"> <header style="color: #17baef;">
<h1>{{gallery.title}}</h1> <h1><a href="{{gallery.home.filename}}.html">{{gallery.title}}</a></h1>
</header> </header>
<!-- <!--

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

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