Mercurial > piecrust2
comparison docs/assets/css/piecrust.scss @ 1084:e135fd873c45
docs: Cosmetic improvements to the navigation bar.
author | Ludovic Chabant <ludovic@chabant.com> |
---|---|
date | Thu, 15 Feb 2018 22:26:26 -0800 |
parents | 1ab49e6add4f |
children |
comparison
equal
deleted
inserted
replaced
1083:35937f8a52b1 | 1084:e135fd873c45 |
---|---|
71 } | 71 } |
72 | 72 |
73 // Customizations | 73 // Customizations |
74 .navbar { | 74 .navbar { |
75 padding: 0 1rem; | 75 padding: 0 1rem; |
76 background: #ffffff30; | 76 background-color: rgba(255, 255, 255, 0.2); |
77 text-shadow: #fff 0 0 1em, #fff 0 0 .1em; | 77 text-shadow: #fff 0 0 1em, #fff 0 0 .1em; |
78 | 78 |
79 a { | 79 a { |
80 color: #000; | 80 color: #000; |
81 padding: 1rem 1rem; | 81 padding: 1rem 1rem; |
82 | 82 |
83 &:hover { | 83 &:hover { |
84 color: #fff; | 84 color: #fff; |
85 background: #000000c0 !important; | 85 background: rgba(0, 0, 0, 0.8) !important; |
86 text-shadow: #000 0 0 1em, #000 0 0 .1em; | 86 text-shadow: #000 0 0 1em, #000 0 0 .1em; |
87 } | 87 } |
88 } | 88 } |
89 a.active { | 89 a.active { |
90 background: #ffffff60; | 90 background: rgba(255, 255, 255, 0.4); |
91 } | 91 } |
92 } | 92 } |
93 a.navbar-brand { | 93 a.navbar-brand { |
94 font-family: Lobster, serif; | 94 font-family: Lobster, serif; |
95 padding: (1rem / 1.25) 1rem; | 95 padding: (1rem / 1.25) 1rem; |
161 font-size: 0.8em; | 161 font-size: 0.8em; |
162 text-align: center; | 162 text-align: center; |
163 margin: 2em; | 163 margin: 2em; |
164 } | 164 } |
165 | 165 |
166 #content .highlight { | |
167 background-color: transparent; | |
168 } | |
169 | |
166 | 170 |
167 // Splash-page | 171 // Splash-page |
168 .pc-splash { | 172 .pc-splash { |
169 header { | 173 header { |
170 padding: 1em 0 0 0; | 174 padding: 1em 0 0 0; |