diff --git a/Web/Presenters/OpenVKPresenter.php b/Web/Presenters/OpenVKPresenter.php index c8269f1db..7c14a9841 100644 --- a/Web/Presenters/OpenVKPresenter.php +++ b/Web/Presenters/OpenVKPresenter.php @@ -212,6 +212,7 @@ public function onStartup(): void $this->template->isXmas = intval(date('d')) >= 1 && date('m') == 12 || intval(date('d')) <= 15 && date('m') == 1 ? true : false; $this->template->isTimezoned = Session::i()->get("_timezoneOffset"); + $this->template->isRtl = tr("__rtl") == "true" ? true : false; $userValidated = 0; $cacheTime = OPENVK_ROOT_CONF["openvk"]["preferences"]["nginxCacheTime"] ?? 0; diff --git a/Web/Presenters/templates/_includeCSS.latte b/Web/Presenters/templates/_includeCSS.latte index 2553c981c..5f7deeccf 100644 --- a/Web/Presenters/templates/_includeCSS.latte +++ b/Web/Presenters/templates/_includeCSS.latte @@ -25,7 +25,11 @@ {/if} {else} - {css "css/main.css"} + {if $isRtl} + {css "css/main-rtl.css"} + {else} + {css "css/main.css"} + {/if} {css "css/bsdn.css"} {css "css/dialog.css"} {css "css/notifications.css"} diff --git a/Web/Util/Localizator.php b/Web/Util/Localizator.php index 2e5572398..2c030b8ef 100644 --- a/Web/Util/Localizator.php +++ b/Web/Util/Localizator.php @@ -61,6 +61,10 @@ protected function parse($file): array $string = file_get_contents($file); + if (!$string) { + return []; + } + foreach (preg_split("%;[\\r\\n]++%", $string) as $statement) { if ($statement == "") { continue; diff --git a/Web/static/css/main-rtl.css b/Web/static/css/main-rtl.css new file mode 100644 index 000000000..d03d671bd --- /dev/null +++ b/Web/static/css/main-rtl.css @@ -0,0 +1,4495 @@ +:root { + --common-hover: #f5f4f4; + --common-2: #f0f1f2; + --brand: #606060; +} + +html { + overflow-y: scroll; +} + +body { + margin: 0; + padding: 0; + background-color: #fff; + text-align: right; + font-family: tahoma, verdana, arial, sans-serif; + font-size: 11px; + word-break: break-word; + word-wrap: break-word; + line-height: 1.19; +} + +body.ajax_request_made { + cursor: progress; +} + +body, .ovk-fullscreen-dimmer, .ovk-photo-view-dimmer { + scrollbar-gutter: stable both-edges; +} + +.nobold, +nobold, +nobold span { + font-weight: normal; + color: gray; +} + +.hidden { + display: none; +} + +a { + text-decoration: none; + color: #2B587A; + cursor: pointer; +} + +.linkunderline:hover { + text-decoration: underline; +} + +p { + margin: 5px 0; +} + +h1 { + margin-top: 0; +} + +.display_flex_column { + display: flex; + flex-direction: column; +} + +.display_flex_row { + display: flex; + flex-direction: row; +} + +.display_flex_space_between { + justify-content: space-between; +} + +.layout { + width: 791px; + margin: 0 auto; +} + +.page_header { + position: relative; + width: 791px; + height: 45px; + background: url('../img/header.png'); + background-repeat: no-repeat; + background-position: 100%; +} + +.page_custom_header { + background: url('../img/header_custom.png'); +} + +#page_act { + border-bottom: 1px solid #d5dde6; + padding: 2px 10px 5px; + color: #2B587A; + width: 608px; + margin-right: -10px; +} + +.home_button { + position: absolute; + width: 145px; + height: 42px; +} + +.home_button_custom { + width: 175px; + text-indent: 58px; + line-height: 41px; + text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.5); + font-weight: bold; + color: white; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; +} + +.header_navigation { + text-align: center; + line-height: 20px; + padding-left: 8px; + text-transform: lowercase; + float: left; +} + +.header_navigation .link { + display: inline-block; + height: 29px; + padding: 11px 7px 0 4px; + background: url('../img/divider.png') no-repeat; + background-size: 1.5px 41px; +} + +.page_header.search_expanded .header_navigation .header_divider_stick { + background: unset; +} + +.header_navigation .link a { + color: #D7D7D7; + text-decoration: none; + font-weight: bold; +} + +.header_navigation .link a:hover { + text-decoration: underline; + color: #fff; +} + +.sidebar { + width: 131px; + margin: 4px 4px 0 0; + float: right; +} + +.navigation { + position: relative; + padding: 0; +} + +.navigation-fixed { + position: fixed; + width: 131px; +} + +.navigation .link { + display: block; + padding: 3px 6px 3px 3px; + text-decoration: none; + border-top: 1px solid #fff; + color: #000; + border-bottom: 0; + border-right: 0; + border-left: 0; + font-size: 11px; + text-align: right; + cursor: pointer; + background: none; + margin-bottom: 1px; +} + +.navigation .link:hover { + background-color: #E4E4E4; + border-top: 1px solid #CCCCCC; +} + +.navigation .link_soon { + display: block; + padding: 3px 6px 3px 3px; + text-decoration: none; + border-top: 1px solid #fff; + color: #000; + border-bottom: 0; + border-right: 0; + border-left: 0; + font-size: 11px; + text-align: right; + cursor: pointer; + background: none; + margin-bottom: 1px; +} + +.navigation .link_soon { + color: #2B587A63; +} +.navigation .link_soon:hover { + background:#DAE1E8; + border-top:1px solid #CAD1D9 +} + +.navigation .edit-button { + background-color: #fff !important; + color: gray !important; + position: absolute; + left: 0; +} + +.navigation .group_link { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.navigation_footer { + padding: 0; +} + +.navigation_footer .link { + display: block; + padding: 3px 6px 3px 3px; + text-decoration: none; + border-top: 1px solid #fff; + color: #000; +} + +.navigation_footer .link:hover { + background-color: #E4E4E4; + border-top: 1px solid #CCCCCC; +} + +#backdrop { + position: fixed; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: -100; + background-repeat: no-repeat; + background-size: contain; + background-position: center right, center left; + pointer-events: none; + opacity: .8; +} + +#backdropDripper { + width: 800px; + height: 100%; + margin: auto; + background-color: #fff; + box-shadow: 30px 0px 20px 20px #fff, 50px 0px 20px 20px hsl(0deg 0% 100% / 59%), 70px 0px 20px 20px hsl(0deg 0% 100% / 43%), 90px 0px 20px 20px hsl(0deg 0% 100% / 35%), 110px 0px 20px 20px hsl(0deg 0% 100% / 28%), 130px 0px 20px 20px hsl(0deg 0% 100% / 16%), -30px 0px 20px 20px #fff, -50px 0px 20px 20px hsl(0deg 0% 100% / 59%), -70px 0px 20px 20px hsl(0deg 0% 100% / 43%), -90px 0px 20px 20px hsl(0deg 0% 100% / 35%), -110px 0px 20px 20px hsl(0deg 0% 100% / 28%), -130px 0px 20px 20px hsl(0deg 0% 100% / 16%); +} + +#backdropEditor { + position: relative; + border: 4px inset #cfcfcf; + padding: 8px; + width: 550px; + height: 270px; + margin: 8px auto; + background-image: url("../img/backdrop-editor.gif"); + background-size: cover; +} + +#backdropFilePicker { + position: absolute; + top: 140px; + padding: 0 19px; + margin: 24px; +} + +#backdropFilePicker > input { + width: 90px; +} + +#backdropFilePicker > #spacer { + display: inline-block; + width: calc(550px - 16px - 38px - 171px); +} + +.upLeftErrors { + position: fixed; + display: flex; + flex-direction: column; + z-index: 1025; +} + +.upLeftErrors .upLeftError { + padding: 2px 2px 2px 2px; + display: inline-block; + border-radius: 0px 0px 0px 5px; + font-size: 15px; +} + +.upLeftErrors .upLeftError.upLeftErrorRed { + background: #ff7474; +} + +.upLeftErrors .upLeftError.upLeftErrorGreen { + background: #74ff92; +} + +.page_body { + width: 632px; + float: left; + margin-left: 15px; + margin-top: -2px; + font-size: 11px; + text-align: right; +} + +.wrap1 { + border: 1px solid #EBF0F4; + border-top: 0; + width: auto; +} + +.wrap2 { + border-left: 1px solid #F6F8FA; + border-top: 0; +} + +.page_yellowheader { + padding: 4px 10px; + font-weight: bold; + background: url('../img/header_yellow.png') repeat-x; + background-color: #EEE5B8; + border-left: solid 1px #DCD4A4; + border-right: solid 1px #E4DDB4; + border-bottom: solid 1px #D7CF9E; + overflow: hidden; +} + +#wrapHI { + border-left: solid 1px #D5DDE6; + border-right: solid 1px #D5DDE6; +} + +#wrapH { + border-left: solid 1px #EAEEF3; + border-right: solid 1px #EAEEF3; +} + +.page_yellowheader span { + color: #C8BF85; +} + +.page_yellowheader a { + color: #696029; +} + +.page_content { + display: inline-block; + width: 610px; +} + +.page_wrap { + border-bottom: solid 1px #c3cad2; + border-right: solid 1px #d5dde6; + border-left: solid 1px #d5dde6; +} + +.page_wrap.padding_top { + padding-top: 10px; +} + +.content-main-tile { + margin: -10px; + margin-top: 3pt; + padding: 7pt; + border-top: 1px solid #ebf0f4; + background-color: #fbfbfb; +} + +.float-right { + float: left; +} + +.lowercase { + text-transform: lowercase; +} + +.album { + margin: 8px; + padding: 8px; + width: 95%; + background-color: #fff; + border: 1px solid #ebf0f4; +} + +.album-photo { + position: relative; + width: 25%; + max-height: 140px; + margin-bottom: 8px; + text-align: center; + display: flex; + align-items: center; + justify-content: center; +} + +.album-photo img { + width: unset; + max-height: 120px !important; + max-width: 83%; + vertical-align: top; + border: 1px #ccc solid; + padding: 8px; + background-color: #fff; +} + +.album-photo>.album-photo--delete { + position: absolute; + left: 0; + top: 0; + padding: 5px; + margin: 4px; + color: #fff; + background-color: hsla(0, 0%, 0%, 0.3); + width: 10px; + height: 10px; + line-height: 10px; + opacity: 0; + transition: .1s opacity ease-out; +} + +.album-photo:hover>.album-photo--delete { + opacity: 1; +} + +.album-flex { + display: flex; + flex-wrap: wrap; +} + +.name-checkmark { + margin-right: 2pt; +} + +#profile_link, +.profile_link { + display: block; + box-sizing: border-box; + padding: 3px; + background: transparent; + border: none; + border-bottom: 1px solid #CCC; + font-size: 11px; + color: #2b587a; + width: 200px; + text-align: right; + cursor: pointer; + font-family: tahoma, verdana, arial, sans-serif; +} + +.profile_link_form { + margin-bottom: 0; +} + +#profile_links { + margin: 10px 0; +} + +#profile_link:hover, +.profile_link:hover { + background: #ECECEC; +} + +.action_links>.profile_link, +.action_links>.profile_link_form>.profile_link { + width: 150px; + text-transform: lowercase; +} + +.action_links.disable>a, +.action_links.disable>form>input, +.action_links.disable { + cursor: not-allowed; + color: grey; +} + +.action_links.loading::after { + content: ""; + display: inline-block; + background-image: url('/assets/packages/static/openvk/img/loading_mini.gif'); + width: 30px; + height: 7px; + margin-right: 5px; +} + +.profile_link.disable>a, +.profile_link.disable { + cursor: not-allowed; + color: grey; +} + +.profile_link.loading>a::after, +.profile_link.loading::after { + content: ""; + display: inline-block; + background-image: url('/assets/packages/static/openvk/img/loading_mini.gif'); + width: 30px; + height: 7px; + margin-right: 5px; +} + +.page_footer { + margin-right: 130px; + padding-top: 5px; + clear: both; + text-align: center; +} + +table { + font-size: 11px; + text-align: right; +} + +.outline_table td { + text-align: left; + font-weight: normal; + color: gray; +} + +.outline_table { + border-bottom: 1px solid #cbcbcb; + padding: 5px 0px; +} + +.outline_table:last-of-type { + border-bottom: unset; +} + +.flex_column_center_gap5px { + display: flex; + flex-direction: column; + align-items: center; + gap: 5px; +} + +.information { + padding: 9px; + background-color: #c3e4ff; +} + +.error { + padding: 9px; + background-color: #ffc3c3; +} + +.page_footer .link { + padding: 3px 7px; + display: inline-block; + color: #444; + text-decoration: none; +} + +.page_footer .link:hover { + background-color: #DFDFDF; +} + +.content_divider { + margin-bottom: 6px; +} + +.menu_divider { + height: 1px; + background: #CCC; + margin: 4px 0 2px; +} + +.page_status { + font-weight: normal; + font-size: 11px; + padding: 3px 1px; + color: #000; + width: 380px; + height: auto !important; + overflow: hidden; +} + +.page_status_edit_button { + cursor: pointer; +} + +.page_status_edit_button:hover { + text-decoration: underline; +} + +.page_status_popup { + position: absolute; + border: 1px solid #CCC; + background-color: #f7f7f7; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12); + padding: 10px; + float: left; + margin-top: 5px; + margin-right: -6px; +} + +.page_status_popup form { + margin: 0; +} + +.button { + border-radius: 2px; + border: #595959; + font-size: 11px; + outline: none; + white-space: nowrap; + background: #595959; + background-position: 100% -16px; + color: #fff; + padding: 5px 9px; + text-shadow: 0 1px 0 #686868; + cursor: pointer; + text-decoration: none; +} + +.button:active { + background: #444444; +} + +.button:hover { + color: #e8e8e8; +} + +.button[disabled] { + filter: opacity(0.5); + cursor: not-allowed; +} + +.button[disabled]:hover { + color: #fff; +} + +.button-loading { + display: inline-block; + background-image: url('/assets/packages/static/openvk/img/loading_mini.gif'); + width: 30px; + height: 7px; + margin-right: -3px; +} + +input[class=button] { + padding: 5px 7px 4px; +} + +input[type=checkbox], +input[type=radio] { + background-color: transparent; + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + height: 14px; + width: 14px; + outline: none; + cursor: pointer; + vertical-align: middle; + margin: 4px 3px 3px; +} + +input[type=checkbox] { + background-image: url("data:image/gif;base64,R0lGODlhDwA4ALMAAP//////AP8A//8AAAD//wD/AAAA/wAAADtZd8XKzuHh4crKysHBwba2tv///wAAACH5BAEAAA4ALAAAAAAPADgAAASzcMlJqVsg653X5SDgYeE2luaHdup6rmKLvq5c0rMdjlUvXb6eDoRAkFBF4yqZOBKLi2aJSUNomE1VEoCNkRLJYiLB+oLF5LJmjBinnOO0BncDBi2NvH6/dzQUgIGCgA1+g4cKhX+IgoqMjYaPhJGSjpKJlI+WlZmMm5qdiIp8pHl+paShh0WLj0mtiEywg0kMCbOBTAyUCLlolkkKWJiLZ8PEgGxogZtsY5CwcYOfnqeofREAOw=="); + width: 15px; +} + +input[type=radio] { + background-image: url("../img/radio.png"); +} + +input[type=checkbox]:hover, +input[type=radio]:hover { + background-position: 100% -28px; +} + +input[type=checkbox]:disabled { + background-position: 100% -28px; + cursor: initial; +} + +input[type=checkbox]:checked, +input[type=radio]:checked { + background-position: 100% -14px; +} + +input[type=checkbox]:checked:hover, +input[type=radio]:checked:hover { + background-position: 100% -42px; +} + +input[type=checkbox]:checked:disabled { + background-position: 100% -42px; +} + +input[type="number"] { + border: 1px solid #C0CAD5; + padding: 3px; + font-size: 11px; + font-family: tahoma, verdana, arial, sans-serif; + width: 100%; + box-sizing: border-box; + outline: none; +} + +#auth { + padding: 10px; +} + +.left_small_block { + float: right; + width: 200px; + margin-left: 10px; + border-left: 1px #eeeeee solid; +} + +.left_big_block { + width: 397px; + float: right; + margin-left: 13px; +} + +.right_small_block { + float: left; + width: 200px; +} + +.content_title_expanded { + background-image: url('../img/flex_arrow_open2.png')!important; + background-repeat: no-repeat; + background-color: #e6e6e6; + border-top: #8B8B8B solid 1px; + padding: 3px 24px 3px 8px; + margin-top: 5px; + font-weight: bold; + color: #626262; + font-size: 11px; + cursor: pointer; + display: block; +} + +.content_title_unexpanded { + background-image: url('../img/flex_arrow_shut.gif')!important; + background-repeat: no-repeat; + background-color: #eee; + border-top: solid 1px #ccc; + padding: 3px 24px 3px 8px; + font-weight: bold; + color: #888; + font-size: 11px; + cursor: pointer; + display: block; + margin-top: 5px; +} + +.content_subtitle { + background-color: #F0F0F0; + display: block; + font-size: 11px; + border-bottom: 1px solid #EEEEEE; + color: #777777; + padding: 3px 8px; + border-top: #ccc solid 1px; +} + +.content { + padding: 8px; +} + +.content-withouttop { + padding-top: 0; +} + +.wall_search { + display: flex; + gap: 4px; + margin: 6px; +} + +.wall_search > input[type="text"] { + flex: 1; +} + +input[type="text"], +input[type="password"], +input[type~="text"], +input[type~="password"], +input[type="email"], +input[type="phone"], +input[type~="email"], +input[type~="phone"], +input[type="search"], +input[type~="search"], +input[type~="date"], +input[type~="datetime-local"], +select { + border: 1px solid #C0CAD5; + padding: 3px; + font-size: 11px; + font-family: tahoma, verdana, arial, sans-serif; + width: 100%; + box-sizing: border-box; + outline:none; +} + +.header2 { + border-bottom: 1px solid #E8EBEE; + color: #45688E; + font-size: 14px; + font-weight: bold; + margin: 0; + font-family: verdana, arial, sans-serif; +} + +h4 { + border-bottom: 1px solid #E8EBEE; + color: #45688E; + font-size: 12px; + font-weight: bold; + margin: 0; + font-family: verdana, arial, sans-serif; +} + +.post { + width: 100%; + overflow: hidden; + display: block; +} + +.post-online { + color: #AAA; + text-align: center; + width: 50px; + padding-top: 5px; + display: block; +} + +.post-author { + background-color: #F6F6F6; + border-top: #8B8B8B solid 1px; + border-bottom: #ECECEC solid 1px; + font-size: 11px; + padding: 3px 5px; + line-height: 125%; +} + +.post-author .date { + font-size: 9px; + color: black; +} + +.post-content { + border-bottom: #ECECEC solid 1px; + font-size: 9px; +} + +.editing .post-content, .post-edit { + display: none; +} + +.editing .post-edit { + display: block; +} + +.post-content .text { + padding: 4px; + font-size: 11px; + hyphens: manual; + line-height: 130%; +} + +.post-content .attachments:first-of-type { + margin-top: 8px; +} + +.post-content .attachments_m .attachment { + width: 98%; +} + +.attachment .post { + width: 102%; +} + +.post-content .media { + max-width: 100%; + image-rendering: -webkit-optimize-contrast; +} + +.post-content .media_makima { + width: calc(100% - 4px); + height: calc(100% - 4px); + object-fit: cover; +} + +.post-signature { + margin: 4px; + margin-bottom: 2px; +} + +.post-geo { + margin: 8px -3px 2px 0px; + padding: 0 4px; +} + +#geo-name { + cursor: pointer; +} + +.post-signature span { + color: grey; +} + +.post-signature a { + font-weight: 700; +} + +.post-menu { + height: 12px; + padding: 4px; + font-size: 9px; + color: #bcbcbc; +} + +.post:target { + animation-duration: 5s; + animation-name: post-target; +} + +@keyframes post-target { + from { + background-color: rgba(208, 208, 208, 1); + } + + to { + background-color: rgba(208, 208, 208, 0); + } +} + +.small-textarea { + height: 24px; +} + +.expanded-textarea { + min-height: 48px; +} + +ul { + list-style-type: square; + color: #a2a2a2; +} + +span { + padding: 0 0 2px; + color: black; + font-weight: normal; +} + +#logininput { + width: 123px; + height: 21px; + padding: 3px; + border: 1px solid #C0CAD5; + font-size: 11; + margin: 3px 0; +} + +#fastLogin { + min-width: 122px; +} + +#fastLogin input { + margin-bottom: 5px; +} + +#fastLogin input[type=submit] { + margin-top: 5px; +} + +#fastlogin input[type=text], +#fastlogin input[type=password] { + width: 100%; +} + +.ovk-avView { + padding: 8px; +} + +.ovk-avView--el { + width: 32%; + max-height: 90px; + text-align: center; + display: inline-block; + vertical-align: text-top; +} + +.ovk-avView--el .ava { + max-width: 80%; + max-height: 63px; +} + +.content_list { + display: flex; + width: 200px; + flex-wrap: wrap; +} + +.content_list.long { + width: 397px; +} + +.content_list .cl_element { + width: 33%; + display: inline-block; + text-align: center; +} + +.content_list.long .cl_element { + width: 16.5%; +} + +.content_list .cl_element .cl_avatar { + padding: 7px 7px 0; + text-align: center; +} + +.content_list .cl_element .cl_name { + padding: 0 3px; + text-align: center; + display: flex; + flex-direction: column; +} + +.content_list .cl_element .cl_name .cl_lname { + font-size: 7pt; + display: block; +} + +.ava { + width: 45px; +} + +table.User { + vertical-align: text-top; +} + +.container_gray { + background: #F6F6F6; + padding: 12px; +} + +.container_gray.bottom { + border-bottom: #ebebeb solid 1px; +} + +#auth .container_gray { + margin-right: -10px; + margin-bottom: -10px; + width: 603px; +} + +.tabs { + border-bottom: 1px solid #707070; + padding: 0 10px; + margin-right: -10px; + width: 607px; + overflow-x: auto; + white-space: nowrap; +} + +.tabs.stupid-fix { + margin-right: 0; + width: auto; +} + +#activetabs { + background: #707070; +} + + +#activetabs:hover { + color: #e8e8e8; +} + +.tab { + display: inline-block; + padding: 5px 10px; + margin-left: 3px; + border-radius: 3px 3px 0 0; +} + +.tab:hover { + background: #E4E4E4; +} + +#act_tab_a { + color: white; +} + +.container_gray .content { + background: #fff; + padding: 4px; + border: #DEDEDE solid 1px; + clear: both; + margin-bottom: 6px; + overflow: hidden; + word-break: break-word; +} + +.gray-block { + background: #F7F7F7; + border: #DEDEDE solid 1px; + padding: 6px; + margin-top: 6px; +} + +.ovk-album { + width: 100%; +} + +.ovk-album:not(:first-child), +.ovk-note:not(:first-child) { + display: inline-block; + margin-top: 10px; +} + +.msg { + width: 70%; + margin: auto; + margin-bottom: 5pt; + padding: 8pt; + border: 1pt solid #667e96; + background-color: #e6f2f3; +} + +#wrapHI>.msg { + margin-top: 15pt; +} + +.msg.msg_succ { + border-color: #3b584f; + background-color: #ddf3d7; +} + +.msg.msg_err { + border-color: #9a205e; + background-color: #f5e9ec; +} + +.msg.msg_yellow { + border-color:#D4BC4C; + background-color:#F9F6E7; +} + +.edit_link { + color: #c5c5c5; + font-family: verdana, arial, sans-serif; + font-size: 11px; + font-weight: bold; +} + +.crp-list { + margin: 10px -11px -10px -6px; + display: flex; + flex-direction: column; + border-top: 1px solid #d6d6d6; + max-height: 70%; + overflow-y: auto; + width: 628px; +} + +.crp-entry { + display: flex; + padding: 8px; + cursor: pointer; + margin-right: 1px; + border-bottom: 1px solid #d6d6d6; +} + +.crp-entry:hover { + background-color: #f9f9f9; +} + +.crp-entry:first-of-type { + border-top: 1px solid #d6d6d6; +} + +.crp-entry--image, +.crp-entry--info { + margin-left: 15px; +} + +.crp-entry--info { + width: 130px; + margin-top: 2%; +} + +.crp-entry--message{ + padding: 3px; + width: 395px; + border-radius: 3px; +} + +.crp-entry--image>img { + max-width: 50px; + border-radius: 3px; +} + +.crp-entry--info span { + color: grey; +} + +.crp-entry--info a { + font-weight: 900; +} + +.crp-entry--message.unread { + padding: 3px; + width: 395px; + background: #e6e6e6; + border-radius: 3px; +} + +.messenger-app--messages---message.unread { + background-color: #ededed; + padding-bottom: 1.2rem; + margin-bottom: 0; +} + +.messenger-app--messages---message.unread:first-of-type { + border-top-right-radius: 3px; + border-top-left-radius: 3px; + padding-bottom: 5px; + margin-bottom: 1.2rem; +} + +.messenger-app--messages---message.unread:last-of-type { + padding-bottom: 5px; + margin-bottom: 1.2rem; +} + +.crp-entry--message---av img { + max-width: 32px; + border-radius: 3px; + margin-top: 20%; + margin-right: 10%; +} + +.crp-entry--message---av, +.crp-entry--message---text { + display: inline-block; + vertical-align: top; + max-width: 50px; + border-radius: 3px; +} + +.crp-entry--message---text { + max-height: 40px; + max-width: 310px; + overflow: hidden; + text-overflow: ellipsis; + /* white-space: nowrap; */ /* myslivets: а как........... */ + margin-right: 3%; +} + +.crp-entry--message---text, +.messenger-app--messages---message .time { + color: #404036; +} + +.messenger-app--input { + padding: 10px 60px; +} + +.messenger-app--messages { + height: 570px; + overflow-y: auto; + padding: 10px 60px; +} + +.messenger-app--messages---message, +.messenger-app--input { + display: flex; + align-items: flex-start; + justify-content: space-between; +} + +.messenger-app--messages---message { + margin-bottom: 3px; + padding: 10px; +} + +.messenger-app--input>.ava { + width: 52px; + height: 52px; + object-fit: cover; + border-radius: 3px; +} + +.messenger-app--messages---message .ava { + width: 37px; + height: 37px; + object-fit: cover; + border-radius: 3px; +} + +.messenger-app--messages---message ._content { + width: 310px; + line-height: 13.2pt; +} + + + +.messenger-app--messages---message ._content span, +.messenger-app--messages---message ._content>a { + display: block; +} + +.messenger-app--messages---message ._content span { + width: 100%; + height: fit-content; + overflow: hidden; +} + +.messenger-app--messages---message ._content .attachments { + width: 100%; +} + +.messenger-app--messages---message ._content .attachments>.msg-attach-j * { + max-width: 86%; +} + +.messenger-app--messages---message ._content .attachments:not(:empty) { + margin-top: 15px; +} + +.messenger-app--messages---message .time { + width: 100px; +} + +.messenger-app--input { + background-color: #f9f9f9; + height: 80px !important; + border-top: 1px solid #d6d6d6; +} + +.messenger-app--input---messagebox { + box-sizing: border-box; + padding: 0 10px; + width: calc(100% - 128px); + float: left; +} + +.messenger-app--input---messagebox textarea { + width: 100%; + height: 50px !important; + resize: none; + margin-bottom: 8px !important; +} + +.messenger-app--input .blocked { + width: 100%; + height: 100%; + position: relative; +} + +.messenger-app--input .blocked::after { + content: attr(data-localized-text); + position: absolute; + top: 50%; + right: 50%; + margin-left: -50%; + transform: translate(50%, -50%); + font-weight: 900; +} + +.messenger-app { + width: 628px; + border-left: 1px solid #d5dde6; + border-right: 1px solid #d5dde6; + margin-right: 1px; + border-bottom: 1px solid #c3cad2; +} + +.settings_delete { + margin: -12px; + padding: 12px; + margin-top: -8px; + background: #fff; + text-align: center; +} + +textarea { + font-family: unset; + border: 1px solid #C0CAD5; + font-size: 9pt; + min-height: 24px; + width: 100%; + padding: 4px; + resize: none; + box-sizing: border-box; +} + +#faqhead { + background: #fbf3c3; + margin: 0 5px; + padding: 5px; + font-weight: bold; + border: 1px solid #d7cf9e; + border-bottom: 0; +} + +#faqcontent { + background: #fafafa; + margin: 0 5px 10px; + padding: 5px 10px 5px 5px; + border: 1px solid #ddd; +} + +.ovk-lw-container { + display: flex; + border-bottom: solid 1px #c4c4c4; +} + +.ovk-lw-container>.ovk-lw--list { + flex: 9; + border-left: 1px solid #BEBEBE; +} + +.ovk-lw-container>.ovk-lw--list>.post { + margin-right: 10px; + margin-top: 10px; +} + +.ovk-lw-container>.ovk-lw--actions { + flex: 5; +} + +.ovk-lw-container>.ovk-lw--actions>.tile { + display: flex; + flex-direction: column; + padding: 10px 5px; +} + +.ovk-lw-container>.ovk-lw--actions>.tile>.profile_link { + width: auto !important; +} + +.ovk-lw-container>.ovk-lw--actions>hr { + margin: 0; +} + +.profile-hints a { + display: block; + margin-bottom: 2px; +} + +.profile-hints a img { + vertical-align: bottom; +} + +.completeness-gauge { + position: relative; + width: 95%; + height: 16px; + background-color: #e6e6e6; + border-top: 1px solid #bbb; +} + +.completeness-gauge>div { + height: 100%; + background-color: #d4d4d4; +} + +.completeness-gauge>span { + position: absolute; + top: 55%; + right: 50%; + margin-left: -50%; + transform: translate(50%, -50%); +} + +.completeness-gauge-gold { + background-color: #f6ebbb; + border-top: 1px solid #b9b597; +} + +.completeness-gauge-gold>div { + background-color: #e1d7a2; +} + +.toTop { + position: fixed; + padding: 12px; + width: 100px; + height: 100%; + background-color: #f3f3f3; + font-weight: 900; + color: #2b2b2b; + box-sizing: border-box; + opacity: 0; + transition: .1s all; + z-index: 129; + user-select: none; +} + +.toTop > div svg { + display: inline-block; + margin-left: 2px; + width: 8px; + height: 7px; + fill: #3f3f3f; +} + +.toTop > div span { + font-weight: bold; +} + +.toTop.has_down #to_up, .toTop #to_back { + display: none; +} + +.toTop.has_down #to_back { + display: block; +} + +.toTop.has_down { + opacity: .3; +} + +body.scrolled .toTop:hover, .toTop.has_down:hover { + opacity: .5; + cursor: pointer; +} + +.ugc-table.slim { + width: 100%; +} + +.ugc-table tr>td { + word-break: break-word; +} + +.ugc-table tr>td:nth-of-type(1) { + width: 120px; + vertical-align: super; +} + +.ugc-table.slim tr>td:nth-of-type(1) { + width: unset; +} + +.ugc-table.slim tr>td:nth-of-type(2) { + width: 75%; +} + +#sudo-banner { + background: #fffae6; + border-color: #fffae6; + color: #172b4d; + padding: 8px; + text-align: center; +} + +#sudo-banner p { + margin: 0; + font-size: 15px; +} + +#test-label { + padding: 8pt; + margin: 4pt; + border: 1px solid #9a205e; + background-color: #f5e9ec; + position: fixed; + font-weight: bold; +} + +.post-upload, .post-has-poll, .post-has-note { + margin-top: 11px; + margin-right: 3px; + color: #3c3c3c; + display: none; +} + +.post-has-videos, .post-has-audios { + margin-top: 11px; + margin-right: 3px; + color: #3c3c3c; +} + +.post-has-geo.appended-geo { + padding: 6px 0px; +} + +.post-source #remove_source_button, #small_remove_button { + display: inline-block; + background-repeat: no-repeat; + background: url('/assets/packages/static/openvk/img/arrows.png?v=2'); + + margin-bottom: -2px; + background-position: right -18px top 0px; + height: 11px; + width: 11px; + opacity: 0.6; + transition-duration: 0.3s; + cursor: pointer; +} + +.post-source #remove_source_button:hover, #small_remove_button:hover { + opacity: 0.8; +} + +.post-upload::before, .post-has-poll::before, .post-has-note::before { + content: " "; + width: 8px; + height: 8px; + display: inline-block; + vertical-align: bottom; + background-color: #4f4f4f; + margin: 3px; + margin-right: 2px; +} + +.post-has-video, .post-has-audio { + padding-bottom: 4px; + cursor: pointer; +} + +.post-has-video:hover span { + text-decoration: underline; +} + +.post-has-audio:hover span { + text-decoration: underline; +} + +.post-has-video::before { + content: " "; + width: 14px; + height: 15px; + display: inline-block; + vertical-align: bottom; + background-image: url("/assets/packages/static/openvk/img/video.png"); + background-repeat: no-repeat; + margin: 3px; + margin-right: 2px; + margin-bottom: -1px; +} + +.post-has-audio::before { + content: " "; + width: 14px; + height: 15px; + display: inline-block; + vertical-align: bottom; + background-image: url("/assets/packages/static/openvk/img/audio.png"); + background-repeat: no-repeat; + margin: 3px; + margin-right: 2px; + margin-bottom: -1px; +} + +.post-opts { + margin-top: 10px; +} + +.post-opts label { + width: 100%; + display: block; +} + +.like_wrap { + color: #2F5879; + font-size: 10px; + cursor: pointer; + float: left; +} + +.like_wrap.tidy { + float: none; + display: inline-block; +} + +.like_wrap.tidy .post-like-button { + display: flex; +} + +.heart { + background: url('/assets/packages/static/openvk/img/like.gif') no-repeat right 1px top 0; + height: 10px; + margin: 2px 3px 0; + width: 11px; + float: right; + opacity: 0.4; +} + +.like_wrap.tidy .heart { + float: none; + display: inline-block; +} + +.likeCnt { + font-size: 10px; + margin-left: 3px; + float: right; +} + +.like_wrap.tidy .likeCnt { + float: none; + display: inline; +} + +.heart:hover { + opacity: 1 !important; +} + +#liked { + opacity: 1 !important; +} + +.page-wrap { + border-bottom: solid 1px #C3CAD2; + border-right: solid 1px #DAE1E8; + border-left: solid 1px #DAE1E8; + padding: 10px; +} + +.ugc-table td { + vertical-align: top !important; + font-size: 11px; + line-height: 13px; + margin: 0; + padding: 1px 0; +} + +.label { + width: 120px !important; + color: gray; +} + +.ugc-table tr>td:nth-of-type(2) { + display: block; + width: unset; + overflow: hidden; +} + +.right_big_block { + width: 396px; + float: left; +} + +#basicInfo { + padding: 5px 8px 15px 0; +} + +.accountInfo { + padding: 0; + margin: 0 8px 0 0; + border-bottom: solid 1px #DAE1E8; + display: block; +} + +.profileName { + color: #45688E; + font-size: 11px; + font-weight: bold; + margin: 0; +} + +.profileName h2 { + color: #45688E; + font-size: 13px; + margin: 0; + padding: 0; +} + +.notes_titles { + margin: 0; + padding: 0; + list-style: none; +} + +.written { + background: url('/assets/packages/static/openvk/img/note.gif') no-repeat 100% 1px; + padding: 0 22px 6px 0; +} + +.written a { + display: block; + padding: 0 0 1px; +} + +.notes_titles small { + color: #333; + font-weight: normal; + display: block; + font-size: 9px; +} + +.notes_titles small a { + display: inline; + font-weight: normal; +} + +.data { + width: 260px !important; +} + +.right_big_block h4 { + margin: 1px 0 0; + padding: 4px 0 2px !important; +} + +.knowledgeBaseArticle ul { + color: unset; +} + +.user_gift { + text-align: center; + padding: 15px; +} +.user_gift .gift_pic { + width: 195px; + height: auto; +} +.user_gift .gift_comment { + margin-top: 15px; +} +.gifts_list { + padding-top: 10px; +} + +.gift_cat_row:first-child { + padding-top: 5px; +} +.gift_cat_row:last-child { + padding-bottom: 0; +} +.gift_cat_row { + padding: 10px 0; +} +.gift_cat_row:not(:last-child) { + border-bottom: #dddddd 1px solid; +} + +.gift_cat_info { + margin: 0 0 4px; + min-height: 23px; +} +.button + .gift_cat_text { + width: 80%; +} +h4.gift_cat_header { + border-bottom: 0; + padding-top: 4px; +} +.gift_cat_desc { + margin: 5px 0 2px; +} + +.gift_grid { + width: calc(100% + 16px); + margin: 0 -8px; + display: flex; + flex-wrap: wrap; +} + +.gift_sel { + width: 122px; + box-sizing: border-box; + padding: 8px 10px; + cursor: pointer; + border-radius: 3px; + position: relative; + text-align: center; +} + +.gift_info { + margin-top: 5px; +} + +.gift_pic { + transition: .2s; + width: 102px; + height: 102px; + object-fit: contain; + object-position: center; + border-radius: 3px; +} + +.gift_sel:hover .gift_pic { + opacity: .8; +} + +.gift_sel.disabled:hover { + cursor: not-allowed; +} + +.gift_sel>.gift_price, +.gift_sel>.gift_limit { + position: absolute; + visibility: hidden; + bottom: 0; + right: 0; + width: 102px; + background-color: rgb(240, 240, 240, .9); + border-radius: 3px; + margin: 0 10px; + padding: 3px 4px 4px; + box-sizing: border-box; +} + +.gift_sel:hover>.gift_price, +.gift_sel:hover>.gift_limit, +.gift_sel .gift_free { + visibility: unset; +} +.gift_se.has_limitl:hover>.gift_free { + visibility: hidden; +} + +.gift_sel.disabled { + opacity: .5; +} + +.gift_send { + text-align: center; +} +.gift_send form { + margin: 10px auto 0; +} +.gift_send .gift_confirm_pic { + height: 256px; + width: 256px; + border-radius: 3px; + object-fit: contain; +} + +.ovk-video { + margin-bottom: 1rem; + padding: 0 6px; +} + +.ovk-video>.preview, .video-preview { + width: 170px; + height: 127px; + align-content: center; + display: flex; + padding: 2px; + box-shadow: inset 0 0 0 1px #ccc, inset 0 0 0 2px #fff; + background-color: #000; +} + +#wallAttachmentMenu { + position: absolute; + min-width: 94px; + border: 1px solid darkgrey; + background-color: white; + z-index: 32; + margin-top: -7px; + margin-right: -16px; + box-shadow: 0 1px 3px -1px; + user-select: none; +} + +#wallAttachmentMenu>a { + display: flex; + gap: 5px; + padding: 2px 6px; + cursor: pointer; +} + +#wallAttachmentMenu>a>img { + vertical-align: middle; +} + +#wallAttachmentMenu>a:hover { + background-color: #f0f0f0; +} + +#wallAttachmentMenu>.header { + padding: 6px 15px; + background-color: #eee; + text-align: center; +} + +#ovkDraw { + border: 1px solid #757575; + min-height: 510px; +} + +#ovkDraw .lc-drawing.with-gui { + background-color: white !important; +} + +#ovkDraw .literally { + border-radius: 0; + height: 510px; +} + +#ovkDraw .literally .lc-picker, +.literally .lc-options.horz-toolbar { + background-color: #f7f7f7; + border-color: rgba(0, 0, 0, 0.15); +} + +#ovkDraw .literally .lc-picker .toolbar-button.selected:not(.disabled), +#ovkDraw .literally .horz-toolbar .square-toolbar-button.selected:not(.disabled) { + background-color: #cdcdcd; +} + +#ovkDraw .literally .lc-picker .toolbar-button:hover:not(.disabled), +#ovkDraw .literally .horz-toolbar .square-toolbar-button:hover:not(.disabled) { + border-color: #cdcdcd; +} + +.postFeedWrapper { + padding: 4px 8px; + background-color: rgb(240, 240, 240); + border-bottom: 1px solid #ccc; + border-top: 1px solid #ccc; + margin-right: -10px; + margin-bottom: 10px; + width: 611px; +} + +.postFeedWrapperMicroblog { + margin-bottom: 5px; +} + +.postFeedBottom .postFeedPaginator { + float: left; +} + +.postFeedBottom .postFeedPageSelect { + float: right; + padding-top: 8px; +} + +#pageSelect { + width: 200px; +} + +.user-alert { + margin-right: 8px; + margin-bottom: 8px; + padding: 4px; + border: 1px solid #c3a476; + font-weight: 900; + background-color: #f3ddbd; + color: #58462a; +} + +.group-alert { + margin-bottom: 8px; + padding: 4px; + border: 1px solid #c3a476; + font-weight: 900; + background-color: #f3ddbd; + color: #58462a; +} + +.avatar-list { + padding: 4px 8px; +} + +.avatar-list-item { + padding: 4px 0; +} + +.avatar-list-item::after { + content: '.'; + display: block; + height: 0; + clear: both; + visibility: hidden; +} + +.avatar-list-item .avatar { + float: right; +} + +.avatar-list-item .avatar img { + width: 32px; + height: 32px; + object-fit: cover; +} + +.avatar-list-item .info { + float: right; + padding-right: 8px; + width: 134px; +} + +.avatar-list-item .info-centered { + padding-top: 8px; +} + +.avatar-list-item .info .title { + font-size: 11px; +} + +.avatar-list-item .info .subtitle { + color: rgb(128, 128, 128); + font-size: 10px; +} + +.paginator { + float: left; + margin-top: -1px; +} + +.paginator.tidy { + float: unset; +} + +.paginator-at-bottom { + margin-top: -6px; +} + +.paginator a { + border-top: 3px solid transparent; + display: inline-block; + padding: 4px 5px; +} + +.paginator a:hover { + border-top: 3px solid rgb(170, 170, 170); + background-color: rgb(230, 230, 230); +} + +.paginator a.active { + border-top: 3px solid rgb(130, 130, 130); + font-weight: bold; +} + +.accent-box { + background-color: white; + padding: 10px; + margin: 5px; + border: 1px solid #C0CAD5; +} + +.header_search { + background: #f7f7f7; + width: 607px; + padding: 10px; + border-bottom: 1px solid #e1e1e1; +} + +.header_search_inputbt { + padding: 10px; + border-top: 1px solid #ebebeb; + display: flex; + margin-bottom: 0; +} + +.header_search_input { + border: 1px solid #C0CAD5; + padding: 3px; + padding-right: 19px; + font-size: 11px; + font-family: tahoma, verdana, arial, sans-serif; + width: 549px; + background: #fff url('/assets/packages/static/openvk/img/search_icon.png') no-repeat; + background-position-x: 4px; + background-position-y: 4px; +} + +.button_search { + border-radius: 2px; + border: #595959; + font-size: 11px; + outline: none; + white-space: nowrap; + background: #595959; + background-position: 100% -16px; + color: #fff; + padding: 4px 8px; + text-shadow: 0 1px 0 #686868; + cursor: pointer; + text-decoration: none; + margin-right: 10px; + width: 7.5%; +} + +.content_search { + width: 607px; +} + +.content_search_list { + display: flex; + width: 100%; + padding: 10px; +} + +.content_search_list:hover { + background: #f5f5f5; +} + +.content_search_list_ava img { + width: 75px; +} + +.content_search_list_ava { + width: 85px; +} + +.content_search_list_name_h4 { + color: #2b587a; + font-weight: bold; +} + +.content_search_list_span { + color: #7b7b7b; + margin-top: 5px; +} + +.pinned-mark { + display: inline-block; + height: 16px; + width: 16px; + overflow: auto; + background: url("/assets/packages/static/openvk/img/pin.png") no-repeat 100% 0; + vertical-align: middle; +} + +.topic-list-item { + border-bottom: #e6e6e6 solid 1px; + padding: 4px; +} + +.messagebox-content-header { + background: #F7F7F7; + margin: -20px; + padding: 10px; +} + +.hover-box { + background-color: white; + padding: 10px; + margin: 5px; + border: 1px solid #C0CAD5; + cursor: pointer; + user-select: none; +} + +.hover-box:hover { + background-color: #C0CAD5; +} + +.summaryBar { + border-bottom: #DEDEDE solid 1px; + clear: both; + padding: 11px 10px; + padding-bottom: 11px; + line-height: normal; +} + +.summaryBar.summaryBarFlex { + display: flex; + flex-direction: row; + justify-content: space-between; +} + +.summaryBar.padding { + padding-top: 10px; + padding-bottom: 8px; + height: 23px; +} + +.summaryBar .summary { + color: #45688E; + font-weight: bold; + padding-top: 3px; + padding-bottom: 4px; + display: inline-block; +} + +.note_header { + background: #f7f7f7; + border-bottom: solid 1px #DAE1E8; + border-top: solid 1px #45688E; + padding: 4px 6px 5px; +} + +.note_header .note_title { + color: #45688E; + font-size: 13px; + font-weight: bold; + line-height: 15px; + margin: 0; + padding: 0 0 1px; +} + +.note_footer { + border-top: 1px solid #ddd; + clear: both; + margin-top: 10px; + padding: 0 6px 0 2px; +} + +.comments_count { + padding: 5px 0 0; +} + +.groups_options { + padding: 10px 20px 20px; + border-top: #DEDEDE solid 1px; +} + +#groups_graybar form { + display: inline-block; +} + +#groups_graybar #create_group { + float: left; +} + +.container_gray .content:last-child { + margin-bottom: 0; +} + +.group_info { + padding: 0 5px 0 0 !important; +} + +.group_info .label { + width: auto !important; + padding-left: 5px; +} + +table td[width="120"] { + text-align: left; +} + +.profile_thumb { + padding: 0 0 0 10px; + width: 50px; + display: inline-block; + vertical-align: top; + box-sizing: border-box; +} + +.mb_tabs { + background-color: #F6F6F6; + border-bottom: #DEDEDE solid 1px; + padding: 10px; +} + +.mb_tab { + cursor: pointer; + font-weight: bold; + margin-left: 10px; + display: inline-block; + border-radius: 2px; +} + +.mb_tab .special_counter { + color: #595959; + font-weight: bold; + margin: 0px 1px; +} + +.mb_tab:hover { + background: #e2e0e0; +} + +.mb_tab div, .mb_tab > a { + padding: 5px 9px; + display: block; +} + +.mb_tab#active { + background-color: #606060; +} + +.mb_tab#active a { + color: white; +} + +.mb_tab#active .special_counter { + color: #bdbdbd; +} + +.border-block { + box-shadow: inset 0 0 0 1px #b6bfca, inset 0 0 0 10px #d8dfe7; + width: 300px; + padding: 20px; +} + +.center { + margin: 0 auto; +} + +#upload_container { + background: white; + padding: 30px 80px 20px; + margin: 10px 25px 30px; + border: 1px solid #d6d6d6; +} + +#upload_container h4 { + border-bottom: solid 1px #daE1E8; + text-align: right; + padding: 0 0 4px 0; + margin: 0; +} + +#upload_container #lastStepContainers { + display: flex; + flex-direction: column; + gap: 10px; +} + +#upload_container .upload_container_element { + border: 1px solid #d6d6d6; + background: #f6f6f6; +} + +#upload_container .upload_container_element .upload_container_name { + padding: 5px 5px; + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-between; +} + +#audio_upload { + width: 350px; + margin: 20px auto; + margin-bottom: 10px; + padding: 15px 0; + border: 2px solid #ccc; + background-color: #EFEFEF; + text-align: center; +} + +ul { + list-style: url(/assets/packages/static/openvk/img/bullet.gif) outside; + margin: 10px 0; + padding-right: 30px; + color: black; +} + +li { + padding: 1px 0; +} + +#upload_container ul { + padding-right: 15px; +} + +#votesBalance, #news, #bday { + margin-top: 10px; + padding: 7px; + background-color: #f6f6f6; + border-bottom: 1.5px solid #DDDDDD; + text-align: center; + user-select: none; +} + +#news b { + color: #8A0000; + font-size: 12px; +} + +#bday b { + color: #45688E; + font-size: 12px; +} + +.cookies-popup { + position: fixed; + bottom: 0; + right: 0; + width: 100%; + height: 40px; + background: linear-gradient(#fff, #eee); + box-shadow: inset 0px 1px 0px #bbb, inset 0px 2px 0px #ddd; + z-index: 2048; +} + +.cookies-popup .contanier { + width: 760px; + display: flex; + margin: 0 auto; + align-items: center; + height: 100%; +} + +.cookies-popup .contanier .text { + width: 100%; +} + +.floating_sidebar { + position: fixed; + top: 0; + display: flex; + flex-direction: column; + width: 118px; + align-items: end; + transition: 250ms; + display: none; +} + +.floating_sidebar.show { + display: flex; + animation-name: appearing; + animation-duration: 250ms; +} + +.floating_sidebar.hide_anim { + opacity: 0; + display: flex; +} + +.floating_sidebar .minilink { + text-align: left; + opacity: 0.5; + padding: 8px 4px; + width: fit-content; + transition: 250ms; + height: 11px; + display: flex; +} + +.floating_sidebar .minilink:hover { + opacity: 1; +} + +.minilink .counter { + font-weight: bold; + background-color: #eee; + line-height: 10px; + margin: -1px 0 0 3px; + padding: 1px 1px; + border-radius: 2px; + height: 11px; +} + +#app_news_container { + margin-bottom: 30px; + overflow-x: hidden; + overflow-y: auto; + max-height: 250px; +} + +.poll { + padding: 8px; + transition: .1s filter ease-in; + border: 1px solid #e3e3e3; +} + +.poll.loading { + filter: opacity(0.5); + cursor: progress; + user-select: none; +} + +.poll.loading * { + pointer-events: none; +} + +.poll-embed { + float: left; +} + +.poll h4 { + padding-bottom: 4px; + margin-bottom: 8px; +} + +.poll-meta .nobold { + font-style: oblique; +} + +.poll-result-barspace { + display: flex; +} + +.poll-result { + margin-bottom: 5px; +} + +.poll-result a { + color: unset; +} + +.poll-result-bar { + position: relative; + margin: 5px 0; + background-color: #f7f7f7; + height: 13pt; + flex: 14; +} + +span.poll-result-count { + position: absolute; + top: 50%; + right: 50%; + margin-left: -50%; + transform: translate(50%, -50%); + color: #7d96af; +} + +.poll-result-bar-sub { + height: 100%; + background-color: #d9e1ea; +} + +.poll-result-pct { + flex: 2; + display: flex; + justify-content: flex-end; + align-items: center; + padding-right: 5px; +} + +a.poll-retract-vote { + float: left; +} + +.tippy-box[data-theme~="vk"] { + user-select: none; + background-color: #fff; + border: 1px solid #DCE1E6; + border-radius: 1px; +} + +.progress { + border: 1px solid #eee; + height: 15px; + background: linear-gradient(to bottom, #fefefe, #fafafa); +} + +.progress .progress-bar { + background: url('progress.png'); + background-repeat: repeat-x; + height: 15px; + animation-name: progress; + animation-duration: 1s; + animation-iteration-count: infinite; + animation-timing-function: linear; +} + +@keyframes progress { + from { + background-position: 100%; + } + + to { + background-position: right 20px top 50%; + } +} + +.post-horizontal, .post-vertical { + margin-top: 0px; +} + +.post-horizontal { + display: flex; + flex-direction: row; + flex-wrap: wrap; + gap: 3px; +} + +.post-vertical { + display: flex; + flex-direction: column; + flex-wrap: wrap; + gap: 3px; +} + +.post-horizontal .upload-item { + /*width: 75px; + height: 60px;*/ + overflow: hidden; + display: inline-flex; + justify-content: center; + align-items: center; + position: relative; + min-height: 63px; +} + +.post-horizontal .upload-item .play-button, .compact_video .play-button, .docGalleryItem .play-button { + position: absolute; + height: 30px; + width: 30px; + background: rgba(0, 0, 0, 0.8); + + display: flex; + justify-content: center; + align-items: center; +} + +.post-horizontal .upload-item .play-button .play-button-ico, .compact_video .play-button .play-button-ico, .docGalleryItem .play-button .play-button-ico { + background: url(/assets/packages/static/openvk/img/wall.png) no-repeat right 1px top 0; + display: inline-block; + height: 15px; + width: 12px; +} + +.upload-item.dragged { + filter: contrast(0.5); +} + +.post-horizontal .upload-item .upload-delete { + position: absolute; + background: rgba(0,0,0,0.5); + padding: 2px 5px; + text-decoration: none; + color: #fff; + font-size: 11px; + left: 0px; + top: 0px; + opacity: 0; + transition: 0.25s; +} + +.upload-item:hover > .upload-delete { + opacity: 1; +} + +.post-horizontal .upload-item img { + width: 100%; + max-height: 60px; + object-fit: cover; + border-radius: 3px; +} + +.vertical-attachment { + display: grid; + grid-template-columns: 1fr 0fr; +} + +.vertical-attachment:first-of-type { + margin-top: 7px; +} + +.vertical-attachment .audioEntry { + max-height: 28px; + min-height: 18px; +} + +.vertical-attachment .audioEntry:hover { + background: unset !important; +} + +.vertical-attachment .audioEntry .buttons { + display: none; +} + +.vertical-attachment .audioEntry .status { + margin-top: 1px; + margin-right: 2px; + height: 15px; +} + +.vertical-attachment .audioEntry .nobold { + margin-top: 1px; +} + +.vertical-attachment .audioEntry .subTracks { + padding-right: 0px; + padding-left: 0px; + margin-top: 2px; +} + +.vertical-attachment .audioEntry .audioEntryWrapper { + height: 14px; + padding: 0px 0px 0px 4px; + gap: 2px; +} + +.post-buttons .vertical-attachment .vertical-attachment-content { + /*max-height: 27px;*/ + padding: 3px 2px; +} + +.vertical-attachment .vertical-attachment-content .overflowedName { + position: initial; + width: 100% !important; +} + +/* https://imgur.com/a/ihB3JZ4 */ + +.ovk-photo-view-dimmer { + position: fixed; + right: 0px; + top: 0px; + left: 0px; + bottom: 0px; + overflow: auto; + z-index: 300; +} + +.ovk-photo-view-overlay { + position: absolute; + top: 0; + width: 15%; + height: 100%; + z-index: 205; + cursor: pointer; +} + +.ovk-photo-view-overlay-left { + right: 0; +} + +.ovk-photo-view-overlay-right { + left: 0; + opacity: 40%; +} + +.ovk-photo-view-overlay-right:hover, .ovk-photo-view-overlay-left:hover + .ovk-photo-view-overlay-right { + opacity: 100%; +} + +.ovk-photo-close-icon { + position: fixed; + top: 20px; + left: 20px; + width: 28px; + height: 28px; + background-image: url("data:image/svg+xml;utf8,\\\\"); + background-repeat: no-repeat; + background-position: center; + background-size: contain; +} + +.ovk-photo-view { + position: relative; + z-index: 999; + background: #fff; + min-width: 600px; + width: fit-content; + padding: 35px; + padding-top: 26px; + padding-bottom: 10px; + box-shadow: 0px 0px 3px 1px #222; + margin: 10px auto 20px auto; +} + +.ovk-photo-view .photo_viewer_wrapper { + position: relative; + height: 80vh; + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; +} + +.ovk-photo-view .photo_viewer_wrapper.photo_viewer_wrapper_scrollable { + height: unset; +} + +.ovk-photo-view #ovk-photo-img { + max-width: 100%; + max-height: 80vh; + user-select: none; +} + +.ovk-photo-view iframe { + width: 90vw; + height: 100vh; +} + +.photo_com_title { + font-weight: bold; + padding-bottom: 16px; +} + +.photo_com_title div { + float: left; + font-weight: normal; +} + +.ovk-photo-slide-left { + right: 0; + width: 35%; + height: 100%; + position: absolute; + cursor: pointer; +} + +.ovk-photo-slide-right { + left: 0; + width: 35%; + height: 100%; + position: absolute; + cursor: pointer; +} + +.ovk-photo-view .media-page-wrapper-details { + display: flex; + gap: 10px; +} + +.ovk-photo-view .media-page-wrapper-comments { + overflow-y: auto; + overflow-x: hidden; + min-height: 300px; + width: 100%; + padding: 0px 2px; +} + +.ovk-photo-view .ovk-photo-details { + margin-top: 10px; +} + +.client_app > img { + top: 3px; + position: relative; +} + +.client_app.client_app_titlebar > img { + top: 2px; + position: relative; + filter: invert(100%) sepia(100%) saturate(800%) hue-rotate(2deg) brightness(130%) contrast(50.1%); +} + +@keyframes appearing { + from { + opacity: 0; + } + + to { + opacity: 1; + } +} + +.regform-left{ + text-align: left; + min-width: 110px; +} + +.regform-right{ + min-width: 200px; +} + + +.tour { + background: #F9F6E7; + border: 1px solid #BEAD61; + padding: 8px 25px; + width:205px; + text-align:center; + color: #000; + font-size:12px; + margin:10px auto; + cursor:hand;cursor:pointer; +} + +.tour div { + font-size: 11px; color:#000; +} + +.video-wowzer > img { + vertical-align: bottom; +} + +.video-wowzer { + font-weight: bolder; + font-size: 12px; + padding: 3px 0; +} + +.video-wowzer .small-video-ico { + vertical-align: bottom; + display: inline-block; + width: 11px; + height: 14px; + background: url(/assets/packages/static/openvk/img/wall.png?v=2); + background-position: right -87px top 0px; +} + +/* Da search */ + +/* Header part */ + +.header_navigation #search_box { + display: inline-block; + height: 29px; + padding: 11px 7px 0 4px; +} + +#search_box input[type='search'] { + height: 20px; + background: url('/assets/packages/static/openvk/img/search_icon.png') no-repeat right 3px top 4px; + background-color: #fff; + padding-right: 18px !important; + width: 120px; +} + +.header_navigation #search_box input[type='search']::-webkit-search-cancel-button { + display: none; +} + +.header_navigation #search_box #search_box_fr form, .header_navigation #search_box #search_box_fr #search_and_one_more_wrapper { + display: flex; +} + +.header_navigation #search_box #searchBoxFastTips { + display: none; + position: absolute; + background: #fff; + border: 1px solid #d8d8d8; + border-top: unset; + margin-top: -1px; + box-shadow: -2px 3px 4px -1px rgba(34, 60, 80, 0.2); +} + +.header_navigation #search_box #searchBoxFastTips a { + display: flex; + flex-direction: row; + gap: 6px; + padding: 5px; + cursor: pointer; +} + +.header_navigation #search_box #searchBoxFastTips a b, .header_navigation #search_box #searchBoxFastTips a span { + display: block; + text-transform: initial; + line-height: 12px; +} + +.header_navigation #search_box #searchBoxFastTips a:hover, .header_navigation #search_box #searchBoxFastTips a:focus { + background: #f3f3f3; +} + +.header_navigation #search_box #searchBoxFastTips a .search_tip_info_block { + display: flex; + justify-content: center; + flex-direction: column; + align-items: baseline; + gap: 4px; +} + +.header_navigation #search_box #searchBoxFastTips a img { + width: 33px; + height: 33px; + object-fit: cover; +} + +.page_header.search_expanded .header_navigation #search_box #searchBoxFastTips.shown { + display: flex; + flex-direction: column; + z-index: 11; +} + +.page_header.search_expanded_at_all .header_navigation #search_box #searchBoxFastTips.shown { + display: none; +} + +.page_header.search_expanded .link { + display: none; +} + +.page_header.search_expanded #search_and_one_more_wrapper { + width: 627px; + position: relative; +} + +.page_header.search_expanded.search_expanded_at_all #search_and_one_more_wrapper { + width: 547px; +} + +.page_header.search_expanded #search_box input[type='search'] { + width: 100%; +} + +.header_navigation #search_box select[name='section'], .header_navigation #search_box .search_box_button { + display: none; +} + +.page_header.search_expanded select[name='section'] { + display: inline-block !important; +} + +.page_header.search_expanded_at_all .search_box_button { + display: inline-block !important; +} + +.page_header select[name='section'] { + width: auto; + height: 20px; + position: absolute; + padding: 0px 0px; + left: 0; + text-align: left; + border-right: 0px; + background: transparent; +} + +.header_navigation #search_box .search_box_button { + border: solid 1px #575757; + background-color: #696969; + color: #ffffff; + padding: 1px 0px 1px 0px; + width: 80px; + cursor: pointer; + box-shadow: 0px 2px 0px 0px rgba(255, 255, 255, 0.18) inset; +} + +.header_navigation #search_box .search_box_button span { + color: white; + font-weight: 600; + font-size: 12px; +} + +.header_navigation #search_box .search_box_button:active { + border: solid 1px #666666; + background-color: #696969; + color:white; + box-shadow: 0px -2px 0px 0px rgba(255, 255, 255, 0.18) inset; +} + +.searchHide { + padding-left: 5px; +} + +/* Search layout */ +#search_page { + display: flex; + flex-direction: row; + justify-content: space-between; +} + +.page_content_paginator_bottom { + background: #f7f7f7; + border-top: 1px solid #d8d8d8; + padding: 8px 8px; + display: flex; + justify-content: left; +} + +.page_wrap_content_main { + padding: 3px 3px; + width: 74%; +} + +.page_wrap_content_main.audios_padding { + padding: 8px 8px; +} + +.page_wrap_content_main .def_row_content { + border-bottom: #ECECEC solid 1px; + padding: 3px 1px; +} + +.page_wrap_content_main .def_row_content:first-of-type { + padding: 0px 1px 3px 1px; +} + +.page_wrap_content_main .search_content:first-of-type .post { + border-top: unset; + padding-top: unset; +} + +.page_wrap_content_main .search_content:last-of-type .post, .page_wrap_content_main .def_row_content:last-of-type { + border-bottom: unset; + padding-bottom: unset; +} + +.verticalGrayTabsWrapper { + width: 158px; + border-top: 1px solid #E5E7E6; + border-right: 1px solid #d8d8d8; + scrollbar-width: none; + font-size: 12px; + background-color:#f7f7f7; +} + +.searchList, .verticalGrayTabs { + list-style: none; + user-select: none; + padding-right: 0px; + display: flex; + flex-direction: column; + gap: 1px; +} + +.verticalGrayTabsPad { + padding: 0px 8px 0px 0px; +} + +.searchList hr, .verticalGrayTabs hr { + width: 153px; + margin-right: 0px; + margin-top: 6px; +} + +.verticalGrayTabs.with_padding, .verticalGrayTabs > .with_padding { + padding: 4px 4px 4px 4px; +} + +.searchList #used, .verticalGrayTabs #used { + color: #ffffff !important; + padding: 5px 9px 5px 9px; + border: solid 0.125rem #4F4F4F; + background: #606060; +} + +.searchList #used a, .verticalGrayTabs #used a { + color: white; +} + +.searchList li, .searchList a, .verticalGrayTabs a { + display: block; + font-size: 12px; + color: #2B587A !important; + cursor: pointer; + padding: 5px 9px 5px 9px; +} + +.searchList a:hover, .verticalGrayTabs a:hover { + margin-right: 0px; + color: #2B587A !important; + background: #ebebeb; +} + +.highlight { + background: #ffea6d; + border-bottom: 1px solid #c7c727; + font-weight: bolder; + padding: 0px 1px; +} + +/* Options */ + +.page_wrap_content .page_search_options { + padding: 0px 4px 4px 4px; +} + +.page_wrap_content .page_search_options .search_option { + user-select: none; +} + +.page_wrap_content .page_search_options .search_option .search_option_name_ico { + width: 9px; + height: 8px; + display: inline-block; + background-repeat: no-repeat; + background: url('/assets/packages/static/openvk/img/arrows.png'); +} + +.page_wrap_content .page_search_options .search_option.search_option_hidden .search_option_name_ico { + background-position: right -9px top 0px; +} + +.page_wrap_content .page_search_options .search_option.search_option_hidden .search_option_content { + display: none; +} + +.page_wrap_content .page_search_options .search_option .search_option_name { + cursor: pointer; + background-color: #EAEAEA; + padding: 5px 5px 5px 5px; + font-weight: 600; + color: #585858; + border-bottom: 2px solid #E4E4E4; + + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.page_wrap_content .page_search_options .search_option .search_option_content { + margin-top: -5px; + padding-top: 10px; + padding-bottom: 6px; +} + +.page_wrap_content .page_search_options .search_option .search_option_content label { + display: block; +} + +.page_wrap_content .page_search_options .search_option .search_option_content select { + padding-right: 3px; + padding-top: 3px; + padding-bottom: 3px; + width: 100%; +} + +.page_wrap_content .page_search_options #search_reset { + margin-top: 5px; +} + +.page_wrap_content .page_search_options .search_option .search_option_content input[type=text], .page_wrap_content .page_search_options .search_option .search_option_content input[type=date] { + margin-bottom: 5px; +} + +.content_page_error { + background: white; + border: #DEDEDE solid 1px; + height: 100%; + + display: flex; + align-items: center; + justify-content: center; +} + +.content_page_error span { + color: #707070; + display: block; +} + +/* Da search end. */ + +#standaloneCommentBox { + position: sticky; + top: 0; + background-color: #fff; + border-bottom: 1px dotted #8b8b8b; + z-index: 10; +} + +.page_content.overscrolled div[class$="_small_block"] { + position: absolute; + visibility: hidden; +} + +.page_content.overscrolled div[class$="_big_block"] { + width: 100%; +} + +.attachment_note .attachment_note_icon { + max-width: 9px; +} + +.attachment_note .attachment_note_text { + color: #605F63; + margin-right: 2px; +} + +.attachment_note { + user-select: none; + display: flex; + align-items: center; + gap: 1px; + padding: 5px 9px; +} + +.post-buttons .attachment_note { + padding: 3px 0px; +} + +.attachment_note svg { + width: 8px; + height: 10px; + fill: #605f63; + margin-top: 2px; +} + +.attachment_note .attachment_note_content { + display: flex; + gap: 4px; + height: 12px; +} + +.attachments .attachment_note { + padding: 5px 5px; +} + +#notesList +{ + overflow-y: scroll; + max-height: 130px; + margin-top: 5px; +} + +.ntSelect +{ + cursor: pointer; + padding: 6px; + +} + +.ntSelect:hover +{ + background-color: rgb(233, 232, 232); +} + +body.article { + height: 100vh; + overflow-y: hidden; +} + +body.article .articleView { + display: unset; +} + +body.article .floating_sidebar, body.article .page_content { + display: none; +} + +.articleView { + display: none; + position: absolute; + z-index: 128; + width: 98%; + min-height: 100vh; + padding: 20px; + box-sizing: border-box; + background-color: #fff; +} + +.articleView_container { + width: 791px; + margin: auto; +} + +.articleView_info { + display: flex; + justify-content: space-between; + align-items: center; +} + +.articleView_author { + display: flex; + gap: 10px; + align-items: flex-start; +} + +.articleView_author > img { + width: 48px; + height: 48px; + object-fit: cover; + border-radius: 100%; +} + +.articleView_author > div { + display: flex; + flex-direction: column; + margin-top: 3px; +} + +.articleView_author > div > span { + font-size: 13pt; + font-weight: 600; + font-family: sans-serif; +} + +.articleView_author > div > span > a { + color: #000; +} + +.articleView_author > div > time { + font-size: 11pt; + font-family: sans-serif; + color: grey; +} + +.articleView_text { + padding: 30px 0; + font-size: 19px; + font-family: serif; +} + +.articleView_text h1, .articleView_text h2, .articleView_text h3, .articleView_text h4 { + font-family: sans-serif; +} + +.articleView_text h1 { + font-size: 38px; + line-height: 41px; +} + +.articleView_text h2 { + font-size: 32px; + line-height: 1.13em; +} + +.articleView_text h3 { + font-size: 24px; + line-height: 1.4em; +} + +.articleView_text h4 { + font-size: 19px; + line-height: 1.2em; + color: black; + border: none; +} + +.articleView_text p { + margin-top: 24px; +} + +.articleView_text p:first-of-type { + margin-top: 40px; +} + +.articleView_text ::selection { + color: #fff; + background: #000; +} + +.articleView_link > a { + font-size: 14px; +} + +.articleView_text hr { + border: none; + height: 20px; + background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%229%22%20width%3D%2235%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20opacity%3D%22.5%22%3E%3Cpath%20d%3D%22m0%200h35v9h-35z%22%2F%3E%3Cpath%20d%3D%22m3.997%200h1v3h-1zm4.147%201.817.5.866-2.598%201.5-.5-.866zm.5%204.5-.5.866-2.598-1.5.5-.866zm-3.647%202.683h-1v-3h1zm-4.147-1.817-.5-.866%202.598-1.5.5.866zm-.5-4.5.5-.866%202.598%201.5-.5.866zm16.647-2.683h1v3h-1zm4.147%201.817.5.866-2.598%201.5-.5-.866zm.5%204.5-.5.866-2.598-1.5.5-.866zm-3.647%202.683h-1v-3h1zm-4.147-1.817-.5-.866%202.598-1.5.5.866zm-.5-4.5.5-.866%202.598%201.5-.5.866zm16.647-2.683h1v3h-1zm4.147%201.817.5.866-2.598%201.5-.5-.866zm.5%204.5-.5.866-2.598-1.5.5-.866zm-3.647%202.683h-1v-3h1zm-4.147-1.817-.5-.866%202.598-1.5.5.866zm-.5-4.5.5-.866%202.598%201.5-.5.866z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) no-repeat center; + margin: 0; +} +#articleCloseButton { + position: absolute; + left: 22px; + font-size: 12px; +} + +.post .sourceDiv { + margin-top: 3px; + margin-right: 4px; +} + +.post .sourceDiv span { + color: grey; + font-size: 10px; +} + +.post .sourceDiv a:hover { + text-decoration: underline; +} + +#source_flex_kunteynir { + display: flex; + flex-direction: column; + gap: 22px; + padding: 5px 10px; +} + +.sugglist { + padding-bottom: 5px; + padding-top: 5px; + margin-bottom: -5px; + padding-right: 9px; + border-top: 1px solid gray; + background-color: #e6e6e6; + margin-top: 5px; +} + +.sugglist a { + color: #626262; +} + +.suggestionControls { + text-align: center; +} + +.button.loaded { + background: #595959 url("/assets/packages/static/openvk/img/loading_mini.gif") no-repeat 50% 50%; + padding: 2px 39px 7px 9px; + margin-bottom: -6px; +} + +@-moz-document url-prefix() { + .button.loaded { + padding: 16px 4px 6px 40px !important; + } +} + +.sugglist a:hover { + text-decoration: underline; +} + +.sugglist a[data-toogled="true"] { + text-decoration: underline; + color:#4a4a4a; +} + +.authorIcon { + height: 11px; + margin-top: 1px; + width: 10px; + float: right; + background: url("/assets/packages/static/openvk/img/person.png") no-repeat 100% 0; +} + +.authorName { + margin-right: 4px; + font-weight: normal !important; + font-size: 11px; +} + +.attachment_selector .topGrayBlock { + background: #F0F0F0; + height: 37px; + border-bottom: 1px solid #C7C7C7; + padding: 3px 10px; + align-items: center; + justify-content: center; + justify-content: space-between; +} + +.attachment_selector .topGrayBlock #video_query { + width: 160px; +} + +.attachment_selector .topGrayBlock #albumSelect { + width: 150px; +} + +.attachment_selector #attachment_insert { + padding: 5px; + height: 281px; + overflow-y: scroll; +} + +.attachment_selector #attachment_insert #attachment_insert_count { + position: fixed; + z-index: 1007; + width: 92%; + background: white; + margin-top: -5px; + padding-top: 6px; +} + +#show_more { + width: 100%; + text-align: center; + background: #f0f0f0; + height: 22px; + padding-top: 9px; + cursor: pointer; + margin-top: 4px; +} + +#show_more:hover { + background: #f2f2f2; +} + +.attachment_selector #attachment_insert .photosList { + margin-top: 20px; + gap: 3px 6px; +} + +.attachment_selector #attachment_insert .photosList .album-photo.selected img { + background-color: #646464; +} + +.attachment_selector #attachment_insert .photosList .album-photo { + width: 15.8%; + margin: unset; +} + +.attachment_selector #attachment_insert .videosInsert .video_list .video-preview { + height: 75px; + width: 133px; + overflow: hidden; +} + +.attachment_selector #attachment_insert .videosInsert .video_list .video-preview img { + max-width: 133px; + height: 75px; + margin: auto; +} + +.attachment_selector #attachment_insert .videosInsert .video_list .action_links { + width: 150px; +} + +.edited { + color: #9b9b9b; +} + +.uploadedImage img { + max-height: 76px; + object-fit: cover; +} + +.lagged { + filter: opacity(0.5); + cursor: not-allowed; + user-select: none; +} + +.edit_menu.loading { + filter: opacity(0.5); + cursor: progress; + user-select: none; +} + +.edit_menu.loading * { + pointer-events: none; +} + +.edit_menu .edit_menu_buttons { + margin-top: 10px; +} + +.lagged *, .lagged { + pointer-events: none; +} + +.button.dragged { + background: #c4c4c4 !important; + border-color: #c4c4c4 !important; + color: black !important; +} + +.whiteBox { + background: white; + width: 421px; + margin-right: auto; + margin-left: auto; + border: 1px solid #E8E8E8; + margin-top: 7%; + height: 231px; +} + +.boxContent { + padding: 24px 38px; +} + +.blueList { + list-style-type: none; +} + +.blueList li { + color: black; + font-size: 11px; + padding-top: 7px; +} + +.blueList li::before { + content: " "; + width: 5px; + height: 5px; + display: inline-block; + vertical-align: bottom; + background-color: #73889C; + margin: 3px; + margin-right: 2px; + margin-left: 7px; +} + +.insertedPhoto { + background: white; + border: 1px solid #E8E7EA; + padding: 10px; + height: 100px; + margin-top: 6px; +} + +.uploadedImage { + float: left; + display: flex; + flex-direction: column; +} + +.uploadedImageDescription { + width: 449px; +} + +.uploadedImageDescription textarea { + width: 84%; + height: 86px; +} + +.smallFrame { + border: 1px solid #E1E3E5; + background: #F0F0F0; + height: 33px; + text-align: center; + cursor: pointer; +} + +.smallFrame .smallBtn { + margin-top: 10px; +} + +.smallFrame:hover { + background: #E9F0F1 !important; +} + +hr { + background-color: #d8d8d8; + border: none; + height: 1px; +} + +.showMore, .showMoreAudiosPlaylist { + width: 100%; + text-align: center; + background: #d5d5d5; + height: 22px; + padding-top: 9px; + cursor: pointer; +} + +#upload_container .upload_container_element .upload_container_name.uploading { + background: white url('/assets/packages/static/openvk/img/progressbar.gif') !important; + background-position-x: 100% !important; + background-position-y: 0% !important; + background-repeat: repeat !important; + background-repeat: no-repeat !important; + background-position: 50% !important; +} + +.entity_vertical_list { + display: flex; + flex-direction: column; + gap: 10px; + height: 197px; + overflow-y: auto; +} + +.entity_vertical_list.scroll_container { + height: unset; + overflow-y: unset; + padding: 5px; +} + +.entity_vertical_list .entity_vertical_list_item { + display: flex; + flex-direction: row; + justify-content: space-between; + gap: 4px; + cursor: pointer; +} + +.entity_vertical_list .entity_vertical_list_item .first_column { + display: flex; + flex-direction: row; + gap: 4px; +} + +.entity_vertical_list.m_mini .entity_vertical_list_item .first_column { + gap: 13px; +} + +.entity_vertical_list.m_mini .entity_vertical_list_item:hover .first_column a { + text-decoration: underline; +} + +.entity_vertical_list.m_mini .entity_vertical_list_item .first_column .avatar img { + width: 40px; + height: 40px; +} + +.entity_vertical_list .entity_vertical_list_item .avatar { + display: block; +} + +.entity_vertical_list .entity_vertical_list_item img { + width: 50px; + height: 50px; + object-fit: cover; +} + +.entity_vertical_list .entity_vertical_list_item .info { + width: 300px; + display: flex; + flex-direction: column; + justify-content: space-around; +} + +.entity_vertical_list.mini .entity_vertical_list_item img { + width: 35px; + height: 35px; +} + +#gif_loader { + content: ""; + display: inline-block; + background-image: url('/assets/packages/static/openvk/img/loading_mini.gif'); + width: 30px; + height: 7px; +} + +.compact_video { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + height: 100%; + width: 100%; + + position: relative; + margin-right: -2px; + margin-top: -2px; +} + +.compact_video .video-length { + text-align: center; + position: absolute; + width: 34px; + height: 14px; + bottom: 5px; + left: 5px; + background: rgba(0,0,0,0.5); + color: white; +} + +.media-page-wrapper .photo-page-wrapper-photo { + margin-bottom: 8pt; + text-align: center; +} + +.media-page-wrapper .video-page-wrapper-video iframe { + width: 100%; +} + +.media-page-wrapper .photo-page-wrapper-photo img { + max-width: 85%; + max-height: 60vh; +} + +.media-page-wrapper-details { + width: 100%; + min-height: 100px; + display: flex; + justify-content: space-between; + gap: 10px; +} + +.media-page-wrapper-comments { + min-height: 100px; + width: 68%; + margin-right: 3px; +} + +.media-page-wrapper-actions { + min-height: 100px; + width: 30%; + margin-right: 1px; +} + +.media-page-wrapper-description p { + margin: 0px; +} + +.media-page-wrapper-description { + padding: 5px 30px; +} + +.media-page-wrapper-description .upload_time { + color: gray; + display: inline-flex; + align-items: center; + font-size: 10px; +} + +.media-page-author-block { + display: flex; + align-items: center; + gap: 7px; + margin-bottom: 5px; +} + +.media-page-author-block img { + width: 30px; +} + +.media-page-author-block .media-page-author-block-name { + display: flex; + flex-direction: column; + justify-content: center; +} + +.media-page-author-block .media-page-author-block-name b { + font-weight: bold; +} + +.media-page-author-block .media-page-author-block-name span { + text-transform: lowercase; +} + +#ajloader { + display: none; + position: fixed; + top: -10%; + background: rgba(0, 0, 0, 0.8); + box-shadow: 0px 0px 2px 0px black; + padding-top: 12px; + width: 91px; + height: 25px; + text-align: center; + border-radius: 2px; + margin: auto; + right: 0; + left: 0; + bottom: 0; + z-index: 5555; +} + +#ajloader.shown { + display: block; +} + +.hoverable_color { + transition: all 0.17s ease-in-out; +} + +.hoverable_color:hover { + color: white !important; +} + +.side_link { + float: left; + margin-left: 3px; + margin-top: 4px; +} + +.side_link:hover { + text-decoration: underline; +} + +#_feed_settings_container { + height: 100%; +} + +#_feed_settings_container #__content { + display: flex; + flex-direction: column; + gap: 4px; + padding: 5px; + height: 100%; +} + +#_feed_settings_container #__content .settings_item { + display: flex; + flex-direction: column; +} + +#_feed_settings_container #__content .final_settings_item { + align-self: end; + margin-top: 74px; +} + +#_feed_settings_container #pageNumber { + width: 70px; +} + +#_feed_settings_container .entity_vertical_list { + height: 206px; + overflow-x: hidden; +} + +.like_tooltip_wrapper { + box-shadow: 0px 2px 6px -5px rgba(0, 0, 0, 0.8); +} + +.like_tooltip_wrapper .like_tooltip_head { + background: linear-gradient(-180deg, #595959, #515151); + box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.18) inset; + border: solid 1px #575757; + padding: 4px 10px; + width: 180px; + display: flex; + justify-content: space-between; + align-items: center; +} + +.like_tooltip_wrapper .like_tooltip_head span, .like_tooltip_wrapper .like_tooltip_head a { + font-size: 12px; + color: white; + height: 14px; +} + +.like_tooltip_wrapper .like_tooltip_body { + background: white; + padding: 10px; + border: 1px solid #878787; + cursor: default; +} + +.like_tooltip_wrapper .like_tooltip_body .like_tooltip_body_grid { + display: flex; + gap: 6px; +} + +.like_tooltip_wrapper .like_tooltip_body img { + width: 25px; + height: 25px; +} + +.object_fit_ava { + object-fit: cover; + object-position: top; +} + +.like_tooltip_wrapper .like_tooltip_body a { + height: 25px; +} + +.tippy-box[data-theme~="special"] { + margin: 0; + border: unset; + border-radius: 0px; + background-color: #fff; +} + +.tippy-box[data-theme~="special"] .tippy-arrow { + z-index: 9; +} + +.tippy-box[data-theme~="special"] .tippy-arrow::before { + border-top-color: white; +} + +.tippy-box[data-theme~="special"][data-placement^=bottom] .tippy-arrow::before { + border-bottom-color: #525252; +} + +.tippy-box[data-animation='up_down'] { + transition: all 50ms; +} + +.tippy-box[data-animation='up_down'][data-state='hidden'] { + opacity: 0; + inset: auto auto 10px 0px; +} + +.tippy-box[data-animation='up_down'][data-state='visible'] { + inset: auto auto 0px 0px; +} + +.ctx_place { + position: relative; +} + +#ctx_menu { + position: absolute; + z-index: 100; + background: #f7f7f7; + border: 1px solid #d8d8d8; + display: flex; + flex-direction: column; + min-width: 185px; +} + +#ctx_menu a { + padding: 5px 20px 6px 6px; + color: black; + position: relative; + font-size: 10px; +} + +#ctx_menu a:hover { + background: #e9e9e9; +} + +#ctx_menu a.pressed { + padding-right: 25px; +} + +#ctx_menu a.pressed::before { + content: '✓'; + display: inline-block; + position: absolute; + right: 9px; + top: 3px; + font-size: 15px; +} + +.map_svg_icon { + display: inline-block; + margin-bottom: -2px; + fill: #7d7d7d; +} + +/* Documents */ + +#docs_page_wrapper { + margin-right: -10px; + margin-top: -10px; + margin-bottom: -10px; + display: block; + width: 102.8%; +} + +#docs_page_wrapper .docs_page_search { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + gap: 10px; + padding: 10px 10px; + border-bottom: 1px solid #CCCCCC; + background: #F0F0F0; +} + +#docs_page_wrapper .docs_page_search input[type="search"], .attachment_selector .attachment_search input { + height: 23px; + background: url('/assets/packages/static/openvk/img/search_icon.png') no-repeat right 3px top 5px; + background-color: #fff; + padding-right: 18px !important; +} + +#docs_page_wrapper .docs_page_search input[type="search"], #docs_page_wrapper .docs_page_search form { + width: 100%; +} + +#docs_page_wrapper .container_white { + display: flex; + flex-direction: column; + padding: 10px 10px; +} + +#docs_page_wrapper .docs_page_content.docs_page_gallery .scroll_container { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); + gap: 10px; + padding: 10px 10px; +} + +.docGalleryItem { + height: 200px; + cursor: pointer; + position: relative; + /*width: 200px;*/ +} + +.attachments .docGalleryItem.embeddable { + display: flex; + align-items: center; + justify-content: center; + /*background: black;*/ +} + +.attachments .docGalleryItem.embeddable .docGalleryItem_gif_preview { + object-fit: contain; +} + +.attachments .docGalleryItem.embeddable.playing .play-button, .attachments .docGalleryItem.embeddable.playing .doc_bottom_panel, .docGalleryItem .docGalleryItem_gif_preview, .attachments .docGalleryItem.embeddable.playing .docGalleryItem_main_preview { + display: none; +} + +.attachments .docGalleryItem.embeddable.playing .docGalleryItem_gif_preview { + display: block; +} + +.docGalleryItem img { + width: 100%; + height: 100%; + display: block; + object-fit: cover; +} + +.docGalleryItem .doc_bottom_panel { + position: absolute; + bottom: 0px; + background: rgba(1, 1, 1, 0.7); + padding: 3px 6px; + width: calc(100% - 12px); + + display: grid; + grid-template-columns: 1fr 0fr; +} + +.docGalleryItem .doc_shown_by_hover { + transition: all 100ms ease-in; + opacity: 0; +} + +.docGalleryItem:hover .doc_shown_by_hover, .doc_shown_by_hover.info_shown { + opacity: 1; +} + +.docGalleryItem .doc_bottom_panel span { + color: white; + font-size: 10px; +} + +.docGalleryItem .doc_bottom_panel .doc_bottom_panel_size { + max-width: 49px; + width: max-content; +} + +.docGalleryItem .doc_top_panel { + position: absolute; + top: 5px; + left: 5px; + background: rgba(1, 1, 1, 0.7); + padding: 3px 3px; + + display: flex; + gap: 5px; +} + +.docGalleryItem .doc_top_panel > div { + width: 10px; + height: 10px; + background: url('/assets/packages/static/openvk/img/docs_controls.png?v=8'); + background-size: 57px; + background-position-y: -24px; + background-repeat: no-repeat; +} + +#docs_page_wrapper select { + width: 150px; +} + +.docListViewItem { + min-height: 38px; + display: grid; + grid-template-columns: 0fr 1fr 0fr; + gap: 10px; + padding: 7px 7px; + border-bottom: 1px solid #EDEDED; +} + +.docs_page_content .docListViewItem:last-of-type { + border-bottom: unset !important; +} + +.docListViewItem:hover, .attachButton:hover { + background: #f7f7f7; +} + +.docListViewItem .doc_icon { + width: 50px; + height: 38px; + background: #E6E6E6; + user-select: none; + object-fit: cover; + border-radius: 2px; +} + +.docListViewItem .doc_content { + display: flex; + flex-direction: column; + margin-top: 1px; + /*gap: 5px;*/ +} + +.docListViewItem .doc_content b { + color: black; +} + +.docListViewItem .doc_content .doc_content_info, .docListViewItem .doc_content span { + color: #6d6d6d; +} + +.docListViewItem .doc_icon.no_image { + display: flex; + align-items: center; + justify-content: center; + border-radius: 2px; + height: 17px; + padding: 3px 0px; +} + +.docListViewItem .doc_icon.no_image span { + color: #6b6b6b; + font-weight: bold; +} + +.doc_icon.no_image span::before { + content: ''; + display: inline-block; + width: 10px; + height: 10px; + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAYAAABmBXS+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAABYSURBVChTY2RAAvNnzmwBUtVA3JqYnl4DFgQCJigNAyAFyDQYoCvCCohSxAh0x38oGydANwmmAUUjE9AXKD5EByB5uAIka0E0WBxmAHo4wa3BawOmRxgYAOA2GQMa5cgCAAAAAElFTkSuQmCC"); + transform: translateY(2px) translateX(3px); + background-repeat: no-repeat; +} + +.docListViewItem .doc_icon img { + width: 100%; + height: 100%; + object-fit: cover; +} + +.docListViewItem .doc_volume { + display: flex; + align-items: center; + gap: 5px; + visibility: hidden; +} + +.docListViewItem .doc_volume > div { + width: 20px; + height: 20px; + background: url('/assets/packages/static/openvk/img/docs_controls.png?v=8'); +} + +.docListViewItem:hover .doc_volume { + visibility: visible; +} + +.docListViewItem .doc_volume > div:hover { + cursor: pointer; + background-position-y: -21px; +} + +.docListViewItem .doc_volume #report_icon { + background-position-x: -40px; +} + +.docGalleryItem .doc_top_panel #report_icon { + background-position-x: -24px; +} + +.docListViewItem .doc_volume #edit_icon { + background-position-x: -20px; +} + +.docListViewItem .doc_volume #add_icon { + background-position-x: -60px; +} + +.docGalleryItem .doc_top_panel #add_icon { + background-position-x: -35px; +} + +.docGalleryItem .doc_top_panel #edit_icon { + background-position-x: -12px; +} + +.docListViewItem .doc_volume #mark_icon { + background-position-x: -80px; +} + +.docGalleryItem .doc_top_panel #mark_icon { + background-position-x: -46px; +} + +.doc_viewer_wrapper { + overflow: hidden; +} + +.attachments .docListViewItem { + min-height: 30px; + border-bottom: unset; +} + +.attachments .docGalleryItem { + display: block; + min-width: 170px; + min-height: 170px; + width: 60%; + margin-bottom: 4px; +} + +.attachButton { + width: 12%; + height: 55px; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + user-select: none; +} + +.attachment_selector .attachment_search { + margin: 6px 0px; +} + +.attachment_selector .attachment_search input { + height: 30px; + background-position-y: 9px; +} + +.deleted_mark_average { + padding: 5px 61px; +} + +.sort_link { + padding: 5px 2px; + display: inline-block; +} + +.sort_link_icon { + background: url(/assets/packages/static/openvk/img/wall.png?v=3) no-repeat; + display: inline-block; + height: 11px; + width: 9px; +} + +.sort_link_icon_desc { + background-position: right 0px top -15px; +} + +.sort_link_icon_asc { + background-position: right -11px top -15px; +} + +.hidden { + display: none !important; +} diff --git a/Web/static/js/package-lock.json b/Web/static/js/package-lock.json index 42c64105e..61205c547 100644 --- a/Web/static/js/package-lock.json +++ b/Web/static/js/package-lock.json @@ -4,6 +4,7 @@ "requires": true, "packages": { "": { + "name": "js", "dependencies": { "@atlassian/aui": "^9.6.0", "create-react-class": "^15.7.0", @@ -30,11 +31,47 @@ "umbrellajs": "^3.1.0" } }, + "node_modules/@atlaskit/feature-gate-js-client": { + "version": "5.5.7", + "resolved": "https://registry.npmjs.org/@atlaskit/feature-gate-js-client/-/feature-gate-js-client-5.5.7.tgz", + "integrity": "sha512-m2ATuJChdHLJdFxpfm5HPnBzjtg8yJFLdZmZguP24oFJI1562y7JbOSEmrRtbzyOIuuqjSUrcNA/el3+srkjrw==", + "dependencies": { + "@atlaskit/atlassian-context": "^0.6.0", + "@babel/runtime": "^7.0.0", + "@statsig/client-core": "^3.21.1", + "@statsig/js-client": "^3.21.1", + "eventemitter3": "^4.0.0" + } + }, + "node_modules/@atlaskit/feature-gate-js-client/node_modules/@atlaskit/atlassian-context": { + "version": "0.6.0", + "resolved": "https://registry.npmjs.org/@atlaskit/atlassian-context/-/atlassian-context-0.6.0.tgz", + "integrity": "sha512-TjaV1OIjP8DaOyaqzPI5OkYvVckn3hYwE92v8RcdnpOiMKI0taedg1sLXD7x0nPx5MtXPmCJNNVJJprDN7pmxQ==", + "dependencies": { + "@babel/runtime": "^7.0.0" + }, + "peerDependencies": { + "react": "^18.2.0" + } + }, + "node_modules/@atlaskit/feature-gate-js-client/node_modules/react": { + "version": "18.3.1", + "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz", + "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==", + "peer": true, + "dependencies": { + "loose-envify": "^1.1.0" + }, + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/@atlaskit/platform-feature-flags": { - "version": "0.3.0", - "resolved": "https://registry.npmjs.org/@atlaskit/platform-feature-flags/-/platform-feature-flags-0.3.0.tgz", - "integrity": "sha512-/0u5fFJ0Rw2j4M5wzsXgaHO6Ey12oekPCDTRvmmAIp4GO9T2Swbl80bavLAPSOmSHMhHTSuvRxiJveZXfQ21IQ==", + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/@atlaskit/platform-feature-flags/-/platform-feature-flags-1.1.2.tgz", + "integrity": "sha512-PM+fVkV4Yn4/0keiN6ioAap2Y+odTyw1Z4uf+TA0zMmg3/lp/rVNJEc4a24dvd8DfVs5m9bxa/hbO1qJarhCBw==", "dependencies": { + "@atlaskit/feature-gate-js-client": "^5.5.0", "@babel/runtime": "^7.0.0" } }, @@ -48,17 +85,17 @@ } }, "node_modules/@atlassian/aui": { - "version": "9.12.5", - "resolved": "https://registry.npmjs.org/@atlassian/aui/-/aui-9.12.5.tgz", - "integrity": "sha512-mDSbp1cxkGcoeWCV/jVtpv/m+WA+Q3/4zMSw35lIbkExCm8A3m0LqrHX7Ax7JFFT/ThO8nj4gvu1SOQwcleEkA==", + "version": "9.13.6", + "resolved": "https://registry.npmjs.org/@atlassian/aui/-/aui-9.13.6.tgz", + "integrity": "sha512-AtEMAzI4o7kafkhpq+qMpcOgs/UKhrx1xxpyxn6XksUZYWUzN2tFNQNUsGQwo3ZIYUKgePUbOaNhvDRvldrCIg==", "dependencies": { - "@atlaskit/tokens": "1.58.0", + "@atlaskit/tokens": "3.3.1", "@atlassian/adg-server-iconfont": "3.1.0", "@atlassian/tipsy": "1.3.3", "@popperjs/core": "2.11.8", "backbone": "1.6.0", "css.escape": "1.5.1", - "dompurify": "2.5.7", + "dompurify": "^3.2.5", "fancy-file-input": "2.0.4", "jquery-ui": "1.13.3", "skatejs": "0.13.17", @@ -75,11 +112,11 @@ } }, "node_modules/@atlassian/aui/node_modules/@atlaskit/ds-lib": { - "version": "2.7.0", - "resolved": "https://registry.npmjs.org/@atlaskit/ds-lib/-/ds-lib-2.7.0.tgz", - "integrity": "sha512-+U4aPE2dBRFUBYWCM9vkrwJGrLAYVcK30ZpEiQDNpM2D7K41223TfEijC8azaN4VM3tsCgwSKBWwniloNxqYbA==", + "version": "3.5.1", + "resolved": "https://registry.npmjs.org/@atlaskit/ds-lib/-/ds-lib-3.5.1.tgz", + "integrity": "sha512-8olLZ+Oj+7GWAuT3zTQ24dyPjAS9TfzuFGT6cBbuLyWgUIT2jFaF1OecuJS3yAksx8DiBcKoPaR2dIbF0u34sg==", "dependencies": { - "@atlaskit/platform-feature-flags": "^0.3.0", + "@atlaskit/platform-feature-flags": "^1.0.0", "@babel/runtime": "^7.0.0", "bind-event-listener": "^3.0.0", "react-uid": "^2.2.0" @@ -89,12 +126,12 @@ } }, "node_modules/@atlassian/aui/node_modules/@atlaskit/tokens": { - "version": "1.58.0", - "resolved": "https://registry.npmjs.org/@atlaskit/tokens/-/tokens-1.58.0.tgz", - "integrity": "sha512-bDp5/I2+NMlMPb5EwBvfamBWiHgKWl/Zbo2hocIhGDt7WB0enyeG9/VYd231T+5zMhGX1oQ+BWkAHN+K7aKGgw==", + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/@atlaskit/tokens/-/tokens-3.3.1.tgz", + "integrity": "sha512-vdaE0zeCeYvOz2OW+mJUkiFrD4BR2jm06p4RCH+OKF8HpjL73lA0FFDc8TLDBfYx4TaO+Q5v2nf07rtpLWB67w==", "dependencies": { - "@atlaskit/ds-lib": "^2.4.0", - "@atlaskit/platform-feature-flags": "^0.3.0", + "@atlaskit/ds-lib": "^3.5.0", + "@atlaskit/platform-feature-flags": "^1.0.0", "@babel/runtime": "^7.0.0", "@babel/traverse": "^7.23.2", "@babel/types": "^7.20.0", @@ -128,9 +165,9 @@ } }, "node_modules/@atlassian/aui/node_modules/react-uid": { - "version": "2.3.3", - "resolved": "https://registry.npmjs.org/react-uid/-/react-uid-2.3.3.tgz", - "integrity": "sha512-iNpDovcb9qBpBTo8iUgqRSQOS8GV3bWoNaTaUptHkXtAooXSo0OWe7vN6TqqB8x3x0bNBbQx96kkmSltQ5h9kQ==", + "version": "2.4.0", + "resolved": "https://registry.npmjs.org/react-uid/-/react-uid-2.4.0.tgz", + "integrity": "sha512-+MVs/25NrcZuGrmlVRWPOSsbS8y72GJOBsR7d68j3/wqOrRBF52U29XAw4+XSelw0Vm6s5VmGH5mCbTCPGVCVg==", "dependencies": { "tslib": "^2.0.0" }, @@ -138,8 +175,8 @@ "node": ">=10" }, "peerDependencies": { - "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0", - "react": "^16.8.0 || ^17.0.0 || ^18.0.0" + "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", + "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" }, "peerDependenciesMeta": { "@types/react": { @@ -153,55 +190,63 @@ "integrity": "sha512-6jd9wdoiPdCbwsNi1Xrn/oMdGz22dKPeCoZ/cCGKqjnh+UYkBKb5W3spW+WNqRSxGvVtfUEEg6TXotRK/FPDaw==" }, "node_modules/@babel/code-frame": { - "version": "7.26.2", - "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.26.2.tgz", - "integrity": "sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==", + "version": "7.28.6", + "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.28.6.tgz", + "integrity": "sha512-JYgintcMjRiCvS8mMECzaEn+m3PfoQiyqukOMCCVQtoJGYJw8j/8LBJEiqkHLkfwCcs74E3pbAUFNg7d9VNJ+Q==", "dependencies": { - "@babel/helper-validator-identifier": "^7.25.9", + "@babel/helper-validator-identifier": "^7.28.5", "js-tokens": "^4.0.0", - "picocolors": "^1.0.0" + "picocolors": "^1.1.1" }, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/generator": { - "version": "7.26.2", - "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.2.tgz", - "integrity": "sha512-zevQbhbau95nkoxSq3f/DC/SC+EEOUZd3DYqfSkMhY2/wfSeaHV1Ew4vk8e+x8lja31IbyuUa2uQ3JONqKbysw==", - "dependencies": { - "@babel/parser": "^7.26.2", - "@babel/types": "^7.26.0", - "@jridgewell/gen-mapping": "^0.3.5", - "@jridgewell/trace-mapping": "^0.3.25", + "version": "7.28.6", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.28.6.tgz", + "integrity": "sha512-lOoVRwADj8hjf7al89tvQ2a1lf53Z+7tiXMgpZJL3maQPDxh0DgLMN62B2MKUOFcoodBHLMbDM6WAbKgNy5Suw==", + "dependencies": { + "@babel/parser": "^7.28.6", + "@babel/types": "^7.28.6", + "@jridgewell/gen-mapping": "^0.3.12", + "@jridgewell/trace-mapping": "^0.3.28", "jsesc": "^3.0.2" }, "engines": { "node": ">=6.9.0" } }, + "node_modules/@babel/helper-globals": { + "version": "7.28.0", + "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz", + "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==", + "engines": { + "node": ">=6.9.0" + } + }, "node_modules/@babel/helper-string-parser": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz", - "integrity": "sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==", + "version": "7.27.1", + "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz", + "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==", "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/helper-validator-identifier": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz", - "integrity": "sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==", + "version": "7.28.5", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz", + "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==", "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/parser": { - "version": "7.26.2", - "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.2.tgz", - "integrity": "sha512-DWMCZH9WA4Maitz2q21SRKHo9QXZxkDsbNZoVD62gusNtNBBqDg9i7uOhASfTfIGNzW+O+r7+jAlM8dwphcJKQ==", + "version": "7.28.6", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.6.tgz", + "integrity": "sha512-TeR9zWR18BvbfPmGbLampPMW+uW1NZnJlRuuHso8i87QZNq2JRF9i6RgxRqtEq+wQGsS19NNTWr2duhnE49mfQ==", "dependencies": { - "@babel/types": "^7.26.0" + "@babel/types": "^7.28.6" }, "bin": { "parser": "bin/babel-parser.js" @@ -211,69 +256,62 @@ } }, "node_modules/@babel/runtime": { - "version": "7.26.0", - "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.26.0.tgz", - "integrity": "sha512-FDSOghenHTiToteC/QRlv2q3DhPZ/oOXTBoirfWNx1Cx3TMVcGWQtMMmQcSvb/JjpNeGzx8Pq/b4fKEJuWm1sw==", - "dependencies": { - "regenerator-runtime": "^0.14.0" - }, + "version": "7.28.6", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.6.tgz", + "integrity": "sha512-05WQkdpL9COIMz4LjTxGpPNCdlpyimKppYNoJ5Di5EUObifl8t4tuLuUBBZEpoLYOmfvIWrsp9fCl0HoPRVTdA==", "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/template": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.25.9.tgz", - "integrity": "sha512-9DGttpmPvIxBb/2uwpVo3dqJ+O6RooAFOS+lB+xDqoE2PVCE8nfoHMdZLpfCQRLwvohzXISPZcgxt80xLfsuwg==", + "version": "7.28.6", + "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.28.6.tgz", + "integrity": "sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==", "dependencies": { - "@babel/code-frame": "^7.25.9", - "@babel/parser": "^7.25.9", - "@babel/types": "^7.25.9" + "@babel/code-frame": "^7.28.6", + "@babel/parser": "^7.28.6", + "@babel/types": "^7.28.6" }, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/traverse": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.25.9.tgz", - "integrity": "sha512-ZCuvfwOwlz/bawvAuvcj8rrithP2/N55Tzz342AkTvq4qaWbGfmCk/tKhNaV2cthijKrPAA8SRJV5WWe7IBMJw==", - "dependencies": { - "@babel/code-frame": "^7.25.9", - "@babel/generator": "^7.25.9", - "@babel/parser": "^7.25.9", - "@babel/template": "^7.25.9", - "@babel/types": "^7.25.9", - "debug": "^4.3.1", - "globals": "^11.1.0" + "version": "7.28.6", + "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.28.6.tgz", + "integrity": "sha512-fgWX62k02qtjqdSNTAGxmKYY/7FSL9WAS1o2Hu5+I5m9T0yxZzr4cnrfXQ/MX0rIifthCSs6FKTlzYbJcPtMNg==", + "dependencies": { + "@babel/code-frame": "^7.28.6", + "@babel/generator": "^7.28.6", + "@babel/helper-globals": "^7.28.0", + "@babel/parser": "^7.28.6", + "@babel/template": "^7.28.6", + "@babel/types": "^7.28.6", + "debug": "^4.3.1" }, "engines": { "node": ">=6.9.0" } }, "node_modules/@babel/types": { - "version": "7.26.0", - "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.0.tgz", - "integrity": "sha512-Z/yiTPj+lDVnF7lWeKCIJzaIkI0vYO87dMpZ4bg4TDrFe4XXLFWL1TbXU27gBP3QccxV9mZICCrnjnYlJjXHOA==", + "version": "7.28.6", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.6.tgz", + "integrity": "sha512-0ZrskXVEHSWIqZM/sQZ4EV3jZJXRkio/WCxaqKZP1g//CEWEPSfeZFcms4XeKBCHU0ZKnIkdJeU/kF+eRp5lBg==", "dependencies": { - "@babel/helper-string-parser": "^7.25.9", - "@babel/helper-validator-identifier": "^7.25.9" + "@babel/helper-string-parser": "^7.27.1", + "@babel/helper-validator-identifier": "^7.28.5" }, "engines": { "node": ">=6.9.0" } }, "node_modules/@jridgewell/gen-mapping": { - "version": "0.3.5", - "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz", - "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==", + "version": "0.3.13", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz", + "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==", "dependencies": { - "@jridgewell/set-array": "^1.2.1", - "@jridgewell/sourcemap-codec": "^1.4.10", + "@jridgewell/sourcemap-codec": "^1.5.0", "@jridgewell/trace-mapping": "^0.3.24" - }, - "engines": { - "node": ">=6.0.0" } }, "node_modules/@jridgewell/resolve-uri": { @@ -284,23 +322,15 @@ "node": ">=6.0.0" } }, - "node_modules/@jridgewell/set-array": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz", - "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==", - "engines": { - "node": ">=6.0.0" - } - }, "node_modules/@jridgewell/sourcemap-codec": { - "version": "1.5.0", - "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz", - "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==" + "version": "1.5.5", + "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz", + "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==" }, "node_modules/@jridgewell/trace-mapping": { - "version": "0.3.25", - "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz", - "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==", + "version": "0.3.31", + "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz", + "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==", "dependencies": { "@jridgewell/resolve-uri": "^3.1.0", "@jridgewell/sourcemap-codec": "^1.4.14" @@ -315,6 +345,25 @@ "url": "https://opencollective.com/popperjs" } }, + "node_modules/@statsig/client-core": { + "version": "3.31.2", + "resolved": "https://registry.npmjs.org/@statsig/client-core/-/client-core-3.31.2.tgz", + "integrity": "sha512-Tfa3JC0fJJL0Pd13Le9ZxqZp1QD8XKQ9pyPaBeyhpB6QWzr6qqGusGFaSmmCJXu9ViN672Lgg87/43mANg2LBw==" + }, + "node_modules/@statsig/js-client": { + "version": "3.31.2", + "resolved": "https://registry.npmjs.org/@statsig/js-client/-/js-client-3.31.2.tgz", + "integrity": "sha512-uEIt2Zg0NTgIhg4jaMQYtdttrTDgQRtlk4E8N6cNBcq2i/Igea1DzVYD7RyEV9oiq3InHDOfuuP+p+w5oO+qeA==", + "dependencies": { + "@statsig/client-core": "3.31.2" + } + }, + "node_modules/@types/trusted-types": { + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz", + "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==", + "optional": true + }, "node_modules/asap": { "version": "2.0.6", "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz", @@ -417,9 +466,9 @@ } }, "node_modules/debug": { - "version": "4.3.7", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz", - "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==", + "version": "4.4.3", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz", + "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==", "dependencies": { "ms": "^2.1.3" }, @@ -433,9 +482,12 @@ } }, "node_modules/dompurify": { - "version": "2.5.7", - "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-2.5.7.tgz", - "integrity": "sha512-2q4bEI+coQM8f5ez7kt2xclg1XsecaV9ASJk/54vwlfRRNQfDqJz2pzQ8t0Ix/ToBpXlVjrRIx7pFC/o8itG2Q==" + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.3.1.tgz", + "integrity": "sha512-qkdCKzLNtrgPFP1Vo+98FRzJnBRGe4ffyCea9IwHB1fyxPOeNTHpLKYGd4Uk9xvNoH0ZoOjwZxNptyMwqrId1Q==", + "optionalDependencies": { + "@types/trusted-types": "^2.0.7" + } }, "node_modules/encoding": { "version": "0.1.13", @@ -455,6 +507,11 @@ "resolved": "https://registry.npmjs.org/event-lite/-/event-lite-0.1.3.tgz", "integrity": "sha512-8qz9nOz5VeD2z96elrEKD2U433+L3DWdUdDkOINLGOJvx1GsMBbMn0aCeu28y8/e85A6mCigBiFlYMnTBEGlSw==" }, + "node_modules/eventemitter3": { + "version": "4.0.7", + "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz", + "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==" + }, "node_modules/fast-deep-equal": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz", @@ -499,14 +556,6 @@ "node": "*" } }, - "node_modules/globals": { - "version": "11.12.0", - "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz", - "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==", - "engines": { - "node": ">=4" - } - }, "node_modules/handlebars": { "version": "4.7.8", "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.7.8.tgz", @@ -657,9 +706,9 @@ "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==" }, "node_modules/jsesc": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz", - "integrity": "sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==", + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz", + "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==", "bin": { "jsesc": "bin/jsesc" }, @@ -860,11 +909,6 @@ "resolved": "https://registry.npmjs.org/react-dom-factories/-/react-dom-factories-1.0.2.tgz", "integrity": "sha512-Bmic2N3oKji7vw9qjDr2dmwHvOATbFSnKy7EH0uT/qjvzIUsiXp6Yquk72LJ3WfMtRnq3ujXMMo7GsJeLPfFWw==" }, - "node_modules/regenerator-runtime": { - "version": "0.14.1", - "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz", - "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==" - }, "node_modules/requirejs": { "version": "2.3.7", "resolved": "https://registry.npmjs.org/requirejs/-/requirejs-2.3.7.tgz", diff --git a/locales/list.yml b/locales/list.yml index 91c468d91..67e7626f6 100644 --- a/locales/list.yml +++ b/locales/list.yml @@ -98,4 +98,9 @@ list: flag: "europeanunion" name: "qqx" native_name: "qqx" - author: "celestora" + author: "OpenVK Team" + - code: "qqx_rtl" + flag: "eg" + name: "qqx_rtl" + native_name: "qqx_rtl" + author: "OpenVK Team" diff --git a/locales/qqx_rtl.strings b/locales/qqx_rtl.strings new file mode 100644 index 000000000..a0c4c7054 --- /dev/null +++ b/locales/qqx_rtl.strings @@ -0,0 +1,2 @@ +/* Used for viewing message keys */ +"__rtl" = "true";