| Current Path : /var/www/homesaver/www/bitrix/components/bitrix/main.urlpreview/templates/.default/ |
| Current File : /var/www/homesaver/www/bitrix/components/bitrix/main.urlpreview/templates/.default/style.css |
.urlpreview{
position:relative;
}
.urlpreview__frame{
border-left: 2px solid #a6ca61;
padding-left: 7px;
overflow: hidden;
}
.urlpreview__frame-inner{
border-left: 4px solid #7ed321;
padding: 0 0 4px 7px;
}
.urlpreview__frame-inner--meeting {
border-color: #bd10e0;
padding-bottom: 10px;
}
.urlpreview__container{
display: inline-block;
padding-left: 6px;
}
.urlpreview__container-left{
float: left;
padding: 0 6px 0 0;
max-width: 50%;
}
.urlpreview__container-switchable {
cursor: pointer;
}
.urlpreview__image {
position: relative;
display: inline-block;
}
.urlpreview__image img{
max-width: 300px;
max-height: 200px;
}
.urlpreview__embed {
overflow: hidden;
}
.urlpreview__embed .fb-post {
min-height: 150px;
}
.urlpreview__embed > iframe {
max-width: 600px;
}
.urlpreview__play {
opacity: 0.7;
color: white;
position: absolute;
left: 47%;
top: 45%;
font-size: 2em;
transition: opacity 0.2s ease;
}
.urlpreview__container:hover .urlpreview__play {
opacity: 1;
}
.urlpreview__container-left img{
width: auto;
height: auto;
max-height: 200px;
}
.urlpreview__container-hide-embed .urlpreview__embed {
display: none;
}
.urlpreview__container-hide-image .urlpreview__image {
display: none;
}
.urlpreview__title{
padding: 6px;
font-weight: var(--ui-font-weight-bold);
text-align: justify;
}
.urlpreview__description{
padding: 6px;
font-size: 0.9em;
text-align: justify;
}
.urlpreview__detach{
float: right;
transition: color 0.2s ease;
cursor: pointer;
color: #878f9b;
font-size: 1.3em;
margin-top: 5px;
position: relative;
z-index: 10;
}
.urlpreview__detach:hover{
color: #5f6773;
}
.urlpreview__clearfix{
clear: both;
}
.urlpreview__bottom{
padding: 6px 0 0 6px;
font-size: 0.9em;
}
.urlpreview__button {
display: inline-block;
position: absolute;
top: 8px;
background: url(images/arrows.png) no-repeat center;
color: white;
transition: opacity 0.2s ease;
border: white 1px solid;
width: 20px;
height: 20px;
border-radius: 12px;
opacity: 0.8;
cursor: pointer;
}
.urlpreview__button:hover {
opacity: 1;
}
.urlpreview__button-prev {
left: 24px;
background-position: -1px -1px;
}
.urlpreview__button-next {
background-position: -28px -1px;
left: 50px;
}
.urlpreview__icon-destination {
background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%2216%22%3E%3Cpath%20fill%3D%22%23525C69%22%20fill-rule%3D%22evenodd%22%20d%3D%22M.16%202.344l4.527%204.527L5.86%208%204.687%209.13.16%2013.657l1.598%201.598L9.012%208%201.758.746z%22%2F%3E%3C%2Fsvg%3E) no-repeat center;
display: inline-block;
height: 11px;
vertical-align: middle;
width: 11px;
background-size: contain;
margin-right: 5px;
}
.urlpreview__time {
display: inline-block;
color: #555;
background: url("images/live_feed_sprite_6.png?3") no-repeat -146px -228px;
font-size: 11px;
margin-right: 12px;
padding-left: 13px;
font-weight: var(--ui-font-weight-bold);
}
.urlpreview__time:hover {
color: #555;
text-decoration: underline;
}