API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Aug 4th, 2022
14
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.93 KB | None | 0 0
raw download clone embed print report
  1. /* icon font for module video*/
  2. @font-face{font-family:'video-ico';src:url('/.s/src/font/video-font/video-ico.eot?fqorb1');src:url('/.s/src/font/video-font/video-ico.eot?fqorb1#iefix') format('embedded-opentype'),url('/.s/src/font/video-font/video-ico.ttf?fqorb1') format('truetype'),url('/.s/src/font/video-font/video-ico.woff?fqorb1') format('woff'),url('/.s/src/font/video-font/video-ico.svg?fqorb1#icomoon') format('svg');font-weight:normal;font-style:normal}
  3. [class^="icon-"],[class*=" icon-"]{font-family:'video-ico'!important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
  4. .icon-code:before{content:"\e900"}
  5. .icon-tool:before{content:"\e901"}
  6. .icon-close:before{content:"\e902"}
  7. .icon-rotate:before{content:"\e903"}
  8. .icon-arrows:before{content:"\e904"}
  9. .icon-save:before{content:"\e905"}
  10. .icon-link:before{content:"\e906"}
  11. .icon-add:before{content:"\e907"}
  12. .icon-up-arrow:before{content:"\e908"}
  13. .icon-confirm:before{content:"\e909"}
  14. .icon-down-arrow:before{content:"\e90a"}
  15. .icon-cancel:before{content:"\e90b"}
  16. .icon-right-arrow:before{content:"\e90c"}
  17. .icon-left-arrow:before{content:"\e90d"}
  18. /* end icon font for module video*/
  19.  
  20. .u-breadcrumbs{text-align:left; }
  21.  
  22. /*------category-----*/
  23. .category_block{padding-left:27px!important; display:none; }
  24. .category_row{font-family:Tahoma; margin:2px 2px 2px 0px; border:0px solid; }
  25. .category_block .category_row{padding:0 0 0 18px; background:url(/.s/img/vi/deficon/cat_arrow.png) no-repeat left center; }
  26. .category_row_wrapper{background-position:1% 50%; background-repeat:no-repeat; line-height:20px; }
  27. .category_row_text{display:inline; padding-left:0px; cursor:pointer; }
  28. .category_row_tb{display:inline; float:right; padding-right:20px; }
  29. .category_row_img{cursor:pointer; display:inline; background-position:50% 50%; background-repeat:no-repeat; margin:2px 0 2px 0;
  30. padding:2px 2px 2px 0; }
  31. /*--------------------*/
  32.  
  33. /*------add/edit-form-----*/
  34. .u-addform{text-align:left; width:100%; max-width:1200px }
  35. ul.u-tabs-ul,
  36. ul.u-tabscont-ul{margin:0; padding:0; list-style:none; overflow:hidden}
  37. ul.u-tabs-ul{position:relative;border-bottom: 3px solid rgba(127, 127, 127, .45)}
  38. .u-editform ul.u-tabs-ul{display:none}
  39. li.u-tab{width:33.3%; float:left; position:relative; z-index:2; }
  40. li.last-tab{float:right}
  41. li.u-tab a{display:block;text-align:center;padding: 10px;text-decoration: none}
  42. li.u-tab a:hover{text-decoration: none}
  43. li.u-tab a.utab-active{background: rgba(127, 127, 127, .15);border-radius: 7px 7px 0 0;color: inherit}
  44.  
  45. #addEntForm input[id^="f_o"], #addEntForm #f_aemail, #addEntForm #f_asite {width: 100%}
  46. .u-tab span{cursor:pointer; display:inline-block; white-space:nowrap; }
  47. .utab-link:before,.utab-code:before,.utab-load:before{font-family:'video-ico';font-size:18px;line-height:1;vertical-align:middle;padding-right:3px}
  48. .utab-link:before{content:"\e906"}
  49. .utab-code:before{content:"\e900"}
  50. .utab-load:before{content:"\e905"}
  51.  
  52. #utab1{zoom:1; } /*--for-IE--*/
  53. .vi-form-content{}
  54. .vi-form-content2{margin:0 0 15px 0;padding:25px 0 10px}
  55. .hidden-el{display:none; width:100%; }
  56.  
  57. #video-form-status,
  58. #video-form-status2{height:18px; margin:15px 0 10px 0; text-align:center; }
  59. #video-form-status2{margin:8px 0; }
  60. #video-form-status span,
  61. #video-form-status2 span{display:none; padding:0 0 0 20px }
  62. #video-form-status.status-loading span, #video-form-status2.status-loading span{color:#0b72cc}
  63. #video-form-status.status-error span, #video-form-status2.status-error span{color:#ff0000 }
  64. #video-form-status.status-success span, #video-form-status2.status-success span{color:#629f01 }
  65.  
  66. #video-form-status.status-success span:before,#video-form-status2.status-success span:before,#video-form-status.status-error span:before,#video-form-status2.status-error span:before,#video-form-status.status-loading span:before,#video-form-status2.status-loading span:before{font-family:'video-ico';font-size:16px;line-height:1;vertical-align:middle;padding-right:5px}
  67. #video-form-status.status-success span:before,#video-form-status2.status-success span:before{content:"\e909";font-weight:700}
  68. #video-form-status.status-error span:before,#video-form-status2.status-error span:before{content:"\e902"}
  69. #video-form-status.status-loading span:before,#video-form-status2.status-loading span:before{content:"\e903"}
  70.  
  71. #video-form-status.status-loading .frm-loading,
  72. #video-form-status2.status-loading .frm-loading{display:inline-block; }
  73. #video-form-status.status-error .frm-error,
  74. #video-form-status2.status-error .frm-error{display:inline-block; }
  75. #video-form-status.status-success .frm-success,
  76. #video-form-status2.status-success .frm-success{display:inline-block; }
  77. #video-form-status2.status-success .frm-none{display:none; }
  78.  
  79. #embObject, #casing #embObject{height:65px; display:block; }
  80. #fast_link{display:block; }
  81. .input-icons-wrap {display:-webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify; justify-content: space-between;-webkit-box-align: center;-ms-flex-align:center;align-items:center;}
  82. .video-link{position:relative; width: calc(100% - 145px); *zoom:1; /*--for-IE--*/ _zoom:normal; /*--for-IE--*/ }
  83. .video-code{position:relative; margin-right:100px; *zoom:1; /*--for-IE--*/ _zoom:normal; /*--for-IE--*/ }
  84. ul.u-vicons{margin: 0; padding:0; list-style:none;float:right; display:flex;display:-webkit-box;display:-ms-flexbox;}
  85. ul.u-vicons:after {content:'';display:table;clear:both}
  86. ul.u-vicons li{background-size: 20px; width:20px; height:20px; margin:0 0 0 4px; opacity:0.4; filter:alpha(opacity=40); border-radius:2px; transition: opacity .3s}
  87. ul.u-vicons li:hover {opacity: 1}
  88. ul.u-vicons li a {padding: 2px 10px}
  89. li.v-ico-vk{background:url(/.s/img/vi/v-ico-vk.png); }
  90. li.v-ico-vimeo{background:url(/.s/img/vi/vimeo.svg); }
  91. li.v-ico-youtube{background:url(/.s/img/vi/youtube.svg); }
  92. li.v-ico-other{background:url(/.s/img/vi/v-ico-other.png); }
  93. li.v-ico-mailru{background:url(/.s/img/vi/v-ico-mailru.png); }
  94. li.v-ico-rutube{background:url(/.s/img/vi/rutube.svg); }
  95. li.v-ico-coub{background:url(/.s/img/vi/coub.svg); }
  96. li.v-ico-yandex{background:url(/.s/img/vi/v-ico-yandex.png); }
  97. li.v-ico-daily{background:url(/.s/img/vi/dailymotion.svg); }
  98. li.v-ico-blip{background:url(/.s/img/vi/v-ico-blip.png); }
  99. .u-vicons li.v-ico-active{opacity:1; filter:alpha(opacity=100); }
  100. .u-vicode-icons{margin:0; padding:0; float:right; list-style:none;background-size: 100%; height: 65px; width:95px;background:url(/.s/img/vi/code-tooltip.svg) no-repeat }
  101.  
  102. .video-load-wrapper{width:100%; overflow:hidden; position:relative; }
  103. ul.video-load{margin:0; padding:0; width:200%; list-style:none; overflow:hidden; }
  104. ul.video-load li.first-step{float:left; width:50%; text-align:center; }
  105. ul.video-load li.second-step{float:left; width:50%; }
  106.  
  107. .load-info{margin:5px 0 10px 0; font:bold 100%/16px 'Arial'; color:#63829a; }
  108. .load-info span{display:inline-block; padding:5px 0 5px 70px; background:url(/.s/img/vi/youtube_powered.png) no-repeat left center; }
  109. .load-info2{margin:5px 0 10px 0; font:italic 100%/16px 'Arial'; color:#b7b7b7; }
  110.  
  111. .youtube-login{width:/*250*/154px; margin:auto; /*height:100px; padding:0 0 0 80px; background:url(/.s/img/vi/youtube-login.png) no-repeat; */ }
  112.  
  113. .yt-form-sbm{text-align:right; }
  114. a.yt-reg-link{margin:0 10px 0 0; font:100%/32px 'Arial'; color:#63829a; text-decoration:underline; outline:none; }
  115. a.yt-reg-link:hover{text-decoration:none; }
  116. a.yt-login-link{display:inline-block; width:154px; height:32px; background:url(/.s/img/vi/butt2.png) no-repeat; font:14px/30px 'Verdana';
  117. color:#fff; text-decoration:none; text-align:center; text-shadow:0 1px 0 rgba(76, 152, 42, 0.75); }
  118. a.yt-login-link:hover{color:#fff; text-decoration:none; background-position:0 -32px; }
  119.  
  120. .youtube-info{padding:0 3px 5px 50px; font:100%/20px 'Arial'; color:#636363; background:url(/.s/img/vi/userimage.png) no-repeat 3px 2px; }
  121. .youtube-info a{color:#69879f; text-decoration:underline; }
  122. .youtube-info a:hover{text-decoration:none; }
  123. .yt-username{font-weight:bold; text-decoration:underline; }
  124. .yt-email{color:#a1a1a1; }
  125.  
  126. #videoBrief{height:110px; }
  127. #add-video-btn.inactive{cursor:default; opacity:.5; }
  128.  
  129. /*-------Inputs-styles--------*/
  130. .vform-sep{margin:5px 0; height:2px; overflow:hidden; background:url(/.s/img/vi/vform-separator.png) repeat-x; }
  131. .u-form-ul{margin:0; padding:0; list-style:none; }
  132. .u-form-ul li{margin:0 0 10px 0; }
  133. .u-form-sbm{text-align:center; }
  134.  
  135. .channel-selector select{display:block; min-width:50%; max-width:100%; }
  136. .channel-selector {display:inline-block;}
  137. /*input[name=add2chnl]:checked ~ .channel-selector{display:none; }*/
  138.  
  139. textarea.ui-textarea{overflow:auto; resize:none; }
  140. .ui-file-wrapper{position:relative; height:37px; overflow:hidden; }
  141. .ui-file-wrapper input{position:absolute; width:350px; height:37px; margin-left:-160px; cursor:pointer; opacity:0; filter:alpha(opacity=0); }
  142. .ui-file-wrapper a{display:inline-block; width:190px; height:37px; background:url(/.s/img/vi/butt3.png) no-repeat; font:14px/31px 'Verdana';
  143. color:#fff!important; text-decoration:none; text-align:center; text-shadow:0 1px 0 rgba(76, 152, 42, 0.75); }
  144. .ui-file-wrapper input:hover + a,
  145. .ui-file-wrapper a:hover{text-decoration:none; background-position:0 -37px; }
  146. .ui-file-wrapper.inactive input{display:none; }
  147. .ui-file-wrapper.inactive a{cursor:default; background-position:0 -74px!important; text-shadow:0 1px 0 rgba(99, 99, 99, 0.44); }
  148. .ui-filename{margin:0 0 0 7px; font-family:'Verdana', sans-serif; color:#595959; }
  149. .ui-select{margin:0 10px 0 0; }
  150. .ui-size1{width:80%; }
  151. .ui-size2{width:100%; }
  152. .ui-filedname{margin:0 0 5px 0; padding:0 0 0 5px; font-weight:bold }
  153. .ui-hint{margin:3px 5px;}
  154. .ui-add-link{display:inline-block; padding:0 17px 0 0; height:20px; }
  155. .ui-add-link a{display:inline-block;line-height:18px}
  156. .ui-add-link a:after,.ui-add-link.ui-add-closed a:after{font-family:'video-ico';font-size:13px;line-height:1;vertical-align:middle;padding-left:5px}
  157. .ui-add-link a:after{content:"\e904";display:inline-block}
  158. .ui-add-link.ui-add-closed a:after{content:"\e904";display:inline-block;transform:rotate(-90deg)}
  159. .ui-add{display:none; }
  160. .ui-langs{margin:0 5px; padding:0; list-style:none; display:inline; }
  161. .ui-langs li{display:inline; }
  162. .ui-langs li img{vertical-align:middle; border:0; }
  163. .ui-langs li a{display:inline-block; margin:0 2px; padding:5px 4px; text-decoration:none; }
  164. .ui-langs li a.selected{background:#dadada; border-radius:5px; box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.47); }
  165. /*--------------------*/
  166.  
  167. /*-----index-page-styles-----*/
  168. .all-entries{margin:15px 0 0 0; padding:0; list-style:none; overflow:hidden; //padding-right:1px; }
  169. .all-entries li.entry{float:left; text-align:center; }
  170. .all-entries li.entry div{text-align:left; }
  171. .v-all-entries{width:100%; }
  172. .v-all-entries li.entry{width:33%; }
  173. /*---------------------------*/
  174.  
  175. /*-----entry-view-styles-----*/
  176. .v-entry{width:210px; margin:auto; margin-bottom:20px; /*overflow:hidden; */ text-align:left; }
  177. .ve-title{margin:0; padding:0 0 0 11px; font-weight:bold; line-height:25px; text-overflow:ellipsis; o-text-overflow:ellipsis; white-space:nowrap;
  178. overflow:hidden; position:relative; background:url(/.s/img/vi/vico-title.png) no-repeat left center; }
  179. .ve-screen{position:relative; height:157.5px; width:210px; margin:5px 0; border-radius:10px; vertical-align:middle; background-color:#000;
  180. background-repeat:no-repeat; background-position:center center;
  181. -moz-background-size:100% auto; -o-background-size:100% auto; -webkit-background-size:100% auto; background-size:100% auto; }
  182. .ve-screen a{display:block; width:210px; height:160px; }
  183. .ve-screen img{vertical-align:middle; width:210px; max-height:160px; border:0; border-radius:10px; }
  184. .ve-length{position:absolute; bottom:10px; right:10px; padding:0 5px; background:#000; background:rgba(0, 0, 0, 0.63);
  185. font:bold 100%/16px 'Arial'; color:#fff; border-radius:3px; }
  186. .ve-details{line-height:16px; }
  187. .ve-details a.ve-author,.ve-details a.ve-comments,.ve-details span{display:inline-block; margin-right:7px; }
  188. .ve-details1{padding:5px 10px 6px 10px; position:relative; background:url(/.s/img/vi/vico-separator.png) repeat-x left bottom; }
  189. .ve-details2{padding:5px 10px 6px 9px; }
  190. a.ve-author{background:url(/.s/img/vi/vico-author.png) no-repeat left center; padding-left:18px; }
  191. span.ve-date{margin-right:0; }
  192. span.ve-views{background:url(/.s/img/vi/vico-views.png) no-repeat left center; padding-left:26px; }
  193. a.ve-comments{background:url(/.s/img/vi/vico-comments.png) no-repeat left center; padding-left:23px; }
  194. span.ve-comments{background:url(/.s/img/vi/vico-comments.png) no-repeat left center; padding-left:23px; }
  195. span.ve-rating{background:url(/.s/img/vi/vico-rating.png) no-repeat left center; padding-left:19px; margin-right:0; }
  196. /*---------------------------*/
  197.  
  198. /*-------entry-page----------*/
  199. .v-entry-page{padding:25px 0 0 0; width:100%; line-height:1.4; }
  200. h1.vep-title{margin:0 0 10px 0; padding:0 100px 0 0; font-size:18px; }
  201. #videocontent_title{text-align:left; color:#444; }
  202. #videocontent_title h1.vep-title{margin-top:5px; padding-right:0; display:inline-block; background-position:left 3px; }
  203. #videocontent_comm{margin:10px 0 7px 0!important; }
  204. #videocontent_comm a{color:#444!important; }
  205. .vep-separator{height:1px; overflow:hidden; background-color:#d6d6d6; }
  206. .vep-rating{float:right; }
  207. .vep-video-block{}
  208. a.vep-playvideo{display:inline-block; outline:none; border:none; position:relative; text-decoration:none; }
  209. a.vep-playvideo span{cursor:pointer; }
  210. .vep-video-block img{border:0; vertical-align:middle; }
  211. .vep-playbutton{display:block; position:absolute; width:70px; height:70px; background:rgba(255, 255, 255, 0.5); border-radius:5px; left:50%;
  212. top:50%; margin:-35px 0 0 -35px; opacity:0; transition:opacity .5s ease; }
  213. .vep-playbutton:after{content:''; display:block; width:0; height:0; border:20px solid transparent; border-left:30px solid currentColor;
  214. border-right:0; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
  215. .vep-playvideo:hover .vep-playbutton{opacity:.6 }
  216. a.vep-playvideo:hover .vep-playbutton{background-position:0 -68px; }
  217. .vep-length{position:absolute; bottom:15px; right:15px; padding:2px 5px; background:#000; background:rgba(0, 0, 0, 0.63);
  218. font:bold 100%/16px 'Arial'; color:#fff; border-radius:3px; }
  219.  
  220. .vep-details{padding:10px 0 10px 5px; }
  221. .vep-details span{margin:0 20px 0 0; display:inline-block; line-height:20px; background-position:left center; background-repeat:no-repeat; }
  222. .vep-views{padding:0 0 0 25px; background-image:url(/.s/img/vi/vico-views.png); }
  223. .vep-author{padding:0 0 0 20px; background-image:url(/.s/img/vi/vico-author.png); }
  224. .vep-channel{padding:0 0 0 27px; background-image:url(/.s/img/vi/vico-channel.png); }
  225.  
  226. .vep-descr-block,
  227. .vep-tags-block{padding:10px 5px; }
  228. .vep-descr{display:inline-block; padding:0 0 0 24px; line-height:20px; background:url(/.s/img/vi/vico-descr.png) no-repeat left center; }
  229. .vep-descr-block p{margin:0; padding:8px 0 5px 0; }
  230. .vep-tags{display:inline-block; padding:0 5px 0 24px; line-height:20px; background:url(/.s/img/vi/vico-tags.png) no-repeat left center; }
  231. .vep-screenshots{padding:5px 0 0 5px; }
  232. .vep-year, .vep-genre, .vep-producer, .vep-acters, .vep-lang, .vep-duration, .vep-vquality,
  233. .vep-aname, .vep-aemail, .vep-asite, .vep-other1, .vep-other2, .vep-other3, .vep-other4, .vep-other5{padding:5px 0 0 5px; }
  234. .vep-comments{padding:10px 5px; }
  235. /*---------------------------*/
  236.  
  237. /*------channel-page---------*/
  238. .v-channel-page{padding:20px 0 0 0; }
  239. .vcp-image{float:left; }
  240. .vcp-image img{margin:0 15px 20px 0; width:120px; border:0; vertical-align:middle; }
  241. .vcp-top{overflow:hidden; zoom:1; }
  242. .vcp-title{margin:0 15px 5px 0; font-size:20px; line-height:24px; font-weight:bold; text-transform:uppercase; float:left; }
  243. .vcp-subtitle{margin:15px 0; }
  244. .vcp-ratestars{float:left; padding:4px 0 0 0; }
  245. .vcp-details{}
  246. .vcp-details span{margin:0 10px 10px 0; display:inline-block; line-height:20px; background-position:left center; background-repeat:no-repeat; }
  247. .vcp-subscribers{padding:0 0 0 23px; background-image:url(/.s/img/vi/vico-subscribers.png); }
  248. .vcp-views{padding:0 0 0 27px; background-image:url(/.s/img/vi/vico-views.png); }
  249. .vcp-rating{padding:0 0 0 27px; background-image:url(/.s/img/vi/vico-rating.png); }
  250.  
  251. .vcp-subsr-block{padding:12px 0 20px 0; }
  252. #subscr-btn{display:inline-block; width:231px; height:37px; background:url(/.s/img/vi/butt.png) no-repeat; font:18px/31px 'Verdana';
  253. color:#fff; text-decoration:none; text-align:center; text-shadow:0 1px 0 rgba(76, 152, 42, 0.75); }
  254. #subscr-btn:hover{background-position:0 -37px; }
  255.  
  256. #subscr-btn.inactive{cursor:default; background-position:0 -74px!important; text-shadow:0 1px 0 rgba(99, 99, 99, 0.44); }
  257. .subscr-info{margin:0 15px 0 0; opacity:0.6; filter:alpha(opacity=60); }
  258. .unsubscribe{display:inline-block; padding:0 0 0 20px; background:url(/.s/img/vi/error.png) no-repeat left center; }
  259. .vcp-descr{margin:0; padding:5px 0 15px 0; clear:both; background:url(/.s/img/vi/vico-separator.png) repeat-x left bottom; }
  260. .vcp-content{}
  261. /*---------------------------*/
  262.  
  263. #tb_img #image-list{height:180px }
  264. #tb_img #image-list .panel{width:170px; top:10px; height:${imlist_h}px }
  265. #tb_img #image-list .inner{width:150px; height:150px; padding:4px; background:#fff; border:0!important; border-radius:4px;
  266. box-shadow:0 0 5px rgba(0, 0, 0, 0.3); }
  267. #tb_img #image-list #gimage-add .inner{width:150px; height:150px; padding:0; background:transparent; border:4px dashed #d3d3d3!important;
  268. border-radius:4px; box-shadow:none; }
  269. #tb_img #image-list .inner p{margin:47px 0 0 0; text-align:center; cursor:pointer }
  270. #tb_img #image-list{width:100%; position:relative; margin-top:10px; }
  271. #tb_img #image-list img {max-height: 100%; max-width: 100%; object-fit: cover;}
  272. #tb_img #image-list .belt{position:absolute; left:0; top:0 }
  273. #tb_img #image-list .panel{margin:0; float:left; overflow:hidden; }
  274. #tb_img #image-list .inner{position:relative; margin:4px; border:#999 1px solid }
  275. #tb_img #image-list .inner div{position:absolute; width:16px; height:20px; cursor:pointer; top:1px; overflow:hidden;line-height:22px }
  276. #tb_img #image-list .inner div.edt{right:28px; background:transparent}
  277. #tb_img #image-list .inner div.del{right:6px; background:transparent }
  278.  
  279. #tb_img #image-list .inner div.edt:before,#tb_img #image-list .inner div.del:before{font-family:'video-ico';font-size:14px;line-height:1;vertical-align:middle;padding-right:5px}
  280. #tb_img #image-list .inner div.edt:before{content:"\e901";color:#037503}
  281. #tb_img #image-list .inner div.del:before{content:"\e90b";color:#a50202}
  282. .icon-left-arrow,.icon-right-arrow{font-size:25px; text-decoration: none}
  283. .icon-left-arrow:hover,.icon-right-arrow:hover{text-decoration: none}
  284. #tb_img #image-list .inner input{margin-top:-100px; margin-left:-550px; -moz-opacity:0; filter:alpha(opacity=0); opacity:0; font-size:200px;
  285. height:250px; cursor:pointer }
  286. #tb_img #image-list .wait{background:url(/.s/img/wd/1/ajax.gif) no-repeat center center; }
  287. #gimage-0{background-color:none}
  288.  
  289. #tb_img #image-list .vscr-link span,
  290. #tb_img #image-list .vscr-load span{display:inline-block; text-decoration:none; cursor:pointer; }
  291. #tb_img #image-list a.vscr-link:hover span,
  292. #tb_img #image-list a.vscr-load:hover span{text-decoration:none; }
  293.  
  294. #tb_img #image-list .vscr-load span:before,#tb_img #image-list .vscr-link span:before{font-family:'video-ico';font-size:15px;vertical-align:middle;padding-right:3px}
  295. #tb_img #image-list .vscr-link span:before{content:"\e906"}
  296. #tb_img #image-list .vscr-load span:before{content:"\e905"}
  297.  
  298. /*--- Popup menu ---*/
  299. .sbm{font-size:9pt; }
  300. .sbm a:link,
  301. .sbm a:visited{display:block; text-decoration:none; color:#000000; padding:4px 8px; }
  302. .sbm a:hover,
  303. .sbm a:active{display:block; text-decoration:none; color:#000000; background:#DEE7F6 url('/.s/img/wd/3/menubg.gif') repeat-x scroll 0 0; padding:4px 8px; }
  304.  
  305. .channels-more{display:inline; position:relative; padding-right:15px; }
  306. .channels-more-ul{display:none; }
  307. .channels-more-ul{position:absolute; top:12px; margin:0; padding:5px 5px; list-style:none; background:#ececec; border:1px solid #868686; border-radius:7px; }
  308. .channels-more-ul a{font:100%/16px 'Arial'; color:#707070; text-decoration:none; white-space:nowrap; display:block; padding:3px 5px; }
  309. .channels-more-ul a:hover{background:#dedede; text-decoration:none; }
  310.  
  311. /*---For-IE(best-browser-ever)----*/
  312. * html .ui-text{height:29px; }
  313. * html .youtube-login{width:154px; }
  314. * html .vep-comments{width:100%; }
  315. * html #tb_img #image-list-cont{width:100%; }
  316. /*-------------------------*/
  317.  
  318. #cats-select{display:inline-block; *width:300px; position:relative; z-index:99; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  319. line-height:18px; color:#333; }
  320. #cats-select:before,
  321. #cats-select:after{display:table; content:""; }
  322. #cats-select:after{clear:both; }
  323. .cats-select-btn{/*position:relative; */ /*display:inline-block; */ /*vertical-align:middle; */ /*float:left; */ /*max-width:300px; */ /*margin-left:-1px; */ /*margin-bottom:0; */ /*padding:4px 10px 4px; */ /*line-height:18px; */ /*color:#333; */ /*text-align:left; */ /*text-shadow:0 1px 1px rgba(255, 255, 255, 0.75); */ /*cursor:pointer; */ /*background-color:whiteSmoke; */ /*background-image:-ms-linear-gradient(top,white,#E6E6E6); */ /*background-image:-webkit-gradient(linear,0 0,0 100%,from(white),to(#E6E6E6)); */ /*background-image:-webkit-linear-gradient(top,white,#E6E6E6); */ /*background-image:-o-linear-gradient(top,white,#E6E6E6); */ /*background-image:linear-gradient(top,white,#E6E6E6); */ /*background-image:-moz-linear-gradient(top,white,#E6E6E6); */ /*background-repeat:repeat-x; */ /*border:1px solid #CCC; */ /*border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); */ /*border-color:#E6E6E6 #E6E6E6 #BFBFBF; */ /*border-bottom-color:#B3B3B3; */ /*-webkit-border-radius:4px; */ /*-moz-border-radius:4px; */ /*border-radius:4px; */ /*filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff',endColorstr='#e6e6e6',GradientType=0); */ /*filter:progid:dximagetransform.microsoft.gradient(enabled=false); */ /*-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05); */ /*-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); */ /*box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05); */ }
  324. .cats-select-btn:hover{/*color:#333; */ /*text-decoration:none; */ /*background-color:#E6E6E6; */ /*background-position:0 -15px; */ /*-webkit-transition:background-position 0.1s linear; */ /*-moz-transition:background-position 0.1s linear; */ /*-ms-transition:background-position 0.1s linear; */ /*-o-transition:background-position 0.1s linear; */ /*transition:background-position 0.1s linear; */ }
  325. .btn-title{display:block; overflow-x:hidden; text-overflow:ellipsis; white-space:nowrap; _width:100%; }
  326. #cats-select.open .cats-select-btn{/*background-color:#E6E6E6; */ /*background-image:none; */ /*-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05); */ /*-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); */ /*box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05); */ }
  327. .vi-dark #cats-select.open .cats-select-btn{/*background-color:#222; */ }
  328. .btn-arrow{margin:7px 0 0 7px; display:inline-block; vertical-align:top; float:right; width:0; height:0; border-top:4px solid black;
  329. border-right:4px solid transparent; border-left:4px solid transparent; content:""; opacity:0.3; filter:alpha(opacity=30); }
  330. .cats-select-btn:hover .btn-arrow,
  331. #cats-select.open .btn-arrow{opacity:1; filter:alpha(opacity=100); }
  332.  
  333. .dropdown-cats{position:absolute; z-index:100; top:100%; left:0; right:0; margin:1px 0 0; display:none; float:left; min-width:160px;
  334. max-height:250px; overflow:auto; border:1px solid #CCC; border:1px solid rgba(0, 0, 0, 0.2); background-color:white;
  335. -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 5px 10px rgba(0,0,0,0.2); box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
  336. -webkit-background-clip:padding-box; -moz-background-clip:padding; background-clip:padding-box; }
  337. .open .dropdown-cats{display:block; }
  338. .dropdown-cats .dropdown-cats-ul{padding:4px 0; background-color:white; margin:0!important; list-style:none!important; }
  339. .dropdown-cats-ul ul{padding:0!important; margin:0!important; list-style:none!important; }
  340. .dropdown-cats-ul li{line-height:18px; margin:0; _height:24px; }
  341.  
  342. /*.dropdown-cats-ul li li a{padding-left:22px; }
  343. .dropdown-cats-ul li li li a{padding-left:42px; }
  344. .dropdown-cats-ul li li li li a{padding-left:62px; }
  345. */
  346. .dropdown-cats-ul .subcat{display:inline-block; background:url(/.s/img/vi/arrow.png) no-repeat left 5px; width:17px; height:13px; }
  347. .dropdown-cats-ul .divider{height:1px; margin:8px 1px; overflow:hidden; background-color:#E5E5E5; border-bottom:1px solid white; }
  348. .dropdown-cats-ul a{display:block; position:relative; padding:3px 45px 3px 22px; clear:both; font-weight:normal; line-height:18px; color:#333;
  349. text-decoration:none; white-space:nowrap; overflow-x:hidden; background:url(/.s/img/vi/cats-tick.png) no-repeat 4px 6px; outline:none;
  350. -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; -o-text-overflow:ellipsis; text-overflow:ellipsis; }
  351. .dropdown-cats-ul a:active{color:#333; text-decoration:none; }
  352. .dropdown-cats-ul a.checked{background-position:4px -49px; }
  353. .dropdown-cats-ul a:hover,
  354. .dropdown-cats-ul a:hover:active{color:white; text-decoration:none; background-color:#0088cc; }
  355. .dropdown-cats-ul a.disabled{color:#333!important; cursor:default; background-color:transparent!important; opacity:0.4; filter:alpha(opacity=40); }
  356. .dropdown-cats-ul a span{cursor:pointer; }
  357. span.unseen{position:absolute; width:16px; height:14px; right:4px; top:5px; background:url(/.s/img/vi/unseen.png) no-repeat; }
  358.  
  359. /*-------*/
  360. #cats-select,
  361. .dropdown-cats{_width:300px; }
  362. .cats-select-btn{_height:28px; }
  363. .dropdown-cats-ul a{_width:100%; _zoom:1; }
  364.  
  365. @media only screen and (max-width:600px) {
  366. .u-tab span{text-indent:-99999px; }
  367. .input-icons-wrap {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start}
  368. ul.u-vicons {padding: 5px 0}
  369. .video-link {width: 100%}
  370. }
  371.  
  372. @media only screen and (max-width:480px) {
  373. #embObject, #casing #embObject {height:135px}
  374. }
  375.  
  376. /*video new view UCOZ-9643*/
  377. .uv-wrapper{padding:0 5px}
  378. #uEntriesList .entryBlock{width:100%; }
  379. .uv-video-preview{position:relative; margin:auto; overflow:hidden; max-width:100%; background-size:cover; background-position:center; }
  380. .uv-video-preview.uv-chanell{padding-top:70%}
  381. .uv-video-preview .uv-video-preview-link{position:absolute; left:0; top:0; width:100%; height:100%; }
  382. .uv-video-preview .uv-video-preview-link:after{content:''; display:block; width:0; height:0; border:20px solid transparent;
  383. border-left:30px solid currentColor; border-right:0; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); opacity:0;
  384. transition:opacity .5s ease; }
  385. .uv-video-preview .uv-video-preview-link:before{content:''; display:block; width:70px; height:70px; background:rgba(255, 255, 255, 0.5);
  386. border-radius:5px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); opacity:0; transition:opacity .5s ease; }
  387. .uv-video-preview .uv-video-preview-link:hover:after,.uv-video-preview .uv-video-preview-link:hover:before{opacity:0.6; }
  388. .uv-video-length,
  389. .uv-video-add-date{position:absolute; padding:2px 5px; right:5px; color:white; background-color:rgba(0, 0, 0, 0.5); border-radius:2px;
  390. transition:top .5s ease, bottom .5s ease; }
  391. .uv-video-length{bottom:5px; }
  392. .uv-video-add-date{top:5px}
  393. .uv-video-preview:hover .uv-video-length{bottom:-40px}
  394. .uv-video-preview:hover .uv-video-add-date{top:-40px}
  395. .uv-video-description{margin:0 auto 25px}
  396. .uv-video-title{margin:0; padding:10px 0 0; }
  397. .uv-video-title > a{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; display:inline-block; }
  398. .uv-video-details{padding:0; list-style:none; line-height:1.2; color:gray; }
  399. /* end video new view UCOZ-9643*/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!