css.php 7.21 KB
Newer Older
Eric Rasmussen's avatar
Eric Rasmussen committed
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?php
	/**
	 * Elgg customindex plugin
	 * This plugin substitutes the frontpage with a custom one
	 * 
	 * @package Customdash
	 * @license http://www.gnu.org/licenses/old-licenses/gpl-2.0.html GNU Public License version 2
	 * @author Boris Glumpler
	 * @copyright Boris Glumpler 2008
	 * @link /travel-junkie.com
	 */


	//Put some extra CSS below if needed
?>
Eric Rasmussen's avatar
Eric Rasmussen committed
16
17
/************************************************/
/* this is the elgg wrapper - we reset it here to cancel it out */
Eric Rasmussen's avatar
Eric Rasmussen committed
18
19
20
21
22
23
	#one_column {
		-moz-border-radius: 0px;
		background:transparent;
		padding:0;
		margin:0;
	}
Eric Rasmussen's avatar
Eric Rasmussen committed
24
25
26
/************************************************/	
/* splash rotation */	
	#splashwrapper {
Eric Rasmussen's avatar
Eric Rasmussen committed
27
28
29
		border-top:1px solid #ddd;
		border-bottom:1px solid #ddd;
		padding:1px 0;
Eric Rasmussen's avatar
Eric Rasmussen committed
30
		margin:10px 0 0 0;
Eric Rasmussen's avatar
Eric Rasmussen committed
31
32
33
34
	}
	#splash {
		height:480px;
		width:940px;
Eric Rasmussen's avatar
Eric Rasmussen committed
35
36
		margin:0;
		padding:0;
Eric Rasmussen's avatar
Eric Rasmussen committed
37
38
39
40
41
42
43
44
45
46
47
48
	}
	#headlines {
		height:480px;
		width: 320px;
		float:right;
		z-index:10;
	}
	#headlines>div {
		padding-left:20px;
		position:relative;
	}
	#headlines>div.activepanel {
49
		background:url('../mod/customindex/splash_selector.png') no-repeat 0 30%;
50
		z-index:201;
Eric Rasmussen's avatar
Eric Rasmussen committed
51
52
53
54
55
56
57
	}
	#headlines>div.activepanel div.splash_headline,
	#headlines div.splash_headline:hover {
		background:#b80302;
		color:#fff;
		border-top:1px solid #660000;
	}
58

Eric Rasmussen's avatar
Eric Rasmussen committed
59
	#headlines div.splash_headline {
Eric Rasmussen's avatar
Eric Rasmussen committed
60
		background:#f5f5f5;
Eric Rasmussen's avatar
Eric Rasmussen committed
61
62
63
		height:135px;
		border-top:1px solid #ccc;
		color:#666;
64
		padding:12px 24px;
Eric Rasmussen's avatar
Eric Rasmussen committed
65
	}
66
67
68
69
70
71
72
73
74
75
76
77
	#headlines div.splash_headline a, #headlines div.splash_headline a {
		text-decoration:none;
		color:#cc0000!important;
	}
	#headlines>div.activepanel a, #headlines>div:hover a, #headlines>div.activepanel a:focus, #headlines>div:hover a:focus {
		text-decoration:underline;
		color:#fff!important;
	}
	#headlines div.splash_headline a:hover {
		text-decoration:none;
		color:#fff!important;
	}
78
/* original code for three equal panels on the right side
Eric Rasmussen's avatar
Eric Rasmussen committed
79
80
81
82
	#headline1 div.splash_headline {
		border:0 !important;
		height:136px !important;
	}
83
84
85
86
87
88
89
90
91
92
93
end three equal panels */

/* code for the lopsided witw panels */
	#headline1 div.splash_headline {
		border:0 !important;
		height:260px !important;
	}
	#headline2 div.splash_headline, #headline3 div.splash_headline  {
		height:73px !important;
	}	
/*end of the lopsided code*/
Eric Rasmussen's avatar
Eric Rasmussen committed
94
95
96
97
98
99
100
101
102
103
104
	
	#headlines {
		font-size:0.9em;
		line-height:1.2em;
	}
	#headlines h4 {
		font-size:1.4em;
	}
	#headlines>div.activepanel h4, #headlines>div:hover h4{
		color:#fff;
	}
105
106
107
	#headlines>div:hover {
		cursor:pointer;
	}
Eric Rasmussen's avatar
Eric Rasmussen committed
108
109
110
111
	
	#posters {
		position:relative;
	}
112
113
114
115
	#posters h2, #posters h3 {
		color:#ddd;
	}
	#posters>div {
Eric Rasmussen's avatar
Eric Rasmussen committed
116
117
118
119
120
121
122
		width:640px;
		height:480px;
		position:absolute;
	}
	#poster1 {
		z-index:5;
	}
123
124
125
126
127
128
129
	#poster2 {
		z-index:0;
		color:#fff;
		background:url('../mod/customindex/putyourself_background.jpg');
	}
	#poster2>div {
		position:absolute;
130
		border:2px solid #333;
131
132
133
134
		-moz-border-radius:3px;
		padding:10px;
	}
	#poster3 {
Eric Rasmussen's avatar
Eric Rasmussen committed
135
		z-index:0;
136
		background:black;
Eric Rasmussen's avatar
Eric Rasmussen committed
137
138
	}

Eric Rasmussen's avatar
Eric Rasmussen committed
139
140
141

/* member icon */
	.member_icon {
142
		float:left;
Eric Rasmussen's avatar
Eric Rasmussen committed
143
144
145
146
147
148
149
		cursor:pointer;
		margin:0 6px 6px 0;
	}

/*the popup info bubble on the globe */
	#FE_InfoWindow {
		margin:35px 0 0 15px !important;
150
		margin:0 0 0 15px !important\9;
Eric Rasmussen's avatar
Eric Rasmussen committed
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
		z-index:50;
	}
	#witw_wrapper {
		color: #333;
		font-family: helvetica, arial, sans-serif;
	}
	#witw_wrapper a {
		color: #ba0000;
	}
	#witw_wrapper a:focus {
		color: #cc0000;
	}
	#witw_wrapper img.witw_icon {
		float:left;
		padding: 0 6px 6px 0;
	}
	#witw_wrapper h1 {
		font-size:16px;
		padding-bottom: 4px;
	}
	#witw_wrapper p.witw_location {
		font-style:italic;
		font-size: 11px;
		color:green;
		padding-bottom: 4px;
	}
	#witw_wrapper p.witw_title {
		font-size: 12px;
	}
	#witw_wrapper p.witw_comment {
		font-size: 11px;
		line-height: 14px;
		padding-top:5px;
		clear:left;
	}
186
187
/**The video poster stuff**/
#promoVideoList {
188
189
190
	position:absolute;
	bottom:5px;
	width:640px;
191
	left:5px;
192
193
194
	text-align:center;
}
#promoVideoList a {
195
	margin:0px 0px 0px 0px;
196
}
Eric Rasmussen's avatar
Eric Rasmussen committed
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
/************************************************/
/* the stuff below the splash headlines,posters */
	
	#maincontent #indexheading {
		border-bottom: 1px solid #e6e6e6;
		margin-bottom:20px;
		padding-bottom:0;
		font-size:2.1em;
	}
/*login*/
	#myunlsignin {
		-moz-border-radius:4px;
		background:#6cbd45;
		color:#fff;
		font-weight:bold;
		font-size:14px;
	}
	#login-box {
		width:220px;
	}
	#login-box form {
		width: 180px;
	}
	#login-box .login-textarea {
		width:140px;
	}
	#maincontent #login-box p.login-box {
		margin:0;
		padding:10px 0 0 0;
	}
	#maincontent #login-box p.login-box span {
		color:gray;
		font-size:1.1em;
	}
/* dynamically generated lists */
	div.index_item {
		margin-bottom:12px;
	}
	div.index_item_icon {
		float:left;
	}
	div.index_item_name {
		margin-left:50px;
		min-height:40px;
	}
	div.index_item_name span.membercount {
		margin-left:10px;
		font-style: italic;
		font-size:0.9em;
Eric Rasmussen's avatar
Eric Rasmussen committed
246
	}
247
248
249
250
251
/**Spotlight Huskers**/
span.name{font-size:1.1em;padding-top:0px;}
span.title{font-size:0.85em;font-style:italic;}
span.location{font-size:0.75em;color:#3A8103;}

252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340

/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 538px; 
    height:90px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(<?php echo $CONFIG->url ?>mod/customindex/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin-top:20px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 27px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 5px; margin-right: 5px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(http://static.flowplayer.org/tools/img/scrollable/arrow/hori_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

div.items a.active {
	border: none;
}