Mercurial > web-octave

comparison css/app.css @ 206:68d54c6d397a

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
More top menu bar style tweaks.
author Kai T. Ohlhus <k.ohlhus@gmail.com>
date Thu, 09 Jul 2020 23:02:56 +0900
parents 3a99431030c1
children 370d7d0cdf7d
comparison
equal deleted inserted replaced
205:585fc24ed727 206:68d54c6d397a
11 font-weight: 700; 11 font-weight: 700;
12 margin: 0 0 1rem 0; 12 margin: 0 0 1rem 0;
13 font-size: 2.33rem; 13 font-size: 2.33rem;
14 } 14 }
15 15
16 .dark-background {
17 background: #333;
18 }
19
16 /* Foundation 6 modifications */ 20 /* Foundation 6 modifications */
17 21
18 .title-bar, 22 .title-bar,
19 .top-bar, 23 .top-bar,
20 .top-bar ul { 24 .top-bar ul {
21 background: #333; 25 background: #333;
26 }
27
28 .top-bar {
29 max-width: 1200px;
30 margin: auto;
22 } 31 }
23 32
24 .top-bar ul li a { 33 .top-bar ul li a {
25 color: #FFF; 34 color: #FFF;
26 } 35 }
27 36
28 .top-bar ul li a:hover { 37 .top-bar ul li a:hover {
29 background-color: #585858; 38 background-color: #585858;
30 } 39 }
31 40
32 .grid-container { 41 @media screen and (max-width: 1023px) {
42 .top-bar .top-bar-left { display: none; }
43 .top-bar .top-bar-right { margin-left: 0px; }
44 }
45
46 .grid-container { /* Content */
33 margin: 1em auto; 47 margin: 1em auto;
34 } 48 }
35 49
36 .reveal img { 50 .reveal img {
37 width: 100%; 51 width: 100%;
52 }
53
54 a.button.warning { /* RSS Feed */
55 font-weight: bold;
56 color: #FFF;
38 } 57 }
39 58
40 /* Foundation 6 responsive buttons */ 59 /* Foundation 6 responsive buttons */
41 60
42 @media screen and (max-width: 39.9375em) { 61 @media screen and (max-width: 39.9375em) {