Adam Green
Twitter API Consultant
adam@140dev.com
781-879-2960
@140dev

Free Source Code – Twitter Display: default.css

140dev Twitter Framework
Twitter Database Server
Twitter Display
Download
Install
Code Architecture
default.css
get_new_tweet_count.php
get_tweet_list.php
index.html
twitter_display.php
display_lib.php
site.js
tweet_list_template.txt
tweet_template.txt
twitter_display_config.php

The CSS file included with the Twitter display plugin is pretty simple. It is more of a placeholder that you can enhance to match your own site, so it seemed better to go with a minimal design. I’d like to offer a set of fancier CSS files that can be used instead. If anyone wants to contribute some to be included with this code, let me know. 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99

/**
* default.css
*
* @author Adam Green <140dev@gmail.com>
* @license GNU Public License
* @version BETA 0.30
*/
.hidden {
	display: none;
}
#tweet_column {
	width: 500px;
	height: 100%;
	margin-top:10px;
	margin-bottom:10px;
}
.tweet {
	width: 100%;
	display:inline-block;
	padding: 3px;
}
.tweet_image {
	float: left;
	width: 48px;
	height: 48px;
	padding: 8px 0 0 5px;
}
.tweet_image img {
	border: none;
}

.tweet_right {
	float: right;
	width: 430px;
	overflow: hidden;
	padding-right: 5px;
}
.tweet_screen_name a {
	font-size: 110%;
	font-weight: bold;
	text-align:center;
	color:#2EB2E9;
	text-decoration: none;
}
.tweet_screen_name a:hover {
	text-decoration: underline;
}
.tweet_name {
	font-size: 100%;
	color: #808080;
	padding-left: 10px;
}
.tweet_text {
	font-size: 100%;
}
.tweet_text a {
	text-decoration: none;
}
.tweet_text a:hover {
	text-decoration: underline;
}
.tweet_date a {
	font-size: 80%;
	color: #808080;
	margin-top: 2px;
	float: left;
	text-decoration: none;
}
.tweet_date a:hover {
	text-decoration: underline;
}
#new_tweet_count {
	background-color: #cae4ff;
	cursor: pointer;
	width: 97%;
	text-align: center;
	padding: 10px 0 10px 10px;
	margin-bottom: 10px;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}
#more_tweets_button {
	background-color: #0080ff;
	color:#FFFFFF;
	text-align: center;
	cursor: pointer;
	width: 100%;
	border: 1px solid #A6D5EC;
	padding: 10px 0 10px 0;
	margin-top:10px;
	background:#2F8DB7;
	margin-top:10px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
}

streaming_framework