Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Changing the dl to a set of nested divs to appease the IE7 gods.

  • Loading branch information...
commit f3e5d92261cf5af4b489e5d18ef7af1c2cbf1a10 1 parent d8527b0
@jimmysawczuk authored
View
28 ballpark_resume.tpl.php
@@ -30,19 +30,25 @@
</div>
<div class="footer">
- <dl>
- <dt>Hometeam:</dt>
- <dd><?=$ballpark['team'] ?></dd>
+ <div class="meta">
+ <div class="field">
+ <div class="name">Hometeam:</div>
+ <div class="value"><?=$ballpark['team'] ?></div>
+ </div>
- <dt>First visit:</dt>
- <dd>
- <a href="<?=$ballpark['game'] ?>" target="_blank"><?=date("F j, Y", $ballpark['visit']); ?></a>
- (<span class="timeago" title="<?=date("c", $ballpark['visit']); ?>"></span>)
- </dd>
+ <div class="field">
+ <div class="name">First visit:</div>
+ <div class="value">
+ <a href="<?=$ballpark['game'] ?>" target="_blank"><?=date("F j, Y", $ballpark['visit']); ?></a>
+ (<span class="timeago" title="<?=date("c", $ballpark['visit']); ?>"></span>)
+ </div>
+ </div>
- <dt>Total visits:</dt>
- <dd><?=$ballpark['num_visits'] ?></dd>
- </dl>
+ <div class="field">
+ <div class="name">Total visits:</div>
+ <div class="value"><?=$ballpark['num_visits'] ?></div>
+ </div>
+ </div>
<? if (isset($ballpark['img_credit'])): ?>
<div class="credit">
View
14 css/style.css
@@ -1152,22 +1152,26 @@ html.ie #search #search_text {
right: 0px;
padding: 5px 10px;
}
-#ballparks .ballpark .footer dl {
+#ballparks .ballpark .footer div.meta {
color: white;
}
-#ballparks .ballpark .footer dl dt {
+#ballparks .ballpark .footer div.meta div.field {
+ clear: both;
+}
+#ballparks .ballpark .footer div.meta div.field div.name {
clear: left;
float: left;
font-weight: bold;
width: 100px;
}
-#ballparks .ballpark .footer dl dd {
+#ballparks .ballpark .footer div.meta div.field div.value {
float: left;
+ clear: right;
}
-#ballparks .ballpark .footer dl dd a {
+#ballparks .ballpark .footer div.meta div.field div.value a {
color: #fff;
}
-#ballparks .ballpark .footer dl dd a:hover {
+#ballparks .ballpark .footer div.meta div.field div.value a:hover {
text-decoration: none;
}
#ballparks .ballpark .footer .credit {
View
4 css/style.min.css
@@ -148,8 +148,8 @@ html.ie #search #search_text{padding-top:4px;}
#ballparks .ballpark .header h2{color:#fff;font-family:'Arvo','Arial Black','Arial','Helvetica',sans-serif;font-size:100%;}
#ballparks .ballpark .header .rating{position:absolute;top:0px;right:0px;bottom:0px;background-color:#369;color:#fff;font-size:30px;line-height:30px;font-weight:bold;}#ballparks .ballpark .header .rating div{padding:10px 10px 0px 0px;}
#ballparks .ballpark .header .rating:before{content:"aaa...aaa";height:0px;width:0px;border-style:solid;border-width:30px;border-color:#369;border-left-color:transparent;border-bottom-color:transparent;position:absolute;left:-60px;overflow:hidden;}
-#ballparks .ballpark .footer{display:none;background:#444;background:rgba(0, 0, 0, 0.7);position:absolute;bottom:0px;left:0px;right:0px;padding:5px 10px;}#ballparks .ballpark .footer dl{color:white;}#ballparks .ballpark .footer dl dt{clear:left;float:left;font-weight:bold;width:100px;}
-#ballparks .ballpark .footer dl dd{float:left;}#ballparks .ballpark .footer dl dd a{color:#fff;}#ballparks .ballpark .footer dl dd a:hover{text-decoration:none;}
+#ballparks .ballpark .footer{display:none;background:#444;background:rgba(0, 0, 0, 0.7);position:absolute;bottom:0px;left:0px;right:0px;padding:5px 10px;}#ballparks .ballpark .footer div.meta{color:white;}#ballparks .ballpark .footer div.meta div.field{clear:both;}#ballparks .ballpark .footer div.meta div.field div.name{clear:left;float:left;font-weight:bold;width:100px;}
+#ballparks .ballpark .footer div.meta div.field div.value{float:left;clear:right;}#ballparks .ballpark .footer div.meta div.field div.value a{color:#fff;}#ballparks .ballpark .footer div.meta div.field div.value a:hover{text-decoration:none;}
#ballparks .ballpark .footer .credit{position:absolute;bottom:3px;right:3px;color:#fff;font-size:11px;}#ballparks .ballpark .footer .credit a{color:#fff;}
#ballparks .ballpark:hover{-webkit-box-shadow:1px 1px 10px 2px #555555;-moz-box-shadow:1px 1px 10px 2px #555555;box-shadow:1px 1px 10px 2px #555555;}#ballparks .ballpark:hover .header,#ballparks .ballpark:hover .footer{display:block;}
#ballparks .row-0{margin-top:0px;}
View
31 less/pages/_ballpark_resume.less
@@ -94,24 +94,29 @@
right: 0px;
padding: 5px 10px;
- dl {
+ div.meta {
color: white;
- dt {
- clear: left;
- float: left;
- font-weight: bold;
- width: 100px;
- }
+ div.field {
+ clear: both;
+
+ div.name {
+ clear: left;
+ float: left;
+ font-weight: bold;
+ width: 100px;
+ }
- dd {
- float: left;
+ div.value {
+ float: left;
+ clear: right;
- a {
- color: #fff;
+ a {
+ color: #fff;
- &:hover {
- text-decoration: none;
+ &:hover {
+ text-decoration: none;
+ }
}
}
}
Please sign in to comment.
Something went wrong with that request. Please try again.