%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/bitrix/www/bitrix/js/socialnetwork/css/
Upload File :
Create Path :
Current File : /home/bitrix/www/bitrix/js/socialnetwork/css/video_recorder.css

.bx-videomessage-watermark {
	position: absolute;
	left: 35px;
	top: 30px;
	display: inline-block;
	z-index:100;
}

.bx-videomessage-watermark .logo {
	display: block;
}

.bx-videomessage-video-wrap {
	position: relative;
	overflow: hidden;
}
.bx-videomessage-video-container {
	width: 100%;
	text-align: center;
	background-color: black;
	overflow: hidden;
}
.bx-videomessage-video {
	z-index: 99;
}
.bx-videomessage-record {
	background-color: rgba(255,52,52, .5);
	box-sizing: border-box;
	font-family: 'OpenSans-Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: rgba(255,255,255, .75);
	display: block;
	font-size: 15px;
	top: 0;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	text-align: left;
	height: 100%;
	width: 188px;
	z-index: 100;
}

.bx-videomessage-record:before {
	content: '';
	display: inline-block;
	margin-left: -1px;
	height: 100%;
	vertical-align: middle;
	width: 1px;
}

.bx-videomessage-record-inner {
	display: inline-block;
	padding-left: 53px;
	position: relative;
	vertical-align: middle;
}

.bx-videomessage-record-inner:before {
	background-color: #ffffff;
	border-radius: 50%;
	content: '';
	height: 15px;
	left: 30px;
	top: 4px;
	position: absolute;
	width: 15px;

	animation: record 1s cubic-bezier(0,1.11,1,1) infinite;
}

@keyframes record {
	0% {opacity: 0.9}
	50% {opacity: 0.3}
	100% {opacity: 0.9}
}

.bx-videomessage-video-timer {
	font-family: 'OpenSans-Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	position: absolute;
	left: 37px;
	font-size: 36px;
	color: rgba(255,255,255, .75);
	top: 19px;
}
.bx-videomessage-video-overlay {
	z-index: 200;
	width: 100%;
	position: absolute;
	background: rgba(0, 0, 0, 0.3);
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.bx-videomessage-video-starttimer {
	color: #fff;
	display: none;
	font-family: 'OpenSans-Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 86px;
	height: 272px;
	left: 50%;
	line-height: 276px;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 276px;
}

.bx-videomessage-video-starttimer.started {
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20width%3D%22276px%22%20height%3D%22276px%22%20viewBox%3D%220%200%20276%20276%22%3E%0A%20%20%20%20%3Ccircle%20stroke%3D%22%237BD500%22%20opacity%3D%220.3%22%20fill%3D%22none%22%20stroke-width%3D%223%22%20cx%3D%22137%22%20cy%3D%22137%22%20r%3D%22134%22/%3E%0A%20%20%20%20%3Ccircle%20id%3D%22circle%22%20stroke%3D%22%237BD500%22%20stroke-dasharray%3D%22842%22%20stroke-dashoffset%3D%220%22%20fill%3D%22none%22%20stroke-width%3D%223%22%20cx%3D%22137%22%20cy%3D%22137%22%20r%3D%22134%22/%3E%0A%20%20%20%20%3Canimate%0A%20%20%20%20%20%20%20%20%20%20%20%20xlink%3Ahref%3D%22%23circle%22%0A%20%20%20%20%20%20%20%20%20%20%20%20attributeName%20%3D%20%27stroke-dashoffset%27%0A%20%20%20%20%20%20%20%20%20%20%20%20from%20%3D%20%270%27%0A%20%20%20%20%20%20%20%20%20%20%20%20to%20%3D%20%27-842%27%0A%20%20%20%20%20%20%20%20%20%20%20%20dur%20%3D%20%275s%27%0A%20%20%20%20%20%20%20%20%20%20%20%20fill%20%3D%20%27freeze%27%0A%20%20%20%20%20%20%20%20%20%20%20%20repeatCount%20%3D%20%27indefinite%27%0A%20%20%20%20%20%20%20%20%20%20%20%20begin%20%3D%20%27100ms%27%0A%20%20%20%20/%3E%0A%3C/svg%3E');
	background-repeat: no-repeat;
	display: block;
}

.bx-videomessage-video-starttimer:before {
	background-color: rgba(255,255,255,.12);
	border-radius: 50%;
	content: '';
	height: 213px;
	position: absolute;
	top: 29px;
	left: 29px;
	width: 213px;
}

#bx-popup-videomessage-record {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
}
#popup-window-content-bx-popup-videomessage-record {
	background-color: black !important;
}
.bx-videomessage-panel {
	background: rgba(40, 47, 57, 0.5);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 90px;
	text-align: center;
}
.bx-videomessage-playbutton {
	border: 1px solid #ffffff;
	border-radius: 50%;
	background: none;
	cursor: pointer;
	display: none;
	height: 272px;
	left: 50%;
	padding: 0;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 272px;
}

.bx-videomessage-playbutton:before {
	background-color: rgba(255,255,255,.9);
	border-radius: 50%;
	content: '';
	height: 213px;
	left: 29px;
	position: absolute;
	top: 29px;
	width: 213px;
	transition: background 0.2s linear;
}

.bx-videomessage-playbutton:hover:before {
	background-color: #fff;
}

.bx-videomessage-playbutton:after {
	/*background-image: url("data:image/svg+xml,<svg%20width='56px'%20height='90px'%20viewBox='0%200%2056%2090'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'><g%20stroke='none'%20fill='none'%20fill-rule='evenodd'><polygon%20fill='%232FC6F6'%20points='56%2045%200%2090%200%200'></polygon></g></svg>");*/
	/*background-position: center;*/
	/*background-repeat: no-repeat;*/
	content: '';
	/*height: 90px;*/
	left: 120px;
	position: absolute;
	top: 94px;
	/*width: 56px;*/

	width: 0;
	height: 0;
	border-style: solid;
	border-width: 45px 0 45px 56px;
	border-color: transparent transparent transparent #2fc8f6;
}

.bx-videomessage-video-button-save {
	display: none;
}

.webform-button-link.bx-videomessage-video-button-cancel {
	background: none;
	border-bottom: 1px solid transparent;
	color: #ffffff;
	display: none;
	font-family: 'OpenSans-Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 16px;
	text-transform: uppercase;
	margin: 23px 16px 0 0;
	vertical-align: middle;
	padding: 0;
}

.bx-videomessage-panel .webform-button {
	margin-top: 21px;
	min-width: 80px;
	text-transform: uppercase;
	font-size: 16px;
	padding: 0 27px;
}

.bx-videomessage-panel .webform-button-accept {
	background-color: rgba(157, 207, 0, .7);
}
.bx-videomessage-panel .webform-button-accept:hover {
	background-color: rgba(210, 249, 95, .7);
}
.bx-videomessage-panel .webform-button-accept:active {
	background-color: rgba(178, 226, 51, .7) !important;
}

.bx-videomessage-panel .webform-button-blue {
	background-color: rgba(59, 200, 245, .7);
}
.bx-videomessage-panel .webform-button-blue:hover {
	background-color: rgba(63, 221, 255, .7);
}
.bx-videomessage-panel .webform-button-blue:hover {
	background-color: rgba(19, 177, 227, .7)!important
}

.bx-videomessage-video-close {
	background-image: url("data:image/svg+xml,%3Csvg%20width='33px'%20height='33px'%20viewBox='0%200%2033%2033'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3E%3Cg%20id='Group-3'%20transform='translate%281.000000,%201.000000%29'%3E%3Ccircle%20id='Oval'%20stroke='%23FFFFFF'%20stroke-width='2'%20fill='%23000000'%20opacity='0.30004529'%20cx='15'%20cy='15'%20r='15'%3E%3C/circle%3E%3Cpath%20d='M15.9133774,13.7273353%20L15.9133774,7.169209%20L13.7273353,7.169209%20L13.7273353,13.7273353%20L7.169209,13.7273353%20L7.169209,15.9133774%20L13.7273353,15.9133774%20L13.7273353,22.4715037%20L15.9133774,22.4715037%20L15.9133774,15.9133774%20L22.4715037,15.9133774%20L22.4715037,13.7273353%20L15.9133774,13.7273353%20Z'%20id='Combined-Shape'%20fill='%23FFFFFF'%20transform='translate%2814.820356,%2014.820356%29%20rotate%2845.000000%29%20translate%28-14.820356,%20-14.820356%29%20'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 0 0;
	cursor: pointer;
	height: 33px;
	right: 20px;
	opacity: 0.7;
	position: absolute;
	top: 20px;
	width: 33px;
	z-index: 201;
}

.bx-videomessage-video-close:hover {
	opacity: 1;
}
.bx-videomessage-analyzer {
	position: absolute;
	top: 25px;
	left: 150px;
	width: 100px;
	height: 40px;
	display: none;
	image-rendering: optimizeSpeed;             /* Older versions of FF          */
	image-rendering: -moz-crisp-edges;          /* FF 6.0+                       */
	image-rendering: -webkit-optimize-contrast; /* Safari                        */
	image-rendering: -o-crisp-edges;            /* OS X & Windows Opera (12.02+) */
	image-rendering: pixelated;                 /* Awesome future-browsers       */
	-ms-interpolation-mode: nearest-neighbor;   /* IE                            */
}

.feed-add-videomessage {
	color: #ABB1B8;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	margin-top: 5px;
	vertical-align: top;
	transition: color .3s;
}

.feed-add-videomessage:hover {
	color: #828B95;
}

.bx-videomessage-lock-scroll {
	overflow: hidden;
}

.bx-popup-videomessage-popup .popup-window-content,
.bx-popup-videomessage-popup.popup-window-with-titlebar .popup-window-content {
	border-bottom: 1px solid #EDEEF0;
	color: #535c69;
	line-height: 1.35;
	max-width: 330px;
	padding: 0 11px 28px;
}

.bx-popup-videomessage-popup .popup-window-button-link {
	border-bottom-color: transparent;
}

.webform-button-accept.webform-button-text-white,
.webform-button-accept.webform-button-text-white:link,
.webform-button-accept.webform-button-text-white:visited,
.webform-small-button-accept.webform-button-text-white,
.webform-small-button-accept.webform-button-text-white:link,
.webform-small-button-accept.webform-button-text-white:visited {
	color: #ffffff;
}

.webform-button-rounded {
	border-radius: 25px;
}

.popup-window-button-blue {
	background-color: #3bc8f5;
	box-shadow: none;
	color: #ffffff;
}

.popup-window-button-blue:hover {
	background-color: #3fddff;
	color: #ffffff;
 }
.popup-window-button-blue:active {
	background-color: #13b1e3;
	color: #ffffff;
}

.bx-videomessage-transform-time-container {
	position: absolute;
	right: -500px;
	bottom: 103px;
	padding: 15px 43px 20px 22px;
	max-width: 456px;
	background: rgba(40,47,57,.4);
	font: 14px 'OpenSans-Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #EDEEF0;
	text-align: left;
	box-sizing: border-box;
	overflow: hidden;
	-webkit-transition: right 0.4s;
	-moz-transition: right 0.4s;
	-ms-transition: right 0.4s;
	-o-transition: right 0.4s;
	transition: right 0.4s;
}

.bx-videomessage-transform-time-tip {
	display: inline-block;
	padding: 0 8px;
	height: 19px;
	border-radius: 33px;
	background: rgba(255,255,255,.2);
	font: bold 14px/18px 'OpenSans-Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #fff;
}

.bx-videomessage-transform-time-close {
	position: absolute;
	top: 13px;
	right: 9px;
	width: 25px;
	height: 25px;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.366%206.82l4.637-4.637L11.457.637%206.82%205.275%202.183.637.637%202.183%205.274%206.82.637%2011.458l1.546%201.546L6.82%208.366l4.637%204.638%201.546-1.546L8.366%206.82z%22/%3E%3C/svg%3E');
	background-position: center;
	background-repeat: no-repeat;
	opacity: .7;
	transition: opacity .3s;
	cursor: pointer;
	z-index: 2;
}

.bx-videomessage-transform-time-close:hover {
	opacity: .3;
}

.js-videomessage-transform-time-active {
	right: 0;
	display: block;
}

Zerion Mini Shell 1.0