Mercurial > dottes

comparison web/css/dottes.css @ 621:dfeb781e5196

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Attempt revamp of CSS and presentation. Ditch 960.
author Jim Hague <jim.hague@acm.org>
date Sun, 06 Nov 2016 13:40:32 +0000
parents 2fe68733ec17
children 37a9b621b5a6
comparison
equal deleted inserted replaced
619:2fe68733ec17 621:dfeb781e5196
1 html { 1 html {
2 font-size: 62.5%; 2 font-size: 100%;
3 } 3 }
4 4
5 body { 5 body {
6 background-color: #9900cc; 6 background-color: #9900cc;
7 background-image: url('../img/purple-fabric-background.jpg'); 7 background-image: url('../img/purple-fabric-background.jpg');
24 margin: 10px; 24 margin: 10px;
25 } 25 }
26 26
27 div.banner 27 div.banner
28 { 28 {
29 height: 136px;
30
31 background-color: black; 29 background-color: black;
32 background-image: url('../img/banner.png');
33 background-repeat: no-repeat;
34 background-position: center center;
35 30
36 -webkit-border-top-left-radius: 5px; 31 -webkit-border-top-left-radius: 5px;
37 -webkit-border-top-right-radius: 5px; 32 -webkit-border-top-right-radius: 5px;
38 -moz-border-radius-topleft: 5px; 33 -moz-border-radius-topleft: 5px;
39 -moz-border-radius-topright: 5px; 34 -moz-border-radius-topright: 5px;
47 border-bottom-left-radius: 5px; 42 border-bottom-left-radius: 5px;
48 border-bottom-right-radius: 5px; 43 border-bottom-right-radius: 5px;
49 44
50 margin-top: 5px; 45 margin-top: 5px;
51 margin-bottom: 5px; 46 margin-bottom: 5px;
47 }
48
49 div.banner img
50 {
51 width: 100%;
52 max-width: 960;
53 max-height: 136px;
54 display: block;
55 margin-left: auto;
56 margin-right: auto;
52 } 57 }
53 58
54 div.banner h1 59 div.banner h1
55 { 60 {
56 display: none; 61 display: none;