dottes: web/css/dottes.css annotate

annotate web/css/dottes.css @ 319:cbe9c10b5a3e

Render tune title, subtitle and composer in Latex/HTML and not in the image. This way the titles remains a constant size even if the image needs to be scaled. And we have that text appearance under our control. I can't find a way of switching off the tune title in abcm2ps, and have worked around by setting the title format to Y0. Y is not a defined ABC header and is not found in any Dottes tune.

author	Jim Hague <jim.hague@acm.org>
date	Tue, 16 Jul 2013 16:35:07 +0100
parents	1e4443d58177
children	27f29e8aafea

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 text-align: center;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	15 font-size: 25px;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	16 font-weight: bold;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	17 }
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 p
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	20 {
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	21 background: white;
203 28060949020d Some CSS tweaking. Jim Hague <jim.hague@acm.org> parents: 200 diff changeset	22 margin: 10px;
192 fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	23 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	24
204 c173abe4441b Rework page header to graphic with Havoc font and better buzzard. Jim Hague <jim.hague@laicatc.com> parents: 203 diff changeset	25 div.banner
c173abe4441b Rework page header to graphic with Havoc font and better buzzard. Jim Hague <jim.hague@laicatc.com> parents: 203 diff changeset	26 {
c173abe4441b Rework page header to graphic with Havoc font and better buzzard. Jim Hague <jim.hague@laicatc.com> parents: 203 diff changeset	27 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	28
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 background-color: black;
204 c173abe4441b Rework page header to graphic with Havoc font and better buzzard. Jim Hague <jim.hague@laicatc.com> parents: 203 diff changeset	30 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	31 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	32 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	33
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves. Jim Hague <jim.hague@laicatc.com> parents: 204 diff changeset	34 -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	35 -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	36 -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	37 -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	38 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	39 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	40
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves. Jim Hague <jim.hague@laicatc.com> parents: 204 diff changeset	41 -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	42 -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	43 -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	44 -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	45 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	46 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	47
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves. Jim Hague <jim.hague@laicatc.com> parents: 204 diff changeset	48 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	49 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	50 }
c173abe4441b Rework page header to graphic with Havoc font and better buzzard. Jim Hague <jim.hague@laicatc.com> parents: 203 diff changeset	51
192 fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	52 div.banner h1
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	53 {
204 c173abe4441b Rework page header to graphic with Havoc font and better buzzard. Jim Hague <jim.hague@laicatc.com> parents: 203 diff changeset	54 display: none;
192 fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	55 text-align: left;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	56 font-size: 50px;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	57 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	58 color: #ffffff;
192 fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	59 font-family: 'Pirata One', sans-serif;
203 28060949020d Some CSS tweaking. Jim Hague <jim.hague@acm.org> parents: 200 diff changeset	60 padding: 10px;
192 fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	61 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	62
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	63 div.dottes-body
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 background-color: white;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	66 -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	67 -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	68 -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	69 -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	70 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	71 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	72
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	73 -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	74 -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	75 -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	76 -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	77 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	78 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	79
afe8fc2c8d8c Set margin on divs so that they leave gaps between themselves. Jim Hague <jim.hague@laicatc.com> parents: 204 diff changeset	80 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	81 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	82 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	83
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	84 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	85 {
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	86 margin: 10px;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	87 text-align: left;
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	88 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	89
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	90 div.dottes-container
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 border: 2px solid grey;
203 28060949020d Some CSS tweaking. Jim Hague <jim.hague@acm.org> parents: 200 diff changeset	93 margin: 10px;
192 fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	94 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	95
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	96 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	97 {
213 8e6105d2bf59 Sort out the tunes and transposition displayed on the front page. Jim Hague <jim.hague@laicatc.com> parents: 211 diff changeset	98 display: table;
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page. Jim Hague <jim.hague@laicatc.com> parents: 211 diff changeset	99 width: 100%;
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page. Jim Hague <jim.hague@laicatc.com> parents: 211 diff changeset	100 }
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page. Jim Hague <jim.hague@laicatc.com> parents: 211 diff changeset	101
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page. Jim Hague <jim.hague@laicatc.com> parents: 211 diff changeset	102 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	103 {
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page. Jim Hague <jim.hague@laicatc.com> parents: 211 diff changeset	104 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	105 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	106 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	107
213 8e6105d2bf59 Sort out the tunes and transposition displayed on the front page. Jim Hague <jim.hague@laicatc.com> parents: 211 diff changeset	108 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	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 width: 15%;
192 fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	111 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	112
213 8e6105d2bf59 Sort out the tunes and transposition displayed on the front page. Jim Hague <jim.hague@laicatc.com> parents: 211 diff changeset	113 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	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 width: 55%;
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page. Jim Hague <jim.hague@laicatc.com> parents: 211 diff changeset	116 }
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page. Jim Hague <jim.hague@laicatc.com> parents: 211 diff changeset	117
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page. Jim Hague <jim.hague@laicatc.com> parents: 211 diff changeset	118 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	119 {
8e6105d2bf59 Sort out the tunes and transposition displayed on the front page. Jim Hague <jim.hague@laicatc.com> parents: 211 diff changeset	120 width: 30%;
192 fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	121 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	122
319 cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	123 div.dottes-tune-display
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	124 {
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	125 margin: 10px;
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	126 }
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	127
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	128 div.dottes-tune-header
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	129 {
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	130 display: table;
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	131 width: 100%;
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	132 }
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	133
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	134 div.dottes-tune-header-row
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	135 {
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	136 display: table-row;
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	137 }
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	138
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	139 div.dottes-tune-header-left
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	140 {
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	141 display: table-cell;
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	142 width: 25%;
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	143 }
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	144
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	145 div.dottes-tune-header-middle
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	146 {
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	147 display: table-cell;
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	148 }
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	149
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	150 div.dottes-tune-header-middle h1
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	151 {
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	152 font-size: 25px;
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	153 font-weight: bold;
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	154 text-align: center;
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	155 margin: 0px;
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	156 }
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	157
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	158 div.dottes-tune-header-middle h2
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	159 {
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	160 font-size: 15px;
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	161 font-weight: normal;
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	162 text-align: center;
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	163 margin: 0px;
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	164 }
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	165
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	166 div.dottes-tune-header-right
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	167 {
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	168 display: table-cell;
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	169 text-align: right;
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	170 width: 25%;
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	171 }
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	172
200 b3a4f4caddd5 Increase size of tune link text to make centering look less bad. Jim Hague <jim.hague@acm.org> parents: 197 diff changeset	173 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	174 {
b3a4f4caddd5 Increase size of tune link text to make centering look less bad. Jim Hague <jim.hague@acm.org> parents: 197 diff changeset	175 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	176 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	177 top: 12px;
197 8f352063f277 Finish first version of newly tarted up website. Jim Hague <jim.hague@acm.org> parents: 196 diff changeset	178 }
8f352063f277 Finish first version of newly tarted up website. Jim Hague <jim.hague@acm.org> parents: 196 diff changeset	179
192 fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	180 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	181 {
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	182 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	183 margin: 0;
192 fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	184 }
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	185
fd0bcf094cf8 First go at some contemporary HTML/CSS stuff for the Booke. Jim Hague <jim.hague@acm.org> parents: diff changeset	186 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	187 {
213 8e6105d2bf59 Sort out the tunes and transposition displayed on the front page. Jim Hague <jim.hague@laicatc.com> parents: 211 diff changeset	188 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	189 }
197 8f352063f277 Finish first version of newly tarted up website. Jim Hague <jim.hague@acm.org> parents: 196 diff changeset	190
203 28060949020d Some CSS tweaking. Jim Hague <jim.hague@acm.org> parents: 200 diff changeset	191 img.dottes-png
28060949020d Some CSS tweaking. Jim Hague <jim.hague@acm.org> parents: 200 diff changeset	192 {
28060949020d Some CSS tweaking. Jim Hague <jim.hague@acm.org> parents: 200 diff changeset	193 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	194 width: 100%; /* Make image fill width */
319 cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	195 margin-top: 10px;
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	196 margin-bottom: 10px;
203 28060949020d Some CSS tweaking. Jim Hague <jim.hague@acm.org> parents: 200 diff changeset	197 }
28060949020d Some CSS tweaking. Jim Hague <jim.hague@acm.org> parents: 200 diff changeset	198
197 8f352063f277 Finish first version of newly tarted up website. Jim Hague <jim.hague@acm.org> parents: 196 diff changeset	199 ul.tune-data-list
8f352063f277 Finish first version of newly tarted up website. Jim Hague <jim.hague@acm.org> parents: 196 diff changeset	200 {
8f352063f277 Finish first version of newly tarted up website. Jim Hague <jim.hague@acm.org> parents: 196 diff changeset	201 list-style-type: none;
319 cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	202 margin: 0px;
197 8f352063f277 Finish first version of newly tarted up website. Jim Hague <jim.hague@acm.org> parents: 196 diff changeset	203 }
8f352063f277 Finish first version of newly tarted up website. Jim Hague <jim.hague@acm.org> parents: 196 diff changeset	204
8f352063f277 Finish first version of newly tarted up website. Jim Hague <jim.hague@acm.org> parents: 196 diff changeset	205 ul.tune-data-list li
8f352063f277 Finish first version of newly tarted up website. Jim Hague <jim.hague@acm.org> parents: 196 diff changeset	206 {
8f352063f277 Finish first version of newly tarted up website. Jim Hague <jim.hague@acm.org> parents: 196 diff changeset	207 display: inline;
319 cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	208 margin-left: 0;
cbe9c10b5a3e Render tune title, subtitle and composer in Latex/HTML and not in the image. Jim Hague <jim.hague@acm.org> parents: 229 diff changeset	209 margin-right: 20px;
197 8f352063f277 Finish first version of newly tarted up website. Jim Hague <jim.hague@acm.org> parents: 196 diff changeset	210 }
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	211
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	212 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	213 {
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	214 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	215 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	216 }
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	217
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	218 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	219 {
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	220 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	221 }
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	222
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	223 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	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	225 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	226 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	227 }
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	228
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	229 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	230 {
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	231 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	232 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	233 }
229 1e4443d58177 Modify Change tune handling. Jim Hague <jim.hague@acm.org> parents: 228 diff changeset	234
1e4443d58177 Modify Change tune handling. Jim Hague <jim.hague@acm.org> parents: 228 diff changeset	235 div.dottes-change-no
1e4443d58177 Modify Change tune handling. Jim Hague <jim.hague@acm.org> parents: 228 diff changeset	236 {
1e4443d58177 Modify Change tune handling. Jim Hague <jim.hague@acm.org> parents: 228 diff changeset	237 display: none;
1e4443d58177 Modify Change tune handling. Jim Hague <jim.hague@acm.org> parents: 228 diff changeset	238 }
1e4443d58177 Modify Change tune handling. Jim Hague <jim.hague@acm.org> parents: 228 diff changeset	239
1e4443d58177 Modify Change tune handling. Jim Hague <jim.hague@acm.org> parents: 228 diff changeset	240 div.dottes-change-yes
1e4443d58177 Modify Change tune handling. Jim Hague <jim.hague@acm.org> parents: 228 diff changeset	241 {
1e4443d58177 Modify Change tune handling. Jim Hague <jim.hague@acm.org> parents: 228 diff changeset	242 }
1e4443d58177 Modify Change tune handling. Jim Hague <jim.hague@acm.org> parents: 228 diff changeset	243
1e4443d58177 Modify Change tune handling. Jim Hague <jim.hague@acm.org> parents: 228 diff changeset	244 div.dottes-change-link
1e4443d58177 Modify Change tune handling. Jim Hague <jim.hague@acm.org> parents: 228 diff changeset	245 {
1e4443d58177 Modify Change tune handling. Jim Hague <jim.hague@acm.org> parents: 228 diff changeset	246 }

Mercurial > dottes

annotate web/css/dottes.css @ 319:cbe9c10b5a3e