electron based twitter client
| Revision | 768eea907dedcd939d1a739772ef78c73318d982 (tree) |
|---|---|
| Time | 2016-02-06 23:53:41 |
| Author | Hiromichi Matsushima <hylom@Hiro...> |
| Commiter | Hiromichi Matsushima |
add stylesheet
index.html (diff)
main.css (diff)| @@ -2,11 +2,14 @@ | ||
| 2 | 2 | <html> |
| 3 | 3 | <head> |
| 4 | 4 | <meta charset="UTF-8"> |
| 5 | - <title>Hello World!</title> | |
| 5 | + <title>Sprnkr</title> | |
| 6 | 6 | <script src="./jquery.min.js"></script> |
| 7 | + <link type="text/css" rel="stylesheet" href="./main.css" /> | |
| 7 | 8 | </head> |
| 8 | 9 | <body> |
| 9 | - <h1>Sprnkr</h1> | |
| 10 | + <div id="page-header"> | |
| 11 | + <h1>Sprnkr</h1> | |
| 12 | + </div> | |
| 10 | 13 | <div id="sprnkr-main"> |
| 11 | 14 | <ul id="sprnkr-items"> |
| 12 | 15 | </ul> |
| @@ -0,0 +1,33 @@ | ||
| 1 | +* { | |
| 2 | + marigin: 0; | |
| 3 | + padding: 0; | |
| 4 | +} | |
| 5 | + | |
| 6 | +#page-header h1 { | |
| 7 | + margin: 0 0 4px; | |
| 8 | + padding: 0; | |
| 9 | + background: black; | |
| 10 | + color: white; | |
| 11 | +} | |
| 12 | +#sprnkr-items { | |
| 13 | + list-style: none; | |
| 14 | +} | |
| 15 | + | |
| 16 | +#sprnkr-items li { | |
| 17 | + margin: 0 0 4px; | |
| 18 | + padding: 0 0 4px; | |
| 19 | + border-bottom: 1px solid #AAA; | |
| 20 | +} | |
| 21 | +#sprnkr-items .header { | |
| 22 | + font-size: 90%; | |
| 23 | +} | |
| 24 | + | |
| 25 | +#sprnkr-items .header .username { | |
| 26 | + font-weight: bold; | |
| 27 | +} | |
| 28 | + | |
| 29 | +#sprnkr-items .header .timestamp { | |
| 30 | + color: gray; | |
| 31 | + margin-left: 16px; | |
| 32 | +} | |
| 33 | + |
hylom
Fork