dottes: web/css/dottes.css annotate

annotate web/css/dottes.css @ 224:db569ede2165

Give in to my inner OCD and make the tune list a DIV with CSS, not a table.

author	Jim Hague <jim.hague@acm.org>
date	Fri, 22 Feb 2013 23:20:06 +0000
parents	8e6105d2bf59
children	129f92df03b5

rev	line source
192 fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	1 body {
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	2 background-color: #9900cc;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	3 background-image: url('../img/purple-fabric-background.jpg');
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	4 color: #000000;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	5 font-size: 16px;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	6 height: auto;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	7 padding-top: 0px;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	8 padding-bottom: 20px;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	9 font-family: 'Oswald', serif;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	10 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	11
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	12 h1 {
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	13 background: white;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	14 font-weight: normal;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	15 text-align: center;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	16 font-size: 25px;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	17 font-weight: bold;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	18 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	19
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	20 p
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	21 {
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	22 background: white;
203 28060949020d Some CSS tweaking. Jim Hague <jim.hague@acm.org> parents: 200 diff changeset	23 margin: 10px;
192 fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	24 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	25
204 c173abe4441b Rework page header to graphic with Havoc font and better buzzard. Jim Hague <jim.hague@laicatc.com> parents: 203 diff changeset	26 div.banner
c173abe4441b Rework page header to graphic with Havoc font and better buzzard. Jim Hague <jim.hague@laicatc.com> parents: 203 diff changeset	27 {
c173abe4441b Rework page header to graphic with Havoc font and better buzzard. Jim Hague <jim.hague@laicatc.com> parents: 203 diff changeset	28 height: 136px;
209 6e76fc564fdb Change banner to transparent PNG with Havoc font lettering and buzzard on black background. Jim Hague <jim.hague@laicatc.com> parents: 207 diff changeset	29
6e76fc564fdb Change banner to transparent PNG with Havoc font lettering and buzzard on black background. Jim Hague <jim.hague@laicatc.com> parents: 207 diff changeset	30 background-color: black;
6e76fc564fdb Change banner to transparent PNG with Havoc font lettering and buzzard on black background. Jim Hague <jim.hague@laicatc.com> parents: 207 diff changeset	31 /* background-color: #9900cc; */
204 c173abe4441b Rework page header to graphic with Havoc font and better buzzard. Jim Hague <jim.hague@laicatc.com> parents: 203 diff changeset	32 background-image: url('../img/banner.png');
c173abe4441b Rework page header to graphic with Havoc font and better buzzard. Jim Hague <jim.hague@laicatc.com> parents: 203 diff changeset	33 background-repeat: no-repeat;
c173abe4441b Rework page header to graphic with Havoc font and better buzzard. Jim Hague <jim.hague@laicatc.com> parents: 203 diff changeset	34 background-position: center center;
207 afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves. Jim Hague <jim.hague@laicatc.com> parents: 204 diff changeset	35
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves. Jim Hague <jim.hague@laicatc.com> parents: 204 diff changeset	36 -webkit-border-top-left-radius: 5px;
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves. Jim Hague <jim.hague@laicatc.com> parents: 204 diff changeset	37 -webkit-border-top-right-radius: 5px;
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves. Jim Hague <jim.hague@laicatc.com> parents: 204 diff changeset	38 -moz-border-radius-topleft: 5px;
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves. Jim Hague <jim.hague@laicatc.com> parents: 204 diff changeset	39 -moz-border-radius-topright: 5px;
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves. Jim Hague <jim.hague@laicatc.com> parents: 204 diff changeset	40 border-top-left-radius: 5px;
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves. Jim Hague <jim.hague@laicatc.com> parents: 204 diff changeset	41 border-top-right-radius: 5px;
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves. Jim Hague <jim.hague@laicatc.com> parents: 204 diff changeset	42
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves. Jim Hague <jim.hague@laicatc.com> parents: 204 diff changeset	43 -webkit-border-bottom-left-radius: 5px;
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves. Jim Hague <jim.hague@laicatc.com> parents: 204 diff changeset	44 -webkit-border-bottom-right-radius: 5px;
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves. Jim Hague <jim.hague@laicatc.com> parents: 204 diff changeset	45 -moz-border-radius-bottomleft: 5px;
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves. Jim Hague <jim.hague@laicatc.com> parents: 204 diff changeset	46 -moz-border-radius-bottomright: 5px;
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves. Jim Hague <jim.hague@laicatc.com> parents: 204 diff changeset	47 border-bottom-left-radius: 5px;
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves. Jim Hague <jim.hague@laicatc.com> parents: 204 diff changeset	48 border-bottom-right-radius: 5px;
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves. Jim Hague <jim.hague@laicatc.com> parents: 204 diff changeset	49
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves. Jim Hague <jim.hague@laicatc.com> parents: 204 diff changeset	50 margin-top: 5px;
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves. Jim Hague <jim.hague@laicatc.com> parents: 204 diff changeset	51 margin-bottom: 5px;
204 c173abe4441b Rework page header to graphic with Havoc font and better buzzard. Jim Hague <jim.hague@laicatc.com> parents: 203 diff changeset	52 }
c173abe4441b Rework page header to graphic with Havoc font and better buzzard. Jim Hague <jim.hague@laicatc.com> parents: 203 diff changeset	53
192 fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	54 div.banner h1
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	55 {
204 c173abe4441b Rework page header to graphic with Havoc font and better buzzard. Jim Hague <jim.hague@laicatc.com> parents: 203 diff changeset	56 display: none;
192 fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	57 text-align: left;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	58 font-size: 50px;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	59 font-weight: bold;
209 6e76fc564fdb Change banner to transparent PNG with Havoc font lettering and buzzard on black background. Jim Hague <jim.hague@laicatc.com> parents: 207 diff changeset	60 color: #ffffff;
192 fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	61 font-family: 'Pirata One', sans-serif;
203 28060949020d Some CSS tweaking. Jim Hague <jim.hague@acm.org> parents: 200 diff changeset	62 padding: 10px;
192 fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	63 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	64
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	65 div.dottes-body
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	66 {
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	67 background-color: white;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	68 -webkit-border-top-left-radius: 5px;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	69 -webkit-border-top-right-radius: 5px;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	70 -moz-border-radius-topleft: 5px;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	71 -moz-border-radius-topright: 5px;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	72 border-top-left-radius: 5px;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	73 border-top-right-radius: 5px;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	74
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	75 -webkit-border-bottom-left-radius: 5px;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	76 -webkit-border-bottom-right-radius: 5px;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	77 -moz-border-radius-bottomleft: 5px;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	78 -moz-border-radius-bottomright: 5px;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	79 border-bottom-left-radius: 5px;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	80 border-bottom-right-radius: 5px;
207 afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves. Jim Hague <jim.hague@laicatc.com> parents: 204 diff changeset	81
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves. Jim Hague <jim.hague@laicatc.com> parents: 204 diff changeset	82 margin-top: 5px;
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves. Jim Hague <jim.hague@laicatc.com> parents: 204 diff changeset	83 margin-bottom: 5px;
192 fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	84 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	85
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	86 div.dottes-body h1
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	87 {
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	88 margin: 10px;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	89 text-align: left;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	90 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	91
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	92 div.dottes-container
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	93 {
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	94 border: 2px solid grey;
203 28060949020d Some CSS tweaking. Jim Hague <jim.hague@acm.org> parents: 200 diff changeset	95 margin: 10px;
192 fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	96 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	97
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	98 div.dottes-transpose-instrument
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	99 {
213 8e6105d2bf59 Sort out the tunes and transposition displayed on the front page. Jim Hague <jim.hague@laicatc.com> parents: 211 diff changeset	100 display: table;
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page. Jim Hague <jim.hague@laicatc.com> parents: 211 diff changeset	101 width: 100%;
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page. Jim Hague <jim.hague@laicatc.com> parents: 211 diff changeset	102 }
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page. Jim Hague <jim.hague@laicatc.com> parents: 211 diff changeset	103
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page. Jim Hague <jim.hague@laicatc.com> parents: 211 diff changeset	104 div.dottes-transpose-instrument-item
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page. Jim Hague <jim.hague@laicatc.com> parents: 211 diff changeset	105 {
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page. Jim Hague <jim.hague@laicatc.com> parents: 211 diff changeset	106 display: table-cell;
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page. Jim Hague <jim.hague@laicatc.com> parents: 211 diff changeset	107 vertical-align: middle;
192 fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	108 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	109
213 8e6105d2bf59 Sort out the tunes and transposition displayed on the front page. Jim Hague <jim.hague@laicatc.com> parents: 211 diff changeset	110 div.dottes-transpose-instrument-name
192 fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	111 {
213 8e6105d2bf59 Sort out the tunes and transposition displayed on the front page. Jim Hague <jim.hague@laicatc.com> parents: 211 diff changeset	112 width: 15%;
192 fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	113 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	114
213 8e6105d2bf59 Sort out the tunes and transposition displayed on the front page. Jim Hague <jim.hague@laicatc.com> parents: 211 diff changeset	115 div.dottes-transpose-instrument-how
192 fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	116 {
213 8e6105d2bf59 Sort out the tunes and transposition displayed on the front page. Jim Hague <jim.hague@laicatc.com> parents: 211 diff changeset	117 width: 55%;
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page. Jim Hague <jim.hague@laicatc.com> parents: 211 diff changeset	118 }
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page. Jim Hague <jim.hague@laicatc.com> parents: 211 diff changeset	119
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page. Jim Hague <jim.hague@laicatc.com> parents: 211 diff changeset	120 div.dottes-transpose-tune-types
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page. Jim Hague <jim.hague@laicatc.com> parents: 211 diff changeset	121 {
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page. Jim Hague <jim.hague@laicatc.com> parents: 211 diff changeset	122 width: 30%;
192 fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	123 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	124
200 b3a4f4caddd5 Increase size of tune link text to make centering look less bad. Jim Hague <jim.hague@acm.org> parents: 197 diff changeset	125 a.dottes-tune-link
b3a4f4caddd5 Increase size of tune link text to make centering look less bad. Jim Hague <jim.hague@acm.org> parents: 197 diff changeset	126 {
b3a4f4caddd5 Increase size of tune link text to make centering look less bad. Jim Hague <jim.hague@acm.org> parents: 197 diff changeset	127 font-size: 20px;
210 60549ae995b5 Tweak position of tune index tune name text to be more aligned with the tune graphic. Jim Hague <jim.hague@laicatc.com> parents: 209 diff changeset	128 position: relative;
224 db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table. Jim Hague <jim.hague@acm.org> parents: 213 diff changeset	129 top: 12px;
197 8f352063f277 Finish first version of newly tarted up website. Jim Hague <jim.hague@acm.org> parents: 196 diff changeset	130 }
8f352063f277 Finish first version of newly tarted up website. Jim Hague <jim.hague@acm.org> parents: 196 diff changeset	131
192 fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	132 ul.tune-type-list
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	133 {
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	134 list-style-type: none;
213 8e6105d2bf59 Sort out the tunes and transposition displayed on the front page. Jim Hague <jim.hague@laicatc.com> parents: 211 diff changeset	135 margin: 0;
192 fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	136 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	137
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	138 ul.tune-type-list li
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	139 {
213 8e6105d2bf59 Sort out the tunes and transposition displayed on the front page. Jim Hague <jim.hague@laicatc.com> parents: 211 diff changeset	140 display: inline-block;
192 fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	141 }
197 8f352063f277 Finish first version of newly tarted up website. Jim Hague <jim.hague@acm.org> parents: 196 diff changeset	142
203 28060949020d Some CSS tweaking. Jim Hague <jim.hague@acm.org> parents: 200 diff changeset	143 img.dottes-png
28060949020d Some CSS tweaking. Jim Hague <jim.hague@acm.org> parents: 200 diff changeset	144 {
28060949020d Some CSS tweaking. Jim Hague <jim.hague@acm.org> parents: 200 diff changeset	145 display: block;
211 9da75d87e93b Make tune graphic on tune page fill the width of the page. Jim Hague <jim.hague@laicatc.com> parents: 210 diff changeset	146 width: 100%; /* Make image fill width */
9da75d87e93b Make tune graphic on tune page fill the width of the page. Jim Hague <jim.hague@laicatc.com> parents: 210 diff changeset	147 /* margin-left: auto; /* Centre image */
203 28060949020d Some CSS tweaking. Jim Hague <jim.hague@acm.org> parents: 200 diff changeset	148 /* margin-right: auto; */
28060949020d Some CSS tweaking. Jim Hague <jim.hague@acm.org> parents: 200 diff changeset	149 }
28060949020d Some CSS tweaking. Jim Hague <jim.hague@acm.org> parents: 200 diff changeset	150
197 8f352063f277 Finish first version of newly tarted up website. Jim Hague <jim.hague@acm.org> parents: 196 diff changeset	151 ul.tune-data-list
8f352063f277 Finish first version of newly tarted up website. Jim Hague <jim.hague@acm.org> parents: 196 diff changeset	152 {
8f352063f277 Finish first version of newly tarted up website. Jim Hague <jim.hague@acm.org> parents: 196 diff changeset	153 list-style-type: none;
8f352063f277 Finish first version of newly tarted up website. Jim Hague <jim.hague@acm.org> parents: 196 diff changeset	154 }
8f352063f277 Finish first version of newly tarted up website. Jim Hague <jim.hague@acm.org> parents: 196 diff changeset	155
8f352063f277 Finish first version of newly tarted up website. Jim Hague <jim.hague@acm.org> parents: 196 diff changeset	156 ul.tune-data-list li
8f352063f277 Finish first version of newly tarted up website. Jim Hague <jim.hague@acm.org> parents: 196 diff changeset	157 {
8f352063f277 Finish first version of newly tarted up website. Jim Hague <jim.hague@acm.org> parents: 196 diff changeset	158 display: inline;
203 28060949020d Some CSS tweaking. Jim Hague <jim.hague@acm.org> parents: 200 diff changeset	159 margin: 10px;
197 8f352063f277 Finish first version of newly tarted up website. Jim Hague <jim.hague@acm.org> parents: 196 diff changeset	160 }
224 db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table. Jim Hague <jim.hague@acm.org> parents: 213 diff changeset	161
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table. Jim Hague <jim.hague@acm.org> parents: 213 diff changeset	162 div.dottes-tune-list
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table. Jim Hague <jim.hague@acm.org> parents: 213 diff changeset	163 {
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table. Jim Hague <jim.hague@acm.org> parents: 213 diff changeset	164 display: table;
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table. Jim Hague <jim.hague@acm.org> parents: 213 diff changeset	165 margin: 10px;
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table. Jim Hague <jim.hague@acm.org> parents: 213 diff changeset	166 }
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table. Jim Hague <jim.hague@acm.org> parents: 213 diff changeset	167
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table. Jim Hague <jim.hague@acm.org> parents: 213 diff changeset	168 div.dottes-tune-list-item
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table. Jim Hague <jim.hague@acm.org> parents: 213 diff changeset	169 {
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table. Jim Hague <jim.hague@acm.org> parents: 213 diff changeset	170 display: table-row;
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table. Jim Hague <jim.hague@acm.org> parents: 213 diff changeset	171 }
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table. Jim Hague <jim.hague@acm.org> parents: 213 diff changeset	172
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table. Jim Hague <jim.hague@acm.org> parents: 213 diff changeset	173 div.dottes-tune-list-item-link
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table. Jim Hague <jim.hague@acm.org> parents: 213 diff changeset	174 {
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table. Jim Hague <jim.hague@acm.org> parents: 213 diff changeset	175 display: table-cell;
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table. Jim Hague <jim.hague@acm.org> parents: 213 diff changeset	176 vertical-align: middle;
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table. Jim Hague <jim.hague@acm.org> parents: 213 diff changeset	177 }
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table. Jim Hague <jim.hague@acm.org> parents: 213 diff changeset	178
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table. Jim Hague <jim.hague@acm.org> parents: 213 diff changeset	179 div.dottes-tune-list-item-image
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table. Jim Hague <jim.hague@acm.org> parents: 213 diff changeset	180 {
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table. Jim Hague <jim.hague@acm.org> parents: 213 diff changeset	181 display: table-cell;
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table. Jim Hague <jim.hague@acm.org> parents: 213 diff changeset	182 vertical-align: middle;
db569ede2165 Give in to my inner OCD and make the tune list a DIV with CSS, not a table. Jim Hague <jim.hague@acm.org> parents: 213 diff changeset	183 }

Mercurial > dottes

annotate web/css/dottes.css @ 224:db569ede2165