is a browser-based software that allows you to set up instantly a conference in the Web. You can use your microphone or webcam, share documents on a white board, share your screen or record meetings. Source code.
| raw-room.css (apache-openmeetings-6.1.0-src) | : | raw-room.css (apache-openmeetings-6.2.0-src) |
|---|
| | |
| skipping to change at line 35 | | skipping to change at line 35 |
|---|
| .room-block .sb-wb .sidebar { | | .room-block .sb-wb .sidebar { |
| min-width: 155px; | | min-width: 155px; |
| width: var(--sidebar-width); | | width: var(--sidebar-width); |
| position: absolute; | | position: absolute; |
| height: 100%; | | height: 100%; |
| top: 0; | | top: 0; |
| right: auto; | | right: auto; |
| left: 0; | | left: 0; |
| } | | } |
| .room-block .sb-wb .sidebar #room-sidebar-tabs { | | .room-block .sb-wb .sidebar #room-sidebar-tabs { |
|
| height: calc(100% - var(--buffer-size) - var(--activities-height)); | | height: calc(100% - var(--activities-height)); |
| } | | } |
| .room-block .sb-wb .sidebar .tab { | | .room-block .sb-wb .sidebar .tab { |
| padding: 5px 0 0 0; | | padding: 5px 0 0 0; |
| } | | } |
| .room-block .sb-wb .sidebar .tab i { | | .room-block .sb-wb .sidebar .tab i { |
| font-size: 2.0em; | | font-size: 2.0em; |
| vertical-align: top; | | vertical-align: top; |
| } | | } |
| html[dir="rtl"] .room-block .sb-wb .sidebar { | | html[dir="rtl"] .room-block .sb-wb .sidebar { |
| right: 0; | | right: 0; |
| | |
| skipping to change at line 111 | | skipping to change at line 111 |
|---|
| margin-right: 20px; | | margin-right: 20px; |
| overflow: hidden; | | overflow: hidden; |
| } | | } |
| .room-block.narrow .sidebar .user-list .user.name { | | .room-block.narrow .sidebar .user-list .user.name { |
| display: none; | | display: none; |
| } | | } |
| .room-block .sb-wb .sidebar .user-list .user.entry .om-icon.user-status { | | .room-block .sb-wb .sidebar .user-list .user.entry .om-icon.user-status { |
| border-radius: 50%; | | border-radius: 50%; |
| } | | } |
| .room-block .sb-wb .sidebar .user-list .user.entry .om-icon.user-status.user { | | .room-block .sb-wb .sidebar .user-list .user.entry .om-icon.user-status.user { |
|
| background-color: var(--success); | | background-color: var(--bs-success); |
| } | | } |
| .room-block .sb-wb .sidebar .user-list .user.entry .om-icon.user-status.wb { | | .room-block .sb-wb .sidebar .user-list .user.entry .om-icon.user-status.wb { |
|
| background-color: var(--warning); | | background-color: var(--bs-warning); |
| } | | } |
| .room-block .sb-wb .sidebar .user-list .user.entry .om-icon.user-status.mod { | | .room-block .sb-wb .sidebar .user-list .user.entry .om-icon.user-status.mod { |
|
| background-color: var(--danger); | | background-color: var(--bs-danger); |
| } | | } |
| .room-block .sb-wb .sidebar .user-list .user.entry .om-icon.audio-activity { | | .room-block .sb-wb .sidebar .user-list .user.entry .om-icon.audio-activity { |
| position: absolute; | | position: absolute; |
| bottom: 2px; | | bottom: 2px; |
| right: 2px; | | right: 2px; |
| } | | } |
| .user-list .user.entry:hover .video-container { | | .user-list .user.entry:hover .video-container { |
| position: absolute; | | position: absolute; |
| top: 0; | | top: 0; |
| left: 0; | | left: 0; |
| | |
| skipping to change at line 145 | | skipping to change at line 145 |
|---|
| .user-list .user.entry .video-container | | .user-list .user.entry .video-container |
| , .user-list .user.entry .video-container .video.audio-only | | , .user-list .user.entry .video-container .video.audio-only |
| { | | { |
| width: 80px; | | width: 80px; |
| height: 80px; | | height: 80px; |
| } | | } |
| .user-list .user.entry .video-container .footer { | | .user-list .user.entry .video-container .footer { |
| display: none !important; | | display: none !important; |
| } | | } |
| .room-block .sb-wb .sidebar .icon-undock, .room-block .sb-wb .sidebar .icon-dock
{ | | .room-block .sb-wb .sidebar .icon-undock, .room-block .sb-wb .sidebar .icon-dock
{ |
|
| font-size: 1.6em; | | font-size: 1.2em; |
| padding-top: 3px; | | padding-top: 3px; |
| } | | } |
| .room-block .sb-wb .sidebar .icon-dock:before { | | .room-block .sb-wb .sidebar .icon-dock:before { |
| content: "\f101"; | | content: "\f101"; |
| } | | } |
| .room-block .sb-wb .sidebar .icon-undock::before { | | .room-block .sb-wb .sidebar .icon-undock::before { |
| content: "\f100"; | | content: "\f100"; |
| } | | } |
| .room-block .sb-wb .sidebar #room-sidebar-tabs .tab-content { | | .room-block .sb-wb .sidebar #room-sidebar-tabs .tab-content { |
| height: calc(100% - 44px); | | height: calc(100% - 44px); |
| | |
| skipping to change at line 173 | | skipping to change at line 173 |
|---|
| .om-icon.ulist-small { | | .om-icon.ulist-small { |
| width: 14px; | | width: 14px; |
| height: 14px; | | height: 14px; |
| min-height: 14px; | | min-height: 14px; |
| margin-right: 2px; | | margin-right: 2px; |
| margin-left: unset; | | margin-left: unset; |
| } | | } |
| .audio-activity.om-icon { | | .audio-activity.om-icon { |
| opacity: 0.2; | | opacity: 0.2; |
| border-radius: 50%; | | border-radius: 50%; |
|
| background-color: var(--success); | | background-color: var(--bs-success); |
| border: 1px solid var(--gray-dark); | | border: 1px solid var(--bs-gray-dark); |
| } | | } |
| .typing-activity { | | .typing-activity { |
| display: none; | | display: none; |
| width: 20px; | | width: 20px; |
| position: relative; | | position: relative; |
| } | | } |
| .typing-activity i { | | .typing-activity i { |
| position: absolute; | | position: absolute; |
| left: 0; | | left: 0; |
| animation: typing-ani 2s infinite; | | animation: typing-ani 2s infinite; |
|
| color: var(--primary); | | color: var(--bs-primary); |
| } | | } |
| @keyframes typing-ani { | | @keyframes typing-ani { |
| 0% { | | 0% { |
| left: 0; | | left: 0; |
| } | | } |
| 50% { | | 50% { |
| left: 10px; | | left: 10px; |
| } | | } |
| 100% { | | 100% { |
| left: 0; | | left: 0; |
| | |
| skipping to change at line 210 | | skipping to change at line 210 |
|---|
| } | | } |
| .audio-activity.om-icon.speaking { | | .audio-activity.om-icon.speaking { |
| opacity: 1; | | opacity: 1; |
| } | | } |
| .om-icon.volume-control a:hover { | | .om-icon.volume-control a:hover { |
| text-decoration: none; | | text-decoration: none; |
| } | | } |
| .om-icon.volume-control a.volume-on::before { | | .om-icon.volume-control a.volume-on::before { |
| content: "\f027"; | | content: "\f027"; |
| font-size: 1.2em; | | font-size: 1.2em; |
|
| color: var(--secondary); | | color: var(--bs-secondary); |
| } | | } |
| .om-icon.volume-control a.volume-off::before { | | .om-icon.volume-control a.volume-off::before { |
| content: "\f6a9"; | | content: "\f6a9"; |
| font-size: 1.2em; | | font-size: 1.2em; |
|
| color: var(--danger); | | color: var(--bs-danger); |
| } | | } |
| .om-icon.volume-control .dropdown-menu { | | .om-icon.volume-control .dropdown-menu { |
| width: 20px; | | width: 20px; |
| min-width: 20px; | | min-width: 20px; |
| border-radius: 0; | | border-radius: 0; |
| border: 0; | | border: 0; |
| box-shadow: initial; | | box-shadow: initial; |
| background-color: transparent; | | background-color: transparent; |
| } | | } |
| .om-icon.volume-control .dropdown-menu .slider { | | .om-icon.volume-control .dropdown-menu .slider { |
| border-radius: 0; | | border-radius: 0; |
| background-color: white; | | background-color: white; |
|
| border-color: var(--secondary); | | border-color: var(--bs-secondary); |
| } | | } |
| .om-icon.volume-control .dropdown-menu .slider .ui-slider-range { | | .om-icon.volume-control .dropdown-menu .slider .ui-slider-range { |
| border-radius: 0; | | border-radius: 0; |
|
| background-color: var(--light); | | background-color: var(--bs-light); |
| } | | } |
| .om-icon.volume-control .dropdown-menu .slider .handle { | | .om-icon.volume-control .dropdown-menu .slider .handle { |
| border-radius: 0; | | border-radius: 0; |
|
| background-color: var(--light); | | background-color: var(--bs-light); |
| border-color: var(--secondary); | | border-color: var(--bs-secondary); |
| color: var(--secondary); | | color: var(--bs-secondary); |
| } | | } |
| .user-video .om-icon.volume-control | | .user-video .om-icon.volume-control |
| , .user-video .btn.btn-refresh | | , .user-video .btn.btn-refresh |
| , .user-video .btn.btn-toggle | | , .user-video .btn.btn-toggle |
| , .user-video .btn.btn-wclose | | , .user-video .btn.btn-wclose |
| { | | { |
| width: 20px; | | width: 20px; |
| height: 20px; | | height: 20px; |
| } | | } |
| .user-video .om-icon.volume-control { | | .user-video .om-icon.volume-control { |
| border-radius: 0.2rem; | | border-radius: 0.2rem; |
|
| border: 1px solid var(--secondary); | | border: 1px solid var(--bs-secondary); |
| margin-top: 3px; | | margin-top: 3px; |
| padding: 1px; | | padding: 1px; |
| } | | } |
| .user-video .btn.btn-refresh | | .user-video .btn.btn-refresh |
| , .user-video .btn.btn-toggle | | , .user-video .btn.btn-toggle |
| , .user-video .btn.btn-wclose | | , .user-video .btn.btn-wclose |
| { | | { |
| padding: 0; | | padding: 0; |
| } | | } |
| .user-video .btn.btn-toggle i::before { | | .user-video .btn.btn-toggle i::before { |
| | |
| skipping to change at line 276 | | skipping to change at line 276 |
|---|
| #room-sidebar-tab-users .header .om-icon i { | | #room-sidebar-tab-users .header .om-icon i { |
| font-size: 1.2em; | | font-size: 1.2em; |
| } | | } |
| .right.om-icon i { | | .right.om-icon i { |
| position: absolute; | | position: absolute; |
| bottom: 1px; | | bottom: 1px; |
| right: 1px; | | right: 1px; |
| font-size: .6em; | | font-size: .6em; |
| } | | } |
| .right.om-icon i::before { | | .right.om-icon i::before { |
|
| color: var(--success); | | color: var(--bs-success); |
| content: "\f055"; | | content: "\f055"; |
| } | | } |
| .right.om-icon.granted i::before { | | .right.om-icon.granted i::before { |
|
| color: var(--danger); | | color: var(--bs-danger); |
| content: "\f056"; | | content: "\f056"; |
| } | | } |
| .right.moderator.om-icon::before { | | .right.moderator.om-icon::before { |
| content: "\f007"; | | content: "\f007"; |
| } | | } |
| .right.presenter.om-icon::before { | | .right.presenter.om-icon::before { |
| content: "\f0d0"; | | content: "\f0d0"; |
| } | | } |
| .right.wb.om-icon::before { | | .right.wb.om-icon::before { |
| content: "\f303"; | | content: "\f303"; |
| | |
| skipping to change at line 315 | | skipping to change at line 315 |
|---|
| content: '\f6a9'; | | content: '\f6a9'; |
| } | | } |
| .room-block .sb-wb .sidebar .user-list .user.entry .kick i { | | .room-block .sb-wb .sidebar .user-list .user.entry .kick i { |
| font-size: 1.5em; | | font-size: 1.5em; |
| } | | } |
| .settings.om-icon::before { | | .settings.om-icon::before { |
| content: '\f013'; | | content: '\f013'; |
| } | | } |
| .activity.cam.enabled.om-icon::before { | | .activity.cam.enabled.om-icon::before { |
| content: '\f03d'; | | content: '\f03d'; |
|
| color: var(--success); | | color: var(--bs-success); |
| } | | } |
| .activity.cam.om-icon, .activity.mic.om-icon { | | .activity.cam.om-icon, .activity.mic.om-icon { |
| display: none; | | display: none; |
| } | | } |
| .activity.cam.om-icon::before { | | .activity.cam.om-icon::before { |
| content: '\f4e2'; | | content: '\f4e2'; |
|
| color: var(--warning); | | color: var(--bs-warning); |
| } | | } |
| .activity.mic.enabled.om-icon::before { | | .activity.mic.enabled.om-icon::before { |
| content: '\f130'; | | content: '\f130'; |
|
| color: var(--success); | | color: var(--bs-success); |
| } | | } |
| .om-icon.disabled { | | .om-icon.disabled { |
| filter: grayscale(100%); | | filter: grayscale(100%); |
| pointer-events: none; | | pointer-events: none; |
| opacity: .2; | | opacity: .2; |
| } | | } |
| .activity.mic.om-icon::before { | | .activity.mic.om-icon::before { |
| content: '\f131'; | | content: '\f131'; |
|
| color: var(--warning); | | color: var(--bs-warning); |
| } | | } |
| .room-block .sb-wb .sidebar .user-list .user.entry.current { | | .room-block .sb-wb .sidebar .user-list .user.entry.current { |
| font-weight: bold; | | font-weight: bold; |
|
| background-color: var(--light); | | background-color: var(--bs-light); |
| } | | } |
| .dropdown-menu.video.volume, .dropdown-menu.video.volume li { | | .dropdown-menu.video.volume, .dropdown-menu.video.volume li { |
| width: 20px; | | width: 20px; |
| min-width: 20px; | | min-width: 20px; |
| border-radius: 0; | | border-radius: 0; |
| border: 0; | | border: 0; |
| box-shadow: initial; | | box-shadow: initial; |
| left: 70px; | | left: 70px; |
| top: -50px; | | top: -50px; |
| background-color: transparent; | | background-color: transparent; |
| | |
| skipping to change at line 407 | | skipping to change at line 407 |
|---|
| bottom: 30px; | | bottom: 30px; |
| right: 30px; | | right: 30px; |
| } | | } |
| .room-block .wait-moder strong { | | .room-block .wait-moder strong { |
| display: block; | | display: block; |
| padding-bottom: 20px; | | padding-bottom: 20px; |
| } | | } |
| | |
| /************ VIDEO **************/ | | /************ VIDEO **************/ |
| .mic-on { | | .mic-on { |
|
| background-color: var(--warning); | | background-color: var(--bs-warning); |
| } | | } |
| .ui-dialog.video | | .ui-dialog.video |
| , .ui-dialog.sharer | | , .ui-dialog.sharer |
| , .ui-dialog.video .ui-dialog-titlebar | | , .ui-dialog.video .ui-dialog-titlebar |
| , .ui-dialog.video .ui-dialog-content | | , .ui-dialog.video .ui-dialog-content |
| { | | { |
| padding: 0; | | padding: 0; |
| } | | } |
| .user-video .ui-dialog-titlebar | | .user-video .ui-dialog-titlebar |
| , .sharer .ui-dialog-titlebar | | , .sharer .ui-dialog-titlebar |
| , .wb-tool-settings .ui-dialog-titlebar | | , .wb-tool-settings .ui-dialog-titlebar |
| { | | { |
|
| background-color: var(--white); | | background-color: var(--bs-white); |
| } | | } |
| .sharer .ui-dialog-titlebar-close { | | .sharer .ui-dialog-titlebar-close { |
| position: absolute; | | position: absolute; |
| top: 20px | | top: 20px |
| } | | } |
| .user-video .buttonpane { | | .user-video .buttonpane { |
|
| background-color: var(--white); | | background-color: var(--bs-white); |
| position: absolute; | | position: absolute; |
| right: 2px; | | right: 2px; |
| top: 2px | | top: 2px |
| } | | } |
| .ui-dialog.video .ui-dialog-content { | | .ui-dialog.video .ui-dialog-content { |
| overflow: hidden; | | overflow: hidden; |
| } | | } |
| .ui-dialog.video .ui-dialog-titlebar { | | .ui-dialog.video .ui-dialog-titlebar { |
| padding-left: 10px; | | padding-left: 10px; |
| border: none; | | border: none; |
| | |
| skipping to change at line 527 | | skipping to change at line 527 |
|---|
| content: ' '; | | content: ' '; |
| width: 32px; | | width: 32px; |
| height: 32px; | | height: 32px; |
| transform: rotate(-45deg); | | transform: rotate(-45deg); |
| position: absolute; | | position: absolute; |
| top: 0; | | top: 0; |
| right: 0; | | right: 0; |
| right: -21px; | | right: -21px; |
| bottom: -16px; | | bottom: -16px; |
| background: repeating-linear-gradient( | | background: repeating-linear-gradient( |
|
| var(--dark), var(--dark) 3px, transparent 3px, transparent 5px | | var(--bs-dark), var(--bs-dark) 3px, transparent 3px, transparent
5px |
| ); | | ); |
| } | | } |
| .room-block .room-container .user-video .header { | | .room-block .room-container .user-video .header { |
| height: 20px; | | height: 20px; |
| text-overflow: ellipsis; | | text-overflow: ellipsis; |
| white-space: nowrap; | | white-space: nowrap; |
| overflow: hidden; | | overflow: hidden; |
| } | | } |
| .room-block .room-container .user-video .header .ui-dialog-title { | | .room-block .room-container .user-video .header .ui-dialog-title { |
| padding-left: 5px; | | padding-left: 5px; |
| | |
| skipping to change at line 667 | | skipping to change at line 667 |
|---|
| border-radius: 15px; | | border-radius: 15px; |
| } | | } |
| #room-poll-chart { | | #room-poll-chart { |
| height: 300px; | | height: 300px; |
| } | | } |
| #quick-vote { | | #quick-vote { |
| position: absolute; | | position: absolute; |
| right: 40px; | | right: 40px; |
| bottom: 40px; | | bottom: 40px; |
| padding: 5px; | | padding: 5px; |
|
| background-color: var(--info); | | background-color: var(--bs-info); |
| } | | } |
| #quick-vote .control { | | #quick-vote .control { |
| display: inline-block; | | display: inline-block; |
|
| width: 40px; | | width: 48px; |
| height: 40px; | | height: 48px; |
| background-repeat: no-repeat; | | |
| background-size: 35px; | | |
| position: relative; | | position: relative; |
| font-size: 1.5em; | | font-size: 1.5em; |
| } | | } |
| #quick-vote .control .badge { | | #quick-vote .control .badge { |
| position: absolute; | | position: absolute; |
| right: 0; | | right: 0; |
| bottom: 0; | | bottom: 0; |
|
| | font-size: 0.5em; |
| } | | } |
| #quick-vote .control i::before { | | #quick-vote .control i::before { |
| font-size: 2.0em; | | font-size: 2.0em; |
| line-height: 1.2em; | | line-height: 1.2em; |
| } | | } |
| #quick-vote .control.pro i::before { | | #quick-vote .control.pro i::before { |
|
| color: var(--success); | | color: var(--bs-success); |
| } | | } |
| #quick-vote .control.con i::before { | | #quick-vote .control.con i::before { |
|
| color: var(--danger); | | color: var(--bs-danger); |
| } | | } |
| #quick-vote .close-btn { | | #quick-vote .close-btn { |
| float: right; | | float: right; |
| padding: 0 0.4rem; | | padding: 0 0.4rem; |
| } | | } |
| .main.room.INTERVIEW #quick-vote { | | .main.room.INTERVIEW #quick-vote { |
| z-index: 100; | | z-index: 100; |
| right: 10px; | | right: 10px; |
| bottom: 0; | | bottom: 0; |
| padding: 0px 5px 0px 5px; | | padding: 0px 5px 0px 5px; |
| | |
| skipping to change at line 747 | | skipping to change at line 746 |
|---|
| display: none; | | display: none; |
| } | | } |
| .video.audio-only .mute-others { | | .video.audio-only .mute-others { |
| top: calc(50% - 16px); | | top: calc(50% - 16px); |
| left: calc(50% - 10px); | | left: calc(50% - 10px); |
| width: 32px; | | width: 32px; |
| height: 32px; | | height: 32px; |
| } | | } |
| .video .mute-others::before { | | .video .mute-others::before { |
| content: '\f3c9'; | | content: '\f3c9'; |
|
| color: var(--warning); | | color: var(--bs-warning); |
| line-height: 1em; | | line-height: 1em; |
| font-size: 2.5em; | | font-size: 2.5em; |
| } | | } |
| .video:hover .mute-others.enabled { | | .video:hover .mute-others.enabled { |
| display: block; | | display: block; |
| } | | } |
| .user-video.ui-dialog .ui-dialog-content { | | .user-video.ui-dialog .ui-dialog-content { |
| height: calc(100% - var(--vdialog-titlebar-height)) !important; | | height: calc(100% - var(--vdialog-titlebar-height)) !important; |
| width: 100% !important; | | width: 100% !important; |
| } | | } |
| | | |
| End of changes. 30 change blocks. |
|---|
| 35 lines changed or deleted | | 34 lines changed or added |
|---|
"Fossies" - the Fresh Open Source Software Archive 