Mercurial > dottes

comparison web/css/dottes.css @ 635:f9ed1b7953ca

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Impose maximum width on main content.
author Jim Hague <jim.hague@acm.org>
date Mon, 07 Nov 2016 20:31:16 +0000
parents 7a64aeaaa294
children 3a71f1fe4c55
comparison
equal deleted inserted replaced
634:cfeb344aecd6 635:f9ed1b7953ca
19 p 19 p
20 { 20 {
21 background: white; 21 background: white;
22 } 22 }
23 23
24 div.banner 24 div.banner, div.dottes-body
25 { 25 {
26 background-color: black; 26 background-color: black;
27 27
28 -webkit-border-top-left-radius: 5px; 28 -webkit-border-top-left-radius: 5px;
29 -webkit-border-top-right-radius: 5px; 29 -webkit-border-top-right-radius: 5px;
36 -webkit-border-bottom-right-radius: 5px; 36 -webkit-border-bottom-right-radius: 5px;
37 -moz-border-radius-bottomleft: 5px; 37 -moz-border-radius-bottomleft: 5px;
38 -moz-border-radius-bottomright: 5px; 38 -moz-border-radius-bottomright: 5px;
39 border-bottom-left-radius: 5px; 39 border-bottom-left-radius: 5px;
40 border-bottom-right-radius: 5px; 40 border-bottom-right-radius: 5px;
41
42 padding: 10px;
43
44 max-width: 1300px;
45 margin-left: auto;
46 margin-right: auto;
47 }
48
49 div.banner
50 {
51 background-color: black;
41 } 52 }
42 53
43 div.banner img 54 div.banner img
44 { 55 {
45 width: 100%; 56 width: 100%;
62 73
63 div.dottes-body 74 div.dottes-body
64 { 75 {
65 background-color: white; 76 background-color: white;
66 77
67 -webkit-border-top-left-radius: 5px;
68 -webkit-border-top-right-radius: 5px;
69 -moz-border-radius-topleft: 5px;
70 -moz-border-radius-topright: 5px;
71 border-top-left-radius: 5px;
72 border-top-right-radius: 5px;
73
74 -webkit-border-bottom-left-radius: 5px;
75 -webkit-border-bottom-right-radius: 5px;
76 -moz-border-radius-bottomleft: 5px;
77 -moz-border-radius-bottomright: 5px;
78 border-bottom-left-radius: 5px;
79 border-bottom-right-radius: 5px;
80
81 margin-top: 5px; 78 margin-top: 5px;
82 margin-bottom: 5px; 79 margin-bottom: 5px;
83
84 padding: 10px;
85 } 80 }
86 81
87 div.dottes-body h1 82 div.dottes-body h1
88 { 83 {
89 text-align: left; 84 text-align: left;