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

v10.0

Browse Source
This commit is contained in:
root
2025-04-06 05:14:08 -04:00
parent f8d24aee90
commit cb7ac9cca1
36 changed files with 1506 additions and 1522 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
ussrbasicpub/css/blockmode.css
View File

@@ -1,15 +0,0 @@
.wall-item-content.conv-list-mode {
max-width: 280px;
height:200px;
min-height: 200px;
overflow: hidden;
}
.thread-wrapper.toplevel_item.conv-list-mode {
width: 300px;
height: 300px;
float: left;
margin-left: 5px;
margin-bottom: 35px;
}

24
ussrbasicpub/css/mod_page.css
View File

@@ -1,24 +0,0 @@
/*
section {
left: 0px;
width: 800px;
margin-left: auto;
margin-right: auto;
}
body {background-color: #d00 !important;}
.page-content-wrapper {background: #fff;
color: #000;
border-radius: 20px;
box-shadow: 5px 5px 5px #111;
}
h3.page-title {
padding-top: 30px;
color: #033}
.page-body {padding: 40px;}
.page-body strong {color: #033;}
.nav-links {margin-top: 5px;}
*/

5
ussrbasicpub/css/narrow_navbar.css
View File

@@ -4,9 +4,4 @@
--bs-navbar-padding-y: 1px;
}
#jGrowl.top-right {
top: 3.5rem;
right: 15px;
}
}

14
ussrbasicpub/css/sample.scss Normal file
View File

@@ -0,0 +1,14 @@
// To compiled custom site bootstrap from sass,
// run this script from the document root for an example:
// php vendor/bin/pscss view/theme/ussrbasicpub/css/sample.scss view/theme/ussrbasicpub/css/bootstrap-custom.css
// See https://getbootstrap.com/docs/5.3/customize/sass/ for more infos
// required import
@import "vendor/twbs/bootstrap/scss/_functions";
$primary: #ff0000; // set the $primary variable
// set changes
@import "vendor/twbs/bootstrap/scss/bootstrap";

58
ussrbasicpub/css/sloppy_photos.css
View File

@@ -1,58 +0,0 @@
.rotleft1 {
-webkit-transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
-ms-transform: rotate(-1deg);
-o-transform: rotate(-1deg);
}
.rotleft2 {
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
}
.rotleft3 {
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
}
.rotleft4 {
-webkit-transform: rotate(-4deg);
-moz-transform: rotate(-4deg);
-ms-transform: rotate(-4deg);
-o-transform: rotate(-4deg);
}
.rotright1 {
-webkit-transform: rotate(1deg);
-moz-transform: rotate(1deg);
-ms-transform: rotate(1deg);
-o-transform: rotate(1deg);
}
.rotright2 {
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
-ms-transform: rotate(2deg);
-o-transform: rotate(2deg);
}
.rotright3 {
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-ms-transform: rotate(3deg);
-o-transform: rotate(3deg);
}
.rotright4 {
-webkit-transform: rotate(4deg);
-moz-transform: rotate(4deg);
-ms-transform: rotate(4deg);
-o-transform: rotate(4deg);
}

634
ussrbasicpub/css/style.css
View File

@@ -7,21 +7,13 @@
/* bootstrap variables */
:root {
--bs-border-radius: $radius;
--bs-highlight-bg: var(--bs-warning);
}
[data-bs-theme=light] {
--bs-link-color: $link_color;
--bs-link-hover-color: $link_hover_color;
--hz-body-bg: $bgcolor;
--hz-body-bg-image: url('$background_image');
}
[data-bs-theme=dark] {
--bs-link-color: $link_color_dark;
--bs-link-hover-color: $link_hover_color_dark;
--hz-body-bg: $bgcolor_dark;
--hz-body-bg-image: url('$background_image_dark');
}
@@ -34,10 +26,6 @@
background-color: $nav_bg_dark !important;
}
.btn {
--bs-btn-border-radius: $radius;
}
/* generals */
@@ -46,13 +34,10 @@ html {
}
body {
font-size: 0.9rem;
background-color: var(--hz-body-bg);
background-image: var(--hz-body-bg-image);
background-attachment: fixed;
background-size: cover;
color: var(--bs-body-color);
margin: 0;
}
aside#region_1 {
@@ -87,30 +72,31 @@ main {
height: 100vh;
background: rgba(0, 0, 0, .3);
cursor: pointer;
z-index: 1010;
}
h1, .h1 {
font-size: 2rem;
font-size: 2.1rem;
}
h2, .h2 {
font-size: 1.6rem;
font-size: 1.7rem;
}
h3, .h3 {
font-size: 1.2rem;
font-size: 1.3rem;
}
h4, .h4 {
font-size: 1.05rem;
font-size: 1.15rem;
}
h5, .h5 {
font-size: 0.9rem;
font-size: 1rem;
}
h6, .h6 {
font-size: 0.75rem;
font-size: 0.85rem;
}
.navbar-banner {
@@ -155,7 +141,7 @@ a:focus,
}
input, optgroup, select, textarea {
font-size: 0.9rem !important;
font-size: 1rem !important;
}
input[type=text], textarea {
@@ -164,24 +150,15 @@ input[type=text], textarea {
color: var(--bs-body-color);
}
.selected-doco-nav {
font-weight: bold;
text-shadow: 2px 2px 3px lightgray;
}
#doco-content img {
width: 100%;
}
#help-content pre code {
overflow-x: auto;
white-space: pre;
}
.heart {
color: #FF0000;
}
#toast-container {
z-index: 1060;
width: 300px;
}
#powered-by {
font-size: 0.5rem;
position: absolute;
@@ -459,7 +436,7 @@ footer {
.photo,
.contact-block-img {
border-radius: $radius;
border-radius: var(--bs-border-radius);
}
#side-bar-photos-albums {
@@ -472,7 +449,7 @@ footer {
.profile-match-photo img,
.directory-photo-img {
border-radius: $radius;
border-radius: var(--bs-border-radius);
}
.profile-match-photo img {
@@ -722,29 +699,9 @@ nav .acpopup {
color:#cc0000;
}
/* popup notifications */
div.jGrowl div.notice {
background: #511919 url("../../../../images/icons/48/notice.png") no-repeat 5px center;
color: #ffffff;
padding-left: 58px;
}
div.jGrowl div.info {
background: #364e59 url("../../../../images/icons/48/info.png") no-repeat 5px center;
color: #ffffff;
padding-left: 58px;
}
#jGrowl.top-right {
top: 4.5rem;
right: .25rem;
}
div.jGrowl div.jGrowl-notification {
min-height: 60px;
}
.jslider .jslider-scale ins {
color: #333;
font-size: 0.9rem;
font-size: 1rem;
width: 100px;
text-align: center;
}
@@ -810,7 +767,7 @@ div.jGrowl div.jGrowl-notification {
.shared_header img {
border-radius: var(--bs-border-radius);
margin-right: .75rem;
margin-right: .5rem;
}
.tag1 {
@@ -873,28 +830,27 @@ margin-right: 50px;
.generic-icons,
a .generic-icons {
font-size: 1rem;
margin-right: 0.5rem;
font-size: 1.2rem;
}
.generic-icons-right {
font-size: 1rem;
font-size: 1.2rem;
margin-left: 0.5rem;
}
.generic-icons-nav {
font-size: 1rem;
margin-right: 7px;
font-size: 1.2rem;
margin-right: 0.5rem;
}
.admin-icons {
font-size: 1.2em;
margin-right: 7px;
font-size: 1.2rem;
margin-right: 0.5rem;
}
.drop-icons,
a .drop-icons {
font-size: 1rem;
font-size: 1.2rem;
text-decoration: none;
cursor: pointer;
}
@@ -924,25 +880,6 @@ a .drop-icons:hover {
list-style-type: none;
}
table {
border-spacing: 2px;
max-width: 100%;
}
th,td {
padding: 3px;
}
#channels > tbody > tr > td, #users > tbody > tr > td {
max-width: 19.4em;
overflow: hidden;
}
/* mail */
img.mail-conv-sender-photo {
border-radius: var(--bs-border-radius);
}
/* jot */
@@ -958,21 +895,23 @@ img.mail-conv-sender-photo {
font-weight: bold;
}
.jot-icons,
.comment-icon {
font-size: 1.2rem;
}
#profile-jot-wrapper {
background-color: var(--bs-body-bg);
border: 1px solid var(--bs-border-color);
border-radius: var(--bs-border-radius);
}
#profile-jot-text::-webkit-input-placeholder {
font-size: 1.2rem;
font-size: 1.3rem;
}
#profile-jot-text::-moz-placeholder {
font-size: 1.2rem;
font-size: 1.3rem;
}
#profile-jot-text:focus::-webkit-input-placeholder {
@@ -1013,6 +952,10 @@ img.mail-conv-sender-photo {
margin-top: 2em;
}
.wall-item-pinned i {
transform: rotate(45deg);
}
.wall-item-content-wrapper {
background-color: var(--bs-tertiary-bg);
}
@@ -1035,6 +978,19 @@ img.mail-conv-sender-photo {
border-top: 1px dashed #adadad;
}
.hide-comments-icon,
.divgrow-showmore-icon {
font-size: $font_size;
}
.divgrow-showmore-label,
.hide-comments-label {
text-transform: uppercase;
font-size: 0.7rem;
}
.wall-item-comment-wrapper {
padding: 7px 10px;
background-color: var(--bs-tertiary-bg);
@@ -1061,14 +1017,6 @@ img.mail-conv-sender-photo {
height: $reply_photo;
}
.wall-item-content,
.mail-conv-body,
.page-body,
.chat-item-text,
.chat-item-text-self {
font-size: 1rem;
}
.comment-edit-text {
border: 1px solid var(--bs-border-color);
border-radius: var(--bs-border-radius);
@@ -1119,7 +1067,7 @@ img.mail-conv-sender-photo {
}
.abook-self {
background-color: #ffdddd;
background-color: var(--bs-light-bg-subtle);
}
.abook-pending-contact, .abook-permschange {
@@ -1155,16 +1103,16 @@ img.mail-conv-sender-photo {
}
.menu-img-2 {
height: 2.3rem;
width: 2.3rem;
height: 2.5rem;
width: 2.5rem;
margin-right: .5rem;
border-radius: var(--bs-border-radius);
float: left;
}
.menu-img-1 {
height: 1.1rem;
width: 1.1rem;
height: 1.3rem;
width: 1.3rem;
border-radius: var(--bs-border-radius);
}
@@ -1196,9 +1144,18 @@ img.mail-conv-sender-photo {
.generic-content-wrapper {
background-color: var(--bs-body-bg);
border: 1px solid var(--bs-border-color);
border: 1px solid var(--bs-light-border-subtle);
border-radius: var(--bs-border-radius);
margin-bottom: 1.5rem;
font-size: 1.1rem;
}
.generic-content-wrapper.is-contained {
border: 1px solid var(--bs-primary-border-subtle);
}
.generic-content-wrapper.is-new {
border-top: 2px solid var(--bs-primary);
}
.section-title-wrapper {
@@ -1236,32 +1193,32 @@ img.mail-conv-sender-photo {
.section-content-success-wrapper {
padding: 21px 10px;
color: #155724;
background-color: #d4edda;
color: var(--bs-success-text-emphasis);
background-color: var(--bs-success-bg-subtle);
border-bottom: 3px solid var(--bs-body-bg);
text-align: center;
}
.section-content-info-wrapper {
padding: 21px 10px;
color: #0c5460;
background-color: #d1ecf1;
color: var(--bs-info-text-emphasis);
background-color: var(--bs-info-bg-subtle);
border-bottom: 3px solid var(--bs-body-bg);
text-align: center;
}
.section-content-warning-wrapper {
padding: 21px 10px;
color: #856404;
background-color: #fff3cd;
color: var(--bs-warning-text-emphasis);
background-color: var(--bs-warning-bg-subtle);
border-bottom: 3px solid var(--bs-body-bg);
text-align: center;
}
.section-content-danger-wrapper {
padding: 21px 10px;
color: #721c24;
background-color: #f8d7da;
color: var(--bs-danger-text-emphasis);
background-color: var(--bs-danger-bg-subtle);
border-bottom: 3px solid var(--bs-body-bg);
text-align: center;
}
@@ -1295,17 +1252,23 @@ img.mail-conv-sender-photo {
}
main.fullscreen {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
width: 100vw;
height: 100vh;
max-width: none;
z-index: 1020;
overflow: auto;
}
main.fullscreen .generic-content-wrapper {
position: absolute;
width: 100%;
position: fixed;
top: 0px;
left: 0px;
width: 100vw;
height: 100vh;
z-index: 1020;
overflow: auto;
border-radius: 0px;
border-width: 0px;
}
@@ -1354,12 +1317,7 @@ main.fullscreen .section-content-wrapper-np {
/* bootstrap overrides */
.form-control {
border-radius: $radius;
}
blockquote {
font-size: 1rem;
font-style: italic;
border-left: 3px solid var(--bs-border-color);
padding: 1em 0px 1em 1.5em;
@@ -1419,15 +1377,19 @@ dl.bb-dl > dd > li {
}
.bootstrap-tagsinput .tag:before {
/* Copied from fa-asterisk, is there a better way to do it? */
font-family: ForkAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
content:"\f069 ";
font-family: bootstrap-icons;
font-size: 0.5rem;
content: "\F151";
margin-right: .25rem;
}
/* Modified original CSS to match input in Ussrbasicpub */
.bootstrap-tagsinput .tag [data-role="remove"]:after {
font-family: bootstrap-icons;
font-size: 0.5rem;
content: "\F659";
}
/* Modified original CSS to match input in Ussrbasic */
.jothidden .bootstrap-tagsinput {
border: 0px solid transparent;
margin-bottom: 0px;
@@ -1447,7 +1409,6 @@ dl.bb-dl > dd > li {
.bootstrap-tagsinput input {
height: 2.5rem;
margin: 0;
max-width: 30%;
}
.bootstrap-tagsinput {
@@ -1675,414 +1636,9 @@ dl.bb-dl > dd > li {
}
}
/* disable reashred content streching */
.reshared-content img {
width: auto;
}
/* hide theme switch */
#theme-switch {
visibility: hidden;
}
/* disable likes */
.wall-item-like {
visibility: hidden;
}
.wall-item-tools-right > .btn-group > .btn:first-child {
visibility: hidden;
}
/* disable minus icon */
.oneway-overlay, .fa-minus-circle {
visibility: hidden;
}
/* greengrey colors */
body {
background-color: #383c4a;
color: #dddddd;
}
.generic-content-wrapper {
background-color: #383c4a;
}
.section-subtitle-wrapper,
.collapse,
.show,
.section-title-wrapper {
background-color: #404552;
border-bottom-color: #2b2b2b;
}
.vcard, .h-card,
.widget, .settings-widget, .section-subtitle-wrapper {
background-color: #4B5162;
border-bottom: #383c4a;
border-left: #383c4a;
border-right: #383c4a;
border-top: #383c4a;
}
.fn {
color: #ffffff;
}
.contextual-help-content,
.section-content-tools-wrapper, .section-content-wrapper {
background-color: #353945;
border-bottom: #383c4a;
border-left: #383c4a;
border-right: #383c4a;
border-top: #383c4a;
}
a:link {
color: #63bd65;
}
.zinlcxmi {
color: #63bd65;
}
a:visited {
color: #87ab63;
}
a:hover, a:active {
color: #3fec43;
}
div.profile-match-wrapper > div > a {
color: #ffffff;
}
.btn, .btn-primary {
background-color: #5c6b5b;
border-bottom-color: #47741c;
border-left-color: #47741c;
border-right-color: #47741c;
border-top-color: #47741c;
color: #ffffff !important;
}
.btn:hover, .btn-primary:active {
background-color: #4aae40;
border-bottom-color: #29b136;
border-left-color: #29b136;
border-right-color: #29b136;
border-top-color: #29b136;
}
.bg-dark, .navbar-collapse {
background-color: #2e323e !important;
}
.form-group:active, .checkbox:hover {
color: #41d24f;
}
.nav-link.active {
background-color: #315a2b !important;
}
.list-group-item {
background-color: #4B5162;
border-bottom: #383c4a;
border-left: #383c4a;
border-right: #383c4a;
border-top: #383c4a;
color: #9e9e9e;
border: 1px solid #383c4a;
}
.list-group-item:active {
color: #f4f4f4 !important;
}
.text-dark {
color: #bdbdbd !important;
}
a.text-dark:hover, a.text-dark:active {
color: #f4f4f4 !important;
}
.contactname {
color: #bdbdbd;
}
.wall-item-ago, .dropdown-sub-text {
color: #b3b3b3;
}
.list-group-item.active {
background-color: #315a2b;
border-color: #0c4704;
}
.form-control,
.form-control:focus,
input[type="text"]:hover,
input[type="text"]:active,
input[type="text"], textarea {
background-color: #2b2b2b;
border-color: #46583f;
color: #cdcdcd;
box-shadow: 0 0 0 .2rem #415240;
}
.form-group.checkbox:checked,
.form-group.checkbox > div > input:checked + label .onoffswitch-switch {
background-color: #315a2b;
}
.form-group.checkbox:hover label {
color: #315a2b;
}
.dropdown-item.active {
background-color: #315a2b;
}
.dropdown-divider {
border-top: 1px solid #3e3e3e;
}
.dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover, .textcomplete-item:focus .dropdown-item, .textcomplete-item:hover .dropdown-item, .textcomplete-item.active .dropdown-item, .textcomplete-item:active .dropdown-item {
background-color: #4b5162;
color: #b3b3b3;
}
a.dropdown-item {
color: #f3f3f3;
}
.profile-match-wrapper {
border-top: 0px solid #eee;
border-left: 0px solid #eee;
}
.fakelink {
color: #87ab63;
}
a:hover, a:focus, .fakelink:hover, .fakelink:focus {
color: #3fec43;
}
.drop-icons {
color: #ff0000;
}
.drop-icons, a .drop-icons {
color: #bd0000;
}
.section-content-wrapper-np {
background-color: #404552;
}
.atoken-index-row:hover td, .chatroom-index-row:hover td, .group-index-row:hover td, .wikis-index-row:hover td, .locs-index-row:hover td, [id^="cloud-index-"]:hover td, .cloud-index-active {
background-color: #4b5162;
}
.generic-content-wrapper-styled {
background-color: #404552;
}
#profile-jot-wrapper,
.bootstrap-tagsinput {
background-color: #2b2b2b;
}
.wall-item-content-wrapper {
background-color: #404552;
}
.item-highlight {
border-left: 0.2rem solid #00ff00;
}
.wall-item-comment-wrapper-wc,
.hide-comments-outer,
.wall-item-comment-wrapper,
.wall-item-content-wrapper.comment {
background-color: #4b5162;
}
.wall-item-head-new {
border-top: 0.2rem solid #31570b;
}
.wall-item-comment-wrapper {
border-top: 3px solid #454853;
}
blockquote {
border-left: 3px solid #344136;
}
.hide-comments-outer {
border-top-color: #87ab63;
}
.badge-warning {
background-color: #036811;
color: #dddddd;
}
.divgrow-showmore {
border-top: 1px dashed #87ab63;
}
.comment-edit-text {
border: 1px solid #004400;
}
#doco-content h3 {
border-bottom: #87ab63 3px solid;
}
.section-content-info-wrapper {
color: #2aa650;
background-color: #17221b;
border-bottom: 3px solid #060d08;
}
.spinner.s, .spinner.m, .spinner.l {
color: #13c613;
border-top: .2rem solid #02c102;
border-left: .2rem solid #123312;
border-right: .2rem solid #123312;
border-bottom: .2rem solid #123312;
}
.wall-event-item {
background-color: #123312;
}
.fs {
background-color: #404552;
}
.bg-primary {
background-color: #315a2b !important;
}
.modal-content {
background-color: #171d16;
}
.close {
color: #989898;
}
.wall-item-conv {
background-color: #404552;
border-top: 1px solid #2e323e;
}
.dropdown-menu.textcomplete-dropdown {
background-color: #8d9a87;
}
.notification.notification-forum {
color: #63bd65;
}
.wall-photo-item {
background-color: #315a2b;
}
.directory-item .divgrow-showmore {
background-color: #353945;
}
.vcard-header:hover, .vcard-header.active {
background-color: #4B5162;
}
.alert-info {
color: #dddddd;
border-color: #2b2b2b;
}
.conv-participants {
color: #539b55;
}
#photo-view-wrapper {
background-color: #4B5162;
}
.table {
color: #dddccc;
}
#upgrade_info_aside {
border-color: #383c4a !important;
}
.text-muted {
color: #a6a6b9 !important;
}
.card {
background-color: #434753 !important;
}
.border {
border: 1px solid #415240 !important;
}
.item-category, .item-category > .text-dark {
color: #222222 !important;
}
.nav-link:focus, .nav-link:hover {
color: #eeeeee;
}
.nav-link.active > .fa-fw {
color: #eeeeee;
}
.nav-tabs {
border-bottom: 1px solid #415240 !important;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
border-top-color: #444444;
border-right-color: #444444;
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;
background-color: #aa2b2b;
padding: 10px;
border-radius: var(--bs-border-radius);
}