v10.0
This commit is contained in:
root
@@ -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;
|
||||
}
|
||||
@@ -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;}
|
||||
*/
|
||||
@@ -4,9 +4,4 @@
|
||||
--bs-navbar-padding-y: 1px;
|
||||
}
|
||||
|
||||
#jGrowl.top-right {
|
||||
top: 3.5rem;
|
||||
right: 15px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
14
ussrbasic/css/sample.scss
Normal file
14
ussrbasic/css/sample.scss
Normal 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/ussrbasic/css/sample.scss view/theme/ussrbasic/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";
|
||||
@@ -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);
|
||||
}
|
||||
|
||||
@@ -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,12 +1377,16 @@ 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;
|
||||
}
|
||||
|
||||
.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 */
|
||||
@@ -1447,7 +1409,6 @@ dl.bb-dl > dd > li {
|
||||
.bootstrap-tagsinput input {
|
||||
height: 2.5rem;
|
||||
margin: 0;
|
||||
max-width: 30%;
|
||||
}
|
||||
|
||||
.bootstrap-tagsinput {
|
||||
@@ -1674,3 +1635,5 @@ dl.bb-dl > dd > li {
|
||||
transform: translateX(80vw);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user