r36217 MediaWiki - Code Review archive

Repository:MediaWiki
Revision:< r36216‎ | r36217 | r36218 >
Date:02:58, 12 June 2008
Author:dale
Status:old
Tags:
Comment:
fixes for mvpcf skin
Modified paths:
  • /branches/MetavidWiki-exp/frontend_pages/index.php (modified) (history)
  • /branches/MetavidWiki-exp/skins/mvpcf.php (modified) (history)
  • /branches/MetavidWiki-exp/skins/mvpcf/main.css (deleted) (history)
  • /branches/MetavidWiki-exp/skins/mvpcf/style.css (added) (history)
  • /branches/MetavidWiki-exp/skins/mvpcf/style.css (added) (history)

Diff [purge]

Index: branches/MetavidWiki-exp/skins/mvpcf.php
——@@ -69,7 +69,7 @@
7070 <?php $this->html('headlinks') ?>
7171 <title><?php $this->text('pagetitle') ?></title>
7272 <style type="text/css" media="screen, projection">/*<![CDATA[*/
73 - @import "<?php $this->text('stylepath') ?>/<?php $this->text('stylename') ?>/main.css";
 73+ @import "<?php $this->text('stylepath') ?>/<?php $this->text('stylename') ?>/style.css";
7474 /*]]>*/</style>
7575
7676 <!--[if lt IE 7]>
——@@ -105,23 +105,102 @@
106106 <?php if($this->data['body_onload' ]) { ?>onload="<?php $this->text('body_onload') ?>"<?php } ?>
107107 class="mediawiki <?php $this->text('nsclass') ?> <?php $this->text('dir') ?> <?php $this->text('pageclass') ?>">
108108 <div id="globalWrapper">
109 - <div id="searchHeader">
110 -<div class="logo2">
111 -<a href="#">
112 -<img alt="Metavid" src="<?php $this->text('stylepath') ?>/<?php $this->text('stylename') ?>/images/logo2.png"/>
113 -</a>
114 -<p class="tagline2">Video archive of the US Congress</p>
115 -</div>
116 -<div class="form_search_row">
117 -<input id="search_field" class="searchField" type="text" name="search[field]"/>
118 -<button class="grey_button" type="submit">
119 -<span> Search </span>
120 -</button>
121 -<a class="advanced_search_tag" href="#">advanced search</a>
122 -</div>
123 -</div>
 109+ <div id="searchHeader">
 110+ <div class="logo2">
 111+ <a href="<?global $wgScript; echo $wgScript ?>">
 112+ <img alt="Metavid" src="<?php $this->text('stylepath') ?>/<?php $this->text('stylename') ?>/images/logo2.png"/>
 113+ </a>
 114+ <p class="tagline2">Video archive of the US Congress</p>
 115+ </div>
 116+ <div class="form_search_row">
 117+ <input id="search_field" class="searchField" type="text" name="search[field]"/>
 118+ <button class="grey_button" type="submit">
 119+ <span> Search </span>
 120+ </button>
 121+ <a class="advanced_search_tag" href="#">advanced search</a>
 122+ <div id="p-cactions" class="portlet">
 123+ <h5><?php $this->msg('views') ?></h5>
 124+ <div class="pBody">
 125+ <ul>
 126+ <?php foreach($this->data['content_actions'] as $key => $tab) { ?>
 127+ <li id="ca-<?php echo Sanitizer::escapeId($key) ?>"<?php
 128+ if($tab['class']) { ?> class="<?php echo htmlspecialchars($tab['class']) ?>"<?php }
 129+ ?>><a href="<?php echo htmlspecialchars($tab['href']) ?>"<?php echo $skin->tooltipAndAccesskey('ca-'.$key) ?>><?php
 130+ echo htmlspecialchars($tab['text']) ?></a></li>
 131+ <?php } ?>
 132+ </ul>
 133+ </div>
 134+ </div>
 135+ </div>
 136+ </div>
 137+
 138+ <div id="suggestions">
 139+ <div id="suggestionsTop"></div>
 140+
 141+ <div id="suggestionsInner" class="suggestionsBox ac_results">
 142+ <div class="block">
 143+ <p><a href="javascript:;" onclick="hideSuggestions('suggestions');">Search videos for "<strong>ta</strong>" (hide this box)</a></p>
 144+ </div>
 145+
 146+ <div class="block">
 147+ <h6>Category Matches</h6>
 148+ </div>
 149+
 150+
 151+ <div class="block">
 152+ <p class="short_match"><a href="#"><span><strong>Ta</strong>xes</span></a></p>
 153+ <p class="short_match"><a href="#" class="last_match"><span><strong>Ta</strong>ttoos</span></a></p>
 154+ </div>
 155+
 156+ <div class="block">
 157+ <h6>People Matches</h6>
 158+
 159+ </div>
 160+
 161+ <div class="block">
 162+ <p class="people_match">
 163+ <img src="images/thumb1.jpg" alt="" />
 164+ <a href="#">Chaka Fat<strong>ta</strong>h</a>
 165+ </p>
 166+ <p class="people_match">
 167+
 168+ <img src="images/thumb2.jpg" alt="" />
 169+ <a href="#">Charles <strong>Ta</strong>ylor</a>
 170+ </p>
 171+ <p class="people_match last_match">
 172+ <img src="images/thumb3.jpg" alt="" />
 173+ <a href="#">Charles W. Jr. Bous<strong>ta</strong>ny</a>
 174+
 175+ </p>
 176+ </div>
 177+
 178+ <div class="block">
 179+ <h6>Bill Matches</h6>
 180+ </div>
 181+
 182+ <div class="block">
 183+ <p class="short_match"><a href="#"><span>H.R. 3238: United-S<strong>ta</strong>tes-Israel Energy Cooperation Act</span></a></p>
 184+
 185+ <p class="short_match"><a href="#" class="last_match"><span>H.R. 3238: United-S<strong>ta</strong>tes-Israel Energy Cooperation Act</span></a></p>
 186+ </div>
 187+
 188+ <div class="block">
 189+ <h6>Interest Group Matches</h6>
 190+ </div>
 191+
 192+ <div class="block">
 193+ <p class="short_match"><a href="#"><span>Hospi<strong>ta</strong>ls</span></a></p>
 194+
 195+ <p class="short_match"><a href="#"><span>Real Es<strong>ta</strong>te</span></a></p>
 196+ </div>
 197+
 198+ </div><!--suggestionsInner-->
 199+ <div id="suggestionsBot"></div>
 200+ </div><!--suggestions-->
 201+
 202+
124203
125 - <div id="column-content">
 204+ <div id="column-content">
126205 <div id="content">
127206 <a name="top" id="top"></a>
128207 <?php if($this->data['sitenotice']) { ?><div id="siteNotice"><?php $this->html('sitenotice') ?></div><?php } ?>
——@@ -141,19 +220,7 @@
142221 </div>
143222 </div>
144223 <!-- <div id="column-one">-->
145 - <div id="p-cactions" class="portlet">
146 - <h5><?php $this->msg('views') ?></h5>
147 - <div class="pBody">
148 - <ul>
149 - <?php foreach($this->data['content_actions'] as $key => $tab) { ?>
150 - <li id="ca-<?php echo Sanitizer::escapeId($key) ?>"<?php
151 - if($tab['class']) { ?> class="<?php echo htmlspecialchars($tab['class']) ?>"<?php }
152 - ?>><a href="<?php echo htmlspecialchars($tab['href']) ?>"<?php echo $skin->tooltipAndAccesskey('ca-'.$key) ?>><?php
153 - echo htmlspecialchars($tab['text']) ?></a></li>
154 - <?php } ?>
155 - </ul>
156 - </div>
157 - </div>
 224+
158225 <div class="portlet" id="p-personal">
159226 <h5><?php $this->msg('personaltools') ?></h5>
160227 <div class="pBody">
Index: branches/MetavidWiki-exp/skins/mvpcf/main.css
——@@ -1,683 +0,0 @@
2 -/*
3 - Color sets
4 -
5 - Blue: #75a5e4
6 - Light blue: #eef6ff
7 - Dark blue: #2060c1
8 - Grey: #afafaf
9 - Light grey: #f2f2f2
10 - Dark grey: #474747
11 - Darker grey: #242424
12 - Red: #dd1313
13 - Orange: #df5c01
14 -
15 -*/
16 -
17 -html {margin: 0; padding: 0;}
18 -body {
19 - margin: 0;
20 - padding: 0;
21 - font-family: Helvetica, Arial, sans-serif;
22 - font-size: .75em;
23 - color: #474747;
24 - background: white;
25 -}
26 -body#frontPage {background: #eef6ff;}
27 -
28 -#bodyContent{
29 - font-size:120%;
30 -}
31 -
32 -a:link {color: #2060c1; text-decoration: underline;}
33 -a:visited {color: #2060c1; text-decoration: underline;}
34 -/*a:visited {color: #75a5e4; text-decoration: underline;}*/ /*Not sure if you want this*/
35 -a:hover {color: #75a5e4; text-decoration: underline;}
36 -img, img a, img a:hover {border: 0;}
37 -
38 -h1, h2, h3, h4, h5, h6 {color: #242424; margin: 5px 0; padding: 0;}
39 -h1 {font-size: 24px;}
40 -h2 {font-size: 18px;}
41 -h3 {font-size: 16px;}
42 -h4 {font-size: 14px;}
43 -h5 {font-size: 13px; text-align: center;}
44 -h5.search_results_header {margin: 8px 0;}
45 -h6 {font-size: 13px; color: #6c6c6c; padding: 10px 20px 0px 20px; text-transform: uppercase;}
46 -
47 -#metaLogin {background: white; text-align: right; padding: 10px 10px 0px 10px;}
48 -#metaLogin a {position: relative; z-index: 3;}
49 -
50 -/*
51 -** the personal toolbar
52 -*/
53 -#p-personal {
54 - position: absolute;
55 - left: 0;
56 - top: 0;
57 - z-index: 0;
58 -}
59 -#p-personal {
60 - width: 100%;
61 - white-space: nowrap;
62 - padding: 0;
63 - margin: 0;
64 - border: none;
65 - background: none;
66 - overflow: visible;
67 - line-height: 1.2em;
68 -}
69 -#p-personal h5 {
70 - display: none;
71 -}
72 -#p-personal .portlet,
73 -#p-personal .pBody {
74 - z-index: 0;
75 - padding: 0;
76 - margin: 0;
77 - border: none;
78 - overflow: visible;
79 - background: none;
80 -}
81 -/* this is the ul contained in the portlet */
82 -#p-personal ul {
83 - border: none;
84 - line-height: 1.4em;
85 - color: #2f6fab;
86 - padding: 0 2em 0 3em;
87 - margin: 0;
88 - text-align: right;
89 - list-style: none;
90 - z-index: 0;
91 - background: none;
92 - cursor: default;
93 -}
94 -#p-personal li {
95 - z-index: 0;
96 - border: none;
97 - padding: 0;
98 - display: inline;
99 - margin-left: 1em;
100 - line-height: 1.2em;
101 - background: none;
102 -}
103 -#p-personal li a {
104 - padding-bottom: .2em;
105 - background: none;
106 -}
107 -#p-personal li a:hover {
108 - background-color: white;
109 - padding-bottom: .2em;
110 -}
111 -#p-personal li.active a:hover {
112 - background-color: transparent;
113 -}
114 -/* the icon in front of the user name, single quotes
115 -in bg url to hide it from iemac */
116 -li#pt-userpage,
117 -li#pt-anonuserpage,
118 -li#pt-login {
119 - background: url(user.gif) top left no-repeat;
120 - padding-left: 20px;
121 - text-transform: none;
122 -}
123 -#p-personal ul {
124 - text-transform: lowercase;
125 -}
126 -#p-personal li.active {
127 - font-weight: bold;
128 -}
129 -
130 -#content {
131 - width: 915px;
132 - margin: 0 auto;
133 - overflow: hidden;
134 -}
135 -#frontPageTop {
136 - background: white;
137 - height: 233px;
138 - border-bottom: 6px solid #75a5e4;
139 - position: relative;
140 - z-index: 1;
141 -}
142 -#frontPageTop #searchSplash {
143 - width: 915px;
144 - margin: 0 auto;
145 -}
146 -#frontPageTop #searchSplash p.tagline {
147 - color: #dd1313;
148 - text-transform: uppercase;
149 - font-size: 13px;
150 - text-align: center;
151 - margin: 20px 0;
152 -}
153 -a.advanced_search_tag {font-size: 12px; text-decoration: none; margin: 8px; position: absolute;}
154 -
155 -#frontPageContent {
156 - width: 730px;
157 - margin: 20px auto;
158 - overflow: hidden;
159 -}
160 -#frontPageContent ul.popularSearches {
161 - list-style: none;
162 - margin: 10px 0 30px 0;
163 - padding: 0;
164 - text-align: left;
165 -}
166 -#frontPageContent ul.popularSearches li {
167 - display: inline;
168 - font-size: 14px;
169 - margin: 0 10px 0 0;
170 -}
171 -
172 -#frontPageContent ul.popularClips {
173 - list-style: none;
174 - margin: 10px 0;
175 - padding: 0;
176 -}
177 -#frontPageContent ul.popularClips li {
178 - width: 161px;
179 - float: left;
180 - display: inline;
181 - text-align: center;
182 - margin: 0 28px 0 0;
183 -}
184 -#frontPageContent ul.popularClips li img {display: block;}
185 -
186 -#frontPageContent ul.popularClips li span.title {display: block; font-weight: bold; margin: 3px 0;}
187 -#frontPageContent ul.popularClips li span.description {display: block; margin: 3px 0;}
188 -#frontPageContent ul.popularClips li span.keywords {display: block; margin: 3px 0;}
189 -
190 -#frontPageContent ul.popularSearches li.last_li, #frontPageContent ul.popularClips li.last_li {margin: 0;}
191 -
192 -
193 -/*Ajax search suggestions*/
194 -#suggestions {
195 - width: 295px;
196 - overflow: hidden;
197 - position: absolute;
198 - z-index: 2;
199 - margin: 0 0 0 230px;
200 -}
201 -*:first-child+html #suggestions {margin-top: -20px;}
202 -#suggestionsTop {
203 - width: 295px;
204 - height: 34px;
205 - position: relative;
206 - z-index: 3;
207 - background: url(images/search_suggest_top.png) 0 0 no-repeat;
208 -}
209 -#suggestionsInner {
210 - width: 275px;
211 - padding: 0px 15px 0 5px;
212 - position: relative;
213 - overflow: hidden;
214 - z-index: 3;
215 - background: url(images/search_suggest_bg.png) 0 0 repeat-y;
216 -}
217 -#suggestionsBot {
218 - width: 295px;
219 - height: 18px;
220 - position: relative;
221 - z-index: 3;
222 - background: url(images/search_suggest_bottom.png) 0 0 no-repeat;
223 -}
224 -
225 -.suggestionsBox div.block {
226 - border-top: 1px solid #dadada;
227 -}
228 -.suggestionsBox div.wide_block {
229 - padding: 15px 0;
230 -}
231 -.suggestionsBox div.first_block {
232 - border: 0;
233 -}
234 -.suggestionsBox div.block p {padding: 10px 20px;margin: 0;}
235 -.suggestionsBox div.block p.short_match, .suggestionsBox div.block p.normal_match {padding: 0; margin: 0;}
236 -.suggestionsBox div.block p a {text-decoration: none;}
237 -.suggestionsBox div.block p.short_match a {
238 - padding: 0;
239 - display: block;
240 - width: 100%;
241 - border-bottom: 1px solid #dadada;
242 -}
243 -.suggestionsBox div.block p.short_match a span {display: block; padding: 3px 20px;}
244 -.suggestionsBox div.block p.short_match a:hover {background: #0b68c9 url(images/selector.png) 0 0 repeat-x; color: white;}
245 -.suggestionsBox div.block p.short_match a.last_match {border: 0;}
246 -
247 -.suggestionsBox div.block p.normal_match a {
248 - padding: 0;
249 - margin; 0;
250 - display: block;
251 - width: 100%;
252 - border: 0;
253 -}
254 -.suggestionsBox div.block p.normal_match a span {display: block; padding: 3px 20px;}
255 -.suggestionsBox div.block p.normal_match a:hover {background: #0b68c9 url(images/selector.png) 0 0 repeat-x; color: white;}
256 -.suggestionsBox div.block p.normal_match a.last_match {border: 0;}
257 -
258 -.suggestionsBox div.block p.people_match, .suggestionsBox div.block p.people2_match {border-bottom: 1px solid #dadada; padding: 3px 0px 3px 20px; overflow: hidden; height: 100%;}
259 -.suggestionsBox div.block p.people_match img, .suggestionsBox div.block p.people2_match img {float: left; display: inline;}
260 -.suggestionsBox div.block p.people_match a, .suggestionsBox div.block p.people2_match a {float: left; display: inline; vertical-align: top; line-height: 54px; padding-left: 15px; width: 196px;}
261 -.suggestionsBox div.block p.people2_match a {width: 173px;}
262 -.suggestionsBox div.block p.people_match a:hover, .suggestionsBox div.block p.people2_match a:hover {background: #0b68c9 url(images/selector.png) 0 0 repeat-x; color: white;}
263 -
264 -.suggestionsBox div.block p.people_match a:hover {background: #0b68c9 url(images/selector.png) 0 0 repeat-x; color: white;}
265 -
266 -.suggestionsBox div.block p.bill_match {border-bottom: 1px solid #dadada;}
267 -
268 -.suggestionsBox div.block p.last_match {border-bottom: 0;}
269 -
270 -.suggestionsBox div.block ul {
271 - list-style: none;
272 - margin: 10px 0;
273 - padding: 0 20px;
274 -}
275 -.suggestionsBox div.block ul a {text-decoration: none;}
276 -.suggestionsBox div.block ul li {margin: 7px 0;}
277 -.suggestionsBox div.block ul li ul {margin: 0;}
278 -.suggestionsBox div.block ul li ul li a {color: #df5c01;}
279 -.suggestionsBox div.block ul li ul li a:hover {color: #ffa02f;}
280 -
281 -.suggestionsBox div.block ul li span.clips {display: block; text-align: right; margin: 6px 0 18px 0;}
282 -
283 -
284 -
285 -/*Search results*/
286 -#searchHeader {
287 - width: 915px;
288 - overflow: hidden;
289 - margin: 15px auto 0 auto;
290 -}
291 -#searchHeader .logo2 p.tagline2 {float: left; display: inline; margin: 0; padding: 25px 0 0 10px; color: #496794; font-size: 14px;}
292 -
293 -#searchSideBar {
294 - width: 253px;
295 - float: right;
296 - display: inline;
297 - overflow: hidden;
298 -}
299 -#searchSideBarTop, #searchSideBar2Top {
300 - background: url(images/other_results_top.png) 0 0 no-repeat;
301 - width: 253px;
302 - height: 7px;
303 - font-size: 1px;
304 -}
305 -#searchSideBar2Top {background: url(images/other_results_top2.png) 0 0 no-repeat;}
306 -#searchSideBarInner {
307 - background: url(images/other_results_bg.png) bottom left no-repeat;
308 - width: 253px;
309 -}
310 -#searchSideBarInner h6 {color: #242424; text-transform: none; padding: 5px 20px 5px 20px; margin: 0;}
311 -#searchSideBarInner h6.profile {background: #dfebfe; margin: 0px 1px;}
312 -
313 -#resultsArea {
314 - width: 630px;
315 - float: left;
316 - display: inline;
317 - margin: 0 0 10px 8px;
318 -}
319 -ul#metaResults, ul#metaProfile {
320 - margin: 0;
321 - padding: 0;
322 - list-style: none;
323 - text-align: left;
324 - overflow: hidden;
325 - height: 100%;
326 -}
327 -ul#metaResults li, ul#metaProfile li {
328 - display: inline;
329 -}
330 -ul#metaResults li a, ul#metaProfile li a {
331 - text-decoration: none;
332 -}
333 -
334 -ul#metaResults li.results {font-weight: bold; margin-right: 40px;}
335 -ul#metaResults li.relevant {}
336 -ul#metaResults li.recent {}
337 -ul#metaResults li.viewed {margin-right: 70px;}
338 -ul#metaResults li.rss a {background: url(images/ico_rss.png) top right no-repeat; padding: 0 18px 0 0; color: #df5c01;}
339 -ul#metaResults li.subscribe img {vertical-align: bottom; margin-left: 10px;}
340 -
341 -ul#metaProfile li.recent_activity {font-weight: bold; font-size: 15px; float: left; display: inline;}
342 -ul#metaProfile li.rss a {float: right; display: inline; background: url(images/ico_rss.png) top right no-repeat; padding: 0 18px 0 0; color: #df5c01;}
343 -ul#metaProfile li.subscribe img {vertical-align: bottom; float: right; display: inline; margin-left: 10px;}
344 -
345 -
346 -#resultsArea ul#results {
347 - list-style: none;
348 - margin: 20px 0;
349 - padding: 0;
350 -}
351 -#resultsArea ul#results li.result {
352 - margin: 0 0 26px 0;
353 - overflow: hidden;
354 - height: 100%;
355 -}
356 -#resultsArea ul#results li.moreBy {
357 - padding: 10px 0 0 173px;
358 -}
359 -#resultsArea ul#results li.moreBy a {text-decoration: none; font-weight: bold; font-size: 14px;}
360 -
361 -#resultsArea ul#results li.result img {float: left; display: inline; width: 157px;}
362 -#resultsArea ul#results li.result div.result_description {
363 - width: 353px;
364 - float: left;
365 - display: inline;
366 - margin: 0 0 0 15px;
367 -}
368 -#resultsArea ul#results li.result div.result_description p {margin: 0; padding: 8px 0;}
369 -#resultsArea ul#results li.result div.result_description h4 {margin: 0; padding: 0;}
370 -#resultsArea ul#results li.result div.result_description a {text-decoration: none;}
371 -#resultsArea ul#results li.result div.result_meta {float: right; display: inline; color: #7a7979;}
372 -#resultsArea ul#results li.result div.result_meta span {display: block; font-size: 12px; padding: 2px 0;}
373 -
374 -#profile {
375 - margin: 10px 0;
376 - overflow: hidden;
377 - height: 100%;
378 - text-align: center;
379 -}
380 -#profile p img {vertical-align: middle;}
381 -#profile p span {padding-left: 10px; font-size: 16px;}
382 -
383 -p.see_more {padding: 5px 0; margin: 0;}
384 -
385 -span.by {display: block; padding-bottom: 10px;}
386 -span.cats {padding-right: 20px;}
387 -
388 -
389 -/*Video page*/
390 -h1.videoHeader {
391 - font-size: 18px;
392 - font-weight: normal;
393 - color: #616161;
394 - margin: 12px 0;
395 - text-align: center;
396 -}
397 -
398 -#videoContent {
399 - width: 439px;
400 - float: left;
401 - display: inline;
402 -}
403 -
404 -#videoContent #videoMeta {
405 - background: #eee;
406 - margin: 15px 0;
407 - padding: 10px;
408 - overflow: hidden;
409 - height: 100%;
410 - color: #353535;
411 - font-size: 11px;
412 -}
413 -#videoContent #videoMeta p.options {width: 320px; float: left; display: inline; padding: 0; margin: 0;}
414 -#videoContent #videoMeta p.options a {text-decoration: none;}
415 -#videoContent #videoMeta p.options span.link {display: block; margin-bottom: 6px;}
416 -#videoContent #videoMeta p.options span.download {display: block; margin-bottom: 6px;}
417 -#videoContent #videoMeta p.options span.embed {display: block; background: url(images/embed_arrow.png) 0 2px no-repeat; padding: 0 0 0 12px;}
418 -#videoContent #videoMeta p.about_file {float: right; display: inline; padding: 0; margin: 0;}
419 -#videoContent #videoMeta p.about_file span.views {margin-bottom: 6px; display: block;}
420 -#videoContent #videoMeta p.about_file span.duration {margin-bottom: 6px; display: block;}
421 -#videoContent #videoMeta p.about_file span.comments {margin: 0; display: block;}
422 -
423 -
424 -.officialRecord {
425 - margin: 10px 0;
426 -}
427 -.officialRecord ul {
428 - margin: 0;
429 - list-style: none;
430 - padding: 0;
431 -}
432 -.officialRecord ul li {
433 - margin: 7px 0;
434 -}
435 -.officialRecord ul li a {text-decoration: none;}
436 -
437 -
438 -#videoSideBar {
439 - width: 457px;
440 - float: right;
441 - display: inline;
442 -}
443 -
444 -#selectionsBox {
445 - width: 453px;
446 - height: 517px;
447 - overflow: auto;
448 - border: 1px solid #c8c8c8;
449 - margin: 15px 0;
450 -}
451 -
452 -#selectionsBox ul {
453 - list-style: none;
454 - margin: 0;
455 - padding: 0;
456 -}
457 -#selectionsBox ul li {
458 - overflow: hidden;
459 - border-top: 1px solid white;
460 - clear: both;
461 -}
462 -#selectionsBox ul li a {text-decoration: none;}
463 -#selectionsBox ul li.even {background: white;}
464 -#selectionsBox ul li.odd {background: #e7f0ff;}
465 -#selectionsBox ul li p.images {float: left; display: inline; width: 65px; text-align: center; margin: 10px 10px 10px 0; padding: 0;}
466 -#selectionsBox ul li p.images img {margin-bottom: 5px;}
467 -
468 -#selectionsBox ul li p.text {float: right; display: inline; width: 353px; margin: 8px 10px 10px 0; padding: 0;}
469 -#selectionsBox ul li p.text span.header {display: block;}
470 -
471 -.layers input {vertical-align: middle; margin-left: 20px;}
472 -.layers ul {
473 - margin: 0;
474 - padding: 0;
475 - list-style: none;
476 -}
477 -.layers ul li {
478 - display: inline;
479 - padding-right: 15px;
480 -}
481 -.layers ul li a {text-decoration: none;}
482 -
483 -.timeline {
484 - background: #eee;
485 - padding: 15px;
486 - margin: 15px 0;
487 -}
488 -.timeline img {
489 - vertical-align: middle;
490 - padding: 0 6px;
491 -}
492 -
493 -.form_row {
494 - margin: 5px 0;
495 -}
496 -.form_row label {
497 - width: 6em;
498 - float: left;
499 - padding: 2px 5px 0 0;
500 - display: inline;
501 - text-align: right;
502 -}
503 -.form_row .button_go {margin-left: 10px;}
504 -
505 -
506 -
507 -/*Carousel*/
508 -#carousel {
509 - width: 455px;
510 - background: #454545;
511 - height: 100px;
512 -}
513 -#carousel #button_left, #carousel #button_right {
514 - width: 31px;
515 - height: 100px;
516 - float: left;
517 - display: inline;
518 - background: url(images/carousel_left.png) 0 0 no-repeat;
519 - cursor: pointer;
520 -}
521 -#carousel #button_right {
522 - background: url(images/carousel_right.png) 0 0 no-repeat;
523 -}
524 -#carousel #button_right a, #carousel #button_left a {display: block; height: 100px; width: 31px; text-indent: -9999px;}
525 -
526 -#carousel #carouselItemsWrapper {
527 - margin: 3px 0 0 0;
528 - width: 393px;
529 - height: 94px;
530 - overflow: hidden;
531 - float: left;
532 - display: inline;
533 -}
534 -
535 -#carousel ul#carouselItems {
536 - list-style: none;
537 - margin: 0;
538 - padding: 0;
539 - width: 10000px;
540 - height: 94px;
541 -}
542 -#carousel ul#carouselItems li {
543 - width: 147px;
544 - height: 92px;
545 - margin: 0 5px 0 0;
546 - border: 1px solid #7b7b7b;
547 - background: #515151;
548 - float: left;
549 - display: inline;
550 - text-align: center;
551 -}
552 -#carousel ul#carouselItems li a {
553 - display: block;
554 - width: 147px;
555 - height: 87px;
556 - text-decoration: none;
557 - padding-top: 5px;
558 -}
559 -#carousel ul#carouselItems li.hover a:hover, #carousel ul#carouselItems li#selected {background: #939393;}
560 -
561 -#carousel ul#carouselItems li a span {display: block; color: white; font-weight: bold; padding: 0; margin: 0; background: transparent;}
562 -
563 -#miniCarousel {
564 - width: 429px;
565 - height: 23px;
566 - background: transparent;
567 - margin: 10px auto;
568 -}
569 -#miniCarousel #mini_button_left, #miniCarousel #mini_button_right {
570 - width: 9px;
571 - height: 14px;
572 - margin: 4px 5px 0 0;
573 - float: left;
574 - display: inline;
575 - background: url(images/carousel_top_left.png) 0 0 no-repeat;
576 - cursor: pointer;
577 -}
578 -#miniCarousel #mini_button_right {
579 - background: url(images/carousel_top_right.png) 0 0 no-repeat;
580 - margin: 4px 0 0 5px;
581 -}
582 -
583 -#miniCarousel #miniCarouselItems {
584 - width: 295px;
585 - height: 15px;
586 - padding: 4px;
587 - background: #d5d5d5;
588 - float: left;
589 - display: inline;
590 -}
591 -#miniCarousel #miniCarouselItems2 {
592 - width: 78px;
593 - height: 15px;
594 - padding: 4px;
595 - margin: 0 0 0 4px;
596 - background: #d5d5d5;
597 - float: left;
598 - display: inline;
599 -}
600 -
601 -#miniCarousel #miniCarouselItems p, #miniCarousel #miniCarouselItems2 p {
602 - padding: 0;
603 - margin: 0;
604 -}
605 -
606 -
607 -/*Forms*/
608 -.form_search_row {text-align: center; margin: 20px 0;}
609 -#searchHeader .form_search_row {text-align: center; margin: 8px 0; background: #dfebfe; border-top: 1px solid #a3c1ee; padding: 20px 0;}
610 -input.searchField {
611 - width: 223px;
612 - height: 21px;
613 - padding: 6px 6px 2px 6px;
614 - border: 1px solid #474747;
615 - background: white;
616 - margin-right: 16px;
617 - font-size: 13px;
618 - color: #474747;
619 - font-family: Helvetica, Arial, sans-serif;
620 -}
621 -
622 -
623 -/*Buttons*/
624 -button {
625 - border: 0;
626 - cursor: pointer;
627 - font-family: Helvetica, Arial, sans-serif;
628 - padding: 0 20px 0 0;
629 - text-align: center;
630 -}
631 -button span {
632 - position: relative;
633 - display: block;
634 - white-space: nowrap;
635 - padding: 0 0 0 20px;
636 -}
637 -button.grey_button {
638 - background: url(images/button_grey_right.png) right no-repeat;
639 - font-size: 13px;
640 -}
641 -button.grey_button span {
642 - height: 27px;
643 - line-height: 27px;
644 - background: url(images/button_grey_left.png) left no-repeat;
645 - color: #474747;
646 -}
647 -*:first-child+html button {width: auto; overflow: visible;}
648 -*:first-child+html button span {margin-top: 1px;}
649 -
650 -
651 -/*Footer*/
652 -.printfooter{
653 - display:none;
654 -}
655 -
656 -#footer, #footer2 {
657 - width: 885px;
658 - background: white;
659 - padding: 15px;
660 - overflow: hidden;
661 - height: 100%;
662 - margin: 15px auto 0 auto;
663 -}
664 -#footer2 {background: #e9f2ff;}
665 -#footer ul.footerLinks, #footer2 ul.footerLinks {
666 - float: left;
667 - display: inline;
668 - width: 180px;
669 - list-style: none;
670 - margin: 0;
671 -}
672 -*:first-child+html #footer ul.footerLinks, *:first-child+html #footer2 ul.footerLinks {width: 220px;}
673 -#footer ul.footerLinks li, #footer2 ul.footerLinks li {margin: 10px 0;}
674 -#footer ul.footerLinks li a, #footer2 ul.footerLinks li a {text-decoration: none;}
675 -
676 -p#copyInfo {text-align: center; padding: 15px 0; margin: 0;}
677 -p#copyInfo a {color: #474747;}
678 -p#copyInfo a:hover {color: #999;}
679 -
680 -
681 -/*Images*/
682 -.logo {text-align: center; padding-top: 42px;}
683 -.logo2 {padding-top: 0px; overflow: hidden; height: 100%;}
684 -.logo2 img {float: left; display: inline;}
\ No newline at end of file
Index: branches/MetavidWiki-exp/skins/mvpcf/style.css
——@@ -0,0 +1,721 @@
 2+/*
 3+ main style for mediaWiki version of the mvpcf theme
 4+
 5+ Color sets
 6+
 7+ Blue: #75a5e4
 8+ Light blue: #eef6ff
 9+ Dark blue: #2060c1
 10+ Grey: #afafaf
 11+ Light grey: #f2f2f2
 12+ Dark grey: #474747
 13+ Darker grey: #242424
 14+ Red: #dd1313
 15+ Orange: #df5c01
 16+*/
 17+
 18+html {margin: 0; padding: 0;}
 19+body {
 20+ margin: 0;
 21+ padding: 0;
 22+ font-family: Helvetica, Arial, sans-serif;
 23+ font-size: .75em;
 24+ color: #474747;
 25+ background: white;
 26+}
 27+body#frontPage {background: #eef6ff;}
 28+
 29+#bodyContent{
 30+ font-size:120%;
 31+}
 32+
 33+a:link {color: #2060c1; text-decoration: underline;}
 34+a:visited {color: #2060c1; text-decoration: underline;}
 35+/*a:visited {color: #75a5e4; text-decoration: underline;}*/ /*Not sure if you want this*/
 36+a:hover {color: #75a5e4; text-decoration: underline;}
 37+img, img a, img a:hover {border: 0;}
 38+
 39+h1, h2, h3, h4, h5, h6 {color: #242424; margin: 5px 0; padding: 0;}
 40+h1 {font-size: 24px;}
 41+h2 {font-size: 18px;}
 42+h3 {font-size: 16px;}
 43+h4 {font-size: 14px;}
 44+h5 {font-size: 13px; text-align: center;}
 45+h5.search_results_header {margin: 8px 0;}
 46+h6 {font-size: 13px; color: #6c6c6c; padding: 10px 20px 0px 20px; text-transform: uppercase;}
 47+
 48+#metaLogin {background: white; text-align: right; padding: 10px 10px 0px 10px;}
 49+#metaLogin a {position: relative; z-index: 3;}
 50+
 51+/*
 52+** the personal toolbar
 53+*/
 54+#p-personal {position: absolute;left: 0;top: 0; z-index: 0;}
 55+#p-personal {width: 100%;white-space: nowrap;padding: 0;margin: 0;border: none;background: none;
 56+ overflow: visible;
 57+ line-height: 1.2em;
 58+}
 59+#p-personal h5 { display: none;}
 60+#p-personal .portlet,
 61+#p-personal .pBody { z-index: 0;padding: 0;margin: 0;border: none;overflow: visible;background: none;}
 62+/* this is the ul contained in the portlet */
 63+#p-personal ul { border: none;line-height: 1.4em;color: #2f6fab;padding: 0 2em 0 3em;margin: 0;
 64+ text-align: right; list-style: none; z-index: 0; background: none; cursor: default;
 65+}
 66+#p-personal li {z-index: 0;border: none;padding: 0;display: inline; margin-left: 1em;
 67+ line-height: 1.2em; background: none;
 68+}
 69+#p-personal li a { padding-bottom: .2em;background: none;
 70+}
 71+#p-personal li a:hover {background-color: white;padding-bottom: .2em;
 72+}
 73+#p-personal li.active a:hover { background-color: transparent;}
 74+
 75+/*
 76+** the "action" links located below the searchHeader
 77+*/
 78+#p-cactions {position:relative;top: 15px;}
 79+#p-cactions {width: 100%;white-space: nowrap;padding: 0;margin: 0;border: none;background: none;
 80+ overflow: visible;
 81+ line-height: 1.2em;
 82+}
 83+#p-cactions h5 { display: none;}
 84+#p-cactions .portlet,
 85+#p-cactions .pBody {z-index: 0;padding: 0;margin: 0;border: none;overflow: visible;background: none;}
 86+/* this is the ul contained in the portlet */
 87+#p-cactions ul { border: none;line-height: 1.4em;color: #2f6fab;padding: 0 2em 0 3em;margin: 0;
 88+ text-align: right; list-style: none; z-index: 0; background: none; cursor: default;
 89+}
 90+#p-cactions li {z-index: 0;border: none;padding: 0;display: inline; margin-left: 1em;
 91+ line-height: 1.2em; background: none;
 92+}
 93+#p-cactions li a { padding-bottom: .2em;background: none;
 94+}
 95+#p-cactions li a:hover {background-color: white;padding-bottom: .2em;
 96+}
 97+#p-cactions li.active a:hover { background-color: transparent;}
 98+.selected a {color: #474747; text-decoration:none;}
 99+
 100+
 101+/* the icon in front of the user name, single quotes
 102+in bg url to hide it from iemac */
 103+li#pt-userpage,
 104+li#pt-anonuserpage,
 105+li#pt-login {
 106+ background: url(user.gif) top left no-repeat;
 107+ padding-left: 20px;
 108+ text-transform: none;
 109+}
 110+#p-personal ul {
 111+ text-transform: lowercase;
 112+}
 113+#p-personal li.active {
 114+ font-weight: bold;
 115+}
 116+
 117+#content {
 118+ width: 915px;
 119+ margin: 0 auto;
 120+ overflow: hidden;
 121+}
 122+#frontPageTop {
 123+ background: white;
 124+ height: 233px;
 125+ border-bottom: 6px solid #75a5e4;
 126+ position: relative;
 127+ z-index: 1;
 128+}
 129+#frontPageTop #searchSplash {
 130+ width: 915px;
 131+ margin: 0 auto;
 132+}
 133+#frontPageTop #searchSplash p.tagline {
 134+ color: #dd1313;
 135+ text-transform: uppercase;
 136+ font-size: 13px;
 137+ text-align: center;
 138+ margin: 20px 0;
 139+}
 140+a.advanced_search_tag {font-size: 12px; text-decoration: none; margin: 8px; position: absolute;}
 141+
 142+#frontPageContent {
 143+ width: 730px;
 144+ margin: 20px auto;
 145+ overflow: hidden;
 146+}
 147+#frontPageContent ul.popularSearches {
 148+ list-style: none;
 149+ margin: 10px 0 30px 0;
 150+ padding: 0;
 151+ text-align: left;
 152+}
 153+#frontPageContent ul.popularSearches li {
 154+ display: inline;
 155+ font-size: 14px;
 156+ margin: 0 10px 0 0;
 157+}
 158+
 159+#frontPageContent ul.popularClips {
 160+ list-style: none;
 161+ margin: 10px 0;
 162+ padding: 0;
 163+}
 164+#frontPageContent ul.popularClips li {
 165+ width: 161px;
 166+ float: left;
 167+ display: inline;
 168+ text-align: center;
 169+ margin: 0 28px 0 0;
 170+}
 171+#frontPageContent ul.popularClips li img {display: block;}
 172+
 173+#frontPageContent ul.popularClips li span.title {display: block; font-weight: bold; margin: 3px 0;}
 174+#frontPageContent ul.popularClips li span.description {display: block; margin: 3px 0;}
 175+#frontPageContent ul.popularClips li span.keywords {display: block; margin: 3px 0;}
 176+
 177+#frontPageContent ul.popularSearches li.last_li, #frontPageContent ul.popularClips li.last_li {margin: 0;}
 178+
 179+
 180+/*Ajax search suggestions*/
 181+#suggestions {
 182+ width: 295px;
 183+ overflow: hidden;
 184+ position: absolute;
 185+ z-index: 2;
 186+ margin: 0 0 0 230px;
 187+}
 188+*:first-child+html #suggestions {margin-top: -20px;}
 189+#suggestionsTop {
 190+ width: 295px;
 191+ height: 34px;
 192+ position: relative;
 193+ z-index: 3;
 194+ background: url(images/search_suggest_top.png) 0 0 no-repeat;
 195+}
 196+#suggestionsInner {
 197+ width: 275px;
 198+ padding: 0px 15px 0 5px;
 199+ position: relative;
 200+ overflow: hidden;
 201+ z-index: 3;
 202+ background: url(images/search_suggest_bg.png) 0 0 repeat-y;
 203+}
 204+#suggestionsBot {
 205+ width: 295px;
 206+ height: 18px;
 207+ position: relative;
 208+ z-index: 3;
 209+ background: url(images/search_suggest_bottom.png) 0 0 no-repeat;
 210+}
 211+.suggestionsBox div.block {
 212+ border-top: 1px solid #dadada;
 213+}
 214+.suggestionsBox div.wide_block {
 215+ padding: 15px 0;
 216+}
 217+.suggestionsBox div.first_block {
 218+ border: 0;
 219+}
 220+.suggestionsBox div.block p {padding: 10px 20px;margin: 0;}
 221+.suggestionsBox div.block p.short_match, .suggestionsBox div.block p.normal_match {padding: 0; margin: 0;}
 222+.suggestionsBox div.block p a {text-decoration: none;}
 223+.suggestionsBox div.block p.short_match a {
 224+ padding: 0;
 225+ display: block;
 226+ width: 100%;
 227+ border-bottom: 1px solid #dadada;
 228+}
 229+.suggestionsBox div.block p.short_match a span {display: block; padding: 3px 20px;}
 230+.suggestionsBox div.block p.short_match a:hover {background: #0b68c9 url(images/selector.png) 0 0 repeat-x; color: white;}
 231+.suggestionsBox div.block p.short_match a.last_match {border: 0;}
 232+
 233+.suggestionsBox div.block p.normal_match a {
 234+ padding: 0;
 235+ margin; 0;
 236+ display: block;
 237+ width: 100%;
 238+ border: 0;
 239+}
 240+.suggestionsBox div.block p.normal_match a span {display: block; padding: 3px 20px;}
 241+.suggestionsBox div.block p.normal_match a:hover {background: #0b68c9 url(images/selector.png) 0 0 repeat-x; color: white;}
 242+.suggestionsBox div.block p.normal_match a.last_match {border: 0;}
 243+
 244+.suggestionsBox div.block p.people_match, .suggestionsBox div.block p.people2_match {border-bottom: 1px solid #dadada; padding: 3px 0px 3px 20px; overflow: hidden; height: 100%;}
 245+.suggestionsBox div.block p.people_match img, .suggestionsBox div.block p.people2_match img {float: left; display: inline;}
 246+.suggestionsBox div.block p.people_match a, .suggestionsBox div.block p.people2_match a {float: left; display: inline; vertical-align: top; line-height: 54px; padding-left: 15px; width: 196px;}
 247+.suggestionsBox div.block p.people2_match a {width: 173px;}
 248+.suggestionsBox div.block p.people_match a:hover, .suggestionsBox div.block p.people2_match a:hover {background: #0b68c9 url(images/selector.png) 0 0 repeat-x; color: white;}
 249+
 250+.suggestionsBox div.block p.people_match a:hover {background: #0b68c9 url(images/selector.png) 0 0 repeat-x; color: white;}
 251+
 252+.suggestionsBox div.block p.bill_match {border-bottom: 1px solid #dadada;}
 253+
 254+.suggestionsBox div.block p.last_match {border-bottom: 0;}
 255+
 256+.suggestionsBox ul {
 257+ list-style: none;
 258+ margin: 10px 0;
 259+ padding: 0 20px;
 260+}
 261+.suggestionsBox div.block ul a {text-decoration: none;}
 262+.suggestionsBox div.block ul li {margin: 7px 0;}
 263+.suggestionsBox div.block ul li ul {margin: 0;}
 264+.suggestionsBox div.block ul li ul li a {color: #df5c01;}
 265+.suggestionsBox div.block ul li ul li a:hover {color: #ffa02f;}
 266+.suggestionsBox div.block ul li span.clips {display: block; text-align: right; margin: 6px 0 18px 0;}
 267+
 268+
 269+/*auto complete css:*/
 270+.ac_results {
 271+ padding: 0px;
 272+ border: 1px solid WindowFrame;
 273+ background-color: Window;
 274+ overflow: hidden;
 275+}
 276+.ac_results ul {
 277+ list-style-position: outside;
 278+ list-style: none;
 279+ padding: 0;
 280+ margin: 0;
 281+}
 282+.ac_results h6 {margin-left:0px;}
 283+.ac_results li {
 284+ margin: 0px;
 285+ padding: 2px 5px;
 286+ cursor: pointer;
 287+ display: block;
 288+ font-size:1em;
 289+ overflow: hidden;
 290+ border-bottom: 1px solid #dadada;
 291+ color: #2060c1;
 292+}
 293+.ac_results li img{
 294+ float: left; display: inline;
 295+}
 296+.ac_results li .ac_img_txt{
 297+ float: left; display: inline; vertical-align: top; line-height: 54px; padding-left: 15px; width: 196px;
 298+}
 299+.ac_loading {
 300+ background : Window url('images/indicator.gif') right center no-repeat;
 301+}
 302+.ac_over {
 303+ background: #0b68c9 url(images/selector.png) 0 0 repeat-x;
 304+ color: white;
 305+}
 306+
 307+.ac_results iframe {
 308+ display:none;/*sorry for IE5*/
 309+ display/**/:block;/*sorry for IE5*/
 310+ position:absolute;
 311+ top:0;
 312+ left:0;
 313+ z-index:-1;
 314+ filter:mask();
 315+ width:3000px;
 316+ height:3000px;
 317+}
 318+
 319+
 320+
 321+
 322+/*Search results*/
 323+#searchHeader {
 324+ width: 915px;
 325+ overflow: hidden;
 326+ margin: 15px auto 0 auto;
 327+}
 328+#searchHeader .logo2 p.tagline2 {float: left; display: inline; margin: 0; padding: 25px 0 0 10px; color: #496794; font-size: 14px;}
 329+
 330+#searchSideBar {
 331+ width: 253px;
 332+ float: right;
 333+ display: inline;
 334+ overflow: hidden;
 335+}
 336+#searchSideBarTop, #searchSideBar2Top {
 337+ background: url(images/other_results_top.png) 0 0 no-repeat;
 338+ width: 253px;
 339+ height: 7px;
 340+ font-size: 1px;
 341+}
 342+#searchSideBar2Top {background: url(images/other_results_top2.png) 0 0 no-repeat;}
 343+#searchSideBarInner {
 344+ background: url(images/other_results_bg.png) bottom left no-repeat;
 345+ width: 253px;
 346+}
 347+#searchSideBarInner h6 {color: #242424; text-transform: none; padding: 5px 20px 5px 20px; margin: 0;}
 348+#searchSideBarInner h6.profile {background: #dfebfe; margin: 0px 1px;}
 349+
 350+/* results */
 351+#resultsArea {
 352+ width: 630px;
 353+ float: left;
 354+ display: inline;
 355+ margin: 0 0 10px 8px;
 356+}
 357+ul#metaResults, ul#metaProfile {
 358+ margin: 0;
 359+ padding: 0;
 360+ list-style: none;
 361+ text-align: left;
 362+ overflow: hidden;
 363+ height: 100%;
 364+}
 365+ul#metaResults li, ul#metaProfile li {
 366+ display: inline;
 367+}
 368+ul#metaResults li a, ul#metaProfile li a {
 369+ text-decoration: none;
 370+}
 371+
 372+ul#metaResults li.results {font-weight: bold; margin-right: 40px;}
 373+ul#metaResults li.relevant {}
 374+ul#metaResults li.recent {}
 375+ul#metaResults li.viewed {margin-right: 70px;}
 376+ul#metaResults li.rss a {background: url(images/ico_rss.png) top right no-repeat; padding: 0 18px 0 0; color: #df5c01;}
 377+ul#metaResults li.subscribe img {vertical-align: bottom; margin-left: 10px;}
 378+
 379+ul#metaProfile li.recent_activity {font-weight: bold; font-size: 15px; float: left; display: inline;}
 380+ul#metaProfile li.rss a {float: right; display: inline; background: url(images/ico_rss.png) top right no-repeat; padding: 0 18px 0 0; color: #df5c01;}
 381+ul#metaProfile li.subscribe img {vertical-align: bottom; float: right; display: inline; margin-left: 10px;}
 382+
 383+
 384+#resultsArea ul#results {
 385+ list-style: none;
 386+ margin: 20px 0;
 387+ padding: 0;
 388+}
 389+#resultsArea ul#results li.result {
 390+ margin: 0 0 26px 0;
 391+ overflow: hidden;
 392+ height: 100%;
 393+}
 394+#resultsArea ul#results li.moreBy {
 395+ padding: 10px 0 0 173px;
 396+}
 397+#resultsArea ul#results li.moreBy a {text-decoration: none; font-weight: bold; font-size: 14px;}
 398+
 399+#resultsArea ul#results li.result img {float: left; display: inline; width: 157px;}
 400+#resultsArea ul#results li.result div.result_description {
 401+ width: 353px;
 402+ float: left;
 403+ display: inline;
 404+ margin: 0 0 0 15px;
 405+}
 406+#resultsArea ul#results li.result div.result_description p {margin: 0; padding: 8px 0;}
 407+#resultsArea ul#results li.result div.result_description h4 {margin: 0; padding: 0;}
 408+#resultsArea ul#results li.result div.result_description a {text-decoration: none;}
 409+#resultsArea ul#results li.result div.result_meta {float: right; display: inline; color: #7a7979;}
 410+#resultsArea ul#results li.result div.result_meta span {display: block; font-size: 12px; padding: 2px 0;}
 411+
 412+#profile {
 413+ margin: 10px 0;
 414+ overflow: hidden;
 415+ height: 100%;
 416+ text-align: center;
 417+}
 418+#profile p img {vertical-align: middle;}
 419+#profile p span {padding-left: 10px; font-size: 16px;}
 420+
 421+p.see_more {padding: 5px 0; margin: 0;}
 422+
 423+span.by {display: block; padding-bottom: 10px;}
 424+span.cats {padding-right: 20px;}
 425+
 426+
 427+/*Video page*/
 428+h1.videoHeader {
 429+ font-size: 18px;
 430+ font-weight: normal;
 431+ color: #616161;
 432+ margin: 12px 0;
 433+ text-align: center;
 434+}
 435+
 436+#videoContent {
 437+ width: 439px;
 438+ float: left;
 439+ display: inline;
 440+}
 441+
 442+#videoContent #videoMeta {
 443+ background: #eee;
 444+ margin: 15px 0;
 445+ padding: 10px;
 446+ overflow: hidden;
 447+ height: 100%;
 448+ color: #353535;
 449+ font-size: 11px;
 450+}
 451+#videoContent #videoMeta p.options {width: 320px; float: left; display: inline; padding: 0; margin: 0;}
 452+#videoContent #videoMeta p.options a {text-decoration: none;}
 453+#videoContent #videoMeta p.options span.link {display: block; margin-bottom: 6px;}
 454+#videoContent #videoMeta p.options span.download {display: block; margin-bottom: 6px;}
 455+#videoContent #videoMeta p.options span.embed {display: block; background: url(images/embed_arrow.png) 0 2px no-repeat; padding: 0 0 0 12px;}
 456+#videoContent #videoMeta p.about_file {float: right; display: inline; padding: 0; margin: 0;}
 457+#videoContent #videoMeta p.about_file span.views {margin-bottom: 6px; display: block;}
 458+#videoContent #videoMeta p.about_file span.duration {margin-bottom: 6px; display: block;}
 459+#videoContent #videoMeta p.about_file span.comments {margin: 0; display: block;}
 460+
 461+
 462+.officialRecord {
 463+ margin: 10px 0;
 464+}
 465+.officialRecord ul {
 466+ margin: 0;
 467+ list-style: none;
 468+ padding: 0;
 469+}
 470+.officialRecord ul li {
 471+ margin: 7px 0;
 472+}
 473+.officialRecord ul li a {text-decoration: none;}
 474+
 475+
 476+#videoSideBar {
 477+ width: 457px;
 478+ float: right;
 479+ display: inline;
 480+}
 481+
 482+#selectionsBox {
 483+ width: 453px;
 484+ height: 517px;
 485+ overflow: auto;
 486+ border: 1px solid #c8c8c8;
 487+ margin: 15px 0;
 488+}
 489+
 490+#selectionsBox ul {
 491+ list-style: none;
 492+ margin: 0;
 493+ padding: 0;
 494+}
 495+#selectionsBox ul li {
 496+ overflow: hidden;
 497+ border-top: 1px solid white;
 498+ clear: both;
 499+}
 500+#selectionsBox ul li a {text-decoration: none;}
 501+#selectionsBox ul li.even {background: white;}
 502+#selectionsBox ul li.odd {background: #e7f0ff;}
 503+#selectionsBox ul li p.images {float: left; display: inline; width: 65px; text-align: center; margin: 10px 10px 10px 0; padding: 0;}
 504+#selectionsBox ul li p.images img {margin-bottom: 5px;}
 505+
 506+#selectionsBox ul li p.text {float: right; display: inline; width: 353px; margin: 8px 10px 10px 0; padding: 0;}
 507+#selectionsBox ul li p.text span.header {display: block;}
 508+
 509+.layers input {vertical-align: middle; margin-left: 20px;}
 510+.layers ul {
 511+ margin: 0;
 512+ padding: 0;
 513+ list-style: none;
 514+}
 515+.layers ul li {
 516+ display: inline;
 517+ padding-right: 15px;
 518+}
 519+.layers ul li a {text-decoration: none;}
 520+
 521+.timeline {
 522+ background: #eee;
 523+ padding: 15px;
 524+ margin: 15px 0;
 525+}
 526+.timeline img {
 527+ vertical-align: middle;
 528+ padding: 0 6px;
 529+}
 530+
 531+.form_row {
 532+ margin: 5px 0;
 533+}
 534+.form_row label {
 535+ width: 6em;
 536+ float: left;
 537+ padding: 2px 5px 0 0;
 538+ display: inline;
 539+ text-align: right;
 540+}
 541+.form_row .button_go {margin-left: 10px;}
 542+
 543+
 544+
 545+/*Carousel*/
 546+#carousel {
 547+ width: 455px;
 548+ background: #454545;
 549+ height: 100px;
 550+}
 551+#carousel #button_left, #carousel #button_right {
 552+ width: 31px;
 553+ height: 100px;
 554+ float: left;
 555+ display: inline;
 556+ background: url(images/carousel_left.png) 0 0 no-repeat;
 557+ cursor: pointer;
 558+}
 559+#carousel #button_right {
 560+ background: url(images/carousel_right.png) 0 0 no-repeat;
 561+}
 562+#carousel #button_right a, #carousel #button_left a {display: block; height: 100px; width: 31px; text-indent: -9999px;}
 563+
 564+#carousel #carouselItemsWrapper {
 565+ margin: 3px 0 0 0;
 566+ width: 393px;
 567+ height: 94px;
 568+ overflow: hidden;
 569+ float: left;
 570+ display: inline;
 571+}
 572+
 573+#carousel ul#carouselItems {
 574+ list-style: none;
 575+ margin: 0;
 576+ padding: 0;
 577+ width: 10000px;
 578+ height: 94px;
 579+}
 580+#carousel ul#carouselItems li {
 581+ width: 147px;
 582+ height: 92px;
 583+ margin: 0 5px 0 0;
 584+ border: 1px solid #7b7b7b;
 585+ background: #515151;
 586+ float: left;
 587+ display: inline;
 588+ text-align: center;
 589+}
 590+#carousel ul#carouselItems li a {
 591+ display: block;
 592+ width: 147px;
 593+ height: 87px;
 594+ text-decoration: none;
 595+ padding-top: 5px;
 596+}
 597+#carousel ul#carouselItems li.hover a:hover, #carousel ul#carouselItems li#selected {background: #939393;}
 598+
 599+#carousel ul#carouselItems li a span {display: block; color: white; font-weight: bold; padding: 0; margin: 0; background: transparent;}
 600+
 601+#miniCarousel {
 602+ width: 429px;
 603+ height: 23px;
 604+ background: transparent;
 605+ margin: 10px auto;
 606+}
 607+#miniCarousel #mini_button_left, #miniCarousel #mini_button_right {
 608+ width: 9px;
 609+ height: 14px;
 610+ margin: 4px 5px 0 0;
 611+ float: left;
 612+ display: inline;
 613+ background: url(images/carousel_top_left.png) 0 0 no-repeat;
 614+ cursor: pointer;
 615+}
 616+#miniCarousel #mini_button_right {
 617+ background: url(images/carousel_top_right.png) 0 0 no-repeat;
 618+ margin: 4px 0 0 5px;
 619+}
 620+
 621+#miniCarousel #miniCarouselItems {
 622+ width: 295px;
 623+ height: 15px;
 624+ padding: 4px;
 625+ background: #d5d5d5;
 626+ float: left;
 627+ display: inline;
 628+}
 629+#miniCarousel #miniCarouselItems2 {
 630+ width: 78px;
 631+ height: 15px;
 632+ padding: 4px;
 633+ margin: 0 0 0 4px;
 634+ background: #d5d5d5;
 635+ float: left;
 636+ display: inline;
 637+}
 638+
 639+#miniCarousel #miniCarouselItems p, #miniCarousel #miniCarouselItems2 p {
 640+ padding: 0;
 641+ margin: 0;
 642+}
 643+
 644+
 645+/*Forms*/
 646+.form_search_row {text-align: center; margin: 20px 0;}
 647+#searchHeader .form_search_row {text-align: center; margin: 8px 0; background: #dfebfe; border-top: 1px solid #a3c1ee; padding: 20px 0;}
 648+input.searchField {
 649+ width: 223px;
 650+ height: 21px;
 651+ padding: 6px 6px 2px 6px;
 652+ border: 1px solid #474747;
 653+ background: white;
 654+ margin-right: 16px;
 655+ font-size: 13px;
 656+ color: #474747;
 657+ font-family: Helvetica, Arial, sans-serif;
 658+}
 659+
 660+
 661+/*Buttons*/
 662+button {
 663+ border: 0;
 664+ cursor: pointer;
 665+ font-family: Helvetica, Arial, sans-serif;
 666+ padding: 0 20px 0 0;
 667+ text-align: center;
 668+}
 669+button span {
 670+ position: relative;
 671+ display: block;
 672+ white-space: nowrap;
 673+ padding: 0 0 0 20px;
 674+}
 675+button.grey_button {
 676+ background: url(images/button_grey_right.png) right no-repeat;
 677+ font-size: 13px;
 678+}
 679+button.grey_button span {
 680+ height: 27px;
 681+ line-height: 27px;
 682+ background: url(images/button_grey_left.png) left no-repeat;
 683+ color: #474747;
 684+}
 685+*:first-child+html button {width: auto; overflow: visible;}
 686+*:first-child+html button span {margin-top: 1px;}
 687+
 688+
 689+/*Footer*/
 690+.printfooter{
 691+ display:none;
 692+}
 693+
 694+#footer, #footer2 {
 695+ width: 885px;
 696+ background: white;
 697+ padding: 15px;
 698+ overflow: hidden;
 699+ height: 100%;
 700+ margin: 15px auto 0 auto;
 701+}
 702+#footer2 {background: #e9f2ff;}
 703+#footer ul.footerLinks, #footer2 ul.footerLinks {
 704+ float: left;
 705+ display: inline;
 706+ width: 180px;
 707+ list-style: none;
 708+ margin: 0;
 709+}
 710+*:first-child+html #footer ul.footerLinks, *:first-child+html #footer2 ul.footerLinks {width: 220px;}
 711+#footer ul.footerLinks li, #footer2 ul.footerLinks li {margin: 10px 0;}
 712+#footer ul.footerLinks li a, #footer2 ul.footerLinks li a {text-decoration: none;}
 713+
 714+p#copyInfo {text-align: center; padding: 15px 0; margin: 0;}
 715+p#copyInfo a {color: #474747;}
 716+p#copyInfo a:hover {color: #999;}
 717+
 718+
 719+/*Images*/
 720+.logo {text-align: center; padding-top: 42px;}
 721+.logo2 {padding-top: 0px; overflow: hidden; height: 100%;}
 722+.logo2 img {float: left; display: inline;}
\ No newline at end of file
Index: branches/MetavidWiki-exp/frontend_pages/index.php
——@@ -16,7 +16,7 @@
1717 <meta name="keywords" content="" />
1818 <meta name="description" content="" />
1919 <meta name="robots" content="all" />
20 - <link rel="stylesheet" href="<?=$skin_path?>/styles.css" type="text/css" media="screen" />
 20+ <link rel="stylesheet" href="<?=$skin_path?>/style.css" type="text/css" media="screen" />
2121 <!--[if lt IE 7]>
2222 <link rel="stylesheet" href="<?=$skin_path?>/ie_styles.css" type="text/css" media="screen" />
2323 <![endif]-->

Status & tagging log