nemunaire/nemhugo
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Improve design quality

Browse Source
This commit is contained in:
nemunaire 2017-07-30 22:02:03 +02:00 committed by Pierre-Olivier Mercier
parent db7bf2c885
commit c351bb73df
2 changed files with 31 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
layouts/partials/header.html
View File

@ -91,7 +91,7 @@
{{range $i, $thumb := $thumbs}} {{range $i, $thumb := $thumbs}}
<a href="{{ $thumb.link | absURL }}" target="_blank"> <a href="{{ $thumb.link | absURL }}" target="_blank">
<div class="thumbApp" style="background-image:url('{{ $thumb.src | absURL }}')"> <div class="thumbApp" style="background-image:url('{{ $thumb.src | absURL }}')">
{{ if $thumb.desc }}<p>{{ $thumb.desc }}</p>{{end}} {{ if $thumb.desc }}<p><span>{{ $thumb.desc }}</span></p>{{end}}
</div> </div>
</a> </a>
{{ end }} {{ end }}

54
static/css/main.css
View File

@ -2,11 +2,11 @@
body { body {
background-size: 100% 100%; background-size: 100% 100%;
background-image: linear-gradient(left, rgb(234,234,234) 0%, rgb(222,222,222) 25%, rgb(234,234,234) 50%, rgb(242,242,242) 75%, rgb(234,234,234) 100%); background-image: linear-gradient(left, rgb(242,242,242) 0%, rgb(230,230,230) 25%, rgb(242,242,242) 50%, rgb(250,250,250) 75%, rgb(217,217,217) 100%);
background-image: -o-linear-gradient(left, rgb(234,234,234) 0%, rgb(222,222,222) 25%, rgb(234,234,234) 50%, rgb(242,242,242) 75%, rgb(234,234,234) 100%); background-image: -o-linear-gradient(left, rgb(242,242,242) 0%, rgb(230,230,230) 25%, rgb(242,242,242) 50%, rgb(250,250,250) 75%, rgb(217,217,217) 100%);
background-image: -moz-linear-gradient(left, rgb(234,234,234) 0%, rgb(222,222,222) 25%, rgb(234,234,234) 50%, rgb(242,242,242) 75%, rgb(234,234,234) 100%); background-image: -moz-linear-gradient(left, rgb(242,242,242) 0%, rgb(230,230,230) 25%, rgb(242,242,242) 50%, rgb(250,250,250) 75%, rgb(217,217,217) 100%);
background-image: -webkit-linear-gradient(left, rgb(234,234,234) 0%, rgb(222,222,222) 25%, rgb(234,234,234) 50%, rgb(242,242,242) 75%, rgb(209,209,209) 100%); background-image: -webkit-linear-gradient(left, rgb(242,242,242) 0%, rgb(230,230,230) 25%, rgb(242,242,242) 50%, rgb(250,250,250) 75%, rgb(217,217,217) 100%);
background-image: -ms-linear-gradient(left, rgb(234,234,234) 0%, rgb(222,222,222) 25%, rgb(234,234,234) 50%, rgb(242,242,242) 75%, rgb(234,234,234) 100%); background-image: -ms-linear-gradient(left, rgb(242,242,242) 0%, rgb(230,230,230) 25%, rgb(242,242,242) 50%, rgb(250,250,250) 75%, rgb(217,217,217) 100%);
font-family: "Linux Libertine O", 'Lora', 'Times New Roman', serif; font-family: "Linux Libertine O", 'Lora', 'Times New Roman', serif;
font-size: 18px; font-size: 18px;
color: #404040; color: #404040;
@ -36,7 +36,12 @@ p + p {
} }
p a { p a {
/* text-decoration: underline */ /* text-decoration: underline */
color: #008AFF; color: #00a185;
}
code {
font-family: "FantasqueSansMonoRegular";
font-weight: normal;
font-style: normal;
} }
h1,h2,h3,h4,h5,h6 { h1,h2,h3,h4,h5,h6 {
font-family: "Linux Biolinum O", 'Helvetica Neue', Helvetica, Arial, sans-serif; font-family: "Linux Biolinum O", 'Helvetica Neue', Helvetica, Arial, sans-serif;
@ -59,9 +64,8 @@ blockquote p:first-child {
hr.small { hr.small {
max-width: 100px; max-width: 100px;
margin: 15px auto; margin: 15px auto;
border-width: 4px; border-width: 5px;
border-color: inherit; border-color: #00a185;
border-radius: 3px;
} }
.main-content { .main-content {
@ -156,25 +160,26 @@ img {
.thumbApp p { .thumbApp p {
background-color: rgba(0,0,0,0.7); background-color: rgba(0,0,0,0.7);
border-bottom: solid #333 1px; border-bottom: solid 4px #00a185;
color: white; color: white;
font-weight: bolder; font-weight: bolder;
margin-top: 130px; margin-top: 123px;
padding: 10px; padding: 10px;
line-height: 1.0;
} }
.thumbApp p a { .thumbApp:hover p {
color: white; color: #00a185;
border-color: #0085a1;
}
.thumbApp p span{
display: table-cell;
vertical-align: middle;
line-height: 0.9;
height: 1.8em;
} }
.thumbApp img { .thumbApp img {
border-radius: inherit; border-radius: inherit;
width: 100%; width: 100%;
} }
.thumbApp .legend {
background: #ddd;
margin-top: -1em;
width: inherit;
}
/* --- Navbar --- */ /* --- Navbar --- */
@ -185,19 +190,20 @@ img {
background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 4%, rgb(33,33,33) 42%, rgb(75,75,75) 100%); background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 4%, rgb(33,33,33) 42%, rgb(75,75,75) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 4%, rgb(33,33,33) 42%, rgb(75,75,75) 100%); background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 4%, rgb(33,33,33) 42%, rgb(75,75,75) 100%);
background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 4%, rgb(33,33,33) 42%, rgb(75,75,75) 100%); background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 4%, rgb(33,33,33) 42%, rgb(75,75,75) 100%);
border-bottom: 5px #00a185 solid;
color: #fafafa; color: #fafafa;
font-family: "Linux Biolinum O", 'Helvetica Neue', Helvetica, Arial, sans-serif; font-family: "Linux Biolinum O", 'Helvetica Neue', Helvetica, Arial, sans-serif;
} }
.navbar-custom {
border-bottom: 1px solid #EAEAEA;
}
.navbar-custom .nav li a { .navbar-custom .nav li a {
text-transform: uppercase; text-transform: uppercase;
font-size: 12px; font-size: 14px;
letter-spacing: 1px; letter-spacing: 1px;
} }
.navbar-custom .navbar-brand {
font-size: 25px;
}
.navbar-custom .navbar-brand, .navbar-custom .navbar-brand,
.navbar-custom .nav li a { .navbar-custom .nav li a {
font-weight: 800; font-weight: 800;
@ -394,7 +400,7 @@ footer .theme-by {
.post-preview { .post-preview {
padding: 20px 0; padding: 20px 0;
border-bottom: 1px solid #eee; border-bottom: 5px solid #00a185;
} }
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {