Mercurial > dottes
comparison web/css/dottes.css @ 213:8e6105d2bf59
Sort out the tunes and transposition displayed on the front page.
author | Jim Hague <jim.hague@laicatc.com> |
---|---|
date | Tue, 19 Feb 2013 16:26:16 +0000 |
parents | 9da75d87e93b |
children | db569ede2165 |
comparison
equal
deleted
inserted
replaced
212:9502f4883006 | 213:8e6105d2bf59 |
---|---|
93 { | 93 { |
94 border: 2px solid grey; | 94 border: 2px solid grey; |
95 margin: 10px; | 95 margin: 10px; |
96 } | 96 } |
97 | 97 |
98 div.dottes-container h1 | 98 div.dottes-transpose-instrument |
99 { | 99 { |
100 padding: 0px; | 100 display: table; |
101 width: 100%; | |
101 } | 102 } |
102 | 103 |
103 div.dottes-transpose-instrument | 104 div.dottes-transpose-instrument-item |
104 { | 105 { |
106 display: table-cell; | |
107 vertical-align: middle; | |
105 } | 108 } |
106 | 109 |
107 div.dottes-transpose-how | 110 div.dottes-transpose-instrument-name |
108 { | 111 { |
112 width: 15%; | |
109 } | 113 } |
110 | 114 |
111 div.dottes-transpose-tunes | 115 div.dottes-transpose-instrument-how |
112 { | 116 { |
117 width: 55%; | |
118 } | |
119 | |
120 div.dottes-transpose-tune-types | |
121 { | |
122 width: 30%; | |
113 } | 123 } |
114 | 124 |
115 a.dottes-tune-link | 125 a.dottes-tune-link |
116 { | 126 { |
117 font-size: 20px; | 127 font-size: 20px; |
130 } | 140 } |
131 | 141 |
132 ul.tune-type-list | 142 ul.tune-type-list |
133 { | 143 { |
134 list-style-type: none; | 144 list-style-type: none; |
145 margin: 0; | |
135 } | 146 } |
136 | 147 |
137 ul.tune-type-list li | 148 ul.tune-type-list li |
138 { | 149 { |
139 display: inline; | 150 display: inline-block; |
140 } | 151 } |
141 | 152 |
142 img.dottes-png | 153 img.dottes-png |
143 { | 154 { |
144 display: block; | 155 display: block; |