/*-----------------------------*/ /*--------UPLOAD---------------*/ /*-----------------------------*/ #upload { font-family:Arial; color:#4c4c4c; background-color:#fff; } #upload a { font-weight: bold;} #upload input, #upload textarea { outline: none !important; } #upload .page_title { font-size:18px; width:970px; border-bottom-style: solid; border-bottom-width: 1px; border-color: #cccccc; padding-bottom: 10px; margin-bottom:30px; } /* @group Left Column */ /*-- Left Column --*/ #upload .left { width:600px; float:left; margin-right:20px; } #upload .content { margin-top:2px; } #upload .content .controllButtons { margin-left:210px; background-color:#dddddd; margin-top: 20px; clear:none; } #upload .content .controllButtons span { text-align: center; margin:0; display: block; } #upload .content .controllButtons .next{ border:1px solid #a5acb2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;color: #191919 !important;background: #ffffff; display: block; width: 110px; text-align: center; height: 30px; line-height: 30px; float: left; } #upload .content .controllButtons .next.submit{ height: 30px; margin-top: 0; } #upload .content .controllButtons .cancel.confirm { border:1px solid #ededed; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background: #ededed;color: #9d9d9d !important; margin-left: 7px; background: #ffffff; display: block; height: 30px; line-height: 30px; text-align: center; width: 110px; } #upload .content .controllButtons .next:hover { background: #f1f1f1; cursor: pointer; } #upload .content .controllButtons .cancel.confirm:hover { background: #f1f1f1; color: #191919 !important; border-color: #a5acb2; cursor: pointer; } /* @group Inputzone */ span.errorous { color: red; } #upload .inputzone { clear:both; border-bottom:solid; border-bottom-width:1px; border-color:#ededed; padding-bottom:18px; padding-top:18px; } #upload .inputzone #isPrivate { display: none; } #upload .inputzone #isUnlisted { display: none; } #upload .inputzone .preset_select{ display: none; width: 110px; height: 20px; line-height: 20px; background: #ffffff; border: 1px solid #a5acb2; border-radius: 3px; text-align: center; font-size: 11px; color: #4d4d4d; font-weight: bold; margin: 0 0 6px; cursor: pointer; } #upload .inputzone .preset_select.active { display: block; background: #f1f1f1; position: relative; } #upload .inputzone .preset_select.active:before { content: "\E007"; display: block; position: absolute; top: 0; right: 0; width: 16px; height: 20px; line-height: 20px; font-family: "indavideo"; text-align: left; font-size: 13px; font-weight: normal; } @media screen and (-webkit-min-device-pixel-ratio:0) { #upload .inputzone .preset_select.active:before { content: "\E007"; display: block; position: absolute; top: 1px; right: 0; width: 16px; height: 20px; line-height: 20px; font-family: "indavideo"; text-align: left; font-size: 13px; font-weight: normal; } } #upload .inputzone .preset_select:hover { background: #f1f1f1; } #upload .inputzone .publicate_btn { display: none; width: 110px; height: 20px; line-height: 20px; background: #ffffff; border: 1px solid #a5acb2; border-radius: 3px; text-align: center; font-size: 11px; color: #4d4d4d; font-weight: bold; margin: 0 0 6px; cursor: pointer; } #upload .inputzone .publicate_btn.active { display: block; background: #f1f1f1; position: relative; } #upload .inputzone .publicate_btn.active:before { content: "\E007"; display: block; position: absolute; top: 0; right: 0; width: 16px; height: 20px; line-height: 20px; font-family: "indavideo"; text-align: left; font-size: 13px; font-weight: normal; } @media screen and (-webkit-min-device-pixel-ratio:0) { #upload .inputzone .publicate_btn.active:before { content: "\E007"; display: block; position: absolute; top: 1px; right: 0; width: 16px; height: 20px; line-height: 20px; font-family: "indavideo"; text-align: left; font-size: 13px; font-weight: normal; } } #upload .inputzone .publicate_btn:hover { background: #f1f1f1; } #upload .inputzone .embed { float: left; } #upload .last { border-color:#c9c9c9; } #upload .inputzone .info { width:285px; float:left; min-height: 50px; } #upload .inputzone .title { font-size:13px; font-weight:bold; } #upload .inputzone .description { margin-top:8px; width:270px; font-size:11px; } #upload #zone-title .inputzone .description { height: 50px; } #upload .inputzone .descriptionWide { margin-top:8px; width: 100%; font-size:11px; } #upload .inputzone .hd-icon { background:url('../../../images/default/icons/hd.png') no-repeat; width:29px; height:19px; } #upload #zone-age_limit.inputzone .info { min-height: 0; } #upload .inputzone .input { float:right; width: 315px; } #upload .inputzone .input input { border:solid; border-width:1px; border-color:#d6d6d6; width:300px; margin:0; height:16px; font-size:13px; font-weight:normal; font-family:Arial; color:#4c4c4c; padding-top:3px; padding-left:3px;} #upload .inputzone .input textarea { border:solid; border-width:1px; border-color:#d6d6d6; width:300px; margin:0; font-size:13px; font-weight:normal; font-family:Arial; color:#4c4c4c; resize:none; padding-top:3px; padding-left:3px; } .gecko #upload .inputzone .input textarea { width:300px; margin:0; font-size:13px; font-weight:normal; font-family:Arial; color:#4c4c4c; resize:none; } #upload .inputzone .input.errorous textarea { border-color: #b33a37; } #upload .inputzone .input.errorous input { border-color: #b33a37; } #upload .inputzone .input.errorous select { border-color: #b33a37; } #upload #cnt_extras .inputzone .info { width: 196px; } #upload #cnt_extras .inputzone .description { width: 190px; } #upload div.error { color: #b33a37; display: none; width: 350px; height: auto; overflow: show; padding-left: 220px; padding-bottom: 10px; padding-top: 10px; } #upload div.error.errorous { display: block; width: 330px; } #upload div.errorst { color: #b33a37; display: none; width: 100%; height: auto; overflow: show; padding-left: 0px; padding-top: 10px; padding-bottom: 10px; } #upload div.errorst.errorous { display: block; width: 100%; } #upload div.adstatements.errorous div.error, #upload div.adultst.errorous div.errorst, #upload div.copyst.errorous div.errorst { display: block; } #upload .inputzone .input .description { height:65px; } #upload .inputzone .input #tags-advisory { border:solid; border-width:1px; border-color:#d6d6d6; border-top:none; background-color:#fff7cf; color:#009ad4; width:360px; margin:0; padding:2px; } #upload .inputzone .channel_selector { margin-top:0; width:350px; padding-left: 285px; } #upload .inputzone .channel_selector li { width:100px; float:left; } #upload .inputzone .channel_selector li span { width:90px; display:inline; float:left; } #upload .inputzone .channel_selector li span div { display:inline; } #upload .inputzone .channel_selector input { margin-right: 4px; border: 0; } #upload .inputzone .channel_selector li .erotika { color:#ed1c24; } #upload ul.channel_selector span.channel { padding: 5px 0; } #upload .inputzone .ishd-input { float:left; } #upload .inputzone .ishd-input input { margin-right: 4px; } #upload .inputzone #thumbnails li { float:left; margin-right:18px; margin-top:18px; width:120px; height:72px; padding:0px; } #upload .inputzone #thumbnails li.dummy { display: none; } #upload .inputzone #thumbnails li.regenerate { float: right; clear: left; height: 18px; } #upload .inputzone #thumbnails img { display: block; width:120px; height:72px; cursor:pointer; } #upload .inputzone #thumbnails .unselected img { -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);box-shadow: 0 1px 3px rgba(0,0,0,0.3);-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3); } #upload .inputzone #thumbnails .selected { box-shadow:0 0 3px 1px rgba(77, 77, 77, 0.86); -webkit-box-shadow:0 0 3px 1px rgba(77, 77, 77, 0.86); } #upload .inputzone .input input.password-protection-input { border:solid; border-width:1px; border-color:#d6d6d6; width:200px; margin:0; height:16px; font-size:13px; font-weight:normal; font-family:Arial; margin-top: 5px; margin-right:8px; margin-left:4px; padding-top:3px; padding-left:3px; } #upload .inputzone .password-min-length .input { display:none; float:left; } #upload .inputzone input#passwordProtected { float: left; } #upload .inputzone .password-min-length { font-size:11px; } #upload .inputzone div.datepicker.input { width: 315px; } #upload .inputzone .datepicker select { border: 1px solid #d6d6d6; margin-bottom: 4px; } #upload .inputzone .datepicker #datepicker-now-label { float: right; right: 70px; } #upload .inputzone .datepicker select option { background-color: #ffffff } #upload .inputzone .datepicker input { width: 20px; } #upload .inputzone input#age_limit { width: 20px; float: left; } #upload .inputzone input#commentable { width: 20px; float: left; } #upload .inputzone input#savepreset_chkbx { width: 20px; float: left; } #upload .inputzone>.opener { min-height: 0; width: 596px; height:30px; font-weight:bold; font-size:15px; color:#4c4c4c; padding:2px 0 0 4px; clear:both; } #video_edit .section div.header{ min-height: 0; width: 554px; height:30px; line-height: 30px; font-weight:bold; font-size:15px; color:#4c4c4c; padding:2px 0 0 4px; clear:both; background: #f1f1f1; } #upload .inputzone>.opened { width: 590px; padding:2px 0 10px 10px; clear:both; overflow: auto; } #upload .inputzone>.opener>.title { cursor: pointer; width: 580px; padding: 6px 0 5px 6px; position: relative; z-index: 100; } #upload .inputzone>.opened>div>.title { cursor: pointer; width: 580px; padding: 6px 0 5px 0; position: relative; z-index: 100; } #upload .inputzone>.opener, #upload .inputzone>.opened { background: #f1f1f1; position: relative; } #upload .inputzone > .opener:before { content: "\E007"; display: block; font-family: "indavideo"; width: 20px; height: 30px; line-height: 30px; font-size: 13px; text-align: center; position: absolute; top: 0; right: 10px; font-weight: bold; } #upload .inputzone > .opened:before { content: "\E008"; display: block; font-family: "indavideo"; width: 20px; height: 30px; line-height: 30px; font-size: 13px; text-align: center; position: absolute; top: 0; right: 10px; font-weight: bold; } #upload #additional_itemsinfo_opened { overflow: hidden;} #upload #cnt_extras .inputzone { padding-top: 8px; padding-bottom: 8px; } #upload #additional_itemsinfo_opened .description { padding-top: 15px; } /* LISTS */ #upload .inputzone .list .item input { margin-right:12px; border:solid; border-width:1px; border-color:#d6d6d6; width:165px; margin:0; height:16px; font-size:13px; font-weight:normal; font-family:Arial; color:#4c4c4c; padding-top:3px; padding-left:3px; } #upload .inputzone .list .item .default { margin-right:12px; border:solid; border-width:1px; border-color:#d6d6d6; width:165px; margin:0; height:16px; font-size:13px; font-weight:normal; font-family:Arial; color:#d6d6d6; padding-top:3px; padding-left:3px; margin-bottom: 0; } #upload .inputzone .list .item .smaller { margin-right:12px; border:solid; border-width:1px; border-color:#d6d6d6; width:150px; margin:0; height:16px; font-size:13px; font-weight:normal; font-family:Arial; _color:#d6d6d6; padding-top:3px; padding-left:3px; margin-bottom: 0; } #upload .inputzone .list .item .smaller2 { margin-right:12px; border:solid; border-width:1px; border-color:#d6d6d6; width:150px; margin:0; height:16px; font-size:13px; font-weight:normal; font-family:Arial; padding-top:3px; padding-left:3px; margin-bottom: 0; } #upload .inputzone .list .item a.remove_item { width: 14px; height: 24px; background:url('../../../images/default/icons/remove.png') no-repeat 0 2px; border: 0;} #upload .inputzone .list #castDummy.item a.remove_item { display: none; } #upload .inputzone .list #musicDummy.item a.remove_item { display: none; } #upload .inputzone #additional-new { width: 370px; margin-left: 23px; padding-top: 5px; padding: 0; margin-top: 0; float: left; } #upload .inputzone #additional-new div { display: block; clear: left; width: 370px; height: auto; overflow: show; } #upload .inputzone #additional-new div label { float: left; width: 85px; font: normal 11px Arial; padding-top: 5px; } #upload .inputzone #additional-new div input { float: left; width: 253px; margin-left: 10px; } #upload .inputzone #additional-new div input.default { color: #D6D6D6; } #upload .inputzone .item input.additional { margin-right:12px; border:solid; border-width:1px; border-color:#d6d6d6; width: 380px; margin:0; height:16px; font-size:13px; font-weight:normal; font-family:Arial; color:#4c4c4c; padding-top:3px; padding-left:3px; margin-bottom: 5px; } #upload .inputzone .item input.additional.errorous { border-color: red; color: red; } #upload .inputzone #additional-new .add_new_additional { font-size: 11px ; color: #009ad4; font-weight: bold; padding-left: 100px; } #upload .inputzone ul#additional_items { font-size: 13px; padding-right: 10px; margin-bottom: 10px; padding-left: 220px; padding-top: 20px; } #upload .inputzone ul#additional_items li { min-height: 20px; height: auto; font-weight: bold; } #upload .inputzone ul#additional_items li.dummy { height: 1px; margin: 0; padding: 0; display: none;} #upload .inputzone ul#additional_items li span.additionalItem { } #upload .inputzone ul#additional_items li span.description { display: block; padding-left: 0; margin-bottom: 10px; margin-top: 4px; width: 330px; margin-top: 0; text-align: justify; } #upload .inputzone ul#additional_items li a.remove_item { width: 14px; height: 18px; background:url('../../../images/default/icons/remove.png') no-repeat 0 2px; border: 0; float: right; } #upload .inputzone .list .item { padding: 1px 1px 1px 28px; background:url('../../../images/default/upload/move.png') no-repeat; } #upload .inputzone .list .item#castDummy { background: none; } #upload .inputzone .list .item#musicDummy { background: none; } #upload .inputzone .list .item.errorous input { border: 1px solid red; } /* @end */ /* @group Stepbar */ #upload .left #stepbar { height:65px; } #upload .left #stepbar #basic_data #selected { float:left; cursor:pointer; background:url('../../../images/default/upload/stepbar/basic_data_selected.png') no-repeat; width:196px; height:65px; } #upload .left #stepbar #basic_data #unselected { float:left; cursor:pointer; background:url('../../../images/default/upload/stepbar/basic_data_unselected.png') no-repeat; width:196px; height:inherit; height:65px; } #upload .left #stepbar #publicate #selected { float:left; cursor:pointer; background:url('../../../images/default/upload/stepbar/publicate_selected.png') no-repeat; width:198px; height:65px; } #upload .left #stepbar #publicate #unselected { float:left; cursor:pointer; background:url('../../../images/default/upload/stepbar/publicate_unselected.png') no-repeat; width:198px; height:65px; } #upload .left #stepbar #extras #selected { float:left; cursor:pointer; background:url('../../../images/default/upload/stepbar/extras_selected.png') no-repeat; width:202px; height:65px; } #upload .left #stepbar #extras #unselected { float:left; cursor:pointer; background:url('../../../images/default/upload/stepbar/extras_unselected.png') no-repeat; width:202px; height:65px; } #upload .left #stepbar .separator { float:left; background:url('../../../images/default/upload/stepbar/separator.png') no-repeat; width:2px; height:inherit; } /* @end */ /* @group Upload Bar */ #upload #upload_bar { float: left; background: #ffffff; width:600px; height:72px; display:block; clear:both; margin-top:20px; left: 0;} #upload #upload_bar div { float:left; } #upload #upload_bar #btn_upload #form1 { margin-left: 163px !important; } #upload #upload_bar .txt-please-select-video-to-upload { width:115px; font-weight: bold; margin-left:0px; margin-right:5px; margin-top:18px; } #upload #upload_bar .txt-i-want-to-be-a-superuser { clear:left; width: 100px; float: right; } #upload .iwanttobesuper-msg { width:100px; } #upload #upload_bar .txt-upload-limit { margin-top:12px; font-size: 11px; } #upload #upload_bar #form1Done { margin-top: 20px; } #upload #upload_bar #form1Form { margin-top: 8px; } #upload #upload_bar #form1Form input.file {} #upload #upload_bar #form1Form input.submit {} /* itt átstyle-ozni a submit gombot !!! */ #upload .controllButtons .submit { background: url('../../../images/default/upload/upload_ready.png') no-repeat; min-width: 84px; text-align: center; } #upload_bar div#upright { float: right; margin-right: 10px;} #upload_bar div#upright_pro { float:right; padding-top: 10px; padding-left: 10px; margin-left: 30px; margin-top: 10px; border-left: 1px solid #CCC; height: 40px; font-size: 11px; width: 90px; } #upload_bar #upright_pro div.pro { display: inline; width: 30px;height: 14px; background: url(../../../images/default/icons/pro_badge.png) no-repeat;float: right; margin-right: 20px; } #upload_bar #upright_pro div.pro span { display: none; } /* #upload_bar span.hdready { display: block; float: left; width: 27px; height: 20px; background: url('../../../images/default/icons/hd_ready.png') no-repeat; margin-right: 4px; } */ #upload #upload_bar #btn_upload form { width:225px; height:46px; display:block; margin-right:20px; margin-top:12px; } #upload #upload_bar #btn_upload form object { width: 125px; margin-left: 100px; } #upload #upload_bar #form1Frame { display: block; width: 225px; height: 50px; overflow: hidden; border: none; } #upload #upload_bar_progress { float: left; float: none\9; background: #ffffff; width:600px; height:72px; display:none; clear:both; margin-top:-72px; position:relative; top: 0; left: 0; z-index: 10; } #upload #upload_bar_progress div.txt-time-remaining { font-size: 11px; float: left; margin: 10px 0 0 10px; padding-bottom: 3px; width: 120px; text-align:center;} #_upload #upload_bar_progress #tdTimeRemaining { float: left; display: block; position: relative; left: 100px; z-index: 100000; font-weight: bold; width: 120px; } #upload #upload_bar_progress div.upload_progress_bar { float: left; width: 345px; height: 20px; margin: 12px 5px 0 5px; } #upload #upload_bar_progress div.upload_progress_bar .bg { position: relative; top: 0; left: 0; z-index: 0; background:url('../../../images/default/upload/upload_progressbar_bg2.png') no-repeat 0 0; width: 345px; height: 20px; } #upload #upload_bar_progress div.upload_progress_bar .indicator { position: relative; top: -20px; left: 0; z-index: 10; background:url('../../../images/default/upload/upload_progressbar_indicator2.png') no-repeat 0 0; width: 0; height: 20px; } #upload #upload_bar_progress div.upload_percent { font-size: 26px; float: left; margin: 5px 0 0 0; color: #4c4c4c; vertial-align: top; overflow: hidden;} #upload #upload_bar_progress div.upload_percent span.percent_txt { color:#a5a5a5; font-size: 13px; position: relative; top:-6px;} #upload #upload_bar_progress div.txt-upload_info { color:#4c4c4c; font-size: 11px; margin: 0 0 0 10px; background:url('../../../images/default/icons/upload_info.png') no-repeat 0 5px; width: 560px; height:14px; padding: 5px 0 0 20px; border-top: 1px solid #b1be9e; } #upload #upload_bar_progress div.txt-upload_info.error { color: #000000; font-size: 11px; margin: 0 0 0 10px; background:url('../../../images/default/icons/critical-14.png') no-repeat 0 5px; } #upload #upload_bar_progress div.txt-upload_info.success { color: green; } #video_edit #upload .title { margin-bottom: 10px; } #video_edit #upload #upload_bar_progress { xdisplay: block; margin-top: 0; width: 550px; background: none; } #video_edit #upload #upload_bar_progress div.txt-time-remaining { width: 80px; } #video_edit #upload #upload_bar_progress div.txt-upload_info { width: 525px; } #video_edit #upload #upload_bar_progress { } #video_edit .videoFileChange { display: block; padding: 0 10px 10px; margin-bottom: 10px; font-weight: bold; text-align: center; } #video_edit .videoFileChange.success { color: green; margin-bottom: 0; } #video_edit .videoFileChangeEmail { margin-bottom: 10px; padding-left: 5px; text-align: center; } #video_edit .videoFileChangeEmail.success { } #video_edit .videoFileChange.error { color: red; } /* @end */ #uploadnostarted { padding-top: 10px; color: red; display: none; } #upload .upload_progress { width: 640px; margin: 0 auto; } #upload .upload_progress img#progress { width: 40px; margin: 0 auto; display: block; } #upload .video_data { width: 640px; padding: 0 0 20px; margin: 10px auto 0; border-bottom: 1px solid #cccccc; } #upload .video_data .video_link { width: 350px; margin: 0 20px 0 0; float: left; font-size: 11px; } #upload .video_data .video_link input { width: 100%; padding: 5px; border: 1px solid #bbbbbb; display: block; margin: 3px 0 0; font-size: 11px; } #upload .upload_progress.converting .upload_status { width: 270px; float: left; } #upload .upload_progress .upload_status span { font-size: 22px; } #upload .upload_progress .upload_status span.alert { font-size: 22px; color: #db0000; } #upload .upload_progress .upload_status span a { color: rgb(189, 24, 24); text-decoration: none; display: block; } #upload .upload_progress .upload_status .option { margin-top: 19px; } #upload .upload_progress .upload_status .option input { margin-top: 0; padding-top: 4px; border: 1px solid #005082; position: relative; top: 0; } #upload .upload_progress .upload_status .option span.email_request { font-size: 11px; position: relative; top: 0; } #upload .upload_progress .upload_status .option.after span.email_request { top: 2px; } #upload #conversionText { position: relative; text-align: center; height: 359px; width: 640px; background-color: #CCC; background-size: 100% auto !important; margin: 0 auto; line-height: 20px; } #upload #conversionText.clickable { cursor: pointer; } #upload #conversionText .conversionPercentage { position: absolute; right:0; top:0; font-size: 11px; z-index: 100; display: block; width: 640px; height: 359px; background: rgba(0,0,0,0.4); } #upload #conversionText #dot_cont { display: block; width: 60px; height: 20px; line-height: 20px; font-size: 130px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; color: #ffffff; font-family: "Times New Roman"; } #upload #conversionText #dot_cont span { display: block; width: 20px; height: 20px; line-height: 20px; float: left; top: -33px; left: -6px; position: relative; } #upload #conversionText #conversionProgress { position: absolute; bottom: -7px; left:0; height:7px; width:640px; background-color: #b1b1b1; display: block; } #upload #conversionText #conversionProgress span { position: absolute; width: 0; display: block; height: 7px; background: #009e1a; } #upload .statusText { display: block; font-size: 16px !important; background: #f1f1f1; padding: 9px 0; margin: 7px auto 0; width: 100%; max-width: 640px; text-align: center; } #upload a.statusText { color: #009e1a; } .clickable #start_video { display: block; cursor: pointer; background: url(/https/assets.indavideo.hu/images/default/icons2/play-button.png) no-repeat center center transparent; width: 640px; height: 359px; position: absolute; top: 0; left: 0; z-index: 99999; } #upload .upload_progress ul#upload_options { list-style-type: none; height: 20px; margin: 0 auto; margin-top: 15px; padding: 0; } #upload .upload_progress ul.opt1 { width: 112px; } #upload .upload_progress ul.opt2 { width: 312px; } #upload .upload_progress ul#upload_options li { list-style-type: none; float: left; margin: 0 2px; } #upload .upload_progress ul#upload_options li .upload_btn { border:1px solid #a5acb2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;color: #191919 !important;background: #ffffff; display: block; width: 150px; text-align: center; height: 30px; line-height: 30px; font-size: 13px; } #upload .upload_progress ul#upload_options li .upload_btn:hover { background: #f1f1f1 !important; } #upload .upload_progress .clear { clear: both; } /* @end */ /* @group Right Column */ /*-- Right Column --*/ #upload .right { width:350px; float:left; } /* @group Infobox */ #upload .BASIC_LIGHT_BLUE.default_header_left, #upload .BASIC_LIGHT_BLUE.default_header_right { width: 0; } #upload .BASIC_LIGHT_BLUE.header { background: transparent; } #upload .BASIC_LIGHT_BLUE.bordered { border: 0 none transparent; } #upload .BASIC_LIGHT_BLUE.bordered .TAB_0 > div { display: none !important; } #upload .BASIC_LIGHT_BLUE.bordered .TAB_0 .items { display: block !important; width: 350px; } #upload .right .infobox { padding:10px 10px 0 10px; } #upload .right .infobox { background: #f1f1f1; width:330px; height:540px; } #upload .right .infobox .htitle { font-size:18px; font-weight:normal; } #upload .right .infobox .ptitle { font-size:13px !important; font-weight:bold; margin-top:15px; } #upload .right .infobox_footer { background:url('../../../images/default/upload/infobox_bottom.png') no-repeat; width:350px; height:25px; } /* @end */ /* @group Stroage */ #upload .right .storage { background:url('../../../images/default/upload/storage/background.png') no-repeat; width:360px; height:70px; padding:0; margin-bottom:20px; } #upload .right .storage div.space_progress_bar { float: left; width: 220px; height: 20px; margin: 12px 5px 0 5px; } #upload .right .storage div.space_progress_bar .bg { position: relative; top: 0; left: 0; z-index: 0; background:url('../../../images/default/upload/storage/bar_bg.png') no-repeat 0 0; width: 232px; height: 20px; } #upload .right .storage div.space_progress_bar .indicator { position: relative; top: -20px; left: 0; z-index: 10; background:url('../../../images/default/upload/storage/bar_full.png') no-repeat 0 0; width: 232px; height: 20px; } #upload .right .storage div.space_percent { font-size: 32px; float: left; margin: 5px 0 0 8px; color: #4c4c4c; vertial-align: top;} #upload .right .storage div.space_percent span { color:#a5a5a5; font-size: 11px; position: relative; top:-6px;} #upload .right .storage div.txt-upload_info { color:#4c4c4c; font-size: 11px; margin: 0 0 0 10px; } /* @end */ /* @end */ /* @group Video edit */ #video_edit .section .header{ background:url('../../../images/default/boxes/header_edit_page_sections.png') no-repeat; width:554px; height:30px; font-weight:bold; font-size:15px; color:#4c4c4c; padding:8px 0 0 10px; margin-bottom:15px; clear:both; } #video_edit .navi_back { float: right; font-size: 13px; padding-top: 4px;} #video_edit .column { float:left; } #video_edit #LEFT_COLUMN { width: 573px; } #video_edit #RIGHT_COLUMN { width:356px; margin-left:20px; } #video_edit #RIGHT_COLUMN #video_box { width:384px !important; } #video_edit #RIGHT_COLUMN #video_box .headline{ width:300px; } #video_edit #RIGHT_COLUMN #video_box .video_box_avatar{ display:none; } #video_edit #RIGHT_COLUMN #video_box .userImg{ display:none; } #video_edit #player_box { width:386px !important; paddin:0; } #video_edit #player_box #description { width:366px !important; } #video_edit #player_box #player { width:386px !important; height:218px; } #video_edit #player_box #videoHeader { padding-left:0 !important; width:386px !important; } #video_edit #player_box #relatedArticles { display:none; } #video_edit #player { margin:0; } #video_edit .section_content { } #video_edit #LEFT_COLUMN .inputzone { clear:both; padding-bottom:10px; } #video_edit .last { border-bottom-color:#c9c9c9; border-bottom-width:1px; border-bottom-style:solid; margin-bottom:20px; } #video_edit .inputzone .info { width:130px; float:left; padding-left:10px; margin-right:10px; } #video_edit .inputzone .title { font-size:13px; font-weight:bold; padding-top:3px; } #video_edit .inputzone .description { margin-top:8px; width:137px; font-size:11px; } #video_edit .inputzone .greytext { color:#ababab; } #video_edit .inputzone select { width: 130px; } #video_edit .inputzone .txt_main_channels { font-weight:bold; margin-bottom:3px; color:#808080; } #video_edit .inputzone .txt_other_channels { font-weight:bold; margin-top:10px; color:#808080; } #video_edit .inputzone .channels { float:left; width:395px; margin: 2px 0 0 0; } #video_edit .inputzone .channels .channel_check { float:left; width:125px; margin-bottom:5px; } #video_edit .inputzone .channels .erotika { color:#ed1c24; } #video_edit #update-channel-zone ul.channel_selector li { float: left; margin-bottom: 5px; width: 125px; } #video_edit #update-channel-zone ul.channel_selector { width: 395px; } #video_edit .inputzone .main-channel { padding-top:2px; padding-left: 156px; } #video_edit .inputzone .main-channel .erotika { color:#ed1c24; } #video_edit #LEFT_COLUMN .inputzone .input { padding-left: 156px; } #video_edit .inputzone .checkbox { margin: 10px 5px 0 0; } #video_edit .inputzone .input input { border:solid; border-width:1px; border-color:#d6d6d6; width:395px; margin:0; height:19px !important; font-size:13px; font-weight:normal; font-family:Arial; color:#4c4c4c; padding-top:3px; padding-left:3px;} #video_edit .inputzone .input textarea { border:solid; border-width:1px; border-color:#d6d6d6; width:395px; margin:0; font-size:13px; font-weight:normal; font-family:Arial; color:#4c4c4c; height: 150px; padding-top:3px; padding-left:3px; background-color:#fffcec; } #video_edit .input-descriptor { margin-bottom:8px; } .gecko #video_edit .inputzone .input textarea { border:solid; border-width:1px; border-color:#d6d6d6; width:395px; margin:0; font-size:13px; font-weight:normal; font-family:Arial; color:#4c4c4c; resize:none; } #video_edit .inputzone .input.errorous textarea { border-color: red; } #video_edit .inputzone .input.errorous input { border-color: red; } #video_edit .inputzone .input.errorous select { border-color: red; } #video_edit #video_edit_basic_data .section_content div.error { color: red; display: none; float: none; width: 350px; height: auto; overflow: show; padding-left: 156px; padding-bottom: 10px; } #video_edit #video_edit_basic_data .section_content div.error.errorous { display: block; width: 330px; } #video_edit .msgzone { padding: 0 10px 5px 10px; font-weight: bold; text-align: center; } #video_edit .msgzone div.success { color: green; } #video_edit .msgzone div.error { color: red; } #video_edit #other_settings div.error { display: none; color: red; font-size: 11px; } #video_edit #other_settings div.error.errorous { display: block; } #video_edit #other_settings .password_protection div.errorous input { border: 1px solid red; } #video_edit #other_settings { width:386px; height:auto; min-height: 210px; background: #ddeec5; margin-top:10px; padding-top: 20px; } #video_edit #other_settings_bottom { width:386px; height:13px; background: #ddeec5; margin-bottom:10px; } #video_edit #embed { width: 340px; height: auto; margin: 10px 20px 0; padding: 0; } #video_edit #embed .title { margin-bottom: 3px; } #video_edit #embed textarea { width: 340px; height: 70px; margin: 0 0 5px; } #video_edit #embed input { width: 40px; } #video_edit #embed .embed-size-px { padding-right: 10px; } #video_edit #other_settings .title { font-size:13px; font-weight:bold; } #video_edit #other_settings .featured_video .title { float: left; width: 240px; } #video_edit #other_settings .featured_video.unListed .title { float: left; width: 215px; } #video_edit #other_settings .featured_video input { float: left; } #video_edit #other_settings .description{ font-size:11px; font-weight:normal; color:#7e8a6f; clear: both; display: none;} #video_edit #other_settings div.input.age_limit { padding-bottom: 5px; } #video_edit #other_settings .age_limit div { float:left; } #video_edit #other_settings .age_limitinput { margin:2px 0 0 24px; } #video_edit #other_settings div.input.featured_video { padding-bottom: 5px; margin-top: 8px; } #video_edit #other_settings .featured_video div { float:left; } #video_edit #other_settings .featured_video input { margin:2px 0 0 24px; } #video_edit #other_settings .password_protection { margin-top:8px; } #video_edit #other_settings .password_protection .btn_submit { float:right; margin-right:0px; margin-top:11px; } #video_edit #other_settings .password_protection input.password { border:solid; border-width:1px; border-color:#d6d6d6; width:230px; margin:8px 0; height:18px !important; font-size:13px; font-weight:normal; font-family:Arial; color:#4c4c4c; padding-top:3px; padding-left:3px;} #video_edit #other_settings .replace_video { margin-top:3px; } #video_edit #other_settings .replace_video .replace_video_desc { float:left; } #video_edit #other_settings .replace_video .btn_upload_small { float:left; margin-left:46px; margin-top:7px; } #video_edit #other_settings .datepicker { margin-top:3px; } #video_edit #other_settings label.datepicker-now-label { float: right; width: 86px; } #video_edit #other_settings .datepicker .description { padding-bottom: 5px; } #video_edit #other_settings .datepicker .btn_submit { float: right; margin-right: 33px; } #video_edit #other_settings .datepicker .notInputZone { padding: 2px 0 5px 0; display: block; overflow: auto; height: 25px; } #video_edit #other_settings .datepicker .selectzone { } #video_edit #other_settings div.inputRow { border-top: 1px solid #c6d6b1; width:346px; margin-left:20px; padding-top:5px; display: inline-block; margin-top: 8px; } #video_edit #other_settings div.inputRow.first { border-top: none; margin-top: 0; } #video_edit #other_settings #setReconvert { background: none repeat scroll 0 0 rgb(255, 255, 255); border: 1px solid rgb(165, 172, 178); border-radius: 3px; color: rgb(25, 25, 25) !important; display: block; width: 130px; height: 30px; line-height: 26px; text-align: center; margin: 0 auto; padding: 0; } #video_edit #other_settings #setReconvert:hover { background: rgb(230,230,230); } #video_edit #other_settings div.fileInputZone { } #video_edit #other_settings .thumbnail .btn_submit { float:right; } #video_edit #other_settings .password_protection .title { float: left; width: 240px; } #video_edit #other_settings .password_protection input.passwordToggle { margin:2px 0 0 24px; } #video_edit .text-list { clear: both; } #video_edit .text-list a.remove_item { width: 14px; height: 24px; background:url('../../../images/default/icons/remove.png') no-repeat 0 2px; border: 0;} /*#video_edit .cast div { float:left; margin:10px 0 0 10px; }*/ #video_edit #cast div.cast { float: left; clear: left; margin: 2px 0 0 2px; width: 543px; padding: 4px 0 4px 28px; background:url('../../../images/default/upload/move.png') 1px 2px no-repeat;} #video_edit .cast .castname { width:185px; margin-right:10px; font-weight:bold; } #video_edit .cast .castrole { width:284px; margin-right:10px; } #video_edit #cast div.cast#castDummy { padding-bottom: 15px; background: none; } #video_edit .text-list #castDummy.item a.remove_item { display: none; } #video_edit input.default { color:#d6d6d6; } #video_edit #music div.music { float: left; clear: left; margin: 2px 0 0 2px; width: 543px; padding: 4px 0 4px 28px; background:url('../../../images/default/upload/move.png') 1px 2px no-repeat; } #video_edit .music div { float:left; margin:10px 0 0 10px; } #video_edit .music .field-1 { width:185px; margin-right:10px; font-weight:bold; } #video_edit .music .field-2 { width:284px; margin-right:10px; } #video_edit #music div.music#musicDummy { padding-bottom: 15px; background: none; } #video_edit .text-list #musicDummy.item a.remove_item { display: none; } #video_edit .articles div { margin:10px 0 0 10px; } #video_edit .articles #btn_delete { float:left; margin:0 0 10px 10px; } #video_edit .articles .field-1 a { width:504px; margin-right:10px; font-weight:bold; float:left; } #video_edit .articles .field-2 { width:515px; margin-right:10px; } #video_edit .articles .field-3 { width:515px; margin-right:10px; } #video_edit .articles .field-4 { width:515px; margin-right:10px; } #video_edit .articles-add input.errorous { border: 1px solid red; } #video_edit .additionalItem div { margin:10px 0 0 10px; } #video_edit .additionalItem #btn_delete { float:left; margin:0 0 10px 10px; } #video_edit .additionalItem .field-1 a { width:504px; margin-right:10px; font-weight:bold; float:left; } #video_edit .additionalItem .field-2 { width:515px; margin-right:10px; } #video_edit .additionalItem .field-3 { width:515px; margin-right:10px; } #video_edit .additionalItem .field-4 { width:515px; margin-right:10px; } #video_edit ul.additional_items li { display: block; width: 545px; padding-left: 5px; margin-bottom: 12px; } #video_edit ul.additional_items .remove_item { float: right; background: url('../../../images/default/buttons/btn_delete_small_inactive.png') no-repeat; width: 14px; height: 14px; margin-top: 1px; } #video_edit ul.additional_items .edit_item { float: right; background: url('../../../images/default/buttons/btn_edit.png') no-repeat; width: 14px; height: 15px; margin-top: 1px; margin-right: 10px; } #video_edit ul.additional_items .additionalItem a { font-weight: bold; } #video_edit ul.additional_items .additionalItem span.description { display: block; } #video_edit ul.additional_items .editing { background: #fff7cc; } #video_edit ul.additional_items .edited { background: #ffe2e2; } #video_edit .separator { height:1px; background-color:#e5e5e5; width:545px; margin: 10px 0 10px 10px; } #video_edit .cast-add div { float:left; margin-bottom:20px; } #video_edit .cast-add div input { width:175px; margin:0 10px 0 10px; } #video_edit .cast-add .field-1 input { font-weight:bold; } #video_edit .music-add div { float:left; margin-bottom:20px; } #video_edit .music-add div input { width:175px; margin:0 10px 0 10px; } #video_edit .music-add .field-1 input { font-weight:bold; } #video_edit .articles-add div { margin-bottom:10px; } #video_edit .articles-add div input { width:365px; margin:0 10px 0 10px; } #video_edit .articles-add .field-1 div { float:left; } #video_edit .articles-add .field-2 div { float:left; } #video_edit .articles-add .field-3 div { float:left; } #video_edit .articles-add .field-4 div { float:left; } #video_edit .articles-add .field-name { margin-left:10px; width: 125px; font-weight:bold; } #video_edit .articles-add textarea { border:solid; border-width:1px; border-color:#d6d6d6; width:365px; margin:0 0 0 10px; font-size:13px; font-weight:normal; font-family:Arial; color:#4c4c4c; resize:none; padding-top:3px; padding-left:3px; background-color:#fffcec; } #video_edit .articles-add .btn_add_small { margin-left:145px; padding-left:18px; color:#009ad4; margin-top:4px; width: 150px; } #video_edit .articles-add .btn_add_small .add-additional-edited { display: none; } #video_edit .thumbnails { width: 560px; } #video_edit .thumbnails li { float:left; margin-right:8px; margin-top:10px; width:126px; height:78px; padding:3px; } #video_edit .thumbnails li.dummy { display: none; } #video_edit .thumbnails li.regenerate { float: right; clear: left; } #video_edit .thumbnails img { display: block; width:120px; height:72px; cursor:pointer; } #video_edit .thumbnails .unselected { background:url('../../../images/default/upload/thumbnail_selector_unselected_bg.png') no-repeat; } #video_edit .thumbnails .selected { background:url('../../../images/default/upload/thumbnail_selector_selected_bg.png') no-repeat; } #video_edit .imgCurrent { float: left; height: 78px; width: 126px; margin-right: 8px; margin-top: 10px; padding: 3px; background:url('../../../images/default/upload/thumbnail_selector_unselected_bg.png') no-repeat; } #video_edit .imgCurrent img { height: 72px; width: 120px;} #video_edit #video_edit_thumbnails .before a { float: left; margin-top: 40px; } #video_edit #video_edit_thumbnails .before span { float: left; margin: 40px 3px 0 5px; } #video_edit #video_edit_thumbnails .before input { float: left; margin: 38px 5px 0 5px; } #video_edit #edit-others-thumbnail-file { width: 240px !important; } #video_edit #video_edit_thumbnails .after a.regenerate { float: right; margin: 5px 20px 0pt 0pt; } #video_edit .btn_add_small { padding-left:18px; color:#009ad4; margin-top:4px; } #video_edit #hider_arrow { margin-right:6px; } #video_edit .bottom_separator { height:1px; background-color:#e5e5e5; margin-top:10px; } #video_edit .save_buttons .btn_save { margin:10px 0 0 455px; } #video_edit .save_buttons .btn_disabled { margin:10px 0 0 455px; display: none;} /* @end */ /* @start error_page */ @-webkit-keyframes infinite-rotation { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes infinite-rotation { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); } } @-o-keyframes infinite-rotation { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); } } @keyframes infinite-rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes infinite-rotation-back { 0% { -webkit-transform: rotate(360deg); } 100% { -webkit-transform: rotate(0deg); } } @-moz-keyframes infinite-rotation-back { 0% { -moz-transform: rotate(360deg); } 100% { -moz-transform: rotate(0deg); } } @-o-keyframes infinite-rotation-back { 0% { -o-transform: rotate(360deg); } 100% { -o-transform: rotate(0deg); } } @keyframes infinite-rotation-back { 0% { transform: rotate(360deg); } 100% { transform: rotate(0deg); } } @-webkit-keyframes left_arm { 0% { left: -66px; } 25% { left: -41px; } 50% { left: -54px; } 75% { left: -30px; } 100% { left: -66px; } } @-moz-keyframes left_arm { 0% { left: -66px; } 25% { left: -41px; } 50% { left: -54px; } 75% { left: -30px; } 100% { left: -66px; } } @-o-keyframes left_arm { 0% { left: -66px; } 25% { left: -41px; } 50% { left: -54px; } 75% { left: -30px; } 100% { left: -66px; } } @keyframes left_arm { 0% { left: -66px; } 25% { left: -41px; } 50% { left: -54px; } 75% { left: -30px; } 100% { left: -66px; } } @-webkit-keyframes right_arm { 0% { right: -45px; } 50% { right: -65px; } 100% { right: -45px; } } @-moz-keyframes right_arm { 0% { right: -45px; } 50% { right: -65px; } 100% { right: -45px; } } @-o-keyframes right_arm { 0% { right: -45px; } 50% { right: -65px; } 100% { right: -45px; } } @keyframes right_arm { 0% { right: -45px; } 50% { right: -65px; } 100% { right: -45px; } } @-webkit-keyframes error_blink { 0% { opacity: 0; } 10% { opacity: 1; } 15% { opacity: 1; } 20% { opacity: 0; } 35% { opacity: 0; } 40% { opacity: 1; } 42% { opacity: 1; } 44% { opacity: 0; } 46% { opacity: 0; } 48% { opacity: 1; } 50% { opacity: 1; } 52% { opacity: 0; } 70% { opacity: 0; } 75% { opacity: 1; } 80% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes error_blink { 0% { opacity: 0; } 10% { opacity: 1; } 15% { opacity: 1; } 20% { opacity: 0; } 35% { opacity: 0; } 40% { opacity: 1; } 42% { opacity: 1; } 44% { opacity: 0; } 46% { opacity: 0; } 48% { opacity: 1; } 50% { opacity: 1; } 52% { opacity: 0; } 70% { opacity: 0; } 75% { opacity: 1; } 80% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes error_blink { 0% { opacity: 0; } 10% { opacity: 1; } 15% { opacity: 1; } 20% { opacity: 0; } 35% { opacity: 0; } 40% { opacity: 1; } 42% { opacity: 1; } 44% { opacity: 0; } 46% { opacity: 0; } 48% { opacity: 1; } 50% { opacity: 1; } 52% { opacity: 0; } 70% { opacity: 0; } 75% { opacity: 1; } 80% { opacity: 1; } 100% { opacity: 0; } } @keyframes error_blink { 0% { opacity: 0; } 10% { opacity: 1; } 15% { opacity: 1; } 20% { opacity: 0; } 35% { opacity: 0; } 40% { opacity: 1; } 42% { opacity: 1; } 44% { opacity: 0; } 46% { opacity: 0; } 48% { opacity: 1; } 50% { opacity: 1; } 52% { opacity: 0; } 70% { opacity: 0; } 75% { opacity: 1; } 80% { opacity: 1; } 100% { opacity: 0; } } #file-upload { display: none; } .custom-file-upload { border: 1px solid #ccc; display: inline-block; padding: 6px 12px; cursor: pointer; } .subtitle-upload .input { display:none; } #upload_subtitle { opacity: 0; width: 0 !important; height: 0 !important; margin: 0; padding: 0; overflow: hidden } #upload #zone-subtitle .add_subtitle { float: left; height: 28px; line-height: 28px; padding: 0 15px 0 35px; margin: 0 20px 0 0; border-radius: 2px; border: 1px solid #989898; font-size: 12px; color: #7e7e7e; position: relative } #upload #zone-subtitle .add_subtitle .icon { position: absolute; top: 0; bottom: 0; left: 9px; margin: auto; width: 12px; height: 15px; /* background: url(/https/assets.indavideo.hu/images/loop/loopr_sprite.png?v=15031901) no-repeat 0 0 transparent */ } #upload #zone-subtitle .add_subtitle .icon:before { display: none } #upload #zone-subtitle .add_subtitle:hover { background: #ebebeb } #upload #zone-subtitle .add_subtitle.active { background: #989898; min-width: 129px; width: auto; text-align: center; color: #fff; padding: 0 30px 0 10px } #upload #zone-subtitle .add_subtitle.active .icon { left: initial; right: 9px; width: 14px; height: 14px; background-position: -120px 0 } #upload #zone-subtitle .add_subtitle.error_file { position: relative } #upload #zone-subtitle .add_subtitle.error_file:before { content: ""; display: block; width: 0; height: 0; border: 7px solid transparent; border-bottom-color: red; position: absolute; bottom: -14px; left: 20px } #upload #zone-subtitle .add_subtitle.error_file:after { content: "Hibás formátum, próbálkozz másik zenével!"; height: 26px; line-height: 26px; padding: 0 10px; background: red; border-radius: 2px; color: #fff; font-size: 12px; position: absolute; bottom: -40px; left: 0; white-space: nowrap } #upload #zone-subtitle .add_subtitle.error_filesize { position: relative } #upload #zone-subtitle .add_subtitle.error_filesize:before { content: ""; display: block; width: 0; height: 0; border: 7px solid transparent; border-bottom-color: red; position: absolute; bottom: -14px; left: 20px } #upload #zone-subtitle .add_subtitle.error_filesize:after { content: "A feltöltött audiófájl túl nagy!"; height: 26px; line-height: 26px; padding: 0 10px; background: red; border-radius: 2px; color: #fff; font-size: 12px; position: absolute; bottom: -40px; left: 0; white-space: nowrap } #upload #zone-subtitle .add_subtitle.error_missing { position: relative } #upload #zone-subtitle .add_subtitle.error_missing:before { content: ""; display: block; width: 0; height: 0; border: 7px solid transparent; border-bottom-color: red; position: absolute; bottom: -14px; left: 20px } #upload #zone-subtitle .add_subtitle.error_missing:after { content: "Hiányzó audió fájl."; height: 26px; line-height: 26px; padding: 0 10px; background: red; border-radius: 2px; color: #fff; font-size: 12px; position: absolute; bottom: -40px; left: 0; white-space: nowrap } #upload #zone-subtitle .add_subtitle.error { position: relative } #upload #zone-subtitle .add_subtitle.error:before { content: ""; display: block; width: 0; height: 0; border: 7px solid transparent; border-bottom-color: red; position: absolute; bottom: -14px; left: 20px } #upload #zone-subtitle .add_subtitle.error:after { content: "Valami hiba történt."; height: 26px; line-height: 26px; padding: 0 10px; background: red; border-radius: 2px; color: #fff; font-size: 12px; position: absolute; bottom: -40px; left: 0; white-space: nowrap } #upload #zone-subtitle .add_subtitle.error_file { position: relative } #upload #zone-subtitle .add_subtitle.error_file:before { content: ""; display: block; width: 0; height: 0; border: 7px solid transparent; border-bottom-color: red; position: absolute; bottom: -14px; left: 20px } #upload #zone-subtitle .add_subtitle.error_file:after { content: "Hibás formátum! Próbálkozz másik zenével!"; height: 26px; line-height: 26px; padding: 0 10px; background: red; border-radius: 2px; color: #fff; font-size: 12px; position: absolute; bottom: -40px; left: 0; white-space: nowrap } .upload_error { display: block; width: 1000px; margin: 0 -15px; } .upload_error .videofal { display: block; width: 1000px; height: 400px; background: url(/https/assets.indavideo.hu/images/default/upload/error/videofal.jpg) no-repeat center center; } .upload_error .videofal .error_desc { display: block; font-size: 16px; width: 680px; margin: 0 auto; padding: 20px; position: relative; top: 50px; background: #ffffff; border-radius: 10px; text-align: center; } .upload_error .videofal .error_desc:before { content: ""; display: block; width: 0; height: 0; border: 10px solid transparent; border-top-color: #ffffff; position: absolute; bottom: -20px; left: 0; right: 0; margin: 0 auto; } .upload_error .gyartosor { position: relative; z-index: 0; display: block; width: 1000px; height: 180px; background: url(/https/assets.indavideo.hu/images/default/upload/error/gyartosor.png) no-repeat center top; } .robot { display: block; width: 163px; height: 312px; position: absolute; top: -186px; left: 0; right: 0; margin: 0 auto; z-index: 0; } .robot .body { display: block; width: 163px; height: 312px; background: url(/https/assets.indavideo.hu/images/default/upload/error/robot.png) no-repeat left top; z-index: 10; } .robot .left_arm { background: url(/https/assets.indavideo.hu/images/default/upload/error/kar1.png) no-repeat center center; display: block; width: 71px; height: 46px; position: absolute; top: 140px; left: -66px; z-index: -1; -webkit-animation: left_arm 2s linear infinite; /* Safari 4+ */ -moz-animation: left_arm 2s linear infinite; /* Fx 5+ */ -o-animation: left_arm 2s linear infinite; /* Opera 12+ */ animation: left_arm 2s linear infinite; /* IE 10+ */ } .robot .right_arm { background: url(/https/assets.indavideo.hu/images/default/upload/error/kar2.png) no-repeat center center; display: block; width: 71px; height: 46px; position: absolute; top: 140px; right: -65px; z-index: -1; -webkit-animation: right_arm 1500ms linear infinite; /* Safari 4+ */ -moz-animation: right_arm 1500ms linear infinite; /* Fx 5+ */ -o-animation: right_arm 1500ms linear infinite; /* Opera 12+ */ animation: right_arm 1500ms linear infinite; /* IE 10+ */ } .robot .left_eye { background: url(/https/assets.indavideo.hu/images/default/upload/error/szem1.png) no-repeat center center; display: block; width: 41px; height: 41px; position: absolute; top: 85px; left: 23px; z-index: 15; -webkit-animation: infinite-rotation-back 1500ms linear infinite; /* Safari 4+ */ -moz-animation: infinite-rotation-back 1500ms linear infinite; /* Fx 5+ */ -o-animation: infinite-rotation-back 1500ms linear infinite; /* Opera 12+ */ animation: infinite-rotation-back 1500ms linear infinite; /* IE 10+ */ } .robot .right_eye { background: url(/https/assets.indavideo.hu/images/default/upload/error/szem2.png) no-repeat center center; display: block; width: 41px; height: 41px; position: absolute; top: 85px; right: 24px; z-index: 15; -webkit-animation: infinite-rotation 2500ms linear infinite; /* Safari 4+ */ -moz-animation: infinite-rotation 2500ms linear infinite; /* Fx 5+ */ -o-animation: infinite-rotation 2500ms linear infinite; /* Opera 12+ */ animation: infinite-rotation 2500ms linear infinite; /* IE 10+ */ } .robot .error_msg { background: url(/https/assets.indavideo.hu/images/default/upload/error/hiba1.png) no-repeat center center; display: block; width: 60px; height: 34px; position: absolute; left: 0; right: 0; top: 48px; margin: 0 auto; z-index: 20; } .robot .error_msg .active { background: url(/https/assets.indavideo.hu/images/default/upload/error/hiba2.png) no-repeat center center; display: block; width: 60px; height: 34px; margin: 0 auto; z-index: 20; -webkit-animation: error_blink 2500ms linear infinite; /* Safari 4+ */ -moz-animation: error_blink 2500ms linear infinite; /* Fx 5+ */ -o-animation: error_blink 2500ms linear infinite; /* Opera 12+ */ animation: error_blink 2500ms linear infinite; /* IE 10+ */ } /* @end */