You
assign the id=???gameday??? . The Senior and Junior league games are divided by the group list item
( < liclass=???group??? > ), which is a style that is a standard part of the iui.css style sheet. The remaining
list items are assigned the grayrow class. The grayrow class provides the sizing and formatting needed
for this 90px high item:
body > ul > li.grayrow {
position: relative;
top: -1px;
margin-bottom: -2px;
border-top: 1px solid #eeeeef;
border-bottom: 1px solid #9c9ea5;
padding: 1px 10px;
background: url(grayrow.png) repeat-x;
font-size: 17px;
font-weight: bold;
text-shadow: rgba(255, 255, 255, 0.75) 2px 2px 0;
color: #000000;
line-height: 90px;
height: 90px;
}
body > ul > li.grayRow:first-child {
top: 0;
border-top: none;
}
Each list item contains an a link to display the clock and p elements to display the teams and scores.
Several styles are used for positioning and formatting these elements. The following style rules are used
for displaying the clock image at the left side of the item:
li .clock {
display: block;
position: absolute;
margin: 0;
left: 3px;
top: 0px;
width: 76px;
height: 90px;
}
.clock8 {
background: url(clock8.png) no-repeat;
}
.clock9 {
background: url(clock9.
Pages:
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295