This commit is contained in:
ivan 2021-12-14 21:48:12 +03:00
parent aab71826ae
commit 026b69170d
45 changed files with 383 additions and 392 deletions

View File

@ -24,15 +24,15 @@ body {
aside#region_1 { aside#region_1 {
border-right: 1px solid transparent; border-right: 1px solid transparent;
width: $left_aside_widthpx; width: $left_aside_widthrem;
min-width: $left_aside_widthpx; min-width: $left_aside_widthrem;
max-width: $left_aside_widthpx; max-width: $left_aside_widthrem;
} }
aside#region_3 { aside#region_3 {
width: $right_aside_widthpx; width: $right_aside_widthrem;
min-width: $left_aside_widthpx; min-width: $left_aside_widthrem;
max-width: $right_aside_widthpx; max-width: $right_aside_widthrem;
} }
aside#left_aside_wrapper, aside#left_aside_wrapper,
@ -43,13 +43,13 @@ aside#right_aside_wrapper {
main { main {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
max-width: $main_widthpx; max-width: $main_widthrem;
} }
#overlay { #overlay {
position: fixed; position: fixed;
top: 0; top: 0;
left: $left_aside_widthpx; left: $left_aside_widthrem;
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
background: rgba(0, 0, 0, .3); background: rgba(0, 0, 0, .3);
@ -400,34 +400,20 @@ footer {
color: #444444; color: #444444;
} }
.vcard { .vcard-card {
margin-bottom: 10px;
padding: 0px 10px 10px 10px;
background-color: rgba(254,254,254,0.5); background-color: rgba(254,254,254,0.5);
border: 1px solid rgba(254,254,254,0.5); }
border-radius: $radius;
.vcard {
word-wrap: break-word; word-wrap: break-word;
} }
.vcard dl,
.vcard .title {
margin-top: 10px;
margin-bottom: 0px;
}
.connect-btn-wrapper {
margin-bottom: 10px;
}
.profile-edit-side-link { .profile-edit-side-link {
padding: 3px 0px;
opacity: 0; opacity: 0;
filter:alpha(opacity=30); filter:alpha(opacity=0);
float: right;
} }
.vcard:hover .profile-edit-side-link { .card:hover .profile-edit-side-link {
opacity: 1; opacity: 1;
filter:alpha(opacity=100); filter:alpha(opacity=100);
} }
@ -435,15 +421,6 @@ footer {
#profile-photo-wrapper img { #profile-photo-wrapper img {
width: 100%; width: 100%;
height: 100%; height: 100%;
max-width: 300px;
max-height: 300px;
}
#profile-photo-wrapper {
width: 251px;
height: 251px;
margin-bottom: 10px;
border-radius: $radius;
} }
#hide-friends-yes-label, #hide-friends-yes-label,
@ -571,8 +548,8 @@ footer {
} }
.contact-block-img { .contact-block-img {
width:47px; width: 2.95rem;
height:47px; height: 2.95rem;
margin-bottom: 3px; margin-bottom: 3px;
} }
@ -1191,7 +1168,6 @@ img.mail-conv-sender-photo {
.widget { .widget {
background-color: rgba(254,254,254,.5); background-color: rgba(254,254,254,.5);
border: 1px solid rgba(254,254,254,.5);
border-radius: $radius; border-radius: $radius;
} }
@ -1530,17 +1506,16 @@ blockquote {
} }
main { main {
left: -$left_aside_widthpx; left: -$left_aside_widthrem;
width: calc( 100% + $left_aside_widthpx ); width: calc( 100% + $left_aside_widthrem );
} }
main.region_1-on { main.region_1-on {
left: 0px; left: 0px;
} }
#nav-app-link-wrapper.has_location { #nav-app-link-wrapper {
min-width: 0; min-width: 0;
flex-basis: 25%;
} }
#nav-app-link-wrapper { #nav-app-link-wrapper {
@ -1603,7 +1578,7 @@ dl.bb-dl > dd > li {
content:"\f069 "; content:"\f069 ";
} }
/* Modified original CSS to match input in Redbasic */ /* Modified original CSS to match input in Ussrbasic */
.jothidden .bootstrap-tagsinput { .jothidden .bootstrap-tagsinput {
border: 0px solid transparent; border: 0px solid transparent;
margin-bottom: 0px; margin-bottom: 0px;
@ -1832,7 +1807,3 @@ span.default-highlight {
.bootstrap-tagsinput { .bootstrap-tagsinput {
width: 100%; width: 100%;
} }
.profile-match-wrapper {
width: 44% !important;
}

View File

@ -110,7 +110,7 @@ class UssrbasicConfig {
'$font_colour' => array('ussrbasic_font_colour', t('Set font-color for posts and comments'), $arr['font_colour']), '$font_colour' => array('ussrbasic_font_colour', t('Set font-color for posts and comments'), $arr['font_colour']),
'$radius' => array('ussrbasic_radius', t('Set radius of corners'), $arr['radius'], t('Example: 4px')), '$radius' => array('ussrbasic_radius', t('Set radius of corners'), $arr['radius'], t('Example: 4px')),
'$shadow' => array('ussrbasic_shadow', t('Set shadow depth of photos'), $arr['shadow']), '$shadow' => array('ussrbasic_shadow', t('Set shadow depth of photos'), $arr['shadow']),
'$converse_width' => array('ussrbasic_converse_width',t('Set maximum width of content region in pixel'),$arr['converse_width'], t('Leave empty for default width')), '$converse_width' => array('ussrbasic_converse_width',t('Set maximum width of content region in rem'),$arr['converse_width'], t('Leave empty for default width')),
'$top_photo' => array('ussrbasic_top_photo', t('Set size of conversation author photo'), $arr['top_photo']), '$top_photo' => array('ussrbasic_top_photo', t('Set size of conversation author photo'), $arr['top_photo']),
'$reply_photo' => array('ussrbasic_reply_photo', t('Set size of followup author photos'), $arr['reply_photo']), '$reply_photo' => array('ussrbasic_reply_photo', t('Set size of followup author photos'), $arr['reply_photo']),
'$advanced_theming' => ['ussrbasic_advanced_theming', t('Show advanced settings'), $arr['advanced_theming'], '', [t('No'), t('Yes')]] '$advanced_theming' => ['ussrbasic_advanced_theming', t('Show advanced settings'), $arr['advanced_theming'], '', [t('No'), t('Yes')]]

View File

@ -101,7 +101,7 @@ if (! $radius)
if (! $shadow) if (! $shadow)
$shadow = '0'; $shadow = '0';
if (! $converse_width) if (! $converse_width)
$converse_width = '790'; $converse_width = '52'; //unit: rem
if(! $top_photo) if(! $top_photo)
$top_photo = '2.3rem'; $top_photo = '2.3rem';
if(! $reply_photo) if(! $reply_photo)
@ -120,13 +120,13 @@ if(file_exists('view/theme/ussrbasic/css/style.css')) {
$x .= $schemecss; $x .= $schemecss;
} }
$left_aside_width = 288; $left_aside_width = 21; //unit: rem
$right_aside_width = 288; $right_aside_width = 21; //unit: rem
$main_width = $left_aside_width + $right_aside_width + intval($converse_width); $main_width = $left_aside_width + $right_aside_width + intval($converse_width);
// prevent main_width smaller than 768px // prevent main_width smaller than 768px
$main_width = (($main_width < 768) ? 768 : $main_width); $main_width = (($main_width < 30) ? 30 : $main_width);
$options = array ( $options = array (
'$nav_bg' => $nav_bg, '$nav_bg' => $nav_bg,
@ -161,4 +161,4 @@ if(file_exists('view/theme/ussrbasic/css/style.css')) {
// Set the schema to the default schema in derived themes. See the documentation for creating derived themes how to override this. // Set the schema to the default schema in derived themes. See the documentation for creating derived themes how to override this.
if(local_channel() && App::$channel && App::$channel['channel_theme'] != 'ussrbasic') if(local_channel() && App::$channel && App::$channel['channel_theme'] != 'ussrbasic')
set_pconfig(local_channel(), '`ussrbasic', 'schema', '---'); set_pconfig(local_channel(), 'ussrbasic', 'schema', '---');

View File

@ -4,7 +4,7 @@
* * Name: Ussrbasic * * Name: Ussrbasic
* * Description: ussr.win 3 column based on Hubzilla standard theme * * Description: ussr.win 3 column based on Hubzilla standard theme
* * Version: 2.2 * * Version: 2.2
* * MinVersion: 6.2 * * MinVersion: 6.4
* * MaxVersion: 7.0 * * MaxVersion: 7.0
* * Author: Fabrixxm * * Author: Fabrixxm
*/ */

View File

@ -326,11 +326,18 @@ blockquote {
color: #dddccc; color: #dddccc;
} }
#notifications, #nav-notify-sub, #nav-network-sub, #nav-all_events-sub {
border: 1px solid #383c4a !important;
border-bottom-color: #383c4a !important;
}
#upgrade_info_aside { #upgrade_info_aside {
border-color: #383c4a !important; border-color: #383c4a !important;
} }
.text-muted {
color: #a6a6b9 !important;
}
.card {
background-color: #434753 !important;
}
.border {
border: 1px solid #415240 !important;
}

View File

@ -335,11 +335,18 @@ blockquote {
color: #dddccc; color: #dddccc;
} }
#notifications, #nav-notify-sub, #nav-network-sub, #nav-all_events-sub {
border: 1px solid #383c4a !important;
border-bottom-color: #383c4a !important;
}
#upgrade_info_aside { #upgrade_info_aside {
border-color: #383c4a !important; border-color: #383c4a !important;
} }
.text-muted {
color: #a6a6b9 !important;
}
.card {
background-color: #434753 !important;
}
.border {
border: 1px solid #415240 !important;
}

View File

@ -327,11 +327,18 @@ blockquote {
color: #dddccc; color: #dddccc;
} }
#notifications, #nav-notify-sub, #nav-network-sub, #nav-all_events-sub {
border: 1px solid #383c4a !important;
border-bottom-color: #383c4a !important;
}
#upgrade_info_aside { #upgrade_info_aside {
border-color: #383c4a !important; border-color: #383c4a !important;
} }
.text-muted {
color: #a6a6b9 !important;
}
.card {
background-color: #434753 !important;
}
.border {
border: 1px solid #415240 !important;
}

View File

@ -321,11 +321,18 @@ blockquote {
color: #dddccc; color: #dddccc;
} }
#notifications, #nav-notify-sub, #nav-network-sub, #nav-all_events-sub {
border: 1px solid #383c4a !important;
border-bottom-color: #383c4a !important;
}
#upgrade_info_aside { #upgrade_info_aside {
border-color: #383c4a !important; border-color: #383c4a !important;
} }
.text-muted {
color: #a6a6b9 !important;
}
.card {
background-color: #434753 !important;
}
.border {
border: 1px solid #415240 !important;
}

View File

@ -35,7 +35,7 @@
if (! $font_colour) if (! $font_colour)
$font_colour = "#ccc"; $font_colour = "#ccc";
if (! $converse_width) if (! $converse_width)
$converse_width = "1024"; $converse_width = '52'; //unit: rem;

View File

@ -347,11 +347,18 @@ blockquote {
color: #dddccc; color: #dddccc;
} }
#notifications, #nav-notify-sub, #nav-network-sub, #nav-all_events-sub {
border: 1px solid #383c4a !important;
border-bottom-color: #383c4a !important;
}
#upgrade_info_aside { #upgrade_info_aside {
border-color: #383c4a !important; border-color: #383c4a !important;
} }
.text-muted {
color: #a6a6b9 !important;
}
.card {
background-color: #434753 !important;
}
.border {
border: 1px solid #415240 !important;
}

View File

@ -1,10 +0,0 @@
<div class="widget suggestions-widget">
<h3>{{$title}}</h3>
{{if $entries}}
{{foreach $entries as $child}}
{{include file="suggest_friends.tpl" entry=$child}}
{{/foreach}}
{{/if}}
<div class="clear"></div>
<div class="suggest-widget-more"><a href="suggest">{{$more}}</a></div>
</div>

View File

@ -24,15 +24,15 @@ body {
aside#region_1 { aside#region_1 {
border-right: 1px solid transparent; border-right: 1px solid transparent;
width: $left_aside_widthpx; width: $left_aside_widthrem;
min-width: $left_aside_widthpx; min-width: $left_aside_widthrem;
max-width: $left_aside_widthpx; max-width: $left_aside_widthrem;
} }
aside#region_3 { aside#region_3 {
width: $right_aside_widthpx; width: $right_aside_widthrem;
min-width: $left_aside_widthpx; min-width: $left_aside_widthrem;
max-width: $right_aside_widthpx; max-width: $right_aside_widthrem;
} }
aside#left_aside_wrapper, aside#left_aside_wrapper,
@ -43,13 +43,13 @@ aside#right_aside_wrapper {
main { main {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
max-width: $main_widthpx; max-width: $main_widthrem;
} }
#overlay { #overlay {
position: fixed; position: fixed;
top: 0; top: 0;
left: $left_aside_widthpx; left: $left_aside_widthrem;
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
background: rgba(0, 0, 0, .3); background: rgba(0, 0, 0, .3);
@ -400,34 +400,20 @@ footer {
color: #444444; color: #444444;
} }
.vcard { .vcard-card {
margin-bottom: 10px;
padding: 0px 10px 10px 10px;
background-color: rgba(254,254,254,0.5); background-color: rgba(254,254,254,0.5);
border: 1px solid rgba(254,254,254,0.5); }
border-radius: $radius;
.vcard {
word-wrap: break-word; word-wrap: break-word;
} }
.vcard dl,
.vcard .title {
margin-top: 10px;
margin-bottom: 0px;
}
.connect-btn-wrapper {
margin-bottom: 10px;
}
.profile-edit-side-link { .profile-edit-side-link {
padding: 3px 0px;
opacity: 0; opacity: 0;
filter:alpha(opacity=30); filter:alpha(opacity=0);
float: right;
} }
.vcard:hover .profile-edit-side-link { .card:hover .profile-edit-side-link {
opacity: 1; opacity: 1;
filter:alpha(opacity=100); filter:alpha(opacity=100);
} }
@ -435,15 +421,6 @@ footer {
#profile-photo-wrapper img { #profile-photo-wrapper img {
width: 100%; width: 100%;
height: 100%; height: 100%;
max-width: 300px;
max-height: 300px;
}
#profile-photo-wrapper {
width: 251px;
height: 251px;
margin-bottom: 10px;
border-radius: $radius;
} }
#hide-friends-yes-label, #hide-friends-yes-label,
@ -571,8 +548,8 @@ footer {
} }
.contact-block-img { .contact-block-img {
width:47px; width: 2.95rem;
height:47px; height: 2.95rem;
margin-bottom: 3px; margin-bottom: 3px;
} }
@ -1191,7 +1168,6 @@ img.mail-conv-sender-photo {
.widget { .widget {
background-color: rgba(254,254,254,.5); background-color: rgba(254,254,254,.5);
border: 1px solid rgba(254,254,254,.5);
border-radius: $radius; border-radius: $radius;
} }
@ -1530,17 +1506,16 @@ blockquote {
} }
main { main {
left: -$left_aside_widthpx; left: -$left_aside_widthrem;
width: calc( 100% + $left_aside_widthpx ); width: calc( 100% + $left_aside_widthrem );
} }
main.region_1-on { main.region_1-on {
left: 0px; left: 0px;
} }
#nav-app-link-wrapper.has_location { #nav-app-link-wrapper {
min-width: 0; min-width: 0;
flex-basis: 25%;
} }
#nav-app-link-wrapper { #nav-app-link-wrapper {
@ -1603,7 +1578,7 @@ dl.bb-dl > dd > li {
content:"\f069 "; content:"\f069 ";
} }
/* Modified original CSS to match input in Redbasic */ /* Modified original CSS to match input in Ussrbasicleft */
.jothidden .bootstrap-tagsinput { .jothidden .bootstrap-tagsinput {
border: 0px solid transparent; border: 0px solid transparent;
margin-bottom: 0px; margin-bottom: 0px;
@ -1833,10 +1808,6 @@ span.default-highlight {
width: 100%; width: 100%;
} }
.profile-match-wrapper {
width: 44% !important;
}
#region_3 { #region_3 {
display: none !important; display: none !important;
} }

View File

@ -110,7 +110,7 @@ class UssrbasicleftConfig {
'$font_colour' => array('ussrbasicleft_font_colour', t('Set font-color for posts and comments'), $arr['font_colour']), '$font_colour' => array('ussrbasicleft_font_colour', t('Set font-color for posts and comments'), $arr['font_colour']),
'$radius' => array('ussrbasicleft_radius', t('Set radius of corners'), $arr['radius'], t('Example: 4px')), '$radius' => array('ussrbasicleft_radius', t('Set radius of corners'), $arr['radius'], t('Example: 4px')),
'$shadow' => array('ussrbasicleft_shadow', t('Set shadow depth of photos'), $arr['shadow']), '$shadow' => array('ussrbasicleft_shadow', t('Set shadow depth of photos'), $arr['shadow']),
'$converse_width' => array('ussrbasicleft_converse_width',t('Set maximum width of content region in pixel'),$arr['converse_width'], t('Leave empty for default width')), '$converse_width' => array('ussrbasicleft_converse_width',t('Set maximum width of content region in rem'),$arr['converse_width'], t('Leave empty for default width')),
'$top_photo' => array('ussrbasicleft_top_photo', t('Set size of conversation author photo'), $arr['top_photo']), '$top_photo' => array('ussrbasicleft_top_photo', t('Set size of conversation author photo'), $arr['top_photo']),
'$reply_photo' => array('ussrbasicleft_reply_photo', t('Set size of followup author photos'), $arr['reply_photo']), '$reply_photo' => array('ussrbasicleft_reply_photo', t('Set size of followup author photos'), $arr['reply_photo']),
'$advanced_theming' => ['ussrbasicleft_advanced_theming', t('Show advanced settings'), $arr['advanced_theming'], '', [t('No'), t('Yes')]] '$advanced_theming' => ['ussrbasicleft_advanced_theming', t('Show advanced settings'), $arr['advanced_theming'], '', [t('No'), t('Yes')]]

View File

@ -101,7 +101,7 @@ if (! $radius)
if (! $shadow) if (! $shadow)
$shadow = '0'; $shadow = '0';
if (! $converse_width) if (! $converse_width)
$converse_width = '790'; $converse_width = '52'; //unit: rem
if(! $top_photo) if(! $top_photo)
$top_photo = '2.3rem'; $top_photo = '2.3rem';
if(! $reply_photo) if(! $reply_photo)
@ -120,13 +120,13 @@ if(file_exists('view/theme/ussrbasicleft/css/style.css')) {
$x .= $schemecss; $x .= $schemecss;
} }
$left_aside_width = 288; $left_aside_width = 21; //unit: rem
$right_aside_width = 288; $right_aside_width = 21; //unit: rem
$main_width = $left_aside_width + $right_aside_width + intval($converse_width); $main_width = $left_aside_width + $right_aside_width + intval($converse_width);
// prevent main_width smaller than 768px // prevent main_width smaller than 768px
$main_width = (($main_width < 768) ? 768 : $main_width); $main_width = (($main_width < 30) ? 30 : $main_width);
$options = array ( $options = array (
'$nav_bg' => $nav_bg, '$nav_bg' => $nav_bg,
@ -161,4 +161,4 @@ if(file_exists('view/theme/ussrbasicleft/css/style.css')) {
// Set the schema to the default schema in derived themes. See the documentation for creating derived themes how to override this. // Set the schema to the default schema in derived themes. See the documentation for creating derived themes how to override this.
if(local_channel() && App::$channel && App::$channel['channel_theme'] != 'ussrbasicleft') if(local_channel() && App::$channel && App::$channel['channel_theme'] != 'ussrbasicleft')
set_pconfig(local_channel(), '`ussrbasicleft', 'schema', '---'); set_pconfig(local_channel(), 'ussrbasicleft', 'schema', '---');

View File

@ -4,7 +4,7 @@
* * Name: Ussrbasicleft * * Name: Ussrbasicleft
* * Description: ussr.win 2 column left based on Hubzilla standard theme * * Description: ussr.win 2 column left based on Hubzilla standard theme
* * Version: 2.2 * * Version: 2.2
* * MinVersion: 6.2 * * MinVersion: 6.4
* * MaxVersion: 7.0 * * MaxVersion: 7.0
* * Author: Fabrixxm * * Author: Fabrixxm
*/ */

View File

@ -326,11 +326,18 @@ blockquote {
color: #dddccc; color: #dddccc;
} }
#notifications, #nav-notify-sub, #nav-network-sub, #nav-all_events-sub {
border: 1px solid #383c4a !important;
border-bottom-color: #383c4a !important;
}
#upgrade_info_aside { #upgrade_info_aside {
border-color: #383c4a !important; border-color: #383c4a !important;
} }
.text-muted {
color: #a6a6b9 !important;
}
.card {
background-color: #434753 !important;
}
.border {
border: 1px solid #415240 !important;
}

View File

@ -335,11 +335,19 @@ blockquote {
color: #dddccc; color: #dddccc;
} }
#notifications, #nav-notify-sub, #nav-network-sub, #nav-all_events-sub {
border: 1px solid #383c4a !important;
border-bottom-color: #383c4a !important;
}
#upgrade_info_aside { #upgrade_info_aside {
border-color: #383c4a !important; border-color: #383c4a !important;
} }
.text-muted {
color: #a6a6b9 !important;
}
.card {
background-color: #434753 !important;
}
.border {
border: 1px solid #415240 !important;
}

View File

@ -327,11 +327,18 @@ blockquote {
color: #dddccc; color: #dddccc;
} }
#notifications, #nav-notify-sub, #nav-network-sub, #nav-all_events-sub {
border: 1px solid #383c4a !important;
border-bottom-color: #383c4a !important;
}
#upgrade_info_aside { #upgrade_info_aside {
border-color: #383c4a !important; border-color: #383c4a !important;
} }
.text-muted {
color: #a6a6b9 !important;
}
.card {
background-color: #434753 !important;
}
.border {
border: 1px solid #415240 !important;
}

View File

@ -321,11 +321,19 @@ blockquote {
color: #dddccc; color: #dddccc;
} }
#notifications, #nav-notify-sub, #nav-network-sub, #nav-all_events-sub {
border: 1px solid #383c4a !important;
border-bottom-color: #383c4a !important;
}
#upgrade_info_aside { #upgrade_info_aside {
border-color: #383c4a !important; border-color: #383c4a !important;
} }
.text-muted {
color: #a6a6b9 !important;
}
.card {
background-color: #434753 !important;
}
.border {
border: 1px solid #415240 !important;
}

View File

@ -35,7 +35,7 @@
if (! $font_colour) if (! $font_colour)
$font_colour = "#ccc"; $font_colour = "#ccc";
if (! $converse_width) if (! $converse_width)
$converse_width = "1024"; $converse_width = '52'; //unit: rem;

View File

@ -346,12 +346,24 @@ blockquote {
.table { .table {
color: #dddccc; color: #dddccc;
} }
/*
#notifications, #nav-notify-sub, #nav-network-sub, #nav-all_events-sub { #notifications, #nav-notify-sub, #nav-network-sub, #nav-all_events-sub {
border: 1px solid #383c4a !important; border: 1px solid #383c4a !important;
border-bottom-color: #383c4a !important; border-bottom-color: #383c4a !important;
} }
*/
#upgrade_info_aside { #upgrade_info_aside {
border-color: #383c4a !important; border-color: #383c4a !important;
} }
.text-muted {
color: #a6a6b9 !important;
}
.card {
background-color: #434753 !important;
}
.border {
border: 1px solid #415240 !important;
}

View File

@ -1,10 +0,0 @@
<div class="widget suggestions-widget">
<h3>{{$title}}</h3>
{{if $entries}}
{{foreach $entries as $child}}
{{include file="suggest_friends.tpl" entry=$child}}
{{/foreach}}
{{/if}}
<div class="clear"></div>
<div class="suggest-widget-more"><a href="suggest">{{$more}}</a></div>
</div>

View File

@ -24,15 +24,15 @@ body {
aside#region_1 { aside#region_1 {
border-right: 1px solid transparent; border-right: 1px solid transparent;
width: $left_aside_widthpx; width: $left_aside_widthrem;
min-width: $left_aside_widthpx; min-width: $left_aside_widthrem;
max-width: $left_aside_widthpx; max-width: $left_aside_widthrem;
} }
aside#region_3 { aside#region_3 {
width: $right_aside_widthpx; width: $right_aside_widthrem;
min-width: $left_aside_widthpx; min-width: $left_aside_widthrem;
max-width: $right_aside_widthpx; max-width: $right_aside_widthrem;
} }
aside#left_aside_wrapper, aside#left_aside_wrapper,
@ -43,13 +43,13 @@ aside#right_aside_wrapper {
main { main {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
max-width: $main_widthpx; max-width: $main_widthrem;
} }
#overlay { #overlay {
position: fixed; position: fixed;
top: 0; top: 0;
left: $left_aside_widthpx; left: $left_aside_widthrem;
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
background: rgba(0, 0, 0, .3); background: rgba(0, 0, 0, .3);
@ -400,34 +400,20 @@ footer {
color: #444444; color: #444444;
} }
.vcard { .vcard-card {
margin-bottom: 10px;
padding: 0px 10px 10px 10px;
background-color: rgba(254,254,254,0.5); background-color: rgba(254,254,254,0.5);
border: 1px solid rgba(254,254,254,0.5); }
border-radius: $radius;
.vcard {
word-wrap: break-word; word-wrap: break-word;
} }
.vcard dl,
.vcard .title {
margin-top: 10px;
margin-bottom: 0px;
}
.connect-btn-wrapper {
margin-bottom: 10px;
}
.profile-edit-side-link { .profile-edit-side-link {
padding: 3px 0px;
opacity: 0; opacity: 0;
filter:alpha(opacity=30); filter:alpha(opacity=0);
float: right;
} }
.vcard:hover .profile-edit-side-link { .card:hover .profile-edit-side-link {
opacity: 1; opacity: 1;
filter:alpha(opacity=100); filter:alpha(opacity=100);
} }
@ -435,15 +421,6 @@ footer {
#profile-photo-wrapper img { #profile-photo-wrapper img {
width: 100%; width: 100%;
height: 100%; height: 100%;
max-width: 300px;
max-height: 300px;
}
#profile-photo-wrapper {
width: 251px;
height: 251px;
margin-bottom: 10px;
border-radius: $radius;
} }
#hide-friends-yes-label, #hide-friends-yes-label,
@ -571,8 +548,8 @@ footer {
} }
.contact-block-img { .contact-block-img {
width:47px; width: 2.95rem;
height:47px; height: 2.95rem;
margin-bottom: 3px; margin-bottom: 3px;
} }
@ -1191,7 +1168,6 @@ img.mail-conv-sender-photo {
.widget { .widget {
background-color: rgba(254,254,254,.5); background-color: rgba(254,254,254,.5);
border: 1px solid rgba(254,254,254,.5);
border-radius: $radius; border-radius: $radius;
} }
@ -1530,17 +1506,16 @@ blockquote {
} }
main { main {
left: -$left_aside_widthpx; left: -$left_aside_widthrem;
width: calc( 100% + $left_aside_widthpx ); width: calc( 100% + $left_aside_widthrem );
} }
main.region_1-on { main.region_1-on {
left: 0px; left: 0px;
} }
#nav-app-link-wrapper.has_location { #nav-app-link-wrapper {
min-width: 0; min-width: 0;
flex-basis: 25%;
} }
#nav-app-link-wrapper { #nav-app-link-wrapper {
@ -1603,7 +1578,7 @@ dl.bb-dl > dd > li {
content:"\f069 "; content:"\f069 ";
} }
/* Modified original CSS to match input in Redbasic */ /* Modified original CSS to match input in Ussrbasicpub */
.jothidden .bootstrap-tagsinput { .jothidden .bootstrap-tagsinput {
border: 0px solid transparent; border: 0px solid transparent;
margin-bottom: 0px; margin-bottom: 0px;
@ -1833,10 +1808,6 @@ span.default-highlight {
width: 100%; width: 100%;
} }
.profile-match-wrapper {
width: 44% !important;
}
#region_3 { #region_3 {
display: none !important; display: none !important;
} }

View File

@ -110,7 +110,7 @@ class UssrbasicpubConfig {
'$font_colour' => array('ussrbasicpub_font_colour', t('Set font-color for posts and comments'), $arr['font_colour']), '$font_colour' => array('ussrbasicpub_font_colour', t('Set font-color for posts and comments'), $arr['font_colour']),
'$radius' => array('ussrbasicpub_radius', t('Set radius of corners'), $arr['radius'], t('Example: 4px')), '$radius' => array('ussrbasicpub_radius', t('Set radius of corners'), $arr['radius'], t('Example: 4px')),
'$shadow' => array('ussrbasicpub_shadow', t('Set shadow depth of photos'), $arr['shadow']), '$shadow' => array('ussrbasicpub_shadow', t('Set shadow depth of photos'), $arr['shadow']),
'$converse_width' => array('ussrbasicpub_converse_width',t('Set maximum width of content region in pixel'),$arr['converse_width'], t('Leave empty for default width')), '$converse_width' => array('ussrbasicpub_converse_width',t('Set maximum width of content region in rem'),$arr['converse_width'], t('Leave empty for default width')),
'$top_photo' => array('ussrbasicpub_top_photo', t('Set size of conversation author photo'), $arr['top_photo']), '$top_photo' => array('ussrbasicpub_top_photo', t('Set size of conversation author photo'), $arr['top_photo']),
'$reply_photo' => array('ussrbasicpub_reply_photo', t('Set size of followup author photos'), $arr['reply_photo']), '$reply_photo' => array('ussrbasicpub_reply_photo', t('Set size of followup author photos'), $arr['reply_photo']),
'$advanced_theming' => ['ussrbasicpub_advanced_theming', t('Show advanced settings'), $arr['advanced_theming'], '', [t('No'), t('Yes')]] '$advanced_theming' => ['ussrbasicpub_advanced_theming', t('Show advanced settings'), $arr['advanced_theming'], '', [t('No'), t('Yes')]]

View File

@ -101,7 +101,7 @@ if (! $radius)
if (! $shadow) if (! $shadow)
$shadow = '0'; $shadow = '0';
if (! $converse_width) if (! $converse_width)
$converse_width = '790'; $converse_width = '52'; //unit: rem
if(! $top_photo) if(! $top_photo)
$top_photo = '2.3rem'; $top_photo = '2.3rem';
if(! $reply_photo) if(! $reply_photo)
@ -120,13 +120,13 @@ if(file_exists('view/theme/ussrbasicpub/css/style.css')) {
$x .= $schemecss; $x .= $schemecss;
} }
$left_aside_width = 288; $left_aside_width = 21; //unit: rem
$right_aside_width = 288; $right_aside_width = 21; //unit: rem
$main_width = $left_aside_width + $right_aside_width + intval($converse_width); $main_width = $left_aside_width + $right_aside_width + intval($converse_width);
// prevent main_width smaller than 768px // prevent main_width smaller than 768px
$main_width = (($main_width < 768) ? 768 : $main_width); $main_width = (($main_width < 30) ? 30 : $main_width);
$options = array ( $options = array (
'$nav_bg' => $nav_bg, '$nav_bg' => $nav_bg,
@ -161,4 +161,4 @@ if(file_exists('view/theme/ussrbasicpub/css/style.css')) {
// Set the schema to the default schema in derived themes. See the documentation for creating derived themes how to override this. // Set the schema to the default schema in derived themes. See the documentation for creating derived themes how to override this.
if(local_channel() && App::$channel && App::$channel['channel_theme'] != 'ussrbasicpub') if(local_channel() && App::$channel && App::$channel['channel_theme'] != 'ussrbasicpub')
set_pconfig(local_channel(), '`ussrbasicpub', 'schema', '---'); set_pconfig(local_channel(), 'ussrbasicpub', 'schema', '---');

View File

@ -4,7 +4,7 @@
* * Name: Ussrbasicpub * * Name: Ussrbasicpub
* * Description: ussr.win 2 column pub based on Hubzilla standard theme * * Description: ussr.win 2 column pub based on Hubzilla standard theme
* * Version: 2.2 * * Version: 2.2
* * MinVersion: 6.2 * * MinVersion: 6.4
* * MaxVersion: 7.0 * * MaxVersion: 7.0
* * Author: Fabrixxm * * Author: Fabrixxm
*/ */

View File

@ -326,11 +326,18 @@ blockquote {
color: #dddccc; color: #dddccc;
} }
#notifications, #nav-notify-sub, #nav-network-sub, #nav-all_events-sub {
border: 1px solid #383c4a !important;
border-bottom-color: #383c4a !important;
}
#upgrade_info_aside { #upgrade_info_aside {
border-color: #383c4a !important; border-color: #383c4a !important;
} }
.text-muted {
color: #a6a6b9 !important;
}
.card {
background-color: #434753 !important;
}
.border {
border: 1px solid #415240 !important;
}

View File

@ -335,11 +335,18 @@ blockquote {
color: #dddccc; color: #dddccc;
} }
#notifications, #nav-notify-sub, #nav-network-sub, #nav-all_events-sub {
border: 1px solid #383c4a !important;
border-bottom-color: #383c4a !important;
}
#upgrade_info_aside { #upgrade_info_aside {
border-color: #383c4a !important; border-color: #383c4a !important;
} }
.text-muted {
color: #a6a6b9 !important;
}
.card {
background-color: #434753 !important;
}
.border {
border: 1px solid #415240 !important;
}

View File

@ -327,11 +327,18 @@ blockquote {
color: #dddccc; color: #dddccc;
} }
#notifications, #nav-notify-sub, #nav-network-sub, #nav-all_events-sub {
border: 1px solid #383c4a !important;
border-bottom-color: #383c4a !important;
}
#upgrade_info_aside { #upgrade_info_aside {
border-color: #383c4a !important; border-color: #383c4a !important;
} }
.text-muted {
color: #a6a6b9 !important;
}
.card {
background-color: #434753 !important;
}
.border {
border: 1px solid #415240 !important;
}

View File

@ -321,11 +321,18 @@ blockquote {
color: #dddccc; color: #dddccc;
} }
#notifications, #nav-notify-sub, #nav-network-sub, #nav-all_events-sub {
border: 1px solid #383c4a !important;
border-bottom-color: #383c4a !important;
}
#upgrade_info_aside { #upgrade_info_aside {
border-color: #383c4a !important; border-color: #383c4a !important;
} }
.text-muted {
color: #a6a6b9 !important;
}
.card {
background-color: #434753 !important;
}
.border {
border: 1px solid #415240 !important;
}

View File

@ -35,7 +35,7 @@
if (! $font_colour) if (! $font_colour)
$font_colour = "#ccc"; $font_colour = "#ccc";
if (! $converse_width) if (! $converse_width)
$converse_width = "1024"; $converse_width = '52'; //unit: rem;

View File

@ -347,11 +347,18 @@ blockquote {
color: #dddccc; color: #dddccc;
} }
#notifications, #nav-notify-sub, #nav-network-sub, #nav-all_events-sub {
border: 1px solid #383c4a !important;
border-bottom-color: #383c4a !important;
}
#upgrade_info_aside { #upgrade_info_aside {
border-color: #383c4a !important; border-color: #383c4a !important;
} }
.text-muted {
color: #a6a6b9 !important;
}
.card {
background-color: #434753 !important;
}
.border {
border: 1px solid #415240 !important;
}

View File

@ -1,10 +0,0 @@
<div class="widget suggestions-widget">
<h3>{{$title}}</h3>
{{if $entries}}
{{foreach $entries as $child}}
{{include file="suggest_friends.tpl" entry=$child}}
{{/foreach}}
{{/if}}
<div class="clear"></div>
<div class="suggest-widget-more"><a href="suggest">{{$more}}</a></div>
</div>

View File

@ -24,15 +24,15 @@ body {
aside#region_1 { aside#region_1 {
border-right: 1px solid transparent; border-right: 1px solid transparent;
width: $left_aside_widthpx; width: $left_aside_widthrem;
min-width: $left_aside_widthpx; min-width: $left_aside_widthrem;
max-width: $left_aside_widthpx; max-width: $left_aside_widthrem;
} }
aside#region_3 { aside#region_3 {
width: $right_aside_widthpx; width: $right_aside_widthrem;
min-width: $left_aside_widthpx; min-width: $left_aside_widthrem;
max-width: $right_aside_widthpx; max-width: $right_aside_widthrem;
} }
aside#left_aside_wrapper, aside#left_aside_wrapper,
@ -43,13 +43,13 @@ aside#right_aside_wrapper {
main { main {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
max-width: $main_widthpx; max-width: $main_widthrem;
} }
#overlay { #overlay {
position: fixed; position: fixed;
top: 0; top: 0;
left: $left_aside_widthpx; left: $left_aside_widthrem;
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
background: rgba(0, 0, 0, .3); background: rgba(0, 0, 0, .3);
@ -400,34 +400,20 @@ footer {
color: #444444; color: #444444;
} }
.vcard { .vcard-card {
margin-bottom: 10px;
padding: 0px 10px 10px 10px;
background-color: rgba(254,254,254,0.5); background-color: rgba(254,254,254,0.5);
border: 1px solid rgba(254,254,254,0.5); }
border-radius: $radius;
.vcard {
word-wrap: break-word; word-wrap: break-word;
} }
.vcard dl,
.vcard .title {
margin-top: 10px;
margin-bottom: 0px;
}
.connect-btn-wrapper {
margin-bottom: 10px;
}
.profile-edit-side-link { .profile-edit-side-link {
padding: 3px 0px;
opacity: 0; opacity: 0;
filter:alpha(opacity=30); filter:alpha(opacity=0);
float: right;
} }
.vcard:hover .profile-edit-side-link { .card:hover .profile-edit-side-link {
opacity: 1; opacity: 1;
filter:alpha(opacity=100); filter:alpha(opacity=100);
} }
@ -435,15 +421,6 @@ footer {
#profile-photo-wrapper img { #profile-photo-wrapper img {
width: 100%; width: 100%;
height: 100%; height: 100%;
max-width: 300px;
max-height: 300px;
}
#profile-photo-wrapper {
width: 251px;
height: 251px;
margin-bottom: 10px;
border-radius: $radius;
} }
#hide-friends-yes-label, #hide-friends-yes-label,
@ -571,8 +548,8 @@ footer {
} }
.contact-block-img { .contact-block-img {
width:47px; width: 2.95rem;
height:47px; height: 2.95rem;
margin-bottom: 3px; margin-bottom: 3px;
} }
@ -1191,7 +1168,6 @@ img.mail-conv-sender-photo {
.widget { .widget {
background-color: rgba(254,254,254,.5); background-color: rgba(254,254,254,.5);
border: 1px solid rgba(254,254,254,.5);
border-radius: $radius; border-radius: $radius;
} }
@ -1530,17 +1506,16 @@ blockquote {
} }
main { main {
left: -$left_aside_widthpx; left: -$left_aside_widthrem;
width: calc( 100% + $left_aside_widthpx ); width: calc( 100% + $left_aside_widthrem );
} }
main.region_1-on { main.region_1-on {
left: 0px; left: 0px;
} }
#nav-app-link-wrapper.has_location { #nav-app-link-wrapper {
min-width: 0; min-width: 0;
flex-basis: 25%;
} }
#nav-app-link-wrapper { #nav-app-link-wrapper {
@ -1603,7 +1578,7 @@ dl.bb-dl > dd > li {
content:"\f069 "; content:"\f069 ";
} }
/* Modified original CSS to match input in Redbasic */ /* Modified original CSS to match input in Ussrbasicright */
.jothidden .bootstrap-tagsinput { .jothidden .bootstrap-tagsinput {
border: 0px solid transparent; border: 0px solid transparent;
margin-bottom: 0px; margin-bottom: 0px;
@ -1833,10 +1808,6 @@ span.default-highlight {
width: 100%; width: 100%;
} }
.profile-match-wrapper {
width: 44% !important;
}
#region_1 { #region_1 {
display: none !important; display: none !important;
} }

Binary file not shown.

Before

Width:  |  Height:  |  Size: 296 KiB

After

Width:  |  Height:  |  Size: 128 KiB

View File

@ -110,7 +110,7 @@ class UssrbasicrightConfig {
'$font_colour' => array('ussrbasicright_font_colour', t('Set font-color for posts and comments'), $arr['font_colour']), '$font_colour' => array('ussrbasicright_font_colour', t('Set font-color for posts and comments'), $arr['font_colour']),
'$radius' => array('ussrbasicright_radius', t('Set radius of corners'), $arr['radius'], t('Example: 4px')), '$radius' => array('ussrbasicright_radius', t('Set radius of corners'), $arr['radius'], t('Example: 4px')),
'$shadow' => array('ussrbasicright_shadow', t('Set shadow depth of photos'), $arr['shadow']), '$shadow' => array('ussrbasicright_shadow', t('Set shadow depth of photos'), $arr['shadow']),
'$converse_width' => array('ussrbasicright_converse_width',t('Set maximum width of content region in pixel'),$arr['converse_width'], t('Leave empty for default width')), '$converse_width' => array('ussrbasicright_converse_width',t('Set maximum width of content region in rem'),$arr['converse_width'], t('Leave empty for default width')),
'$top_photo' => array('ussrbasicright_top_photo', t('Set size of conversation author photo'), $arr['top_photo']), '$top_photo' => array('ussrbasicright_top_photo', t('Set size of conversation author photo'), $arr['top_photo']),
'$reply_photo' => array('ussrbasicright_reply_photo', t('Set size of followup author photos'), $arr['reply_photo']), '$reply_photo' => array('ussrbasicright_reply_photo', t('Set size of followup author photos'), $arr['reply_photo']),
'$advanced_theming' => ['ussrbasicright_advanced_theming', t('Show advanced settings'), $arr['advanced_theming'], '', [t('No'), t('Yes')]] '$advanced_theming' => ['ussrbasicright_advanced_theming', t('Show advanced settings'), $arr['advanced_theming'], '', [t('No'), t('Yes')]]

View File

@ -101,7 +101,7 @@ if (! $radius)
if (! $shadow) if (! $shadow)
$shadow = '0'; $shadow = '0';
if (! $converse_width) if (! $converse_width)
$converse_width = '790'; $converse_width = '52'; //unit: rem
if(! $top_photo) if(! $top_photo)
$top_photo = '2.3rem'; $top_photo = '2.3rem';
if(! $reply_photo) if(! $reply_photo)
@ -120,13 +120,13 @@ if(file_exists('view/theme/ussrbasicright/css/style.css')) {
$x .= $schemecss; $x .= $schemecss;
} }
$left_aside_width = 288; $left_aside_width = 21; //unit: rem
$right_aside_width = 288; $right_aside_width = 21; //unit: rem
$main_width = $left_aside_width + $right_aside_width + intval($converse_width); $main_width = $left_aside_width + $right_aside_width + intval($converse_width);
// prevent main_width smaller than 768px // prevent main_width smaller than 768px
$main_width = (($main_width < 768) ? 768 : $main_width); $main_width = (($main_width < 30) ? 30 : $main_width);
$options = array ( $options = array (
'$nav_bg' => $nav_bg, '$nav_bg' => $nav_bg,
@ -161,4 +161,4 @@ if(file_exists('view/theme/ussrbasicright/css/style.css')) {
// Set the schema to the default schema in derived themes. See the documentation for creating derived themes how to override this. // Set the schema to the default schema in derived themes. See the documentation for creating derived themes how to override this.
if(local_channel() && App::$channel && App::$channel['channel_theme'] != 'ussrbasicright') if(local_channel() && App::$channel && App::$channel['channel_theme'] != 'ussrbasicright')
set_pconfig(local_channel(), '`ussrbasicright', 'schema', '---'); set_pconfig(local_channel(), 'ussrbasicright', 'schema', '---');

View File

@ -4,7 +4,7 @@
* * Name: Ussrbasicright * * Name: Ussrbasicright
* * Description: ussr.win 2 column left based on Hubzilla standard theme * * Description: ussr.win 2 column left based on Hubzilla standard theme
* * Version: 2.2 * * Version: 2.2
* * MinVersion: 6.2 * * MinVersion: 6.4
* * MaxVersion: 7.0 * * MaxVersion: 7.0
* * Author: Fabrixxm * * Author: Fabrixxm
*/ */

View File

@ -326,11 +326,18 @@ blockquote {
color: #dddccc; color: #dddccc;
} }
#notifications, #nav-notify-sub, #nav-network-sub, #nav-all_events-sub {
border: 1px solid #383c4a !important;
border-bottom-color: #383c4a !important;
}
#upgrade_info_aside { #upgrade_info_aside {
border-color: #383c4a !important; border-color: #383c4a !important;
} }
.text-muted {
color: #a6a6b9 !important;
}
.card {
background-color: #434753 !important;
}
.border {
border: 1px solid #415240 !important;
}

View File

@ -335,11 +335,18 @@ blockquote {
color: #dddccc; color: #dddccc;
} }
#notifications, #nav-notify-sub, #nav-network-sub, #nav-all_events-sub {
border: 1px solid #383c4a !important;
border-bottom-color: #383c4a !important;
}
#upgrade_info_aside { #upgrade_info_aside {
border-color: #383c4a !important; border-color: #383c4a !important;
} }
.text-muted {
color: #a6a6b9 !important;
}
.card {
background-color: #434753 !important;
}
.border {
border: 1px solid #415240 !important;
}

View File

@ -327,11 +327,18 @@ blockquote {
color: #dddccc; color: #dddccc;
} }
#notifications, #nav-notify-sub, #nav-network-sub, #nav-all_events-sub {
border: 1px solid #383c4a !important;
border-bottom-color: #383c4a !important;
}
#upgrade_info_aside { #upgrade_info_aside {
border-color: #383c4a !important; border-color: #383c4a !important;
} }
.text-muted {
color: #a6a6b9 !important;
}
.card {
background-color: #434753 !important;
}
.border {
border: 1px solid #415240 !important;
}

View File

@ -321,11 +321,18 @@ blockquote {
color: #dddccc; color: #dddccc;
} }
#notifications, #nav-notify-sub, #nav-network-sub, #nav-all_events-sub {
border: 1px solid #383c4a !important;
border-bottom-color: #383c4a !important;
}
#upgrade_info_aside { #upgrade_info_aside {
border-color: #383c4a !important; border-color: #383c4a !important;
} }
.text-muted {
color: #a6a6b9 !important;
}
.card {
background-color: #434753 !important;
}
.border {
border: 1px solid #415240 !important;
}

View File

@ -35,7 +35,7 @@
if (! $font_colour) if (! $font_colour)
$font_colour = "#ccc"; $font_colour = "#ccc";
if (! $converse_width) if (! $converse_width)
$converse_width = "1024"; $converse_width = '52'; //unit: rem;

View File

@ -347,11 +347,18 @@ blockquote {
color: #dddccc; color: #dddccc;
} }
#notifications, #nav-notify-sub, #nav-network-sub, #nav-all_events-sub {
border: 1px solid #383c4a !important;
border-bottom-color: #383c4a !important;
}
#upgrade_info_aside { #upgrade_info_aside {
border-color: #383c4a !important; border-color: #383c4a !important;
} }
.text-muted {
color: #a6a6b9 !important;
}
.card {
background-color: #434753 !important;
}
.border {
border: 1px solid #415240 !important;
}

View File

@ -1,10 +0,0 @@
<div class="widget suggestions-widget">
<h3>{{$title}}</h3>
{{if $entries}}
{{foreach $entries as $child}}
{{include file="suggest_friends.tpl" entry=$child}}
{{/foreach}}
{{/if}}
<div class="clear"></div>
<div class="suggest-widget-more"><a href="suggest">{{$more}}</a></div>
</div>