Skip to content

Commit 25cda94

Browse files
committed
Some styling help for the schedule page courtesy of Bedrizzle.
1 parent 98f5062 commit 25cda94

File tree

2 files changed

+46
-15
lines changed

2 files changed

+46
-15
lines changed

css/style.css

Lines changed: 42 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -401,33 +401,64 @@ div#schedule.section {
401401
padding: 0;
402402
}
403403

404-
table.schedule td.hour {
405-
border-right: 0;
406-
vertical-align: top;
404+
table.schedule{
405+
background: #fff;
406+
border-collapse: collapse;
407+
border: 2px solid #363636;
408+
border-bottom: none;
409+
border-right: none;
410+
text-align: center;
411+
}
407412

413+
table.schedule tr{
414+
border-bottom: 2px solid #363636;
408415
}
409416

410-
table.schedule {
411-
text-align: center;
417+
table.schedule th,
418+
table.schedule td{
419+
border-right: 2px solid #363636;
420+
padding: 10px;
421+
}
422+
423+
table.schedule td{
424+
background: #eee;
425+
padding: 5px 10px;
426+
}
427+
428+
table.schedule td.hour,
429+
table.schedule td.minute{
430+
background: #fff;
431+
}
432+
433+
table.schedule td.hour {
434+
border-right: 0;
435+
vertical-align: top;
436+
padding-right: 5px;
412437
}
413438

414439
table.schedule td.minute {
415440
border-left: 0;
441+
padding-left: 0;
416442
}
417443

418444
table.schedule td.lunch {
419-
background-color: green;
445+
background-color: #81bde8;
420446
}
421447

422448
table.schedule td.break {
423-
background-color: red;
449+
background-color: #f48899;
424450
}
425451

426452
table.schedule td.registration {
427-
background-color: yellow;
453+
background-color: #fff48e;
454+
}
455+
456+
table.schedule tbody tr.highlight {
457+
background-color: #99ffcc;
428458
}
429459

430-
table, table * {
431-
border: solid 1px #666;
432-
border-collapse: collapse;
460+
table.schedule tr.highlight td.hour,
461+
table.schedule tr.highlight td.minute {
462+
background-color: transparent;
433463
}
464+

resources/schedule.html

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,7 @@ <h1>PHP Community
4545
<tr>
4646
<td class="minute">45</td>
4747
</tr>
48-
<tr>
48+
<tr class="highlight">
4949
<td rowspan="4" class="hour">10</td>
5050
<td class="minute">00</td>
5151
<td rowspan="12">Lorna Mitchell - Web Services</td>
@@ -122,16 +122,16 @@ <h1>PHP Community
122122
<tr>
123123
<td class="minute">15</td>
124124
</tr>
125-
<tr>
125+
<tr class="highlight">
126126
<td class="minute">30</td>
127127
<td rowspan="3">Laura Beth Lincoln Denker - Is It
128128
Handmade Code If You Use Power Tools?</td>
129129
<td rowspan="3">Sean Coates - Gimme Bar</td>
130130
</tr>
131-
<tr>
131+
<tr class="highlight">
132132
<td class="minute">45</td>
133133
</tr>
134-
<tr>
134+
<tr class="highlight">
135135
<td rowspan="4" class="hour">15</td>
136136
<td class="minute">00</td>
137137
</tr>

0 commit comments

Comments
 (0)