fdc6ebbd82
Added : User Ban System Added : New User My account Added : Video Manage System Added : Favorite Manage System Added : Private Messaging System
107 lines
No EOL
5.1 KiB
CSS
107 lines
No EOL
5.1 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
body{
|
|
margin-left: 0px;
|
|
margin-top: 0px;
|
|
margin-right: 0px;
|
|
margin-bottom: 0px;
|
|
font-size:12px;
|
|
color:#333;
|
|
font-family:Arial, Helvetica, sans-serif;
|
|
}
|
|
|
|
a{text-decoration:none; font-family:Arial, Helvetica, sans-serif;color:#333; }
|
|
|
|
#header{width:990px; margin:auto}
|
|
#logo_icon{ width:350px; height:65px; background-image:url(../images/logo.png)}
|
|
.logo{float:left; width:400px;}
|
|
|
|
.clear{clear:both}
|
|
.clear_left{clear:left}
|
|
.clear_left{clear:right}
|
|
|
|
#content{width:970px; margin:auto; padding-top:10px; min-height:800px}
|
|
#content_container{background-image:url(../images/the_bg.png); background-position:center; background-repeat:no-repeat; min-height:500px }
|
|
|
|
.header_box{ padding-right:10px; padding-top:5px; font-size:13px; font-weight:bold}
|
|
.header_box a{color:#0099cc}
|
|
|
|
.heading{font-size:16px; color:#333; font-weight:bold}
|
|
|
|
.verticle_ad{width:160px; float:left}
|
|
|
|
#footer{ background-image:url(../images/gradients.png); height:29px; margin-top:15px}
|
|
.footer{width:980px; margin:auto; color:#fff; line-height:29px}
|
|
|
|
.video_title{font-size:18px; font-weight:bold; color:#09c; text-transform:uppercase; padding:5px 0px 10px 0px}
|
|
|
|
.video_options { width:100%; margin:10px 0px 10px 0px}
|
|
.video_options a{display:inline-block; height:37px; line-height:37px; width:180px; color:#333; font-size:16px; font-weight:bold}
|
|
.share_video,.flag_video,.add_favorite,.add_comment_icon,.tags_icon,.vdo_duration{background-image:url(../images/icons.png); height:36px; width:37px; background-repeat:no-repeat; display:inline-block}
|
|
.share_video{background-position:-37px 0px;}
|
|
.flag_video{background-position:-74px -0px}
|
|
.add_comment_icon{background-position:-111px -0px}
|
|
|
|
|
|
|
|
.tags_icon{background-position:-0px -36px; width:15px; height:15px}
|
|
|
|
|
|
.player_container{width:620px;}
|
|
.video_left{width:620px; float:left}
|
|
|
|
|
|
.add_comment_box{width:600px}
|
|
.add_comment_box .a_comment a{display:inline-block; height:37px; line-height:37px; width:300px;color:#333; font-size:16px; font-weight:bold}
|
|
|
|
|
|
|
|
.video_details{width:320px; border:1px solid #0099cc; float:left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px}
|
|
.vd_heading{display:block; border-bottom:1px solid #999; font-size:14px; font-weight:bold}
|
|
|
|
.vd_user{margin:5px 0px 5px 0px}
|
|
.vd_thumb{display:inline-block; float:left;}
|
|
.mid_user_thumb{max-width:60px; max-height:60px; display:inline-block; margin-right:5px}
|
|
.vd_desc{ border-bottom:1px solid #999; margin-bottom:5px }
|
|
|
|
.vdo_thumb_container{border:1px solid #333; padding:1px; position:relative; display:inline-block}
|
|
.vdo_duration{background-image:url(../images/icons.png); background-position:left -51px; height:12px; width:27px; position:absolute; bottom:0px; right:0px; font-size:9px; color:#fff; margin:0px 2px 2px 0px}
|
|
.video_block a{color:#09c; font-weight:bold;}
|
|
.video_block {font-size:11px;}
|
|
|
|
.blank_screen{width:580px; padding:10px; height:50px; color:#fff; font-size:16px; font-weight:bold; margin:10px 0px 10px 0px; background-color:#333; text-align:center;}
|
|
.video_right{width:300px; float:left}
|
|
|
|
.user_small_thumb{max-height:30px; max-width:30px}
|
|
|
|
/* FORM */
|
|
.input{border:1px solid #666; background-image:url(../images/field_bg.png); background-repeat:no-repeat; width:500px; min-height:20px; font-size:11px; color:#666; padding:5px}
|
|
.label{font-size:13px; font-weight:bold}
|
|
|
|
|
|
|
|
/**
|
|
my account
|
|
*/
|
|
.account_table{border:1px solid #c2c2c2; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; background-image:url(../images/gradients.png); background-position:0px -36px; height:19px}
|
|
.account_table tr td{border-right:1px solid #c2c2c2; text-indent:10px; font-family:Tahoma; font-size:11px; text-transform:uppercase; font-weight:bold}
|
|
.account_table .last_td{border-right:0px}
|
|
|
|
.account_vid_list{ margin:5px 0px 5px 0px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; }
|
|
.account_vid_list tr td{text-indent:10px; font-family:Tahoma; font-size:11px; text-transform:uppercase; font-weight:bold}
|
|
.account_vid_list .last_td{border-right:0px}
|
|
.acc_usr_video_thumb{border:1px solid #999; margin:1px; padding:1px; display:block; float:left; width:50px;}
|
|
|
|
.search_field{background-image:url(../images/blocks.png); width:150px; height:22px; border:none; padding-left:8px; padding-top:6px; font-size:11px; font:tahoma; margin:0px; float:left;}
|
|
.search_field_button{background-image:url(../images/blocks.png); width:25px; height:22px; border:0px; background-position:-160px -0px; padding:0px; margin:0px; text-indent:-50000000px; float:left; cursor:pointer; outline:none}
|
|
|
|
/**
|
|
* icons */
|
|
.arrow_pointing,.edit_icon,.delete_icon,.reply_icon{background-image:url(../images/icons.png); background-repeat:no-repeat; }
|
|
.reply_icon,.edit_icon,.delete_icon{height:15px; width:15px; }
|
|
.delete_icon{background-position:-0px -63px }
|
|
.edit_icon{background-position:-15px -63px }
|
|
.reply_icon{background-position:-30px -63px }
|
|
|
|
.video_control{font-weight:normal; margin-left:10px; font-size:10px}
|
|
.arrow_pointing{background-position:-0px -78px; width:24px; height:14px;} |