html: fix whitespace

This commit is contained in:
Hylke Bons 2011-05-02 13:35:38 +01:00
parent 0dd838a72f
commit c50bc9fc89
3 changed files with 107 additions and 119 deletions

View file

@ -1,11 +1,8 @@
<div class='day-entry'> <div class='day-entry'>
<div class='day-entry-header'>
<div class='day-entry-header'> <!-- $day-entry-header -->
<!-- $day-entry-header --> </div>
</div> <div class='day-entry-content'>
<!-- $day-entry-content -->
<div class='day-entry-content'> </div>
<!-- $day-entry-content -->
</div>
</div> </div>

View file

@ -1,20 +1,20 @@
<div class='event-entry'> <div class='event-entry'>
<div class='event-entry-content'> <div class='event-entry-content'>
<div class='no-buddy-icon'> <div class='no-buddy-icon'>
<div class='buddy-icon' style='background-image: url("<!-- $event-avatar-url -->");'></div> <div class='buddy-icon' style='background-image: url("<!-- $event-avatar-url -->");'></div>
</div> </div>
<div class='event-info'> <div class='event-info'>
<b><!-- $event-user-name --></b> <b><!-- $event-user-name --></b>
<!-- $event-entry-content --> <!-- $event-entry-content -->
</div> </div>
<div class='event-time'><!-- $event-time --></div> <div class='event-time'><!-- $event-time --></div>
<div style='clear: both'></div> <div style='clear: both'></div>
</div> </div>
</div> </div>

View file

@ -1,23 +1,19 @@
<!doctype html> <!doctype html>
<html> <html>
<head>
<title>SparkleShare Event Log</title>
<style>
body {
background-color: #f0f0f0;
color: <!-- $body-color -->;
font-size: <!-- $body-font-size -->;
font-family: <!-- $body-font-family -->;
margin: 0;
padding: 0;
margin-top: 20px;
}
<head> small {
<title>Event Log</title>
<style>
body {
background-color: #f0f0f0;
color: <!-- $body-color -->;
font-size: <!-- $body-font-size -->;
font-family: <!-- $body-font-family -->;
margin: 0;
padding: 0;
margin-top: 20px;
}
small {
font-size: <!-- $small-font-size -->; font-size: <!-- $small-font-size -->;
color: <!-- $small-color -->; color: <!-- $small-color -->;
} }
@ -26,96 +22,91 @@
color: <!-- $secondary-font-color -->; color: <!-- $secondary-font-color -->;
} }
.day-entry-header { .day-entry-header {
font-size: <!-- $day-entry-header-font-size -->; font-size: <!-- $day-entry-header-font-size -->;
color: #babdb6; color: #babdb6;
text-align: center; text-align: center;
width: 90%; width: 90%;
text-shadow: 0 1px 0 rgba(255, 255, 255, 1.0); text-shadow: 0 1px 0 rgba(255, 255, 255, 1.0);
margin-bottom: 9px; margin-bottom: 9px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
.day-entry-content { .day-entry-content {
padding: 9px; padding: 9px;
} }
a { a {
color: <!-- $a-color -->; color: <!-- $a-color -->;
text-decoration: none; text-decoration: none;
} }
a:hover { a:hover {
color: <!-- $a-hover-color -->; color: <!-- $a-hover-color -->;
} }
.event-time { .event-time {
font-size: 80%; font-size: 80%;
color: <!-- $secondary-font-color -->; color: <!-- $secondary-font-color -->;
float: right; float: right;
} }
.event-entry-content { .event-entry-content {
display: block; display: block;
width: 400px; width: 400px;
background-color: #fff; background-color: #fff;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
margin-bottom: 9px; margin-bottom: 9px;
padding: 18px; padding: 18px;
-webkit-border-radius: 6px; -webkit-border-radius: 6px;
border: #ddd 1px solid; border: #ddd 1px solid;
} }
dl { dl {
padding: 0; padding: 0;
margin: 0; margin: 0;
padding-bottom: 15px; padding-bottom: 15px;
} }
dt { dt {
padding-bottom: 12px; padding-bottom: 12px;
padding-top: 12px; padding-top: 12px;
font-size: 80%; font-size: 80%;
color: <!-- $secondary-font-color -->; color: <!-- $secondary-font-color -->;
} }
dd { dd {
width: 300px; width: 300px;
overflow: hidden; overflow: hidden;
padding-left: 0; padding-left: 0;
margin-left: 12px; margin-left: 12px;
text-overflow: ellipsis; text-overflow: ellipsis;
padding-bottom: 9px; padding-bottom: 9px;
} }
.no-buddy-icon {
float: left;
margin-right: 12px;
width: 36px;
background-image: url('<!-- $no-buddy-icon-background-image -->');
background-repeat: no-repeat;
background-position: top center;
}
.no-buddy-icon { .buddy-icon {
float: left; width: 36px;
margin-right: 12px; height: 36px;
width: 36px;
background-image: url('<!-- $no-buddy-icon-background-image -->');
background-repeat: no-repeat;
background-position: top center;
}
.buddy-icon {
width: 36px;
height: 36px;
background-color: #fff; background-color: #fff;
} }
.event-info {
float: left;
}
</style>
</head>
<body onDragStart='return false;'>
<!-- $event-log-content -->
</body>
.event-info {
float: left;
}
</style>
</head>
<body onDragStart='return false;'>
<!-- $event-log-content -->
</body>
</html> </html>