nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2025-01-18 10:50:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: reset original colors + add note shortcode + split favicon into partial

Browse source
This commit is contained in:
Mathieu Cornic 2016-03-29 00:35:18 +02:00
parent c2d67b677c
commit ab5ed09a77
5 changed files with 20 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
layouts/partials/favicon.html Normal file
View file

@ -0,0 +1 @@
<link rel="shortcut icon" href="/images/favicon.png" type="image/x-icon" />

2
layouts/partials/header.html
View file

@ -2,7 +2,7 @@
<html lang="en" class="js csstransforms3d"> <html lang="en" class="js csstransforms3d">
<head> <head>
{{ partial "meta.html" . }} {{ partial "meta.html" . }}
<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" /> {{ partial "favicon.html" . }}
{{ .Scratch.Add "title" "" }}{{ if isset .Site.Data.titles .Title }}{{ .Scratch.Set "title" (index .Site.Data.titles .Title).title }}{{ else }}{{ .Scratch.Set "title" .Title}}{{end}} {{ .Scratch.Add "title" "" }}{{ if isset .Site.Data.titles .Title }}{{ .Scratch.Set "title" (index .Site.Data.titles .Title).title }}{{ else }}{{ .Scratch.Set "title" .Title}}{{end}}
<title>{{ .Scratch.Get "title" }}</title> <title>{{ .Scratch.Get "title" }}</title>
{{ partial "head_includes.html" . }} {{ partial "head_includes.html" . }}

1
layouts/shortcodes/note.html Normal file
View file

@ -0,0 +1 @@
<div class="notices note">{{ .Inner }}</div>

2
static/css/hugo-theme.css
View file

@ -47,7 +47,7 @@
content: ""; content: "";
height: 1px; height: 1px;
width: 0%; width: 0%;
background-color: #CE3B2F; background-color: #0082a7; /*#CE3B2F*/
-webkit-transition: width 0.5s ease; -webkit-transition: width 0.5s ease;
-moz-transition: width 0.5s ease; -moz-transition: width 0.5s ease;
-ms-transition: width 0.5s ease; -ms-transition: width 0.5s ease;

32
static/css/theme.css
View file

@ -52,10 +52,10 @@ body #chapter h1 {
} }
} }
a { a {
color: #CE3B2F; color: #00bdf3;
} }
a:hover { a:hover {
color: #F77D73; color: #0082a7;
} }
pre { pre {
position: relative; position: relative;
@ -79,7 +79,7 @@ b, strong, label, th {
fill: #fff !important; fill: #fff !important;
} }
#header { #header {
border-bottom: 4px solid #CE3B2F; border-bottom: 4px solid #9c6fb6;
} }
#sidebar { #sidebar {
font-weight: 300 !important; font-weight: 300 !important;
@ -96,11 +96,11 @@ textarea:hover, input[type="email"]:hover, input[type="number"]:hover, input[typ
border-color: #c4c4c4; border-color: #c4c4c4;
} }
textarea:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, select[multiple=multiple]:focus { textarea:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, select[multiple=multiple]:focus {
border-color: #CE3B2F; border-color: #00bdf3;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgb(226, 190, 187); box-shadow: inset 0 1px 3px rgba(0,0,0,.06),0 0 5px rgba(0,169,218,.7)
} }
#header { #header {
background: #E55F54; background: #8451a1;
color: #fff; color: #fff;
text-align: center; text-align: center;
padding: 1rem; padding: 1rem;
@ -118,8 +118,8 @@ textarea:focus, input[type="email"]:focus, input[type="number"]:focus, input[typ
.searchbox { .searchbox {
margin-top: 0.5rem; margin-top: 0.5rem;
position: relative; position: relative;
border: 1px solid #F77D73; border: 1px solid #915eae;
background: #CE3B2F; background: #764890;
border-radius: 4px; border-radius: 4px;
} }
.searchbox label { .searchbox label {
@ -170,7 +170,7 @@ textarea:focus, input[type="email"]:focus, input[type="number"]:focus, input[typ
} }
} }
#sidebar { #sidebar {
background-color: #403130; background-color: #322A38;
position: fixed; position: fixed;
top: 0; top: 0;
width: 300px; width: 300px;
@ -273,7 +273,7 @@ textarea:focus, input[type="email"]:focus, input[type="number"]:focus, input[typ
margin-top: 9px; margin-top: 9px;
} }
#sidebar ul.topics > li.parent, #sidebar ul.topics > li.active { #sidebar ul.topics > li.parent, #sidebar ul.topics > li.active {
background: #29201F; background: #251f29;
margin-left: -1rem; margin-left: -1rem;
margin-right: -1rem; margin-right: -1rem;
padding-left: 1rem; padding-left: 1rem;
@ -307,7 +307,7 @@ textarea:focus, input[type="email"]:focus, input[type="number"]:focus, input[typ
padding: 4px 0; padding: 4px 0;
} }
#sidebar ul li.visited > a .read-icon { #sidebar ul li.visited > a .read-icon {
color: #CE3B2F; color: #9c6fb6;
display: inline; display: inline;
} }
#sidebar ul li li { #sidebar ul li li {
@ -571,14 +571,14 @@ hr {
padding: 25px; padding: 25px;
float: left; float: left;
clear: both; clear: both;
background: #CE3B2F; background: #9c6fb6;
color: #fff; color: #fff;
} }
#body a.anchor-link { #body a.anchor-link {
color: #ccc; color: #ccc;
} }
#body a.anchor-link:hover { #body a.anchor-link:hover {
color: #CE3B2F; color: #9c6fb6;
} }
#body-inner .tabs-wrapper.ui-theme-badges { #body-inner .tabs-wrapper.ui-theme-badges {
background: #1d1f21; background: #1d1f21;
@ -615,7 +615,7 @@ td {
border: 1px solid #eaeaea; border: 1px solid #eaeaea;
} }
.button { .button {
background: #CE3B2F; background: #9c6fb6;
color: #fff; color: #fff;
box-shadow: 0 3px 0 #00a5d4; box-shadow: 0 3px 0 #00a5d4;
} }
@ -676,7 +676,7 @@ td {
} }
.bullet-icon { .bullet-icon {
float: left; float: left;
background: #CE3B2F; background: #9c6fb6;
padding: 0.875rem; padding: 0.875rem;
width: 3.5rem; width: 3.5rem;
height: 3.5rem; height: 3.5rem;
@ -686,7 +686,7 @@ td {
text-align: center; text-align: center;
} }
.bullet-icon-1 { .bullet-icon-1 {
background: #CE3B2F; background: #9c6fb6;
} }
.bullet-icon-2 { .bullet-icon-2 {
background: #00f3d8; background: #00f3d8;