Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- --HTML--
- <!DOCTYPE html>
- <html>
- <head>
- <title>Homework 1</title>
- <meta charset="utf-8">
- <link href="mystyle.css" rel="stylesheet" type="text/css" />
- </head>
- <body>
- <table>
- <thead>
- <tr>
- <th colspan="2">
- Ticket ID: 409788
- </th>
- </tr>
- </thead>
- <tfoot>
- <tr>
- <td>
- Status
- </td>
- <td>
- Not answered
- </td>
- </tr>
- </tfoot>
- <tbody>
- <tr>
- <td>
- Name:
- </td>
- <td class="greenspot">
- Parker seidel
- </td>
- </tr>
- <tr>
- <td>
- </td>
- <td class="red_td">
- No Active Support
- </td>
- </tr>
- <tr>
- <td>
- Email:
- </td>
- <td>
- seidel@aptmail.com
- </td>
- </tr>
- <tr>
- <td>
- Response time:
- </td>
- <td class="grey_td">
- 72hours, 60hours left
- </td>
- </tr>
- <tr>
- <td>
- Last Action:
- </td>
- <td class="grey_td">
- Never been locked
- </td>
- </tr>
- <tr>
- <td></td>
- <td>
- Link to public post
- </td>
- </tr>
- </tbody>
- </table>
- </body>
- </html>
- --CSS--
- table{
- background-color: #666;
- font-size: 11px;
- font-family: Arial, sans-serif;
- }
- table td{
- padding-top: 5px;
- }
- table th{
- font-weight: normal;
- color: #adadad;
- text-align: left;
- font-size: 16px;
- }
- td:first-child{
- color:#d6dbdf;
- font-style: italic;
- width: 80px;
- }
- td:last-child{
- width: 130px;
- color: #cccc99;
- }
- tfoot td:last-child{
- color: #d46a29;
- }
- table td.red_td{
- color: #eb0003;
- padding: 0;
- }
- table td.grey_td{
- color: #93989b;
- }
- td.greenspot:before{
- content: url("greenspot.png");
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement