ussr/ussr-hubzilla-themes
2
0
Fork 0
Code Issues Pull Requests Releases 1 Activity

hubzilla 8

Browse Source
This commit is contained in:
root
2024-02-17 17:00:05 +01:00
parent 945d6161b5
commit 35b5787038
275 changed files with 1548 additions and 19618 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
ussrbasic/css/narrow_navbar.css
View File

@@ -1,25 +1,7 @@
@media screen and (min-width: 767px) {
nav.navbar {
padding-top: 1px;
padding-bottom: 1px
}
nav .badge {
top: 0px;
left: -0.25rem;
}
.contextual-help-content-open {
top: 2.5rem;
}
aside {
padding-top: 3.5rem;
}
section {
padding-top: 3.5rem;
.navbar {
--bs-navbar-padding-y: 1px;
}
#jGrowl.top-right {

551
ussrbasic/css/style.css
View File

File diff suppressed because it is too large Load Diff

107
ussrbasic/js/ussrbasic.js
View File

@@ -2,7 +2,45 @@
* ussrbasic theme specific JavaScript
*/
let ussrbasic_dark_mode = localStorage.getItem('ussrbasic_dark_mode');
let ussrbasic_theme_color = localStorage.getItem('ussrbasic_theme_color');
if (ussrbasic_dark_mode == 1) {
$('html').attr('data-bs-theme', 'dark');
}
if (ussrbasic_dark_mode == 0) {
$('html').attr('data-bs-theme', 'light');
}
if (ussrbasic_theme_color) {
$('meta[name=theme-color]').attr('content', ussrbasic_theme_color);
}
$(document).ready(function() {
// provide a fake progress bar for pwa standalone mode
if (window.matchMedia('(display-mode: standalone)').matches) {
$(window).on('beforeunload', function(){
if ($('.page-loader').length) {
return;
}
$('<div class="bg-primary page-loader"></div>').prependTo('body');
});
}
if (ussrbasic_dark_mode == 1) {
$('#theme-switch-icon').removeClass('fa-moon-o').addClass('fa-sun-o');
$('[data-bs-theme="light"]').attr('data-bs-theme', 'dark');
}
if (ussrbasic_dark_mode == 0) {
$('#theme-switch-icon').removeClass('fa-sun-o').addClass('fa-moon-o');
$('[data-bs-theme="dark"]:not(nav)').attr('data-bs-theme', 'light');
}
if (ussrbasic_theme_color != $('nav').css('background-color')) {
$('meta[name=theme-color]').attr('content', $('nav').css('background-color'));
localStorage.setItem('ussrbasic_theme_color', $('nav').css('background-color'));
}
// CSS3 calc() fallback (for unsupported browsers)
$('body').append('<div id="css3-calc" style="width: 10px; width: calc(10px + 10px); display: none;"></div>');
@@ -17,29 +55,47 @@ $(document).ready(function() {
}
$('#css3-calc').remove(); // Remove the test element
if($(window).width() < 1200) {
$("#right_aside_wrapper").children().detach().appendTo('#left_aside_wrapper');
$('#notifications_wrapper').addClass('d-none');
}
if (document.querySelector('#region_1')) {
stickyScroll('.aside_spacer_left', '.aside_spacer_top_left', '.content', parseFloat(window.getComputedStyle(document.querySelector('#region_1')).getPropertyValue('padding-top')), 0);
stickyScroll('.aside_spacer_left', '.aside_spacer_top_left', 'section', parseFloat(document.querySelector('main').getBoundingClientRect().top), 20);
}
if (document.querySelector('#region_3')) {
stickyScroll('.aside_spacer_right', '.aside_spacer_top_right', '.content', parseFloat(window.getComputedStyle(document.querySelector('#region_3')).getPropertyValue('padding-top')), 20);
stickyScroll('.aside_spacer_right', '.aside_spacer_top_right', 'section', parseFloat(document.querySelector('main').getBoundingClientRect().top), 20);
}
$('#expand-aside').on('click', function() {
if($('main').hasClass('region_1-on')){
toggleAside('left');
}
else {
toggleAside('right');
}
});
$('.usermenu').click(function() {
if($('#navbar-collapse-1, #navbar-collapse-2').hasClass('show')){
$('#navbar-collapse-1, #navbar-collapse-2').removeClass('show');
}
});
$('#theme-switch').click(function() {
if ($('html').attr('data-bs-theme') === 'dark') {
if ($('nav').data('bs-theme') === 'dark') {
$('[data-bs-theme="dark"]:not(nav)').attr('data-bs-theme', 'light');
}
else {
$('[data-bs-theme="dark"]').attr('data-bs-theme', 'light');
}
localStorage.setItem('ussrbasic_dark_mode', 0);
$('#theme-switch-icon').removeClass('fa-sun-o').addClass('fa-moon-o');
}
else {
$('[data-bs-theme="light"]').attr('data-bs-theme', 'dark');
localStorage.setItem('ussrbasic_dark_mode', 1);
$('#theme-switch-icon').removeClass('fa-moon-o').addClass('fa-sun-o');
}
$('meta[name=theme-color]').attr('content', $('nav').css('background-color'));
localStorage.setItem('ussrbasic_theme_color', $('nav').css('background-color'));
});
$('#menu-btn').click(function() {
if($('#navbar-collapse-1').hasClass('show')){
$('#navbar-collapse-1').removeClass('show');
@@ -83,7 +139,7 @@ $(document).ready(function() {
//just one finger touched
touch_start = e.touches.item(0).clientX;
if (touch_start < touch_max) {
$('html, body').css('overflow-y', 'hidden');
$('body').css('overflow-y', 'hidden');
}
}
else {
@@ -93,7 +149,7 @@ $(document).ready(function() {
});
window.addEventListener('touchend', function(e) {
$('html, body').css('overflow-y', '');
$('body').css('overflow-y', '');
let touch_offset = 30; //at least 30px are a swipe
if (touch_start) {
@@ -103,20 +159,15 @@ $(document).ready(function() {
if (touch_end > (touch_start + touch_offset)) {
//a left -> right swipe
if (touch_start < touch_max) {
toggleAside('right');
toggleAside();
}
}
if (touch_end < (touch_start - touch_offset)) {
//a right -> left swipe
//toggleAside('left');
}
}
});
$(document).on('hz:hqControlsClickAction', function(e) {
toggleAside('left');
});
});
function setStyle(element, cssProperty) {
@@ -164,12 +215,12 @@ function stickyScroll(sticky, stickyTop, container, topOffset, bottomOffset) {
setStyle(sticky, { position: 'sticky', top: Math.round(diff) - bottomOffset + 'px', bottom: '' });
} else {
// upscroll code
h = sticky.getBoundingClientRect().top - content.getBoundingClientRect().top - topOffset;
h = sticky.getBoundingClientRect().top - content.getBoundingClientRect().top;
if(Math.round(stickyTop.getBoundingClientRect().height) === lasth) {
setStyle(stickyTop, { height: Math.round(h) + 'px' });
}
lasth = Math.round(h);
setStyle(sticky, { position: 'sticky', top: '', bottom: Math.round(diff - topOffset) + 'px' });
setStyle(sticky, { position: 'sticky', top: '', bottom: Math.round(diff) - topOffset + 'px' });
}
lastScrollTop = st <= 0 ? 0 : st; // For Mobile or negative scrolling
}
@@ -190,18 +241,4 @@ function makeFullScreen(full) {
}
}
function toggleAside(swipe) {
if ($('main').hasClass('region_1-on') && swipe === 'left') {
$('#expand-aside-icon').addClass('fa-arrow-circle-right').removeClass('fa-arrow-circle-left');
$('html, body').css({ 'position': '', left: '' });
$('main').removeClass('region_1-on');
$('#overlay').remove();
}
if (!$('main').hasClass('region_1-on') && swipe === 'right') {
$('#expand-aside-icon').removeClass('fa-arrow-circle-right').addClass('fa-arrow-circle-left');
$('html, body').css({ 'position': 'sticky', 'left': '0px'});
$('main').addClass('region_1-on');
$('<div id="overlay"></div>').appendTo('body').one('click', function() { toggleAside('left'); });
}
}

17
ussrbasic/pdl/mod_channel.pdl
View File

@@ -1,17 +0,0 @@
[region=banner]
[widget=cover_photo][/widget]
[/region]
[region=aside]
[widget=fullprofile][/widget]
[widget=common_friends][/widget]
[widget=archive][var=wall]1[/var][/widget]
[widget=categories][/widget]
[widget=tagcloud_wall][var=limit]50[/var][/widget]
[/region]
[region=content]
$content
[/region]
[region=right_aside]
[widget=notifications][/widget]
[widget=newmember][/widget]
[/region]

10
ussrbasic/pdl/mod_pubstream.pdl
View File

@@ -1,10 +0,0 @@
[region=aside]
[widget=pubtagcloud][var=trending]8[/var][var=limit]100[/var][/widget]
[/region]
[region=content]
$content
[/region]
[region=right_aside]
[widget=notifications][/widget]
[widget=newmember][/widget]
[/region]

78
ussrbasic/php/config.php
View File

@@ -37,20 +37,21 @@ class UssrbasicConfig {
}
$arr = array();
$arr['dark_mode'] = get_pconfig(local_channel(),'ussrbasic', 'dark_mode');
$arr['navbar_dark_mode'] = get_pconfig(local_channel(),'ussrbasic', 'navbar_dark_mode');
$arr['narrow_navbar'] = get_pconfig(local_channel(),'ussrbasic', 'narrow_navbar' );
$arr['nav_bg'] = get_pconfig(local_channel(),'ussrbasic', 'nav_bg' );
$arr['nav_icon_colour'] = get_pconfig(local_channel(),'ussrbasic', 'nav_icon_colour' );
$arr['nav_active_icon_colour'] = get_pconfig(local_channel(),'ussrbasic', 'nav_active_icon_colour' );
$arr['link_colour'] = get_pconfig(local_channel(),'ussrbasic', 'link_colour' );
$arr['banner_colour'] = get_pconfig(local_channel(),'ussrbasic', 'banner_colour' );
$arr['bgcolour'] = get_pconfig(local_channel(),'ussrbasic', 'background_colour' );
$arr['nav_bg_dark'] = get_pconfig(local_channel(),'ussrbasic', 'nav_bg_dark' );
$arr['link_color'] = get_pconfig(local_channel(),'ussrbasic', 'link_color' );
$arr['link_color_dark'] = get_pconfig(local_channel(),'ussrbasic', 'link_color_dark' );
$arr['link_hover_color'] = get_pconfig(local_channel(),'ussrbasic', 'link_hover_color' );
$arr['link_hover_color_dark'] = get_pconfig(local_channel(),'ussrbasic', 'link_hover_color_dark' );
$arr['bgcolor'] = get_pconfig(local_channel(),'ussrbasic', 'background_color' );
$arr['bgcolor_dark'] = get_pconfig(local_channel(),'ussrbasic', 'background_color_dark' );
$arr['background_image'] = get_pconfig(local_channel(),'ussrbasic', 'background_image' );
$arr['item_colour'] = get_pconfig(local_channel(),'ussrbasic', 'item_colour' );
$arr['comment_item_colour'] = get_pconfig(local_channel(),'ussrbasic', 'comment_item_colour' );
$arr['background_image_dark'] = get_pconfig(local_channel(),'ussrbasic', 'background_image_dark' );
$arr['font_size'] = get_pconfig(local_channel(),'ussrbasic', 'font_size' );
$arr['font_colour'] = get_pconfig(local_channel(),'ussrbasic', 'font_colour' );
$arr['radius'] = get_pconfig(local_channel(),'ussrbasic', 'radius' );
$arr['shadow'] = get_pconfig(local_channel(),'ussrbasic', 'photo_shadow' );
$arr['converse_width']=get_pconfig(local_channel(),"ussrbasic","converse_width");
$arr['top_photo']=get_pconfig(local_channel(),"ussrbasic","top_photo");
$arr['reply_photo']=get_pconfig(local_channel(),"ussrbasic","reply_photo");
@@ -65,19 +66,20 @@ class UssrbasicConfig {
if (isset($_POST['ussrbasic-settings-submit'])) {
set_pconfig(local_channel(), 'ussrbasic', 'narrow_navbar', $_POST['ussrbasic_narrow_navbar']);
set_pconfig(local_channel(), 'ussrbasic', 'navbar_dark_mode', $_POST['ussrbasic_navbar_dark_mode']);
set_pconfig(local_channel(), 'ussrbasic', 'dark_mode', $_POST['ussrbasic_dark_mode']);
set_pconfig(local_channel(), 'ussrbasic', 'nav_bg', $_POST['ussrbasic_nav_bg']);
set_pconfig(local_channel(), 'ussrbasic', 'nav_icon_colour', $_POST['ussrbasic_nav_icon_colour']);
set_pconfig(local_channel(), 'ussrbasic', 'nav_active_icon_colour', $_POST['ussrbasic_nav_active_icon_colour']);
set_pconfig(local_channel(), 'ussrbasic', 'link_colour', $_POST['ussrbasic_link_colour']);
set_pconfig(local_channel(), 'ussrbasic', 'background_colour', $_POST['ussrbasic_background_colour']);
set_pconfig(local_channel(), 'ussrbasic', 'banner_colour', $_POST['ussrbasic_banner_colour']);
set_pconfig(local_channel(), 'ussrbasic', 'nav_bg_dark', $_POST['ussrbasic_nav_bg_dark']);
set_pconfig(local_channel(), 'ussrbasic', 'link_color', $_POST['ussrbasic_link_color']);
set_pconfig(local_channel(), 'ussrbasic', 'link_color_dark', $_POST['ussrbasic_link_color_dark']);
set_pconfig(local_channel(), 'ussrbasic', 'link_hover_color', $_POST['ussrbasic_link_hover_color']);
set_pconfig(local_channel(), 'ussrbasic', 'link_hover_color_dark', $_POST['ussrbasic_link_hover_color_dark']);
set_pconfig(local_channel(), 'ussrbasic', 'background_color', $_POST['ussrbasic_background_color']);
set_pconfig(local_channel(), 'ussrbasic', 'background_color_dark', $_POST['ussrbasic_background_color_dark']);
set_pconfig(local_channel(), 'ussrbasic', 'background_image', $_POST['ussrbasic_background_image']);
set_pconfig(local_channel(), 'ussrbasic', 'item_colour', $_POST['ussrbasic_item_colour']);
set_pconfig(local_channel(), 'ussrbasic', 'comment_item_colour', $_POST['ussrbasic_comment_item_colour']);
set_pconfig(local_channel(), 'ussrbasic', 'background_image_dark', $_POST['ussrbasic_background_image_dark']);
set_pconfig(local_channel(), 'ussrbasic', 'font_size', $_POST['ussrbasic_font_size']);
set_pconfig(local_channel(), 'ussrbasic', 'font_colour', $_POST['ussrbasic_font_colour']);
set_pconfig(local_channel(), 'ussrbasic', 'radius', $_POST['ussrbasic_radius']);
set_pconfig(local_channel(), 'ussrbasic', 'photo_shadow', $_POST['ussrbasic_shadow']);
set_pconfig(local_channel(), 'ussrbasic', 'converse_width', $_POST['ussrbasic_converse_width']);
set_pconfig(local_channel(), 'ussrbasic', 'top_photo', $_POST['ussrbasic_top_photo']);
set_pconfig(local_channel(), 'ussrbasic', 'reply_photo', $_POST['ussrbasic_reply_photo']);
@@ -87,29 +89,35 @@ class UssrbasicConfig {
function form($arr) {
if(get_pconfig(local_channel(), 'ussrbasic', 'advanced_theming'))
$expert = 1;
$expert = false;
if(get_pconfig(local_channel(), 'ussrbasic', 'advanced_theming')) {
$expert = true;
}
$o .= replace_macros(get_markup_template('theme_settings.tpl'), array(
$o = replace_macros(get_markup_template('theme_settings.tpl'), array(
'$submit' => t('Submit'),
'$baseurl' => z_root(),
'$theme' => \App::$channel['channel_theme'],
'$expert' => $expert,
'$title' => t("Theme settings"),
'$dark' => t('Dark style'),
'$light' => t('Light style'),
'$common' => t('Common settings'),
'$dark_mode' => array('ussrbasic_dark_mode',t('Default to dark mode'),$arr['dark_mode'], '', array(t('No'),t('Yes'))),
'$navbar_dark_mode' => array('ussrbasic_navbar_dark_mode',t('Always use light icons for navbar'),$arr['navbar_dark_mode'], t('Enable this option if you use a dark navbar color in light mode'), array(t('No'),t('Yes'))),
'$narrow_navbar' => array('ussrbasic_narrow_navbar',t('Narrow navbar'),$arr['narrow_navbar'], '', array(t('No'),t('Yes'))),
'$nav_bg' => array('ussrbasic_nav_bg', t('Navigation bar background color'), $arr['nav_bg']),
'$nav_icon_colour' => array('ussrbasic_nav_icon_colour', t('Navigation bar icon color '), $arr['nav_icon_colour']),
'$nav_active_icon_colour' => array('ussrbasic_nav_active_icon_colour', t('Navigation bar active icon color '), $arr['nav_active_icon_colour']),
'$link_colour' => array('ussrbasic_link_colour', t('Link color'), $arr['link_colour'], '', $link_colours),
'$banner_colour' => array('ussrbasic_banner_colour', t('Set font-color for banner'), $arr['banner_colour']),
'$bgcolour' => array('ussrbasic_background_colour', t('Set the background color'), $arr['bgcolour']),
'$nav_bg_dark' => array('ussrbasic_nav_bg_dark', t('Dark navigation bar background color'), $arr['nav_bg_dark']),
'$link_color' => array('ussrbasic_link_color', t('Link color'), $arr['link_color']),
'$link_color_dark' => array('ussrbasic_link_color_dark', t('Dark link color'), $arr['link_color_dark']),
'$link_hover_color' => array('ussrbasic_link_hover_color', t('Link hover color'), $arr['link_hover_color']),
'$link_hover_color_dark' => array('ussrbasic_link_hover_color_dark', t('Dark link hover color'), $arr['link_hover_color_dark']),
'$bgcolor' => array('ussrbasic_background_color', t('Set the background color'), $arr['bgcolor']),
'$bgcolor_dark' => array('ussrbasic_background_color_dark', t('Set the dark background color'), $arr['bgcolor_dark']),
'$background_image' => array('ussrbasic_background_image', t('Set the background image'), $arr['background_image']),
'$item_colour' => array('ussrbasic_item_colour', t('Set the background color of items'), $arr['item_colour']),
'$comment_item_colour' => array('ussrbasic_comment_item_colour', t('Set the background color of comments'), $arr['comment_item_colour']),
'$background_image_dark' => array('ussrbasic_background_image_dark', t('Set the dark background image'), $arr['background_image_dark']),
'$font_size' => array('ussrbasic_font_size', t('Set font-size for the entire application'), $arr['font_size'], t('Examples: 1rem, 100%, 16px')),
'$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')),
'$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 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']),
'$reply_photo' => array('ussrbasic_reply_photo', t('Set size of followup author photos'), $arr['reply_photo']),
@@ -121,7 +129,15 @@ class UssrbasicConfig {
}
function ussrbasic_theme_admin_enable() {
// This function is called once when the theme is being enabled by the admin
// It can be used to register hooks etc.
}
function ussrbasic_theme_admin_disable() {
// This function is called once when the theme is being disabled by the admin
// It can be used to unregister hooks etc.
}

101
ussrbasic/php/style.php
View File

@@ -11,20 +11,19 @@ if(! App::$install) {
// Load the owners pconfig
$nav_bg = get_pconfig($uid, 'ussrbasic', 'nav_bg');
$nav_icon_colour = get_pconfig($uid, 'ussrbasic', 'nav_icon_colour');
$nav_active_icon_colour = get_pconfig($uid, 'ussrbasic', 'nav_active_icon_colour');
$banner_colour = get_pconfig($uid,'ussrbasic','banner_colour');
$nav_bg_dark = get_pconfig($uid, 'ussrbasic', 'nav_bg_dark');
$narrow_navbar = get_pconfig($uid,'ussrbasic','narrow_navbar');
$link_colour = get_pconfig($uid, 'ussrbasic', 'link_colour');
$link_color = get_pconfig($uid, 'ussrbasic', 'link_color');
$link_color_dark = get_pconfig($uid, 'ussrbasic', 'link_color_dark');
$link_hover_color = get_pconfig($uid, 'ussrbasic', 'link_hover_color');
$link_hover_color_dark = get_pconfig($uid, 'ussrbasic', 'link_hover_color_dark');
$bgcolor = get_pconfig($uid, 'ussrbasic', 'background_color');
$bgcolor_dark = get_pconfig($uid, 'ussrbasic', 'background_color_dark');
$schema = get_pconfig($uid,'ussrbasic','schema');
$bgcolour = get_pconfig($uid, 'ussrbasic', 'background_colour');
$background_image = get_pconfig($uid, 'ussrbasic', 'background_image');
$item_colour = get_pconfig($uid, 'ussrbasic', 'item_colour');
$comment_item_colour = get_pconfig($uid, 'ussrbasic', 'comment_item_colour');
$background_image_dark = get_pconfig($uid, 'ussrbasic', 'background_image_dark');
$font_size = get_pconfig($uid, 'ussrbasic', 'font_size');
$font_colour = get_pconfig($uid, 'ussrbasic', 'font_colour');
$radius = get_pconfig($uid, 'ussrbasic', 'radius');
$shadow = get_pconfig($uid,'ussrbasic','photo_shadow');
$converse_width=get_pconfig($uid,'ussrbasic','converse_width');
$top_photo=get_pconfig($uid,'ussrbasic','top_photo');
$reply_photo=get_pconfig($uid,'ussrbasic','reply_photo');
@@ -63,6 +62,7 @@ if ((!$schema) || ($schema == '---')) {
require_once ($schemefile);
}
$schemecss = '';
if(file_exists('view/theme/ussrbasic/schema/default.css')) {
$schemecss = file_get_contents('view/theme/ussrbasic/schema/default.css');
}
@@ -72,37 +72,47 @@ if ((!$schema) || ($schema == '---')) {
//Set some defaults - we have to do this after pulling owner settings, and we have to check for each setting
//individually. If we don't, we'll have problems if a user has set one, but not all options.
if (! $nav_bg)
$nav_bg = '#343a40';
if (! $nav_icon_colour)
$nav_icon_colour = 'rgba(255, 255, 255, 0.55)';
if (! $nav_active_icon_colour)
$nav_active_icon_colour = 'rgba(255, 255, 255, 0.75)';
if (! $link_colour)
$link_colour = '#0d6efd';
if (! $banner_colour)
$banner_colour = '#fff';
if (! $bgcolour)
$bgcolour = 'rgb(254,254,254)';
$nav_bg = 'rgba(248, 249, 250, 1)';
if (! $nav_bg_dark)
$nav_bg_dark = 'rgba(43, 48, 53, 1)';
if (! $link_color)
$link_color = '#0d6efd';
if (! $link_color_dark)
$link_color_dark = '#6ea8fe';
if (! $link_hover_color)
$link_hover_color = '#0a58ca';
if (! $link_hover_color_dark)
$link_hover_color_dark = '#9ec5fe';
if (! $bgcolor)
$bgcolor = '#fff';
if (! $bgcolor_dark)
$bgcolor_dark = '#212529';
if (! $background_image)
$background_image ='';
if (! $item_colour)
$item_colour = 'rgb(238,238,238)';
if (! $comment_item_colour)
$comment_item_colour = 'rgb(255,255,255)';
if (! $item_opacity)
$item_opacity = '1';
$background_image = '';
if (! $background_image_dark)
$background_image_dark = '';
if (! $font_size)
$font_size = '0.875rem';
if (! $font_colour)
$font_colour = '#4d4d4d';
if (! $radius)
$radius = '0.25rem';
if (! $shadow)
$shadow = '0';
$radius = '0.375rem';
if (! $converse_width)
$converse_width = '52'; //unit: rem
if(! $top_photo)
$top_photo = '2.3rem';
if(! $reply_photo)
$reply_photo = '2.3rem';
@@ -111,10 +121,6 @@ if(file_exists('view/theme/ussrbasic/css/style.css')) {
$x = file_get_contents('view/theme/ussrbasic/css/style.css');
if($schema === 'dark' && file_exists('view/theme/ussrbasic/schema/bootstrap-nightfall.css')) {
$x .= file_get_contents('view/theme/ussrbasic/schema/bootstrap-nightfall.css');
}
if($narrow_navbar && file_exists('view/theme/ussrbasic/css/narrow_navbar.css')) {
$x .= file_get_contents('view/theme/ussrbasic/css/narrow_navbar.css');
}
@@ -133,31 +139,26 @@ if(file_exists('view/theme/ussrbasic/css/style.css')) {
$options = array (
'$nav_bg' => $nav_bg,
'$nav_icon_colour' => $nav_icon_colour,
'$nav_active_icon_colour' => $nav_active_icon_colour,
'$link_colour' => $link_colour,
'$banner_colour' => $banner_colour,
'$bgcolour' => $bgcolour,
'$nav_bg_dark' => $nav_bg_dark,
'$link_color' => $link_color,
'$link_color_dark' => $link_color_dark,
'$link_hover_color' => $link_hover_color,
'$link_hover_color_dark' => $link_hover_color_dark,
'$bgcolor' => $bgcolor,
'$bgcolor_dark' => $bgcolor_dark,
'$background_image' => $background_image,
'$item_colour' => $item_colour,
'$comment_item_colour' => $comment_item_colour,
'$background_image_dark' => $background_image_dark,
'$font_size' => $font_size,
'$font_colour' => $font_colour,
'$radius' => $radius,
'$shadow' => $shadow,
'$converse_width' => $converse_width,
'$nav_float_min_opacity' => $nav_float_min_opacity,
'$nav_percent_min_opacity' => $nav_percent_min_opacity,
'$top_photo' => $top_photo,
'$reply_photo' => $reply_photo,
'$pmenu_top' => $pmenu_top,
'$pmenu_reply' => $pmenu_reply,
'$main_width' => $main_width,
'$left_aside_width' => $left_aside_width,
'$right_aside_width' => $right_aside_width
);
echo str_replace(array_keys($options), array_values($options), $x);
echo strtr($x, $options);
}

12
ussrbasic/php/theme.php
View File

@@ -2,15 +2,17 @@
/**
* * Name: Ussrbasic
* * Description: ussr.win 3 column based on Hubzilla standard theme
* * Description: ussr.win theme based on Hubzilla standard theme
* * Version: 2.2
* * MinVersion: 6.5.13
* * MaxVersion: 8.0
* * MinVersion: 8.0
* * MaxVersion: 9.0
* * Author: Fabrixxm
* * Theme_Color: #343a40
* * Maintainer: ivan zlax
* * Theme_Color: rgb(248, 249, 250)
* * Background_Color: rgb(254,254,254)
*/
function ussrbasic_init(&$a) {
function ussrbasic_init() {
}

25
ussrbasic/php/theme_init.php
View File

@@ -1,15 +1,34 @@
<?php
require_once('view/php/theme_init.php');
head_add_css('/library/fork-awesome/css/fork-awesome.min.css');
head_add_css('/vendor/twbs/bootstrap/dist/css/bootstrap.min.css');
head_add_css('/library/bootstrap-tagsinput/bootstrap-tagsinput.css');
head_add_css('/view/css/bootstrap-red.css');
head_add_css('/library/datetimepicker/jquery.datetimepicker.css');
head_add_css('/library/bootstrap-colorpicker/dist/css/bootstrap-colorpicker.min.css');
require_once('view/php/theme_init.php');
head_add_js('/vendor/twbs/bootstrap/dist/js/bootstrap.bundle.min.js');
head_add_js('/library/bootbox/bootbox.min.js');
head_add_js('/library/bootstrap-tagsinput/bootstrap-tagsinput.js');
head_add_js('/library/datetimepicker/jquery.datetimepicker.js');
head_add_js('/library/bootstrap-colorpicker/dist/js/bootstrap-colorpicker.js');
$ussrbasic_mode = '';
$ussrbasic_navbar_mode = '';
if (local_channel()) {
$ussrbasic_mode = ((get_pconfig(local_channel(), 'ussrbasic', 'dark_mode')) ? 'dark' : 'light');
$ussrbasic_navbar_mode = ((get_pconfig(local_channel(), 'ussrbasic', 'navbar_dark_mode')) ? 'dark' : 'light');
}
if (App::$profile_uid) {
$ussrbasic_mode = ((get_pconfig(App::$profile_uid, 'ussrbasic', 'dark_mode')) ? 'dark' : 'light');
$ussrbasic_navbar_mode = ((get_pconfig(App::$profile_uid, 'ussrbasic', 'navbar_dark_mode')) ? 'dark' : 'light');
}
if (!$ussrbasic_mode) {
$ussrbasic_mode = ((get_config('ussrbasic', 'dark_mode')) ? 'dark' : 'light');
$ussrbasic_navbar_mode = ((get_config('ussrbasic', 'navbar_dark_mode')) ? 'dark' : 'light');
}
App::$page['color_mode'] = 'data-bs-theme="' . $ussrbasic_mode . '"';
App::$page['navbar_color_mode'] = (($ussrbasic_navbar_mode === 'dark') ? 'data-bs-theme="' . $ussrbasic_navbar_mode . '"' : '');

13
ussrbasic/schema/Focus-Boxy.css
View File

@@ -1,9 +1,9 @@
.comment .wall-item-body {
padding-left: 3rem;
padding-left: 2.8rem;
}
.wall-item-content-wrapper {
border-bottom: 1px solid rgba(0,0,0,.125);
.wall-item-content-wrapper.comment {
border-bottom: 1px solid var(--bs-border-color);
}
.hide-comments-outer,
@@ -12,7 +12,7 @@
}
.widget {
border: 1px solid rgba(0,0,0,.125);
border: 1px solid var(--bs-border-color);
}
#note-text {
@@ -20,18 +20,19 @@
}
.vcard-card {
border: 1px solid rgba(0,0,0,.125);
border: 1px solid var(--bs-border-color);
border-bottom: 0;
}
.vcard-card .card {
border: 1px solid var(--bs-border-color);
border-top: 0;
border-right: 0;
border-left: 0;
}
.vcard-card .vcard {
border: 1px solid rgba(0,0,0,.125);
border: 1px solid var(--bs-border-color);
border-top: 0;
border-right: 0;
border-left: 0;

5
ussrbasic/schema/Focus-Light.css
View File

@@ -1,5 +0,0 @@
.dropdown-header.text-white-50,
.navbar-dark .navbar-toggler,
.navbar-dark .nav-link.active {
color: rgba(0,0,0,0.7) !important;
}

13
ussrbasic/schema/Focus-Light.php
View File

@@ -1,13 +0,0 @@
<?php
if (! $nav_bg)
$nav_bg = "#f8f9fa";
if (! $nav_icon_colour)
$nav_icon_colour = "rgba(0, 0, 0, 0.5)";
if (! $nav_active_icon_colour)
$nav_active_icon_colour = "rgba(0, 0, 0, 0.7)";
if (! $radius)
$radius = "4px";
if (! $banner_colour)
$banner_colour = "rgba(0, 0, 0, 0.7)";

37
ussrbasic/schema/GreenGrey-Nolikes.css
View File

@@ -3,6 +3,11 @@
width: auto;
}
/* hide theme switch */
#theme-switch {
visibility: hidden;
}
/* disable likes */
.wall-item-like {
visibility: hidden;
@@ -54,6 +59,9 @@ body {
a:link {
color: #63bd65;
}
.zinlcxmi {
color: #63bd65;
}
a:visited {
color: #87ab63;
@@ -364,3 +372,32 @@ blockquote {
border-bottom-color: #444444;
border-left-color: #444444;
}
.generic-content-wrapper {
border: 1px solid #444444;
}
#notifications {
background-color: #383c4a;
}
[data-bs-theme="light"] .navbar.bg-body-tertiary {
background-color: #2e323e !important;
}
[data-bs-theme="dark"] .navbar.bg-body-tertiary {
background-color: #2e323e !important;
}
.navbar {
--bs-navbar-color: #dddddd;
}
.navbar-banner {
color: #dddddd;
}
.bg-body-secondary {
--bs-bg-opacity: 0;
}

36
ussrbasic/schema/GreenGrey-Nominus-Nolikes.css
View File

@@ -3,6 +3,11 @@
width: auto;
}
/* hide theme switch */
#theme-switch {
visibility: hidden;
}
/* disable likes */
.wall-item-like {
visibility: hidden;
@@ -59,6 +64,9 @@ body {
a:link {
color: #63bd65;
}
.zinlcxmi {
color: #63bd65;
}
a:visited {
color: #87ab63;
@@ -373,3 +381,31 @@ blockquote {
border-bottom-color: #444444;
border-left-color: #444444;
}
.generic-content-wrapper {
border: 1px solid #444444;
}
#notifications {
background-color: #383c4a;
}
[data-bs-theme="light"] .navbar.bg-body-tertiary {
background-color: #2e323e !important;
}
[data-bs-theme="dark"] .navbar.bg-body-tertiary {
background-color: #2e323e !important;
}
.navbar {
--bs-navbar-color: #dddddd;
}
.navbar-banner {
color: #dddddd;
}
.bg-body-secondary {
--bs-bg-opacity: 0;
}

36
ussrbasic/schema/GreenGrey-Nominus.css
View File

@@ -3,6 +3,11 @@
width: auto;
}
/* hide theme switch */
#theme-switch {
visibility: hidden;
}
/* disable minus icon */
.oneway-overlay, .fa-minus-circle {
visibility: hidden;
@@ -51,6 +56,9 @@ body {
a:link {
color: #63bd65;
}
.zinlcxmi {
color: #63bd65;
}
a:visited {
color: #87ab63;
@@ -365,3 +373,31 @@ blockquote {
border-bottom-color: #444444;
border-left-color: #444444;
}
.generic-content-wrapper {
border: 1px solid #444444;
}
#notifications {
background-color: #383c4a;
}
[data-bs-theme="light"] .navbar.bg-body-tertiary {
background-color: #2e323e !important;
}
[data-bs-theme="dark"] .navbar.bg-body-tertiary {
background-color: #2e323e !important;
}
.navbar {
--bs-navbar-color: #dddddd;
}
.navbar-banner {
color: #dddddd;
}
.bg-body-secondary {
--bs-bg-opacity: 0;
}

36
ussrbasic/schema/GreenGrey.css
View File

@@ -3,6 +3,11 @@
width: auto;
}
/* hide theme switch */
#theme-switch {
visibility: hidden;
}
/* greengrey colors */
body {
background-color: #383c4a;
@@ -46,6 +51,9 @@ body {
a:link {
color: #63bd65;
}
.zinlcxmi {
color: #63bd65;
}
a:visited {
color: #87ab63;
@@ -359,3 +367,31 @@ blockquote {
border-bottom-color: #444444;
border-left-color: #444444;
}
.generic-content-wrapper {
border: 1px solid #444444;
}
#notifications {
background-color: #383c4a;
}
[data-bs-theme="light"] .navbar.bg-body-tertiary {
background-color: #2e323e !important;
}
[data-bs-theme="dark"] .navbar.bg-body-tertiary {
background-color: #2e323e !important;
}
.navbar {
--bs-navbar-color: #dddddd;
}
.navbar-banner {
color: #dddddd;
}
.bg-body-secondary {
--bs-bg-opacity: 0;
}

2
ussrbasic/schema/bootstrap-nightfall.css vendored
View File

@@ -1895,4 +1895,4 @@ body::selection {
background: rgba(23, 162, 184, 0.5);
}
/*# sourceMappingURL=bootstrap-nightfall.css.map */
/*# sourceMappingURL=bootstrap-nightfall.css.map */

506
ussrbasic/schema/dark.css
View File

@@ -1,506 +0,0 @@
.generic-content-wrapper {
background-color: transparent;
}
textarea, input, select
{
color: #BBB !important;
background: #333 !important;
border-color: #2B2B2B !important;
}
#profile-jot-submit-wrapper {
border-top: none;
padding: 10px 0;
}
#jot-title {
border-radius: 3px;
}
#jot-title-wrap {
border-bottom: none;
margin-bottom: 5px;
}
#jot-category-wrap {
border-bottom: none;
margin-bottom: 5px;
}
.bootstrap-tagsinput {
background: #333;
}
optgroup {
color: #CCC !important;
}
option {
color: $link_colour !important;
}
.vcard, #contact-block, .widget {
background-color: transparent;
border: none;
border-bottom: 1px solid #333;
border-radius: 0px
}
#profile-photo-wrapper {
border: none;
}
#profile-edit-default-desc {
background-color: #665029;
color: #FFF;
padding: 20px;
}
.photo {
box-shadow: none;
}
.abook-pending-contact, .abook-permschange {
background: #402900;
}
.contact-entry-wrapper {
border: 1px solid #333;
}
#cboxContent a {
color: #000;
}
#cboxContent {
color: #111;
}
#adminpage table tr:hover {
background-color: #222;
}
#colorbox {
border: 0px solid #1E1E1E;
background-color: #1E1E1E;
}
.chat-item-text {
background-color: #222;
}
.fc-state-highlight {
background: none repeat scroll 0% 0% #333 !important;
}
.well {
background-color: #1E1E1E;
border: 1px solid #222;
background-image: linear-gradient(to bottom, #1E1E1E 0px, #1E1E1E 100%);
}
.alert-info, .section-content-info-wrapper {
color: #CCC;
background-color:#333;
border-color: #444;
background-image: linear-gradient(to bottom, #333 0px, #333 100%);
}
.abook-self {
background-color: #251111;
}
.acl-button-show,
.acl-button-hide {
color: #fff;
}
#acl-select {
background-color:#333;
border: 1px solid #444;
color: #FFF;
}
#acl-showall {
color: #FFF;
}
#acl-list {
border: 1px solid #444;
}
#acl-search-wrapper {
border-bottom: 1px solid #444;
}
.acl-list-item {
border: 1px solid #222;
color: #CCC;
background-color:#333;
}
.abook-self {
border: 1px solid #222;
color: #555;
background-color:#111;
}
.modal-content,
#notifications_wrapper {
background-color: #111;
}
.dropdown-header.text-black-50,
.nav-link.active {
color:#fff !important;
}
.dropdown-item {
color: $font_colour;
}
a.btn, aside a {
font-weight: 400 !important;
}
.btn {
background-color: #1e1e1e;
border-color: #222;
color: $font_colour;
text-shadow: none;
box-shadow: none;
}
.btn:hover, .btn:focus, .btn:active {
background-color: #222;
border-color: #222;
color: #fff;
text-decoration: underline;
}
.btn-default.btn-sm:hover, .btn-default.btn-sm:focus, .btn-default.btn-sm:active .btn-default.btn-sm.active {
text-decoration: none;
}
.btn-primary, input#event-submit, input#rmagic-submit-button, input#lostpass-submit-button {
background-color: #20537E;
color: #FFF;
}
.btn-primary:hover, .btn-primary:focus, input#event-submit:hover, input#event-submit:focus, input#rmagic-submit-button:hover, input#rmagic-submit-button:focus, input#lostpass-submit-button:hover, input#lostpass-submit-button:focus {
border-color: #204D74;
background-color: #286090;
color: #FFF;
}
.btn-success {
color: #ccc !important;
background-color: #336A33 !important;
border-color: #4CAE4C !important;
}
.btn-success:hover, .btn-success:focus {
color: #FFF !important;
background-color: #449D44 !important;
border-color: #398439 !important;
}
.btn-warning {
color: #FFF !important;
background-color: #F0AD4E !important;
border-color: #EEA236 !important;
}
.btn-warning:hover, .btn-warning:focus {
color: #FFF !important;
background-color: #EC971F !important;
border-color: #D58512 !important;
}
.btn-danger, form#chat-destroy > input {
background-color: #B22A26 !important;
border-color: #D43F3A !important;
color: #FFF !important;
}
.btn-danger:hover, .btn-danger:focus, form#chat-destroy > input:hover, form#chat-destroy > input:focus {
color: #FFF !important;
background-color: #C9302C !important;
border-color: #AC2925 !important;
}
.pager_first,
.pager_last,
.pager_prev,
.pager_next,
.pager-prev,
.pager-next,
.pager_n {
border: 1px solid #222;
background: #1e1e1e;
}
input {
border: 1px solid #222;
}
input[type="submit"] {
background-color: #333;
color: #fff;
}
.notify-seen a {
background: #111;
color: #222 !important;
}
.notify-seen a:hover {
background: #222;
color: #ccc !important;
}
nav .dropdown-menu>li>a{
color: #fff;
}
nav .dropdown-menu>li>a:hover,nav .dropdown-menu>li>a:focus{
color: #fff;
background-color: #222;
background-image: none;
}
nav .dropdown-menu .divider{
background-color: #222;
}
nav .dropdown-menu>li>a:hover,nav .dropdown-menu>li>a:focus{
color: #fff;
background-color: #222;
background-image: none;
}
nav .dropdown-menu {
background-color: #000;
}
#nav-search-text {
background-color: #999;
}
.autocomplete .selected {
background: #999;
}
.nav-tabs {
border-bottom:1px solid #333;
}
.nav-tabs .nav-link.active {
color: #fff;
background-color: #111;
border-color: #333;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
text-decoration: underline;
background-color: #222;
color: #ccc;
border-color: #333;
}
aside .nav > li > a:hover, aside .nav > li > a:focus {
text-decoration: underline;
background-color: #222;
}
a, a:visited, a:link, .fakelink, .fakelink:visited, .fakelink:link {
font-weight: bold;
}
.list-group-item {
background-color: #222;
}
.text-dark {
color: #aaa !important;
}
.group-selected, .fileas-selected, .categories-selected, .search-selected, a.active {
color: #fff !important;
text-decoration: underline !important;
}
.generic-content-wrapper-styled {
background-color: rgba(28,28,28,0.8);
}
.autocomplete {
background: #222;
}
blockquote {
background-color: #1e1e1e;
border-left: 3px solid #666;
color: #ccc;
}
code {
border: 1px solid #090909;
background: #000;
color: #fff;
}
pre {
background: #000;
color: #fff;
border:1px solid #090909;
}
#wiki-content-container code {
background: #000;
}
.notif-item a {
color: #ccc;
}
.notif-item a:hover {
color: #fff;
}
.dropdown-menu {
background-color: #222;
}
.dropdown-menu >li > a {
color: #ccc !important;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
color: #ddd;
background-color: #333;
background-image: none;
}
.open .dropdown-toggle.btn-default, .open .dropdown-toggle.btn-default:focus {
color: #ccc;
background-color: #222;
border-color: #222;
}
.pmenu-item:hover a {
background-color: #333 !important;
color: #ddd;
}
.preview {
background: url('../img/gray_and_black_diagonal_stripes_background_seamless.gif');
}
.xdsoft_datepicker.active {
color: #222 !important;
text-decoration: none !important;
}
.xdsoft_datepicker.active:hover, .xdsoft_datepicker.active:focus {
color: #222 !important;
text-decoration: underline;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #333;
}
}
#profile-jot-wrapper {
background-color: inherit;
border: none;
}
.nav-tabs.nav-justified {
background-color: inherit;
border: none;
}
.table-striped > tbody > tr:nth-of-type(2n+1), .table-hover > tbody > tr:hover {
background-color: #191919;
}
.table > tbody > tr > td {
border-color: #888;
}
.help-content {
border-bottom: #222 thin solid;
}
.help-content-open {
-moz-box-shadow: 0px 3px 3px #222;
-webkit-box-shadow: 0px 3px 3px #222;
box-shadow: 0px 3px 3px #222;
}
.contextual-help-content-open {
background: $nav_bg;
border-bottom: #555 1px solid;
box-shadow: 0px 3px 3px rgba(85,85,85,0.2);
}
.contextual-help-tool {
opacity: 0.5;
}
.contextual-help-tool:hover {
opacity: 1;
}
.contextual-help-tool i {
color: $link_colour;
}
.profile-match-wrapper {
width: 150px;
height: 120px;
border: none;
}
.profile-match-name {
width: 144px;
white-space: nowrap;
text-overflow: ellipsis;
}
.widget-nav-pills-icons:hover + a {
background-color: #222;
}
.widget-nav-pills-checkbox:hover + a {
background-color: #222;
}
/* category badge fix: */
a.text-dark:focus, a.text-dark:hover {
color: #ddd !important;
}
.badge-warning {
/* background-color: #ffc927; */
}
.badge-warning a.text-dark {
color: #333 !important;
}
.badge-warning a.text-dark:focus, .badge-warning a.text-dark:hover {
color: red !important;
text-decoration: none;
}
/* fix color for highlithed text */
span.default-highlight {
color: #333;
border-radius: 4px;
}

41
ussrbasic/schema/dark.php
View File

@@ -1,41 +0,0 @@
<?php
if (! $nav_bg)
$nav_bg = "#000";
if (! $nav_gradient_top)
$nav_gradient_top = "#000";
if (! $nav_gradient_bottom)
$nav_gradient_bottom = "#000";
if (! $nav_active_gradient_top)
$nav_active_gradient_top = "#333";
if (! $nav_active_gradient_bottom)
$nav_active_gradient_bottom = "#111";
if (! $nav_bd)
$nav_bd = "#111";
if (! $nav_icon_colour)
$nav_icon_colour = "#999";
if (! $nav_active_icon_colour)
$nav_active_icon_colour = "#fff";
if (! $link_colour)
$link_colour = "#fff";
if (! $banner_colour)
$banner_colour = "#999";
if (! $bgcolour)
$bgcolour = "#111";
if (! $item_colour)
$item_colour = "rgba(28,28,28,0.8)";
if (! $comment_item_colour)
$comment_item_colour = "rgba(18,18,18,0.4)";
if (! $comment_border_colour)
$comment_border_colour = "rgba(28,28,28,0.8)";
if (! $toolicon_colour)
$toolicon_colour = '#999';
if (! $toolicon_activecolour)
$toolicon_activecolour = '#fff';
if (! $font_colour)
$font_colour = "#ccc";
if (! $converse_width)
$converse_width = '52'; //unit: rem;

38
ussrbasic/schema/zlax.css
View File

@@ -3,6 +3,11 @@
width: auto;
}
/* hide theme switch */
#theme-switch {
visibility: hidden;
}
/* disable allcontact link in profile */
.allcontact-link {
display: none;
@@ -22,7 +27,7 @@
}
/* personal zlax file insted tags title */
div.tagblock > h3 {
div.tagblock:nth-child(3) > h3:nth-child(1) {
position: relative;
left: 33%;
content: url(https://ussr.win/photo/73e2201da875ccae6fecadfcf8ccba55c6c8ac093634d2e4af8e0f3cec1f2de3.gif);
@@ -71,6 +76,9 @@ body {
a:link {
color: #63bd65;
}
.zinlcxmi {
color: #63bd65;
}
a:visited {
color: #87ab63;
@@ -385,3 +393,31 @@ blockquote {
border-bottom-color: #444444;
border-left-color: #444444;
}
.generic-content-wrapper {
border: 1px solid #444444;
}
#notifications {
background-color: #383c4a;
}
[data-bs-theme="light"] .navbar.bg-body-tertiary {
background-color: #2e323e !important;
}
[data-bs-theme="dark"] .navbar.bg-body-tertiary {
background-color: #2e323e !important;
}
.navbar {
--bs-navbar-color: #dddddd;
}
.navbar-banner {
color: #dddddd;
}
.bg-body-secondary {
--bs-bg-opacity: 0;
}

32
ussrbasic/tpl/theme_settings.tpl
View File

@@ -1,31 +1,33 @@
{{include file="field_checkbox.tpl" field=$dark_mode}}
{{include file="field_checkbox.tpl" field=$narrow_navbar}}
{{include file="field_input.tpl" field=$converse_width}}
{{include file="field_input.tpl" field=$font_size}}
{{include file="field_checkbox.tpl" field=$advanced_theming}}
{{if $expert}}
<h3>{{$light}}</h3>
{{include file="field_checkbox.tpl" field=$navbar_dark_mode}}
{{include file="field_colorinput.tpl" field=$nav_bg}}
{{include file="field_colorinput.tpl" field=$nav_icon_colour}}
{{include file="field_colorinput.tpl" field=$nav_active_icon_colour}}
{{include file="field_colorinput.tpl" field=$banner_colour}}
{{include file="field_colorinput.tpl" field=$bgcolour}}
{{include file="field_colorinput.tpl" field=$bgcolor}}
{{include file="field_colorinput.tpl" field=$background_image}}
{{include file="field_colorinput.tpl" field=$item_colour}}
{{include file="field_colorinput.tpl" field=$comment_item_colour}}
{{*include file="field_colorinput.tpl" field=$comment_border_colour*}}
{{*include file="field_input.tpl" field=$comment_indent*}}
{{include file="field_colorinput.tpl" field=$font_colour}}
{{include file="field_colorinput.tpl" field=$link_colour}}
{{include file="field_colorinput.tpl" field=$link_color}}
{{include file="field_colorinput.tpl" field=$link_hover_color}}
<h3>{{$dark}}</h3>
{{include file="field_colorinput.tpl" field=$nav_bg_dark}}
{{include file="field_colorinput.tpl" field=$bgcolor_dark}}
{{include file="field_colorinput.tpl" field=$background_image_dark}}
{{include file="field_colorinput.tpl" field=$link_color_dark}}
{{include file="field_colorinput.tpl" field=$link_hover_color_dark}}
<h3>{{$common}}</h3>
{{include file="field_input.tpl" field=$radius}}
{{include file="field_input.tpl" field=$shadow}}
{{include file="field_input.tpl" field=$top_photo}}
{{include file="field_input.tpl" field=$reply_photo}}
<script>
$(function(){
$('#id_ussrbasic_nav_bg, #id_ussrbasic_nav_icon_colour, #id_ussrbasic_nav_active_icon_colour, #id_ussrbasic_banner_colour').colorpicker({format: 'rgba'});
$('#id_ussrbasic_link_colour,#id_ussrbasic_background_colour').colorpicker();
$('#id_ussrbasic_toolicon_colour,#id_ussrbasic_toolicon_activecolour,#id_ussrbasic_font_colour').colorpicker();
$('#id_ussrbasic_item_colour,#id_ussrbasic_comment_item_colour,#id_ussrbasic_comment_border_colour').colorpicker({format: 'rgba'});
$('#id_ussrbasic_link_color, #id_ussrbasic_link_color_dark, #id_ussrbasic_link_hover_color, #id_ussrbasic_link_hover_color_dark, #id_ussrbasic_background_color, #id_ussrbasic_background_color_dark, #id_ussrbasic_nav_bg, #id_ussrbasic_nav_bg_dark').colorpicker({format: 'rgba'});
});
</script>
{{/if}}