Mercurial > dottes
comparison web/css/dottes.css @ 203:28060949020d
Some CSS tweaking.
Make the margins consistent.
Include but comment out style to centre the tune image.
| author | Jim Hague <jim.hague@acm.org> |
|---|---|
| date | Sun, 17 Feb 2013 10:30:22 +0000 |
| parents | b3a4f4caddd5 |
| children | c173abe4441b |
comparison
equal
deleted
inserted
replaced
| 202:540511b14c73 | 203:28060949020d |
|---|---|
| 18 } | 18 } |
| 19 | 19 |
| 20 p | 20 p |
| 21 { | 21 { |
| 22 background: white; | 22 background: white; |
| 23 margin: 20px; | 23 margin: 10px; |
| 24 } | 24 } |
| 25 | 25 |
| 26 div.clear | 26 div.clear |
| 27 { | 27 { |
| 28 padding: 5px; | 28 padding: 5px; |
| 38 height: 136px; | 38 height: 136px; |
| 39 font-family: 'Pirata One', sans-serif; | 39 font-family: 'Pirata One', sans-serif; |
| 40 background-image: url('../img/buzzard.jpg'); | 40 background-image: url('../img/buzzard.jpg'); |
| 41 background-repeat: no-repeat; | 41 background-repeat: no-repeat; |
| 42 background-position: right center; | 42 background-position: right center; |
| 43 padding: 10px; | |
| 43 } | 44 } |
| 44 | 45 |
| 45 div.dottes-body | 46 div.dottes-body |
| 46 { | 47 { |
| 47 background-color: white; | 48 background-color: white; |
| 60 border-bottom-right-radius: 5px; | 61 border-bottom-right-radius: 5px; |
| 61 } | 62 } |
| 62 | 63 |
| 63 div.dottes-body h1 | 64 div.dottes-body h1 |
| 64 { | 65 { |
| 65 padding: 10px; | |
| 66 margin: 10px; | 66 margin: 10px; |
| 67 text-align: left; | 67 text-align: left; |
| 68 } | 68 } |
| 69 | 69 |
| 70 div.dottes-container | 70 div.dottes-container |
| 71 { | 71 { |
| 72 border: 2px solid grey; | 72 border: 2px solid grey; |
| 73 margin: 5px; | 73 margin: 10px; |
| 74 } | 74 } |
| 75 | 75 |
| 76 div.dottes-container h1 | 76 div.dottes-container h1 |
| 77 { | 77 { |
| 78 padding: 0px; | 78 padding: 0px; |
| 95 font-size: 20px; | 95 font-size: 20px; |
| 96 } | 96 } |
| 97 | 97 |
| 98 table.dottes-tune-table | 98 table.dottes-tune-table |
| 99 { | 99 { |
| 100 padding: 10px; | |
| 101 margin: 10px; | 100 margin: 10px; |
| 102 } | 101 } |
| 103 | 102 |
| 104 table.dottes-tune-table td | 103 table.dottes-tune-table td |
| 105 { | 104 { |
| 107 } | 106 } |
| 108 | 107 |
| 109 ul.tune-type-list | 108 ul.tune-type-list |
| 110 { | 109 { |
| 111 list-style-type: none; | 110 list-style-type: none; |
| 112 margin: 20px; | |
| 113 } | 111 } |
| 114 | 112 |
| 115 ul.tune-type-list li | 113 ul.tune-type-list li |
| 116 { | 114 { |
| 117 display: inline; | 115 display: inline; |
| 118 } | 116 } |
| 119 | 117 |
| 118 img.dottes-png | |
| 119 { | |
| 120 display: block; | |
| 121 /* margin-left: auto; */ | |
| 122 /* margin-right: auto; */ | |
| 123 } | |
| 124 | |
| 120 ul.tune-data-list | 125 ul.tune-data-list |
| 121 { | 126 { |
| 122 list-style-type: none; | 127 list-style-type: none; |
| 123 margin: 20px; | |
| 124 } | 128 } |
| 125 | 129 |
| 126 ul.tune-data-list li | 130 ul.tune-data-list li |
| 127 { | 131 { |
| 128 display: inline; | 132 display: inline; |
| 133 margin: 10px; | |
| 129 } | 134 } |
