From 91b4e03d7e139a7c5d5b995d50c13cff22424014 Mon Sep 17 00:00:00 2001 From: kosfurler Date: Sat, 19 Feb 2022 01:03:27 +0300 Subject: [PATCH] Layout: Update friends, groups, videos and albums lists. And some style fixes. --- Web/Presenters/templates/@listView.xml | 130 +- Web/Presenters/templates/Photos/AlbumList.xml | 29 +- Web/Presenters/templates/User/Friends.xml | 53 +- Web/Presenters/templates/User/Groups.xml | 39 +- Web/Presenters/templates/Videos/List.xml | 2 +- Web/Presenters/templates/components/error.xml | 2 +- .../templates/components/nothing.xml | 2 +- Web/static/css/style.css | 3741 +++++++++-------- locales/ru.strings | 26 +- 9 files changed, 2059 insertions(+), 1965 deletions(-) diff --git a/Web/Presenters/templates/@listView.xml b/Web/Presenters/templates/@listView.xml index 839283b9..f07375a5 100644 --- a/Web/Presenters/templates/@listView.xml +++ b/Web/Presenters/templates/@listView.xml @@ -1,70 +1,74 @@ {extends "@layout.xml"} {block wrap} -
-
- {include tabs} -
- - {ifset size} - {include size, x => $dat} - {/ifset} - - {ifset specpage} - {include specpage, x => $dat} - {else} -
- {var data = is_array($iterator) ? $iterator : iterator_to_array($iterator)} - - {if sizeof($data) > 0} -
- - - - - - - - -
- - {include preview, x => $dat} - - - {ifset infotable} - {include infotable, x => $dat} - {else} - - - {include name, x => $dat} - - -
- {include description, x => $dat} - {/ifset} - 		- {include actions, x => $dat} -
-
- {include "components/paginator.xml", conf => (object) [ - "page" => $page, - "count" => $count, - "amount" => sizeof($data), - "perPage" => $perPage ?? OPENVK_DEFAULT_PER_PAGE, - "atBottom" => true, - ]} - {else} - {ifset customErrorMessage} - {include customErrorMessage} - {else} - {include "components/nothing.xml"} - {/ifset} - {/if} +
+
+
+
+ {include tabs}
- {/ifset} - {ifset bottom} - {include bottom} - {/ifset} + {ifset size} + {include size, x => $dat} + {/ifset} + + {ifset specpage} + {include specpage, x => $dat} + {else} +
+ {var data = is_array($iterator) ? $iterator : iterator_to_array($iterator)} + + {if sizeof($data) > 0} +
+ + + + + + + + +
+ + {include preview, x => $dat} + + + {ifset infotable} + {include infotable, x => $dat} + {else} + + + {include name, x => $dat} + + +
+ {include description, x => $dat} + {/ifset} + 		+ {include actions, x => $dat} +
+
+ {include "components/paginator.xml", conf => (object) [ + "page" => $page, + "count" => $count, + "amount" => sizeof($data), + "perPage" => $perPage ?? OPENVK_DEFAULT_PER_PAGE, + "atBottom" => true, + ]} + {else} + {ifset customErrorMessage} + {include customErrorMessage} + {else} + {include "components/nothing.xml"} + {/ifset} + {/if} +
+ {/ifset} + + {ifset bottom} + {include bottom} + {/ifset} +
+
{/block} diff --git a/Web/Presenters/templates/Photos/AlbumList.xml b/Web/Presenters/templates/Photos/AlbumList.xml index 7db097d0..15e6c96b 100644 --- a/Web/Presenters/templates/Photos/AlbumList.xml +++ b/Web/Presenters/templates/Photos/AlbumList.xml @@ -5,12 +5,29 @@ {block title}{_"albums"} {$owner->getCanonicalName()}{/block} {block header} - {$owner->getCanonicalName()} - » {_"albums"} - -
- {var isClub = ($owner instanceof openvk\Web\Models\Entities\Club)} - {_"create_album"} + {if isset($thisUser) && $thisUser->getId() == $owner->getId()} + {_my_photos} + {else} + + {$owner->getCanonicalName()} + » + {_albums} + {/if} +{/block} + +{block size} +
+
+ {if !is_null($thisUser) && $owner->getId() === $thisUser->getId()} + {tr("albums_list", $count)} + {else} + {tr("albums", $count)} + {/if} + +  |  + {_create_album} + +
{/block} diff --git a/Web/Presenters/templates/User/Friends.xml b/Web/Presenters/templates/User/Friends.xml index 94a5f524..3314e6b7 100644 --- a/Web/Presenters/templates/User/Friends.xml +++ b/Web/Presenters/templates/User/Friends.xml @@ -25,13 +25,17 @@ {/block} {block header} - {$user->getCanonicalName()} » - {if $act == "incoming"} - {_"incoming_req"} - {elseif $act == "outcoming"} - {_"outcoming_req"} + {if isset($thisUser) && $thisUser->getId() == $user->getId()} + {_my_friends} {else} - {_"friends"} + {$user->getCanonicalName()} » + {if $act == "incoming"} + {_"incoming_req"} + {elseif $act == "outcoming"} + {_"outcoming_req"} + {else} + {_"friends"} + {/if} {/if} {/block} @@ -39,11 +43,38 @@
{_friends}
-
- {_incoming_req} +
+ {_req}
-
- {_outcoming_req} +{/block} + +{block size} +
+
+ +
+
+ +
+
+
+
+ {if !is_null($thisUser) && $user->getId() === $thisUser->getId()} + {if $act == "incoming"} + {tr("req", $count)} + {elseif $act == "outcoming"} + {tr("req", $count)} + {else} + {tr("friends_list", $count)} + {/if} + {else} + {tr("friends", $count)} + {/if} +
{/block} @@ -114,4 +145,4 @@ {/if} {/if} -{/block} +{/block} \ No newline at end of file diff --git a/Web/Presenters/templates/User/Groups.xml b/Web/Presenters/templates/User/Groups.xml index daf20087..982e7ce0 100644 --- a/Web/Presenters/templates/User/Groups.xml +++ b/Web/Presenters/templates/User/Groups.xml @@ -32,7 +32,7 @@ {/block} {block size} -
+
{if !is_null($thisUser) && $user->getId() === $thisUser->getId()} {tr("groups_list", $thisUser->getClubCount())} @@ -73,25 +73,26 @@ {block actions} {var clubPinned = $thisUser->isClubPinned($x)} {if $x->canBeModifiedBy($thisUser ?? NULL)} - - {_check_community} - - {if ($clubPinned || $thisUser->getPinnedClubCount() <= 10)} - - {if $clubPinned} - {_remove_from_left_menu} - {else} - {_add_to_left_menu} - {/if} +
+ + {_check_community} - {/if} -
- - - - -
- + {if ($clubPinned || $thisUser->getPinnedClubCount() <= 10)} + + {if $clubPinned} + {_remove_from_left_menu} + {else} + {_add_to_left_menu} + {/if} + + {/if} +
+ + + + +
+
{/if} {/block} diff --git a/Web/Presenters/templates/Videos/List.xml b/Web/Presenters/templates/Videos/List.xml index be9e3cad..9a51fc9d 100644 --- a/Web/Presenters/templates/Videos/List.xml +++ b/Web/Presenters/templates/Videos/List.xml @@ -11,7 +11,7 @@ {/block} {block size} -
+
{tr("videos", $count)} diff --git a/Web/Presenters/templates/components/error.xml b/Web/Presenters/templates/components/error.xml index 9ce715db..e3484e1e 100644 --- a/Web/Presenters/templates/components/error.xml +++ b/Web/Presenters/templates/components/error.xml @@ -1,6 +1,6 @@
- {$title}

+ {$title}

 {$description}
\ No newline at end of file diff --git a/Web/Presenters/templates/components/nothing.xml b/Web/Presenters/templates/components/nothing.xml index c571300b..bb07430e 100644 --- a/Web/Presenters/templates/components/nothing.xml +++ b/Web/Presenters/templates/components/nothing.xml @@ -1 +1 @@ -{include "error.xml", title => tr("no_data"), description => tr("no_data_description")} +{include "error.xml", description => tr("no_data_description")} diff --git a/Web/static/css/style.css b/Web/static/css/style.css index 5473d1d6..cc1781ac 100644 --- a/Web/static/css/style.css +++ b/Web/static/css/style.css @@ -1,1878 +1,1901 @@ html { - overflow-y: scroll; -} - -body { - margin: 0; - padding: 0; - background-color: #fff; - text-align: left; - font-family: tahoma, verdana, arial, sans-serif; - font-size: 11px; - word-break: break-word; - word-wrap: break-word; -} - -span { - padding: 0 0 2px; - color: gray; - font-weight: bold; -} - -.nobold, nobold { - font-weight: normal; - color: gray; -} - -.hidden { - display: none; -} - -a { + overflow-y: scroll; + } + + body { + margin: 0; + padding: 0; + background-color: #fff; + text-align: left; + font-family: tahoma, verdana, arial, sans-serif; + font-size: 11px; + word-break: break-word; + word-wrap: break-word; + } + + span { + padding: 0 0 2px; + color: gray; + font-weight: bold; + } + + .nobold, nobold { + font-weight: normal; + color: gray; + } + + .hidden { + display: none; + } + + a { + text-decoration: none; + color: #2B587A; + cursor: pointer; + } + + .layout { + width: 791px; + margin: 0 auto; + } + + .page_header { + position: relative; + width: 791px; + height: 45px; + background-repeat: no-repeat; + background-position: 0; + background: url('../img/header.png'); + } + + .page_custom_header { + background: url('../img/header_custom.png'); + } + + #page_act { + border-bottom: 1px solid #d5dde6; + padding: 2px 10px 5px 10px; + color: #2B587A; + width: 608px; + margin-left: -10px; + } + + .home_button { + position: absolute; + width: 145px; + text-indent: -999px; + 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-right: 8px; + text-transform: lowercase; + float: right; + } + + .header_navigation .link { + display: inline-block; + height: 29px; + padding: 11px 4px 0 7px; + background-size: 1.5px 41px; + background: url('../img/divider.png') no-repeat; + } + + .header_navigation .link a { + color: #D7D7D7; text-decoration: none; - color: #2B587A; - cursor: pointer; -} - -.layout { - width: 791px; - margin: 0 auto; -} - -.page_header { - position: relative; - width: 791px; - height: 45px; - background-repeat: no-repeat; - background-position: 0; - background: url('../img/header.png'); -} - -.page_custom_header { - background: url('../img/header_custom.png'); -} - -#page_act { - border-bottom: 1px solid #d5dde6; - padding: 2px 10px 5px 10px; - color: #2B587A; - width: 608px; - margin-left: -10px; -} - -.home_button { - position: absolute; - width: 145px; - text-indent: -999px; - 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-right: 8px; - text-transform: lowercase; - float: right; -} - -.header_navigation .link { - display: inline-block; - height: 29px; - padding: 11px 4px 0 7px; - background-size: 1.5px 41px; - background: url('../img/divider.png') no-repeat; -} - -.header_navigation .link a { - color: #D7D7D7; - text-decoration: none; - font-weight: bold; -} - -.header_navigation .link a:hover { - text-decoration: underline; - color: #fff; -} - -.sidebar { - width: 118px; - margin: 4px 0 0 4px; - float: left; -} - -.navigation { - position: relative; - padding: 0; -} - -.navigation .link { - display: block; - padding: 3px 3px 3px 6px; - text-decoration: none; - border-top: 1px solid #fff; - color: #000; - border-bottom: 0; - border-left: 0; - border-right: 0; - font-size: 11px; - text-align: left; - cursor: pointer; - background: none; - margin-bottom: 1px; -} - -.navigation .link:hover { - background-color: #E4E4E4; - border-top: 1px solid #CCCCCC; -} - -.navigation .edit-button { - background-color: #fff !important; - color: gray !important; - position: absolute; - right: 0; -} - -.navigation .group_link { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.navigation_footer { - padding: 0; -} - -.navigation_footer .link { - display: block; - padding: 3px 3px 3px 6px; - text-decoration: none; - border-top: 1px solid #fff; /* fix */ - color: #000; -} - -.navigation_footer .link:hover { - background-color: #E4E4E4; - border-top: 1px solid #CCCCCC; -} - -.page_body { - width: 632px; - float: right; - margin-right: 15px; - margin-top: -2px; - font-size: 11px; - text-align: left; -} - -.wrap1 { - border: 1px solid #EBF0F4; - border-top: 0px; - width: auto; -} - -.wrap2 { - border-right: 1px solid #F6F8FA; - border-top: 0px; -} - -.page_yellowheader { - padding: 4px 10px 4px; - font-weight: bold; - background: url('../img/header_yellow.png') repeat-x; - background-color: #EEE5B8; - border-right: solid 1px #DCD4A4; - border-left: solid 1px #E4DDB4; - border-bottom: solid 1px #D7CF9E; - overflow: hidden; -} - -#wrapHI { - border-right: solid 1px #D5DDE6; - border-left: solid 1px #D5DDE6; -} - -#wrapH { - border-right: solid 1px #EAEEF3; - border-left: solid 1px #EAEEF3; -} - -.page_yellowheader span { - color: #C8BF85; -} - -.page_yellowheader a { - color: #696029; -} - -.page_content { - display: inline-block; - width: 610px; -} - -.page_wrap { + } + + .header_navigation .link a:hover { + text-decoration: underline; + color: #fff; + } + + .sidebar { + width: 118px; + margin: 4px 0 0 4px; + float: left; + } + + .navigation { + position: relative; + padding: 0; + } + + .navigation .link { + display: block; + padding: 3px 3px 3px 6px; + text-decoration: none; + border-top: 1px solid #fff; + color: #000; + border-bottom: 0; + border-left: 0; + border-right: 0; + font-size: 11px; + text-align: left; + cursor: pointer; + background: none; + margin-bottom: 1px; + } + + .navigation .link:hover { + background-color: #E4E4E4; + border-top: 1px solid #CCCCCC; + } + + .navigation .edit-button { + background-color: #fff !important; + color: gray !important; + position: absolute; + right: 0; + } + + .navigation .group_link { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + .navigation_footer { + padding: 0; + } + + .navigation_footer .link { + display: block; + padding: 3px 3px 3px 6px; + text-decoration: none; + border-top: 1px solid #fff; /* fix */ + color: #000; + } + + .navigation_footer .link:hover { + background-color: #E4E4E4; + border-top: 1px solid #CCCCCC; + } + + .page_body { + width: 632px; + float: right; + margin-right: 15px; + margin-top: -2px; + font-size: 11px; + text-align: left; + } + + .wrap1 { + border: 1px solid #EBF0F4; + border-top: 0px; + width: auto; + } + + .wrap2 { + border-right: 1px solid #F6F8FA; + border-top: 0px; + } + + .page_yellowheader { + padding: 4px 10px 4px; + font-weight: bold; + background: url('../img/header_yellow.png') repeat-x; + background-color: #EEE5B8; + border-right: solid 1px #DCD4A4; + border-left: solid 1px #E4DDB4; + border-bottom: solid 1px #D7CF9E; + overflow: hidden; + } + + #wrapHI { + border-right: solid 1px #D5DDE6; + border-left: solid 1px #D5DDE6; + } + + #wrapH { + border-right: solid 1px #EAEEF3; + border-left: 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-left: solid 1px #d5dde6; border-right: solid 1px #d5dde6; - padding: 12px; - width: 604px; - margin-left: 1px; -} - -.content-main-tile { - margin: -10px; - margin-top: 3pt; - padding: 7pt; - border-top: 1px solid #ebf0f4; - background-color: #fbfbfb; -} - -.float-right { - float: right; -} - -.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; - right: 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-left: 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: left; - cursor: pointer; -} - -.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; -} - -.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-left: 5px; -} - -.page_footer { - margin-left: 95px; - padding-top: 5px; - clear: both; - text-align: center; -} - -table { - font-size: 11px; - text-align: left; -} - -.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 3px; - 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: right; - margin-top: 5px; - margin-left: -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: 0px -16px; - color: #fff; - padding: 4px 8px 4px; - text-shadow: 0 1px 0 #686868; - cursor: pointer; - text-decoration: none; -} - -.button:hover { - color: #e8e8e8; -} - -.button-loading { - display: inline-block; - background-image: url('/assets/packages/static/openvk/img/loading_mini.gif'); - width: 30px; - height: 7px; - margin-left: -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 3px; -} - -input[type=checkbox] { - background-image: url("data:image/gif;base64,R0lGODlhDwA4AKIHANrh6P///8DK1a22wF+DpbfAy9/l6v///yH5BAEAAAcALAAAAAAPADgAAAOzKLrMJyHKGcWjOFiY5+7eBVbi+I1aCZ6m2rGrm21NrTx2LWMEwYE93yho+PF6gmKHyCJIiEVRMABNcQzBnsFAumK13K5kS9iGjNuwBPbC5RyDuHw+PwwA+LweP7Dv/wB9d4B6goSFfod8iYqGioGMh46NkYSTkpWAgnSccXadnJl/PYOHQaWAQQWoe6qrhK6MBHmujkEArpCDBVkEBQWLu7w9v3mTv77AxpG/ysusmp+gdQkAOw=="); -} - -input[type=radio] { - background-image: url("../img/radio.png"); -} - -input[type=checkbox]:hover, input[type=radio]:hover { - background-position: 0 -28px; -} - -input[type=checkbox]:checked, input[type=radio]:checked { - background-position: 0 -14px; -} - -#auth { - padding: 10px; -} - -.left_small_block { - float: left; - width: 200px; - margin-right: 10px; - border-right: 1px #eeeeee solid; -} - -.left_big_block { - width: 397px; - float: left; - margin-right: 13px; -} - -.right_small_block { - float: right; - width: 200px; -} - -.right_big_block { - width: 399px; - float: right; -} - -.content_title_expanded { - background-image: url('../img/flex_arrow_open2.png'); - background-repeat: no-repeat; - background-color: #e6e6e6; - border-top: #8B8B8B solid 1px; - padding: 3px 8px 3px 24px; - font-weight: bold; - color: #626262; - font-size: 11px; - cursor: pointer; - display: block; -} - -.content_title_unexpanded { - background-image: url('../img/flex_arrow_shut.gif'); - background-repeat: no-repeat; - background-color: #eee; - border-top: solid 1px #ccc; - padding: 3px 8px 3px 24px; - font-weight: bold; - color: #888; - font-size: 11px; - cursor: pointer; - display: block; - margin-top: 5px; -} - -.content_subtitle { - background-color: #F0F0F0; - padding: 0; - 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: 0px; -} - -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"], select { - border: 1px solid #C0CAD5; - padding: 3px; - font-size: 11px; - font-family: tahoma, verdana, arial, sans-serif; - width: 100%; - box-sizing: border-box; -} - -h4 { - border-bottom: 1px solid #E8EBEE; - color: #45688E; - font-size: 12px; - font-weight: bold; - margin: 0px; - padding: 0px 0px 3px; - 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 3px; - line-height: 125%; -} - -.post-author .date { - font-size: 9px; - color: black; -} - -.post-content { - border-bottom: #ECECEC solid 1px; - font-size: 9px; -} - -.post-content .text { - padding: 4px; - font-size: 11px; - hyphens: manual; - line-height: 130%; -} - -.post-content .attachments_b { - margin-top: 8px; -} - -.attachment .post { - width: 102%; -} - -.post-content .media { - max-width: 100%; - image-rendering: -webkit-optimize-contrast; -} - -.post-signature { - margin: 4px; - margin-bottom: 2px; -} - -.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%; -} - -.content_list.long .cl_element { - width: 16.5%; -} - -.content_list .cl_element .cl_avatar { - padding: 7px 7px 0 7px; - 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; -} - -.ava { - width: 45px; -} - -table.User { - vertical-align: text-top; -} - -.container_gray { - background: #F7F7F7; - width: 604px; - padding: 12px; - border-top: #EBEBEB solid 1px; - margin-left: -12px; - margin-bottom: -12px; -} - -.container_gray.bottom { - border-bottom: #ebebeb solid 1px; -} - -#auth .container_gray { - margin-left: -10px; - margin-bottom: -10px; - width: 603px; -} - -.container_gray .content { - background: #fff; - padding: 5px; - border: #DEDEDE solid 1px; - clear: both; -} - -.tabs { - border-bottom: 1px solid #707070; - margin-right: -12px; - margin-left: -12px; -} - -#activetabs { - background: #707070; - border-radius: 3px 3px 0px 0px; -} - - -#activetabs:hover { - color: #e8e8e8; -} - -.tab { - display: inline-block; - padding: 4px 6px; - margin-left: 15px; -} - -#act_tab_a { - color: white; -} - -.container_gray .content { - background: #fff; - padding: 4px; - border: #DEDEDE solid 1px; - clear: both; - margin-bottom: 12px; - 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; -} - -.edit_link { - color: #c5c5c5; - font-family: verdana, arial, sans-serif; - font-size: 11px; - font-weight: bold; -} - -.crp-list { - margin: 10px -6px -10px -11px; - 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-left: 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-right: 15px; -} - -.crp-entry--info { - width: 190px; -} - -.crp-entry--image > img { - max-width: 64px; -} - -.crp-entry--info span { - color: grey; -} - -.crp-entry--info a { - font-weight: 900; -} - -.crp-entry--message.unread { - background-color: #ededed; - padding: 5px; - width: 346px; -} - -.messenger-app--messages---message.unread { - background-color: #ededed; - padding: 5px; - margin: -5px; - padding-bottom: 1.2rem; - margin-bottom: 0; -} - -.messenger-app--messages---message.unread:first-of-type { - border-top-left-radius: 3px; - border-top-right-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: 42px; -} - -.crp-entry--message---av, .crp-entry--message---text { - display: inline-block; - vertical-align: top; -} - -.crp-entry--message---text { - max-height: 45px; - max-width: 260px; - overflow: hidden; - text-overflow: ellipsis; -} - -.crp-entry--message---text, .messenger-app--messages---message .time { - color: #404036; -} - -.messenger-app--messages, .messenger-app--input { - padding: 10px; -} - -.messenger-app--messages, .messenger-app--input { - padding: 10px 70px; -} - -.messenger-app--messages { - height: 360px; - overflow-y: auto; -} - -.messenger-app--messages---message, .messenger-app--input { - display: flex; - align-items: flex-start; - justify-content: space-between; -} - -.messenger-app--messages---message { - margin-bottom: 1.2rem; -} - -.messenger-app--messages---message .ava, .messenger-app--input > .ava { - max-width: 64px; -} - -.messenger-app--messages---message .ava, .messenger-app--input > .ava { - width: 52px; - height: 52px; -} - -.messenger-app--messages---message ._content { - padding-left: 20px; - width: 300px; -} - -.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); -} - -.messenger-app--input---messagebox textarea { - width: 100%; - height: 50px !important; - resize: none; - margin-bottom: 8px !important; -} - -.messenger-app--input---messagebox { - float: right; -} - -.messenger-app--input .blocked { - width: 100%; - height: 100%; - position: relative; -} - -.messenger-app--input .blocked::after { - content: attr(data-localized-text); - position: absolute; - top: 50%; - left: 50%; - margin-right: -50%; - transform: translate(-50%, -50%); - font-weight: 900; -} - -.messenger-app { - width: 628px; - border-right: 1px solid #d5dde6; - border-left: 1px solid #d5dde6; - margin-left: 1px; - border-bottom: 1px solid #c3cad2; -} - -.music-app { - display: grid; -} - -.music-app--player { - display: grid; - grid-template-columns: 32px 32px 32px 1fr; - padding: 8px; - border-bottom: 1px solid #c1c1c1; - border-bottom-style: solid; - border-bottom-style: dashed; -} - -.music-app--player .play, .music-app--player .perv, .music-app--player .next { + } + + .page_wrap.padding_top { + padding-top: 12px; + } + + .content-main-tile { + margin: -10px; + margin-top: 3pt; + padding: 7pt; + border-top: 1px solid #ebf0f4; + background-color: #fbfbfb; + } + + .float-right { + float: right; + } + + .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; + right: 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-left: 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: left; + cursor: pointer; + } + + .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; + } + + .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-left: 5px; + } + + .page_footer { + margin-left: 95px; + padding-top: 5px; + clear: both; + text-align: center; + } + + table { + font-size: 11px; + text-align: left; + } + + .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 3px; + 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: right; + margin-top: 5px; + margin-left: -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: 0px -16px; + color: #fff; + padding: 4px 8px 4px; + text-shadow: 0 1px 0 #686868; + cursor: pointer; + text-decoration: none; + } + + .button:hover { + color: #e8e8e8; + } + + .button-loading { + display: inline-block; + background-image: url('/assets/packages/static/openvk/img/loading_mini.gif'); + width: 30px; + height: 7px; + margin-left: -3px; + } + + input[class=button] { + padding: 5px 7px 4px; + } + + input[type=checkbox], input[type=radio] { + background-color: transparent; -webkit-appearance: none; -moz-appearance: none; - background-color: #507597; - color: #fff; - height: 20px; - margin: 5px; - border: none; - border-radius: 5px; - cursor: pointer; - padding: 0; - font-size: 10px; -} - -.music-app--player .info { - margin-left: 10px; - width: 550px; -} - -.music-app--player .info .song-name * { - color: black; -} - -.music-app--player .info .song-name time { - float: right; -} - -.music-app--player .info .track { - margin-top: 8px; - height: 5px; - width: 70%; - background-color: #fff; - border-top: 1px solid #507597; - float: left; -} - -.music-app--player .info .track .inner-track { - background-color: #507597; - height: inherit; - width: 15px; - opacity: .7; -} - -.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: 0px 5px 0px 5px; - padding: 5px; - font-weight: bold; - border: 1px solid #d7cf9e; - border-bottom: 0px; -} - -#faqcontent { - background: #fafafa; - margin: 0px 5px 10px 5px; - padding: 5px 5px 5px 10px; - border: 1px solid #ddd; -} - -.ovk-lw-container { - display: flex; - border-bottom: solid 1px #c4c4c4; -} - -.ovk-lw-container > .ovk-lw--list { - flex: 9; - border-right: 1px solid #BEBEBE; -} - -.ovk-lw-container > .ovk-lw--list > .post { - margin-left: 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%; - left: 50%; - margin-right: -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: 20px; - width: 100px; - height: 100%; - background-color: #f3f3f3; - font-weight: 900; - color: #2b2b2b; - box-sizing: border-box; - opacity: 0; - transition: .1s all; -} - -body.scrolled .toTop: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 tr > td:nth-of-type(2) { - display: block; - width: 270px; - overflow: hidden; -} - -.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; -} - -.post-upload { - margin-top: 11px; - margin-left: 3px; - color: #3c3c3c; - display: none; -} - -.post-upload::before { - content: " "; - width: 8px; - height: 8px; - display: inline-block; - vertical-align: bottom; - background-color: #4f4f4f; - margin: 3px; - margin-left: 2px; -} - -.post-opts { - margin-top: 10px; -} - -.post-opts label { - width: 100%; - display: block; -} - -.like_wrap { - color: #2F5879; - font-size: 10px; - cursor: pointer; - float: right; -} - -.heart { - background: url('/assets/packages/static/openvk/img/like.gif') no-repeat 1px 0px; - height: 10px; - margin: 2px 3px 0px; - width: 11px; - float: left; - opacity: 0.4; -} - -.likeCnt { - font-size: 10px; - margin-right: 3px; - float: left; -} - -.heart:hover { - opacity: 1 !important; -} - -#liked { - opacity: 1 !important; -} - -.content_title_expanded { - margin-top: 5px; -} - -.page-wrap { - border-bottom: solid 1px #C3CAD2; - border-left: solid 1px #DAE1E8; - border-right: solid 1px #DAE1E8; - padding: 10px; -} - -.wrap1 { - width: auto; - border: 1px solid #EBF0F4; - border-top: 0px; -} - -.wrap2 { - border-right: 1px solid #F6F8FA; - border-top: 0px; -} - -#wrapH { - border-right: solid 1px #EAEEF3; - border-left: solid 1px #EAEEF3; -} - -#wrapHI { - border-right: solid 1px #D5DDE6; - border-left: solid 1px #D5DDE6; -} - -.ugc-table td { - vertical-align: top !important; - font-size: 11px; - line-height: 13px; - margin: 0px; - padding: 1px 0px 1px 0px; -} - -.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: right; -} - -#basicInfo { - padding: 5px 0px 15px 8px; -} - -.accountInfo { - padding: 0px; - margin: 0px 0px 0px 8px; - border-bottom: solid 1px #DAE1E8; - display: block; -} - -.profileName { - /* width: 225px; */ - color: #45688E; - font-size: 11px; - font-weight: bold; - margin: 0px; - /* padding: 2px 5px 0px 0px; */ -} - -.profileName h2 { - color: #45688E; - font-size: 13px; - padding-bottom: 0px; - margin: 0px; - padding: 0px; -} - -.notes_titles { - margin: 0px; - padding: 0px; - list-style: none; -} - -.written { - background: url('/assets/packages/static/openvk/img/note.gif') no-repeat 0px 1px; - padding: 0px 0px 6px 22px; -} - -.written a { - display: block; - padding: 0px 0px 1px 0px; -} - -.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 0px 0px; - padding: 4px 0px 2px !important; -} - -.knowledgeBaseArticle ul { - color: unset; -} - -.gift_grid { - width: 100%; - display: grid; - grid-template-columns: 1fr 1fr 1fr 1fr; -} - -.gift_sel { - display: grid; - box-sizing: border-box; - padding: 15px 8px; - justify-items: center; - cursor: pointer; - border-radius: 10px; -} - -.gift_pic { - max-width: 70%; -} - -.gift_sel:hover { - background-color: #f1f1f1; -} - -.gift_sel.disabled:hover { - cursor: not-allowed; -} - -.gift_sel > .gift_price, .gift_sel > .gift_limit { - visibility: hidden; -} - -.gift_sel:hover > .gift_price, .gift_sel:hover > .gift_limit { - visibility: unset; -} - -.gift_sel.disabled { - opacity: .5; -} - -.ovk-video { - margin-bottom: 1rem; - padding: 0 6px; -} - -.ovk-video > .preview { - width: 170px; - height: 127px; - border: 1px solid #ccc; - align-content: center; - display: flex; - padding: 1px; -} - -#wallAttachmentMenu { - position: absolute; - margin-top: 20px; - border: 1px solid darkgrey; - background-color: white; - z-index: 32; -} - -#wallAttachmentMenu > a { - display: block; - padding: 2px 6px; - cursor: pointer; -} - -#wallAttachmentMenu > a > img { - vertical-align: middle; -} - -#wallAttachmentMenu > a:hover { - background-color: #f0f0f0; -} - -#ovkDraw { - border: 1px solid #757575; -} - -#ovkDraw .lc-drawing.with-gui { - background-color: white !important; -} - -#ovkDraw .literally { - border-radius: 0; -} - -#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; -} - -.user-alert { - margin-left: 8px; - margin-bottom: 8px; - padding: 4px; - border: 1px solid #c3a476; - font-weight: 900; - background-color: #f3ddbd; - color: #58462a; -} - -.knowledgeBaseArticle { - margin-top: -11px; /* this is very stupid fix but nah */ -} - -.avatar-list { - padding: 4px 8px 4px 8px; -} - -.avatar-list-item { - padding: 4px 0 4px 0; -} - -.avatar-list-item::after { - content: '.'; - display: block; - height: 0; - clear: both; - visibility: hidden; -} - -.avatar-list-item .avatar { - float: left; -} - -.avatar-list-item .avatar img { - width: 32px; - height: 32px; - object-fit: cover; -} - -.avatar-list-item .info { - float: left; - padding-left: 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: right; - margin-top: -1px; -} - -.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-left: 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; + -ms-appearance: none; + height: 14px; + width: 14px; outline: none; - white-space: nowrap; - background: #595959; - background-position: 0px -16px; - color: #fff; - padding: 4px 8px 4px; - text-shadow: 0 1px 0 #686868; cursor: pointer; - text-decoration: none; - margin-left: 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 0px 0px; 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: 1px solid #DAE2E8; + margin: 4px 3px 3px 3px; + } + + input[type=checkbox] { + background-image: url("data:image/gif;base64,R0lGODlhDwA4AKIHANrh6P///8DK1a22wF+DpbfAy9/l6v///yH5BAEAAAcALAAAAAAPADgAAAOzKLrMJyHKGcWjOFiY5+7eBVbi+I1aCZ6m2rGrm21NrTx2LWMEwYE93yho+PF6gmKHyCJIiEVRMABNcQzBnsFAumK13K5kS9iGjNuwBPbC5RyDuHw+PwwA+LweP7Dv/wB9d4B6goSFfod8iYqGioGMh46NkYSTkpWAgnSccXadnJl/PYOHQaWAQQWoe6qrhK6MBHmujkEArpCDBVkEBQWLu7w9v3mTv77AxpG/ysusmp+gdQkAOw=="); + } + + input[type=radio] { + background-image: url("../img/radio.png"); + } + + input[type=checkbox]:hover, input[type=radio]:hover { + background-position: 0 -28px; + } + + input[type=checkbox]:checked, input[type=radio]:checked { + background-position: 0 -14px; + } + + #auth { + padding: 10px; + } + + .left_small_block { + float: left; + width: 200px; + margin-right: 10px; + border-right: 1px #eeeeee solid; + } + + .left_big_block { + width: 397px; + float: left; + margin-right: 13px; + } + + .right_small_block { + float: right; + width: 200px; + } + + .right_big_block { + width: 399px; + float: right; + } + + .content_title_expanded { + background-image: url('../img/flex_arrow_open2.png'); + background-repeat: no-repeat; + background-color: #e6e6e6; + border-top: #8B8B8B solid 1px; + padding: 3px 8px 3px 24px; + font-weight: bold; + color: #626262; + font-size: 11px; + cursor: pointer; + display: block; + } + + .content_title_unexpanded { + background-image: url('../img/flex_arrow_shut.gif'); + background-repeat: no-repeat; + background-color: #eee; + border-top: solid 1px #ccc; + padding: 3px 8px 3px 24px; + font-weight: bold; + color: #888; + font-size: 11px; + cursor: pointer; + display: block; + margin-top: 5px; + } + + .content_subtitle { + background-color: #F0F0F0; + padding: 0; + 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: 0px; + } + + 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"], select { + border: 1px solid #C0CAD5; + padding: 3px; + font-size: 11px; + font-family: tahoma, verdana, arial, sans-serif; + width: 100%; + box-sizing: border-box; + } + + h4 { + border-bottom: 1px solid #E8EBEE; + color: #45688E; + font-size: 12px; + font-weight: bold; + margin: 0px; + padding: 0px 0px 3px; + 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 3px; + line-height: 125%; + } + + .post-author .date { + font-size: 9px; + color: black; + } + + .post-content { + border-bottom: #ECECEC solid 1px; + font-size: 9px; + } + + .post-content .text { + padding: 4px; + font-size: 11px; + hyphens: manual; + line-height: 130%; + } + + .post-content .attachments_b { + margin-top: 8px; + } + + .attachment .post { + width: 102%; + } + + .post-content .media { + max-width: 100%; + image-rendering: -webkit-optimize-contrast; + } + + .post-signature { + margin: 4px; + margin-bottom: 2px; + } + + .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%; + } + + .content_list.long .cl_element { + width: 16.5%; + } + + .content_list .cl_element .cl_avatar { + padding: 7px 7px 0 7px; + 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; + } + + .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-left: -10px; + margin-bottom: -10px; + width: 603px; + } + + .container_gray .content { + background: #fff; + padding: 5px; + border: #DEDEDE solid 1px; + clear: both; + } + + .tabs { + border-bottom: 1px solid #707070; + padding: 0 10px; + } + + #activetabs { + background: #707070; + } + + + #activetabs:hover { + color: #e8e8e8; + } + + .tab { + display: inline-block; + padding: 5px 10px; + margin-right: 3px; + border-radius: 3px 3px 0px 0px; + } + + .tab:hover { + background: #E4E4E4; + } + + #act_tab_a { + color: white; + } + + .container_gray .content { + background: #fff; + padding: 4px; + border: #DEDEDE solid 1px; + clear: both; + margin-bottom: 12px; + 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; + } + + .edit_link { + color: #c5c5c5; + font-family: verdana, arial, sans-serif; + font-size: 11px; + font-weight: bold; + } + + .crp-list { + margin: 10px -6px -10px -11px; + 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-left: 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-right: 15px; + } + + .crp-entry--info { + width: 190px; + } + + .crp-entry--image > img { + max-width: 64px; + } + + .crp-entry--info span { + color: grey; + } + + .crp-entry--info a { + font-weight: 900; + } + + .crp-entry--message.unread { + background-color: #ededed; + padding: 5px; + width: 346px; + } + + .messenger-app--messages---message.unread { + background-color: #ededed; + padding: 5px; + margin: -5px; + padding-bottom: 1.2rem; + margin-bottom: 0; + } + + .messenger-app--messages---message.unread:first-of-type { + border-top-left-radius: 3px; + border-top-right-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: 42px; + } + + .crp-entry--message---av, .crp-entry--message---text { + display: inline-block; + vertical-align: top; + } + + .crp-entry--message---text { + max-height: 45px; + max-width: 260px; + overflow: hidden; + text-overflow: ellipsis; + } + + .crp-entry--message---text, .messenger-app--messages---message .time { + color: #404036; + } + + .messenger-app--messages, .messenger-app--input { + padding: 10px; + } + + .messenger-app--messages, .messenger-app--input { + padding: 10px 70px; + } + + .messenger-app--messages { + height: 360px; + overflow-y: auto; + } + + .messenger-app--messages---message, .messenger-app--input { + display: flex; + align-items: flex-start; + justify-content: space-between; + } + + .messenger-app--messages---message { + margin-bottom: 1.2rem; + } + + .messenger-app--messages---message .ava, .messenger-app--input > .ava { + max-width: 64px; + } + + .messenger-app--messages---message .ava, .messenger-app--input > .ava { + width: 52px; + height: 52px; + } + + .messenger-app--messages---message ._content { + padding-left: 20px; + width: 300px; + } + + .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); + } + + .messenger-app--input---messagebox textarea { + width: 100%; + height: 50px !important; + resize: none; + margin-bottom: 8px !important; + } + + .messenger-app--input---messagebox { + float: right; + } + + .messenger-app--input .blocked { + width: 100%; + height: 100%; + position: relative; + } + + .messenger-app--input .blocked::after { + content: attr(data-localized-text); + position: absolute; + top: 50%; + left: 50%; + margin-right: -50%; + transform: translate(-50%, -50%); + font-weight: 900; + } + + .messenger-app { + width: 628px; + border-right: 1px solid #d5dde6; + border-left: 1px solid #d5dde6; + margin-left: 1px; + border-bottom: 1px solid #c3cad2; + } + + .music-app { + display: grid; + } + + .music-app--player { + display: grid; + grid-template-columns: 32px 32px 32px 1fr; + padding: 8px; + border-bottom: 1px solid #c1c1c1; + border-bottom-style: solid; + border-bottom-style: dashed; + } + + .music-app--player .play, .music-app--player .perv, .music-app--player .next { + -webkit-appearance: none; + -moz-appearance: none; + background-color: #507597; + color: #fff; + height: 20px; + margin: 5px; + border: none; + border-radius: 5px; + cursor: pointer; + padding: 0; + font-size: 10px; + } + + .music-app--player .info { + margin-left: 10px; + width: 550px; + } + + .music-app--player .info .song-name * { + color: black; + } + + .music-app--player .info .song-name time { + float: right; + } + + .music-app--player .info .track { + margin-top: 8px; + height: 5px; + width: 70%; + background-color: #fff; + border-top: 1px solid #507597; + float: left; + } + + .music-app--player .info .track .inner-track { + background-color: #507597; + height: inherit; + width: 15px; + opacity: .7; + } + + .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: 0px 5px 0px 5px; + padding: 5px; + font-weight: bold; + border: 1px solid #d7cf9e; + border-bottom: 0px; + } + + #faqcontent { + background: #fafafa; + margin: 0px 5px 10px 5px; + padding: 5px 5px 5px 10px; + border: 1px solid #ddd; + } + + .ovk-lw-container { + display: flex; + border-bottom: solid 1px #c4c4c4; + } + + .ovk-lw-container > .ovk-lw--list { + flex: 9; + border-right: 1px solid #BEBEBE; + } + + .ovk-lw-container > .ovk-lw--list > .post { + margin-left: 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%; + left: 50%; + margin-right: -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: 20px; + width: 100px; + height: 100%; + background-color: #f3f3f3; + font-weight: 900; + color: #2b2b2b; + box-sizing: border-box; + opacity: 0; + transition: .1s all; + } + + body.scrolled .toTop: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 tr > td:nth-of-type(2) { + display: block; + width: 270px; + overflow: hidden; + } + + .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; + } + + .post-upload { + margin-top: 11px; + margin-left: 3px; + color: #3c3c3c; + display: none; + } + + .post-upload::before { + content: " "; + width: 8px; + height: 8px; + display: inline-block; + vertical-align: bottom; + background-color: #4f4f4f; + margin: 3px; + margin-left: 2px; + } + + .post-opts { + margin-top: 10px; + } + + .post-opts label { + width: 100%; + display: block; + } + + .like_wrap { + color: #2F5879; + font-size: 10px; + cursor: pointer; + float: right; + } + + .heart { + background: url('/assets/packages/static/openvk/img/like.gif') no-repeat 1px 0px; + height: 10px; + margin: 2px 3px 0px; + width: 11px; + float: left; + opacity: 0.4; + } + + .likeCnt { + font-size: 10px; + margin-right: 3px; + float: left; + } + + .heart:hover { + opacity: 1 !important; + } + + #liked { + opacity: 1 !important; + } + + .content_title_expanded { + margin-top: 5px; + } + + .page-wrap { + border-bottom: solid 1px #C3CAD2; + border-left: solid 1px #DAE1E8; + border-right: solid 1px #DAE1E8; + padding: 10px; + } + + .wrap1 { + width: auto; + border: 1px solid #EBF0F4; + border-top: 0px; + } + + .wrap2 { + border-right: 1px solid #F6F8FA; + border-top: 0px; + } + + #wrapH { + border-right: solid 1px #EAEEF3; + border-left: solid 1px #EAEEF3; + } + + #wrapHI { + border-right: solid 1px #D5DDE6; + border-left: solid 1px #D5DDE6; + } + + .ugc-table td { + vertical-align: top !important; + font-size: 11px; + line-height: 13px; + margin: 0px; + padding: 1px 0px 1px 0px; + } + + .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: right; + } + + #basicInfo { + padding: 5px 0px 15px 8px; + } + + .accountInfo { + padding: 0px; + margin: 0px 0px 0px 8px; + border-bottom: solid 1px #DAE1E8; + display: block; + } + + .profileName { + /* width: 225px; */ + color: #45688E; + font-size: 11px; + font-weight: bold; + margin: 0px; + /* padding: 2px 5px 0px 0px; */ + } + + .profileName h2 { + color: #45688E; + font-size: 13px; + padding-bottom: 0px; + margin: 0px; + padding: 0px; + } + + .notes_titles { + margin: 0px; + padding: 0px; + list-style: none; + } + + .written { + background: url('/assets/packages/static/openvk/img/note.gif') no-repeat 0px 1px; + padding: 0px 0px 6px 22px; + } + + .written a { + display: block; + padding: 0px 0px 1px 0px; + } + + .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 0px 0px; + padding: 4px 0px 2px !important; + } + + .knowledgeBaseArticle ul { + color: unset; + } + + .gift_grid { + width: 100%; + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr; + } + + .gift_sel { + display: grid; + box-sizing: border-box; + padding: 15px 8px; + justify-items: center; + cursor: pointer; + border-radius: 10px; + } + + .gift_pic { + max-width: 70%; + } + + .gift_sel:hover { + background-color: #f1f1f1; + } + + .gift_sel.disabled:hover { + cursor: not-allowed; + } + + .gift_sel > .gift_price, .gift_sel > .gift_limit { + visibility: hidden; + } + + .gift_sel:hover > .gift_price, .gift_sel:hover > .gift_limit { + visibility: unset; + } + + .gift_sel.disabled { + opacity: .5; + } + + .ovk-video { + margin-bottom: 1rem; + padding: 0 6px; + } + + .ovk-video > .preview { + width: 170px; + height: 127px; + border: 1px solid #ccc; + align-content: center; + display: flex; + padding: 1px; + } + + #wallAttachmentMenu { + position: absolute; + margin-top: 20px; + border: 1px solid darkgrey; + background-color: white; + z-index: 32; + } + + #wallAttachmentMenu > a { + display: block; + padding: 2px 6px; + cursor: pointer; + } + + #wallAttachmentMenu > a > img { + vertical-align: middle; + } + + #wallAttachmentMenu > a:hover { + background-color: #f0f0f0; + } + + #ovkDraw { + border: 1px solid #757575; + } + + #ovkDraw .lc-drawing.with-gui { + background-color: white !important; + } + + #ovkDraw .literally { + border-radius: 0; + } + + #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; + } + + .user-alert { + margin-left: 8px; + margin-bottom: 8px; + padding: 4px; + border: 1px solid #c3a476; + font-weight: 900; + background-color: #f3ddbd; + color: #58462a; + } + + .knowledgeBaseArticle { + margin-top: -11px; /* this is very stupid fix but nah */ + } + + .avatar-list { + padding: 4px 8px 4px 8px; + } + + .avatar-list-item { + padding: 4px 0 4px 0; + } + + .avatar-list-item::after { + content: '.'; + display: block; + height: 0; + clear: both; + visibility: hidden; + } + + .avatar-list-item .avatar { + float: left; + } + + .avatar-list-item .avatar img { + width: 32px; + height: 32px; + object-fit: cover; + } + + .avatar-list-item .info { + float: left; + padding-left: 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: right; + margin-top: -1px; + } + + .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-left: 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: 0px -16px; + color: #fff; + padding: 4px 8px 4px; + text-shadow: 0 1px 0 #686868; + cursor: pointer; + text-decoration: none; + margin-left: 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 0px 0px; + 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; - color: black; - font-weight: normal; + padding-bottom: 11px; line-height: normal; - margin-left: -12px; - margin-right: -12px; -} - -.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 6px; -} - -.note_header .note_title { - color: #45688E; - font-size: 13px; - font-weight: bold; - line-height: 15px; - margin: 0; - padding: 0 0 1px 0; -} - -.note_footer { - border-top: 1px solid #ddd; - clear: both; - margin-top: 10px; - padding: 0px 2px 0px 6px; -} - -.comments_count { - padding: 5px 0px 0px 0px; -} - -.groups_options { + } + + .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 6px; + } + + .note_header .note_title { + color: #45688E; + font-size: 13px; + font-weight: bold; + line-height: 15px; + margin: 0; + padding: 0 0 1px 0; + } + + .note_footer { + border-top: 1px solid #ddd; + clear: both; + margin-top: 10px; + padding: 0px 2px 0px 6px; + } + + .comments_count { + padding: 5px 0px 0px 0px; + } + + .groups_options { padding: 10px 20px 20px; border-top: #DEDEDE solid 1px; - margin-top: 12px; - margin-left: -12px; - margin-right: -12px; -} - -#gp_container { - display: inline-block; -} - -#gp_container span { - display: block; - margin: 10px 0 15px; -} - -#gp_container h4 { - font-size: 11px; -} - -.container_gray .content:last-child { - margin-bottom: 0; + } + + #gp_container { + display: inline-block; + } + + #gp_container span { + display: block; + margin: 10px 0 15px; + } + + #gp_container h4 { + font-size: 11px; + } + + .container_gray .content:last-child { + margin-bottom: 0; + } + + .group_info { + padding: 0 0 0 5px !important; + } + + .group_info .label { + width: auto !important; + padding-right: 5px; + } + + table td[width="120"] { + text-align: right; + } + + .profile_thumb { + padding: 0px 10px 0px 0px; + width: 50px; + display: inline-block; + vertical-align: top; + } + + .mb_tabs { + background-color: #F6F6F6; + border-bottom: #DEDEDE solid 1px; + padding: 10px; } -.group_info { - padding: 0 0 0 5px !important; - } - -.group_info .label { - width: auto !important; - padding-right: 5px; -} - -table td[width="120"] { - text-align: right; -} - -.profile_thumb { - padding: 0px 10px 0px 0px; - width: 50px; + .mb_tab { + cursor: pointer; + font-weight: bold; + margin-right: 10px; display: inline-block; - vertical-align: top; -} + } + + .mb_tab div { + padding: 5px 7px; + } + + .mb_tab#active { + background-color: #898989; + } + + .mb_tab#active div { + border: 2px solid #5f5f5f; + } + + .mb_tab#active a { + color: white; + } \ No newline at end of file diff --git a/locales/ru.strings b/locales/ru.strings index 9fc20c03..acda4cf1 100644 --- a/locales/ru.strings +++ b/locales/ru.strings @@ -195,16 +195,28 @@ "friends_reject" = "Отменить заявку"; "friends_accept" = "Принять заявку"; "send_message" = "Отправить сообщение"; -"incoming_req" = "Подписчики"; -"outcoming_req" = "Заявки"; +"incoming_req" = "Входящие"; +"outcoming_req" = "Исходящие"; "req" = "Заявки"; -"firends_zero" = "Ни одного друга"; +"req_zero" = "Не найдено ни одной заявки..."; +"req_one" = "Найдена $1 заявка"; +"req_few" = "Найлено $1 заявки"; +"req_many" = "Найдено $1 заявки"; +"req_other" = "Найдено $1 заявок"; + +"friends_zero" = "Ни одного друга"; "friends_one" = "$1 друг"; "friends_few" = "$1 друга"; "friends_many" = "$1 друзей"; "friends_other" = "$1 друзей"; +"friends_list_zero" = "У Вас пока нет друзей"; +"friends_list_one" = "У Вас $1 друг"; +"friends_list_few" = "У Вас $1 друга"; +"friends_list_many" = "У Вас $1 друзей"; +"friends_list_other" = "У Вас $1 друзей"; + "followers_zero" = "Ни одного подписчика"; "followers_one" = "$1 подписчик"; "followers_few" = "$1 подписчика"; @@ -318,6 +330,12 @@ "albums_many" = "$1 альбомов"; "albums_other" = "$1 альбомов"; +"albums_list_zero" = "У Вас нет ни одного альбома"; +"albums_list_one" = "У Вас один альбом"; +"albums_list_few" = "У Вас $1 альбома"; +"albums_list_many" = "У Вас $1 альбомов"; +"albums_list_other" = "У Вас $1 альбомов"; + /* Notes */ "notes" = "Заметки"; @@ -751,7 +769,7 @@ "information_-2" = "Вход выполнен успешно"; "no_data" = "Нет данных"; -"no_data_description" = "В этом представлении отсутствуют данные."; +"no_data_description" = "Тут ничего нет... Пока..."; "error" = "Ошибка"; "error_shorturl" = "Данный короткий адрес уже занят.";