Skip to content

Instantly share code, notes, and snippets.

@aron
Created February 25, 2009 09:35
Show Gist options
  • Save aron/70105 to your computer and use it in GitHub Desktop.
Save aron/70105 to your computer and use it in GitHub Desktop.
Simplified style for the ticket view in Lighthouse Keeper
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
<title>Lighthouse Keeper Template</title>
<style type="text/css" charset="UTF-8">
body {
font: 16px/1 'Helvetica Neue', 'Helvetica-Neue';
padding: 0;
margin: 0;
color: #040713;
}
h1, h2, h3, h4, h5, h6, p, ul {
margin: 0 0 5px 0;
font-size: 1em;
font-weight: normal;
}
h3 {
font-size: 1.2em;
margin-top: 5px 0;
}
h4 {
font-size: 0.9em;
color: #5E8BDE;
}
p {
font-size: 0.85em;
line-height: 1.4;
}
#header {
background-color: #7FA2E3;
padding: 15px 10px 10px;
color: #fff;
border-bottom: #5E8BDE 3px solid;
}
#header h1 {
font-size: 1.4em;
font-weight: 300;
margin-bottom: 5px;
}
#header h2 {
font-size: 0.8em;
}
#content {
padding: 20px 10px;
}
.comment {
padding: 15px 0 0;
margin: 0 0 15px;
border-top: 1px dashed #ccc;
}
.comment-header {
margin: 30px 0 15px;
color: #5E8BDE;
}
.comment .date {
font-size: 0.625em;
display: inline-block;
line-height: 1.6em;
padding: 0 0 0 10px;
}
.comment h4 {
float: left;
color: #5E8BDE;
}
.comment h4:after {
content: ".";
clear: both;
display: block;
height: 0;
width: 0;
visibility: hidden;
}
.comment .date br {
display: none;
}
.comment p {
font-size: 0.8em;
padding: 5px 0 6px;
}
.comment h5 {
font-size: 0.8em;
line-height: 1.4;
}
.comment h5 br {
display: none;
}
.comment h5:before {
content: '- ';
}
</style>
</head>
<body>
<div id="header">
<h1>{ticketnumber} {title}</h1>
<h2>Reported by {reportedby} | {datecreated}</h2>
</div>
<div id="content">
{body}
<h3 class="comment-header">Comments &amp; Changes</h3>
{comments}
<!-- <div class="comment">
<p class="date">June 15th, 2008<br/>06:20pm</p>
<h4>Martin Pilkington</h4>
<p>wertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnm</p>
</div>
<div class="comment">
<p class="date">June 15th, 2008<br/>06:17pm</p>
<h4>Martin Pilkington</h4>
<h5>Assigned user set to "Martin Pilkington"</h5>
</div>
<div class="comment">
<p class="date">June 15th, 2008<br/>06:17pm</p>
<h4>Martin Pilkington</h4>
<p>Hello world</p>
<h5>Milestone set to "1.0"<br/>
State changed from "new" to "open"</h5>
</div> -->
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment