286 lines
14 KiB
CSS
286 lines
14 KiB
CSS
|
body { background-color:#000; margin:0px; padding:0px; color:#fff; line-height: 1.2em; }
|
||
|
|
p { margin-top:6px; margin-top:6px; }
|
||
|
|
#pager { margin: 0 auto; position: relative; width:998px; background-color:#000; }
|
||
|
|
#head { position:relative; left:20px; top:0px; width:958px; height:76px; color:#fff; }
|
||
|
|
#adspace { position:relative; left:20px; width:958px; height:90px; }
|
||
|
|
#content { position:relative; left:20px; margin-top:10px; width:958px; }
|
||
|
|
|
||
|
|
body,p,input,textarea,label,td { font-family: Arial, Helvetica, sans-serif; font-size: 11.5px; }
|
||
|
|
a { color:#fff; text-decoration:none; }
|
||
|
|
object,img { border:0px; text-decoration:none; vertical-align:middle; }
|
||
|
|
.comment a, #publish a, #daily_video_title a { color: #000; }
|
||
|
|
.small { font-size: 10px; }
|
||
|
|
.medium { font-size: 11px; }
|
||
|
|
.orange, .orange a { color:#FFAE00; }
|
||
|
|
.grey, .grey a { color:grey; }
|
||
|
|
.bold, .title { font-weight:bold; }
|
||
|
|
.black, .black a { color:#000; }
|
||
|
|
.nounder, .nounder a { text-decoration:none; }
|
||
|
|
|
||
|
|
.c_left, .left { float:left; }
|
||
|
|
#reroot, .c_right { float:right; }
|
||
|
|
.clear, .clearblock { float:none; clear:both; display:inline; }
|
||
|
|
.clearblock { display:block; }
|
||
|
|
|
||
|
|
.box_title, #video_title, #daily_title, #box_title, #tags_page_title, #search_page_title, #vid_list_title, #karl_title, #daily_title, #publish_title, #publish_member_title, #publish_video_title, #voir_aussi_title, #mes_favoris_title, #ses_favoris_title, #mes_videos_title, #ses_videos_title, #ses_amis_title, #daily_profile_title, #vid_list_title, #tags_title, #comments_title, #publish_page_title { height:22px; vertical-align:middle; background: #ffad01 no-repeat; text-align:right; padding:2px; margin-bottom:3px; color:#000; }
|
||
|
|
.box_title a, #video_title a, #daily_title a, #box_title a, #tags_page_title a, #search_page_title a, #vid_list_title a, #karl_title a, #daily_title a, #publish_title a, #publish_member_title a, #publish_video_title a, #voir_aussi_title a, #mes_favoris_title a, #ses_favoris_title a, #mes_videos_title a, #ses_videos_title a, #ses_amis_title a, #daily_profile_title a, #vid_list_title a, #tags_title a { color:#000; }
|
||
|
|
|
||
|
|
#member #box_title, #mes_favoris_title, #mes_videos_title, #search_page_title, #video_title { height:18px; padding-top:5px; text-align:left; font-family: Times, Times New Roman; font-size:22px; font-weight:bold; text-transform:uppercase; }
|
||
|
|
#member #box_title a, #mes_favoris_title a, #mes_videos_title a, #search_page_title a, #video_title a { float:right; font-family: Arial, Helvetica, sans-serif; font-size: 11.5px;font-weight:normal; text-transform:none; }
|
||
|
|
|
||
|
|
#logo { float:left; }
|
||
|
|
#menu { float:right; margin-top:10px; }
|
||
|
|
|
||
|
|
#tags, #video_desc, #publish_member, #ses_amis, #publish_video, #daily_profile, #daily_home_profile, #content_more, #voir_aussi, #tv-karl, #daily, #fullpage, #compte { padding:8px; }
|
||
|
|
|
||
|
|
.b_b_s, .b_b_b, #tags, #video, #publish_member, #ses_amis, #publish_video, #daily_profile, #daily_profile, #content_more, #daily, #vid_list_box, #tv-karl, #voir_aussi, #membre, #compte, #fullpage { background-color: #000; color:#fff; border: 1px solid #fff; }
|
||
|
|
|
||
|
|
.friend { height:80px; width:145px; margin-right:4px; }
|
||
|
|
|
||
|
|
#fullpage { width:940px; height:auto; overflow:none; }
|
||
|
|
|
||
|
|
#membre #pseudo, #membre #derniere, #membre #dern-titre, #membre #portrait, #membre #ami, #membre #ecrire, #membre #blog, #membre #note, #membre #video-desc { padding:4px; background-color: #000; color:#fff; }
|
||
|
|
|
||
|
|
.subtitle { font-size: 16px; font-weight: bold; text-transform: uppercase; line-height: 1em;}
|
||
|
|
.subtitle1 {font-size: 14px; font-weight: bold; text-transform: uppercase; line-height: 1em;}
|
||
|
|
.subtitle2 {font-size: 14px; line-height: 100%;}
|
||
|
|
.subtitle3 {font-size: 12px; font-weight: bold; text-transform: uppercase; line-height: 1em;}
|
||
|
|
|
||
|
|
.title { position:relative; display:block; color:#fff; font-size: 16px; font-weight: bold; text-transform: uppercase; line-height: 1em; }
|
||
|
|
.title span { position:absolute; display:block; top:0px; padding:0px; }
|
||
|
|
.title:before { display:block; padding:0px; content: attr(title); color:#000; }
|
||
|
|
|
||
|
|
#sub_t { position:absolute; left:0px; top:70px; width:321px; height:35px; }
|
||
|
|
#sub_band { position:absolute; left:321px; top:70px; width:637px; height:35px; }
|
||
|
|
|
||
|
|
#video { position:relative; width:620px; min-height:410px; overflow:hidden; margin-bottom:3px; }
|
||
|
|
#video_title { position:relative; width:618px; text-align:left; }
|
||
|
|
#video_left { float:left; margin:8px; width:400px; }
|
||
|
|
#video_player { width:400px; height:320px; margin-top:6px; }
|
||
|
|
#video_desc { width:360px; }
|
||
|
|
#video_right { position:relative; float:right; margin:8px; width:180px; height:90%; }
|
||
|
|
.video_info, .video_info_b { background-color:#000; color:#fff; padding:5px; margin-bottom:8px; }
|
||
|
|
.video_info_b { position:absolute; right:5px; bottom:3px; }
|
||
|
|
#blog_code {padding-top:14px; width:400px; }
|
||
|
|
#blog_code input { width:265px; }
|
||
|
|
|
||
|
|
#daily_title { width:618px; background-image: url(/img/daily_title.gif); }
|
||
|
|
#daily { width:604px; height:308px; overflow:hidden; }
|
||
|
|
#daily_video { position:relative; float:left; width:400px; height:300px; }
|
||
|
|
#daily_video_title,#daily_video_trans { color:#000; position:absolute; top:8px; left:8px; margin:5px; padding:8px; width:360px; height:40px; }
|
||
|
|
#daily_video_trans { background-color:#FFFFFF; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; }
|
||
|
|
#daily_video_image { width:400px; }
|
||
|
|
#daily_info { float:left; height:300px; width:194px; padding-left:8px; }
|
||
|
|
#daily_info1 { background-color:#3B3B3B; padding:6px; height:72px; }
|
||
|
|
#daily_desc { margin-top:26px; padding:6px; }
|
||
|
|
|
||
|
|
.space_a { margin-top:8px; }
|
||
|
|
|
||
|
|
#tags_title { margin-top:15px; padding-top:5px; height:18px; width:309px; background-image: url(/img/tags_title.gif); }
|
||
|
|
#tags { width:295px; height:167px; }
|
||
|
|
|
||
|
|
#karl_title { width:309px; background-image: url(/img/karl_title.gif); }
|
||
|
|
#tv-karl { width:295px; height:308px; background-color: #000; overflow:hidden; }
|
||
|
|
#tv { background:url(/img/tv.jpg) no-repeat; background-position: top center; padding-left:31px; height:190px; padding-top:20px; }
|
||
|
|
|
||
|
|
#box_title { position:relative; width:618px; }
|
||
|
|
#comments_title { background-image: url(/img/sesdernierscommentaires.gif); }
|
||
|
|
#tags_page_title { width:952px; background-image: url(/img/tags_title.gif); }
|
||
|
|
#search_page_title { width:952px; height:20px; padding:3px; background-image: url(/img/resultatsearch.jpg); }
|
||
|
|
#publish_page_title { width:952px; height:20px; padding:3px; background-image: url(/img/publishyourmovie.jpg); }
|
||
|
|
|
||
|
|
#publish_title { position:absolute; right:0px; top:0px; width:216px; height:43px; padding:0; }
|
||
|
|
#publish { position:absolute; right:0px; top:24px; width:197px; height:50px; color:#000; padding:8px; border-left: 1px solid #a40e09; border-right: 1px solid #510902; background: url(/img/middle_down.gif) repeat-x bottom left; background-color: #FFAE00; overflow:hidden; }
|
||
|
|
#jt { position:absolute; right:0px; top:47px; width:216px; height:45px; }
|
||
|
|
|
||
|
|
#publish_member { position:absolute; left:664px; top:670px; width:254px; height:56px; }
|
||
|
|
#publish_member_title { position:absolute; left:664px; top:630px; width:270px; overflow: hidden; }
|
||
|
|
#publish_video { position:absolute; left:664px; top:0px; width:254px; height:56px; }
|
||
|
|
#publish_video_title { position:absolute; left:664px; top:-40px; width:270px; overflow: hidden; }
|
||
|
|
|
||
|
|
#voir_aussi_title { width:309px; background-image: url(/img/see_more.gif); }
|
||
|
|
#voir_aussi { width:295px; margin-bottom:20px; }
|
||
|
|
|
||
|
|
#mes_favoris_title { width:309px; }
|
||
|
|
#ses_favoris_title { width:309px; padding-top:5px; height:18px; background-image: url(/img/sesfavoris.gif); }
|
||
|
|
|
||
|
|
#mes_videos_title { width:309px; }
|
||
|
|
#ses_videos_title { width:309px; background-image: url(/img/his_movies.gif); }
|
||
|
|
.voir_video { background-color:#000; padding:5px; margin-bottom:8px; overflow:hidden; width:292px; }
|
||
|
|
.voir_video .left { margin-right:15px; }
|
||
|
|
|
||
|
|
#ses_amis_title { margin-top:10px; width:618px; background-image: url(/img/sesamis.gif); }
|
||
|
|
|
||
|
|
#daily_profile_title { margin-top:15px; width:309px; background-image: url(/img/daily_profile_title.gif); }
|
||
|
|
#daily_profile { width:295px; height:75px; }
|
||
|
|
|
||
|
|
#membre { position:relative; width:620px; background-color: #000; color:#fff; }
|
||
|
|
#membre #pseudo { padding-left:9px; padding-top:9px; width:284px; height:17px; }
|
||
|
|
#membre #date { padding-left:9px; padding-top:3px; width:200px;}
|
||
|
|
#membre #photo { float:left; padding-left:9px; padding-top:10px; width:83px; height:120px; }
|
||
|
|
#membre #infos { float:left; padding-left:9px; padding-top:10px; width:209px; height:150px; }
|
||
|
|
#membre #portrait { clear:both; padding-left:9px; width:284px; height:auto; }
|
||
|
|
#membre #derniere { width:125px; height:17px; font-weight:bold; }
|
||
|
|
#membre #dern-titre { width:290px; height:28px; }
|
||
|
|
#membre #video_photo { width:110px; height:80px; }
|
||
|
|
#membre #video-infos { width:167px; height:80px; }
|
||
|
|
#membre #video-desc { clear:both; width:285px; height:auto; }
|
||
|
|
#membre #blog { float:left; width:105px; margin-bottom:5px; }
|
||
|
|
#membre #ecrire { float:left; width:110px; margin-top:2px; }
|
||
|
|
#membre #ami { float:left; width:178px; }
|
||
|
|
#membre #note { float:left; width:154px; }
|
||
|
|
|
||
|
|
#content_more { position:relative; width:604px; min-height:35px; overflow:hidden; }
|
||
|
|
|
||
|
|
#commentlist { margin-left:-3px; }
|
||
|
|
.comment { position: relative; height:auto;
|
||
|
|
margin: 3px; margin-top: 10px; padding: 4px 4px 4px 8px;
|
||
|
|
border: 1px inset #000; background-color: #FFCC5F; color: #000;
|
||
|
|
|
||
|
|
/* border: 1px solid #666; */ }
|
||
|
|
.odd { background-color: #FFAE00; }
|
||
|
|
.comment div { position: relative; }
|
||
|
|
.comment img { margin: 0px; }
|
||
|
|
.comment .collapseicon { width: 13px; height: 13px; overflow: hidden; background-image: url(/img/thread-opened.png); }
|
||
|
|
.collapsed .collapseicon { background-image: url(/img/thread-closed.png); }
|
||
|
|
.comment .reply { z-index:99; float: right; font-size: 80%; padding: 0px 6px 6px 0px; }
|
||
|
|
.comment .c_body { min-height:80px; height:auto; padding-top:5px; }
|
||
|
|
.comment .title abbr { border: none; }
|
||
|
|
.collapsed .c_body, .collapsed .comment { display: none; }
|
||
|
|
#commentform textarea { width: 99%; }
|
||
|
|
/*
|
||
|
|
#addcomment small, #addcomment div { padding: 3px; }
|
||
|
|
*/
|
||
|
|
|
||
|
|
#weekly { position:relative; margin-top:15px; width:620px; }
|
||
|
|
#weekly_int { position:relative; }
|
||
|
|
|
||
|
|
#vid_list_title { width:618px; background-image: url(/img/weekly_title.gif); }
|
||
|
|
#vid_list_box { width:620px; height:319px; padding:0px; overflow:hidden; }
|
||
|
|
#vid_list_info { border-top: 1px solid #fff; }
|
||
|
|
#vid_list_info1, #vid_list_info2 { height:40px; color:#fff; padding:4px; overflow:hidden; }
|
||
|
|
#vid_list_info1 { float:left; width:400px; }
|
||
|
|
#vid_list_info2 { float:left; border-left: 1px solid #fff;}
|
||
|
|
|
||
|
|
#vid_list { clear:both; height:270px; width:620px; background-color: #000; color:#fff; padding:0px; white-space: nowrap; text-align:center; overflow:hidden; }
|
||
|
|
#vid_list ul { width:620px; height:126px; margin:0px; padding:0px; white-space: nowrap; list-style-type: none; text-align:center; }
|
||
|
|
#vid_list li { float:left; width:25%; margin:0px; padding:0px; list-style-type: none; text-align:center; height:105px; padding-top:10px; padding-bottom:10px; }
|
||
|
|
#vid_list img { padding-top:3px; }
|
||
|
|
#voir_video a { font-size: 12px; font-weight: bold; line-height: 1em; color: #fff; }
|
||
|
|
|
||
|
|
.menu_box { position:absolute; right:0px; top:35px; height:25px; width:340px; text-align:right; padding:3px; overflow:hidden; color:#fff; vertical-align:middle; font-size:10px; }
|
||
|
|
|
||
|
|
#rate { width: 95px; overflow:hidden; }
|
||
|
|
.star-rating {
|
||
|
|
list-style:none;
|
||
|
|
margin: 0px;
|
||
|
|
padding:0px;
|
||
|
|
width: 95px;
|
||
|
|
height: 13px;
|
||
|
|
position: relative;
|
||
|
|
background: url(/img/stars_w.gif) top left repeat-x;
|
||
|
|
margin-top:3px;
|
||
|
|
}
|
||
|
|
.star-rating li{
|
||
|
|
padding:0px;
|
||
|
|
margin:0px;
|
||
|
|
/*\*/
|
||
|
|
float: left;
|
||
|
|
/* */
|
||
|
|
}
|
||
|
|
.star-rating li a{
|
||
|
|
display:block;
|
||
|
|
width:19px;
|
||
|
|
height: 13px;
|
||
|
|
text-decoration: none;
|
||
|
|
text-indent: -9000px;
|
||
|
|
z-index: 20;
|
||
|
|
position: absolute;
|
||
|
|
padding: 0px;
|
||
|
|
}
|
||
|
|
.star-rating li a:hover{
|
||
|
|
background: url(/img/stars_w.gif) left bottom;
|
||
|
|
z-index: 2;
|
||
|
|
left: 0px;
|
||
|
|
border:none;
|
||
|
|
}
|
||
|
|
.star-rating a.one-star{
|
||
|
|
left: 0px;
|
||
|
|
}
|
||
|
|
.star-rating a.one-star:hover{
|
||
|
|
width:19px;
|
||
|
|
}
|
||
|
|
.star-rating a.two-stars{
|
||
|
|
left:19px;
|
||
|
|
}
|
||
|
|
.star-rating a.two-stars:hover{
|
||
|
|
width: 38px;
|
||
|
|
}
|
||
|
|
.star-rating a.three-stars{
|
||
|
|
left: 38px;
|
||
|
|
}
|
||
|
|
.star-rating a.three-stars:hover{
|
||
|
|
width: 57px;
|
||
|
|
}
|
||
|
|
.star-rating a.four-stars{
|
||
|
|
left: 57px;
|
||
|
|
}
|
||
|
|
.star-rating a.four-stars:hover{
|
||
|
|
width: 76px;
|
||
|
|
}
|
||
|
|
.star-rating a.five-stars{
|
||
|
|
left: 76px;
|
||
|
|
}
|
||
|
|
.star-rating a.five-stars:hover{
|
||
|
|
width: 95px;
|
||
|
|
}
|
||
|
|
.star-rating li.current-rating {
|
||
|
|
background: url(/img/stars_w.gif) left bottom;
|
||
|
|
position: absolute;
|
||
|
|
height: 13px;
|
||
|
|
display: block;
|
||
|
|
text-indent: -9000px;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
#tags{ text-align:center; overflow:hidden; }
|
||
|
|
.tag_1 { font-size:9px; color: grey; line-height: 130%; }
|
||
|
|
.tag_2 { font-size:9px; color: grey; line-height: 130%; }
|
||
|
|
.tag_3 { font-size:10px; color: grey; line-height: 130%; }
|
||
|
|
.tag_4 { font-size:11px; color: grey; line-height: 130%; }
|
||
|
|
.tag_5 { font-size:12px; color: grey; line-height: 130%; }
|
||
|
|
.tag_6 { font-size:13px; color: #ff9e06; line-height: 120%; }
|
||
|
|
.tag_7 { font-size:14px; color: #ff9e06; line-height: 120%; }
|
||
|
|
.tag_8 { font-size:15px; color: #ff9e06; line-height: 120%; }
|
||
|
|
.tag_9 { font-size:15px; color: #ff9e06; line-height: 120%; }
|
||
|
|
.tag_10 { font-size:16px; color: #ff9e06; line-height: 120%; }
|
||
|
|
.tag_11 { font-size:17px; line-height: 120%; }
|
||
|
|
.tag_12 { font-size:18px; line-height: 120%; }
|
||
|
|
.tag_13 { font-size:19px; line-height: 120%; }
|
||
|
|
.tag_14 { font-size:20px; line-height: 110%; }
|
||
|
|
.tag_15 { font-size:22px; line-height: 110%; }
|
||
|
|
.tag_16 { font-size:23px; line-height: 110%; }
|
||
|
|
.tag_17 { font-size:23px; line-height: 110%; }
|
||
|
|
.tag_18 { font-size:24px; line-height: 110%; }
|
||
|
|
.tag_19 { font-size:24px; line-height: 110%; }
|
||
|
|
.tag_20 { font-size:25px; line-height: 110%; }
|
||
|
|
#tags_cloud a { padding-left: 2px; padding-right: 2px; }
|
||
|
|
|
||
|
|
.navigation {
|
||
|
|
float: none;
|
||
|
|
clear: both;
|
||
|
|
padding-top: 4px;
|
||
|
|
display: block;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.alignright {
|
||
|
|
text-align:right;
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
.alignleft {
|
||
|
|
text-align:left;
|
||
|
|
float: left
|
||
|
|
}
|
||
|
|
|
||
|
|
#faq a { font-weight:bold; }
|
||
|
|
a:hover { text-decoration:underline; }
|