diff --git a/ussrbasic/css/blockmode.css b/ussrbasic/css/blockmode.css new file mode 100644 index 0000000..cc1db20 --- /dev/null +++ b/ussrbasic/css/blockmode.css @@ -0,0 +1,15 @@ + +.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; +} diff --git a/ussrbasic/css/mod_page.css b/ussrbasic/css/mod_page.css new file mode 100644 index 0000000..37f597f --- /dev/null +++ b/ussrbasic/css/mod_page.css @@ -0,0 +1,24 @@ +/* +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;} +*/ \ No newline at end of file diff --git a/ussrbasic/css/narrow_navbar.css b/ussrbasic/css/narrow_navbar.css new file mode 100644 index 0000000..99f0836 --- /dev/null +++ b/ussrbasic/css/narrow_navbar.css @@ -0,0 +1,30 @@ +@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; + } + + #jGrowl.top-right { + top: 3.5rem; + right: 15px; + } + +} diff --git a/ussrbasic/css/sloppy_photos.css b/ussrbasic/css/sloppy_photos.css new file mode 100644 index 0000000..78aedc9 --- /dev/null +++ b/ussrbasic/css/sloppy_photos.css @@ -0,0 +1,58 @@ + +.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); +} + diff --git a/ussrbasic/css/style.css b/ussrbasic/css/style.css new file mode 100644 index 0000000..489d717 --- /dev/null +++ b/ussrbasic/css/style.css @@ -0,0 +1,1802 @@ +/** + * Redbasic + * + * Based on duepuntozero Friendica style + * Originally by Fabio Comuni + */ + + +/* generals */ + +html { + font-size: $font_size; +} + +body { + font-size: 0.9rem; + background-color: $bgcolour; + background-image: url('$background_image'); + background-attachment: fixed; + background-size: cover; + color: $font_colour; + margin: 0px; +} + +aside { + width: $aside_widthpx; + min-width: $aside_widthpx; + max-width: $aside_widthpx; +} + +aside #region_1 { + border-right: 1px solid transparent; +} + +aside #left_aside_wrapper, +aside #right_aside_wrapper { + margin-bottom: 10px; +} + +main { + margin-left: auto; + margin-right: auto; + max-width: $main_widthpx; +} + +#overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, .5); + cursor: pointer; + z-index: 1028; +} + +h1, .h1 { + font-size: 2rem; +} + +h2, .h2 { + font-size: 1.6rem; +} + +h3, .h3 { + font-size: 1.2rem; +} + +h4, .h4 { + font-size: 1.05rem; +} + +h5, .h5 { + font-size: 0.9rem; +} + +h6, .h6 { + font-size: 0.75rem; +} + +#banner { + color: $banner_colour; + font-weight: bold; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#banner img { + max-height: 1.35rem; + width: auto; +} + +.jslider { + font-family: sans-serif, arial, freesans; +} + +abbr { + border-bottom: none; +} + +/* icons */ + +a, +.fakelink { + color: $link_colour; +} + + +a:hover, +a:focus, +.fakelink:hover, +.fakelink:focus { + color: $link_colour; +} + +.fakelink, +.cursor-pointer { + cursor: pointer; +} + +input, optgroup, select, textarea { + font-size: 0.9rem !important; +} + +input[type=text], textarea { + resize: vertical; + background-color: $comment_item_colour; + color: $font_colour; +} + +.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; +} + +pre code { + border: none; + padding: 1em 1.5em; +} + +code { + background: #ccc; + color: #000; +} + +pre { + background: #F5F5F5; + color: #333; + border:1px solid #ccc; + border-radius: $radius; +} + +.heart { + color: #FF0000; +} + +nav { + opacity: $nav_float_min_opacity; + filter:alpha(opacity=$nav_percent_min_opacity); +} + +#powered-by { + font-size: 0.5rem; + position: absolute; + top: 50px; + left: 16px; +} + +#powered-by img { + margin-top: -2px; + height: 10px; + width: 10px; +} + +.error-message { + color: #FF0000; + font-size: 1.1em; + border: 1px solid #FF8888; + background-color: #FFEEEE; + padding: 10px; +} + +.nav-channel-select { margin-left: 8px; } + +/* contextual help */ +.contextual-help-content { + display: none; + +} + +.contextual-help-content-open { + display: block; + position: fixed; + top: 3.35rem; + left: 0px; + width: 100%; + max-height: 50%; + background: $comment_item_colour; + padding: 1rem; + border-bottom: #ccc 1px solid; + overflow: auto; + -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); + -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); + box-shadow: 0px 3px 3px rgba(0,0,0,0.2); +} + +.contextual-help-content dd { + margin-bottom: 1em; +} + +.contextual-help-tool { + padding: 7px; + filter: alpha(opacity=20); + opacity: .5; +} + +.contextual-help-tool:hover { + filter: alpha(opacity=50); + opacity: 1; + text-decoration: none; +} + +.contextual-help-tool i { + color: $font_colour; + font-size: 1.05rem; +} + +/* contextual help end */ + +/* spinner */ + +.spinner-wrapper { + display: none; +} + +.spinner.s { + height: 1rem; + width: 1rem; +} + +.spinner.m { + height: 2rem; + width: 2rem; +} + +.spinner.l { + height: 3rem; + width: 3rem; +} + +.spinner.s, +.spinner.m, +.spinner.l { + margin: 0 auto; + position: relative; + -webkit-animation: rotation 1s infinite linear; + -moz-animation: rotation 1s infinite linear; + -o-animation: rotation 1s infinite linear; + animation: rotation 1s infinite linear; + border-left: .2rem solid rgba(77, 77, 77, .15); + border-right: .2rem solid rgba(77, 77, 77, .15); + border-bottom: .2rem solid rgba(77, 77, 77, .15); + border-top: .2rem solid rgba(77, 77, 77, .5); + border-radius: 100%; +} + +@-webkit-keyframes rotation { + from { + -webkit-transform: rotate(0deg); + } + to { + -webkit-transform: rotate(359deg); + } +} + +@-moz-keyframes rotation { + from { + -moz-transform: rotate(0deg); + } + to { + -moz-transform: rotate(359deg); + } +} + +@-o-keyframes rotation { + from { + -o-transform: rotate(0deg); + } + to { + -o-transform: rotate(359deg); + } +} + +@keyframes rotation { + from { + transform: rotate(0deg); + } + to { + transform: rotate(359deg); + } +} + +/* spinner end */ + +/* jumping dots */ +.jumping-dots span { + position: relative; + bottom: 0px; + transition-timing-function: ease-in-out; + -webkit-animation: jump 1s infinite; + animation: jump 1s infinite; +} + +.jumping-dots .dot-1 { + -webkit-animation-delay: 200ms; + animation-delay: 200ms; +} + +.jumping-dots .dot-2 { + -webkit-animation-delay: 400ms; + animation-delay: 400ms; +} + +.jumping-dots .dot-3 { + -webkit-animation-delay: 600ms; + animation-delay: 600ms; +} + +@-webkit-keyframes jump { + 0% { + bottom: 0px; + } + 20% { + bottom: 3px; + } + 40% { + bottom: 0px; + } +} + +@keyframes jump { + 0% {bottom: 0px;} + 20% {bottom: 3px;} + 40% {bottom: 0px;} +} +/* jumping dots end */ + +/* footer */ + +footer { + position:fixed; + bottom:1px; + text-align: right; + padding-bottom: 1em; + padding-right: 3em; +} + +.birthday-today, +.event-today { + font-weight: bold; +} + +.warning-text { + font-size: 1.2em; + font-weight: bold; + color: #ff0000; +} + +#noperm-msg { + margin-top: 15px; +} + +.preview-indicator { +} + +#theme-preview { + margin: 15px 0px; +} + +#cropimage-wrapper, +#cropimage-preview-wrapper { + margin-bottom: 10px; +} + +.fn { + font-weight: bold; + font-size: 1rem; + color: #444444; +} + +.vcard { + margin-bottom: 10px; + padding: 0px 10px 10px 10px; + background-color: rgba(254,254,254,0.5); + border: 1px solid rgba(254,254,254,0.5); + border-radius: $radius; + word-wrap: break-word; +} + +.vcard dl, +.vcard .title { + margin-top: 10px; + margin-bottom: 0px; +} + +.connect-btn-wrapper { + margin-bottom: 10px; + +} + +.profile-edit-side-link { + padding: 3px 0px; + opacity: 0; + filter:alpha(opacity=30); + float: right; +} + +.vcard:hover .profile-edit-side-link { + opacity: 1; + filter:alpha(opacity=100); +} + +#profile-photo-wrapper img { + width: 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-no-label { + margin-left: 125px; + float: left; + width: 50px; +} + +#fsuggest-desc, #fsuggest-submit-wrapper { + margin-top: 15px; + margin-bottom: 15px; +} + +.app-name { + overflow: none; +} + +.app-container img { + margin-left: auto; + margin-right: auto; + width: 80px; + height: 80px; + display: block; +} + +.pager { + padding: 10px; + text-align: center; + font-size: 1.0em; +} + + +.pager_first, +.pager_last, +.pager_prev, +.pager_next, +.pager-prev, +.pager-next, +.pager_n { + border: 1px solid #ccc; + background: transparent; + padding: 4px; +} + +.pager_current { + border: 1px solid transparent; + background: transparent; + padding: 4px; +} + +.photo, +.contact-block-img { + border-radius: $radius; + box-shadow: $shadowpx $shadowpx $shadowpx 0 #444444; +} + +#side-bar-photos-albums { + margin-top: 15px; +} + +#side-bar-photos-albums ul { + list-style: none; +} + +.profile-match-photo img, +.directory-photo-img { + border-radius: $radius; + box-shadow: $shadowpx $shadowpx $shadowpx 0 #444444; +} + +.profile-match-photo img { + width: $top_photo !important; + height: $top_photo !important; +} + +#photo-view-wrapper { + background-color: $item_colour; +} + +.pmenu.horizontal { + padding: 0 0 0 0; + border-bottom: none; +} + +.pmenu.horizontal .pmenu-title { + display: none; +} +.pmenu.horizontal ul { + -moz-padding-start: 0; +} + +.pmenu.horizontal li { + margin-left: 0; + display: inline; + padding-right: 15px; +} + +.group-delete-wrapper { + float: right; +} + +#pause { + position: fixed; + bottom: 5px; + right: 5px; +} + +#contact-block { + width: 100%; +} + +#contact-block-numcontacts { + font-weight: bold; + margin-bottom:10px; +} + +.contact-block-div { + display: inline; +} + +.contact-block-textdiv { + width: 150px; + height: 34px; +} + +.contact-block-img { + width:47px; + height:47px; + margin-bottom: 3px; +} + +#tag-remove { + margin-bottom: 15px; +} + +#tagrm li { + margin-bottom: 10px; +} + +#tagrm-submit, #tagrm-cancel { + margin-top: 25px; +} + +#tagrm-cancel { + margin-left: 15px; +} + +.wall-item-conv { + background-color: $comment_item_colour; +} + +#nav-notifications-template, +#nav-notifications-forums-template { + display: none; +} + +#nav-search-spinner { + float: right; + margin-top: -1.4rem; + margin-right: 1rem; +} + + +#nav-search-text { + width: 280px; + padding: .15rem .5rem; +} + +nav .acpopup { + top: 46px !important; + margin-left: -35px; + width: 290px; +} + +.clear { + clear: both; +} + +.descriptive-text { + color: #888; +} + +#plugin-settings-link, #account-settings-link { + margin-bottom: 10px; +} + +#uexport-link { + margin-bottom: 20px; +} + +#network-new-link { + margin-top: 15px; + margin-bottom: 15px; +} + +#cboxOverlay { + z-index: 1050; +} + +#colorbox { + z-index: 1051; +} + +#cboxContent { + padding: 3px; + border: 0px solid #fff; + border-radius: $radius; + background-color: #fff; + z-index: 1052; +} + +.app-title { + margin: 10px; +} + +.profile-match-photo { + float: left; +} + +.profile-match-name { + width: 120px; + height: 1.5em; + overflow: hidden !important; +} + +.profile-match-note { + text-align: center; +} + +.profile-match-connect { + text-align: center; + font-weight: bold; +} + +.profile-match-wrapper { + float: left; + width: 120px; + height: 150px; + padding: 10px; + margin: 8px 10px 0 0; + border-top: 1px solid #eee; + border-left: 2px solid #eee; +} +.profile-match-ignore { + float: right; +} + +.side-link { + margin-bottom: 15px; +} + +#prof-members { + margin-top: 20px; + padding: 10px; + height: 250px; + overflow: auto; + border: 1px solid #ddd; +} + +#prof-separator { + margin-top: 10px; + margin-bottom: 10px; +} + +#prof-all-contacts { + padding: 10px; + height: 450px; + overflow: auto; + border: 1px solid #ddd; +} + +#prof-edit-desc { + margin-top: 15px; +} + +.required { + color: #ff0000; +} + +.notif-image { + height: 80px; + width: 80px; + margin-right: 15px; +} + +/** + * OAuth + */ +.oauthapp { + height: auto; overflow: auto; + border-bottom: 2px solid #cccccc; + padding-bottom: 1em; + margin-bottom: 1em; +} +.oauthapp img { + float: left; + width: 48px; height: 48px; + margin: 10px; +} +.oauthapp .icon { + margin-right: 20px; +} + +.oauthapp img.noicon { + background-image: url("../../../../images/icons/48/plugin.png"); + background-position: center center; + background-repeat: no-repeat; +} +.oauthapp a { + float: left; +} + + +.body-attach { + margin-top: 10px; +} + +.acpopup li div.taggable { + 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: 15px; +} + +div.jGrowl div.jGrowl-notification { + min-height: 60px; +} + +.jslider .jslider-scale ins { + color: #333; + font-size: 0.9rem; + width: 100px; + text-align: center; +} + +.conv-participants { + color: $font_colour; +} + +.contactname { + font-weight: bold; + color: $font_colour; + display: block; + overflow: hidden; + text-overflow: ellipsis; +} + +.dropdown-notification, +.notification, +.member-item { + line-height: 1.2em; + font-size: 0.75rem; + overflow: hidden; + text-overflow: ellipsis; + display: block; + white-space: nowrap; +} + +.notification.notification-forum { + font-size: 0.9rem; + color: $font_colour; +} + +#acl-search::-webkit-input-placeholder { + /* non-fontawesome fonts set a fallback for text parts of the placeholder*/ + font-family: ForkAwesome, sans-serif, arial, freesans; +} + +#acl-search::-moz-placeholder { + /* non-fontawesome fonts set a fallback for text parts of the placeholder*/ + font-family: ForkAwesome, sans-serif, arial, freesans; +} + +.acl-item-header { + width: 100%; +} + +.acl-list-item.grouphide { + border: 1px solid red; + z-index: 2; +} + +.acl-list-item.groupshow { + border: 1px solid green; + z-index: 2; +} + +.acl-list-item.taggable { + background-color: #ddddff; +} + +.acl-button-show, +.acl-button-hide { + float: right; + margin-left: 5px; +} + +.contact-block-content { + margin-top: 10px; +} +.contact-block-img.archived, .app-deleted, .dim { + opacity: 0.3; + filter:alpha(opacity=30); +} + + +.profile-match-connect { margin-top: 5px; } + +.reshared-content { margin-left: 20px; } +.shared_header img { + border-radius: $radius; + margin-right: 10px; +} + +.tag1 { + font-size : 0.9em !important; + } +.tag2 { + font-size : 1.0em !important; + } + + +.tag3 { + font-size : 1.1em !important; + } + + +.tag4 { + font-size : 1.2em !important; + } + + +.tag5 { + font-size : 1.3em !important; + } + + +.tag6 { + font-size : 1.4em !important; + } + + +.tag7 { + font-size : 1.5em !important; + } + + +.tag8 { + font-size : 1.6em !important; + } + + +.tag9 { + font-size : 1.7em !important; + } + + +.tag10 { + font-size : 1.8em !important; + } + +div#write-pages { +display: block; +background: silver; +width: 100%; +} + +div#write-pages a { +color: #000; +margin-right: 50px; +} + +.pmenu ul { + list-style-type: none; +} + +.generic-icons, +a .generic-icons { + font-size: 1rem; + margin-right: 0.5rem; + color: $font_colour; +} + +.generic-icons:hover, +a .generic-icons:hover { + color: $font_colour; +} + +.generic-icons-right { + font-size: 1rem; + margin-left: 0.5rem; + color: $font_colour; +} + + +.generic-icons-nav { + font-size: 1rem; + margin-right: 7px; +} + +.admin-icons { + font-size: 1.2em; + margin-right: 7px; +} + +.drop-icons, +a .drop-icons { + font-size: 1rem; + color: $font_colour; + text-decoration: none; + cursor: pointer; +} + +.drop-icons:hover, +a .drop-icons:hover { + color: #FF0000; +} + +.lockview, +.sys-apps-toggle { + cursor: pointer; +} + +.permission-inherited { + float: left; + margin-right: 10px; + color: #FF0000; +} + +.perm-inherited { + color: #FF0000; +} + + +#menulist { + list-style-type: none; +} + +#adminpage table tr:hover { + background-color: #BBC7D7; +} + +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: $radius; +} + +/* jot */ + +.jothidden { + font-weight: bold; +} + +.jothidden input::-webkit-input-placeholder { + font-weight: bold; +} + +.jothidden input::-moz-placeholder { + font-weight: bold; +} + +#profile-jot-wrapper { + background-color: rgba(254, 254, 254, 1); + border: 1px solid rgba(0, 0, 0, .2); + border-radius: $radius; + +} + +#jot-title, +#jot-pagetitle, +#profile-jot-text { + border-radius: $radius; +} + +#profile-jot-text::-webkit-input-placeholder { + font-size: 1.2rem; +} + +#profile-jot-text::-moz-placeholder { + font-size: 1.2rem; +} + +#profile-jot-text:focus::-webkit-input-placeholder { + color: transparent; +} + +#profile-jot-text:focus::-moz-placeholder { + color: transparent; +} + +#profile-jot-text-loading { + color: #777; + display: none; +} + +.jot-icons.jot-lock-warn { + color: darkorange; +} + + +/* conversation */ + +.top-radius { + border-top-right-radius: $radius; + border-top-left-radius: $radius; +} + +.wall-event-item { + padding: 10px; + color: #fff; + background-color: #3A87AD; /* should reflect calendar color */ + border-top-left-radius: $radius; + border-top-right-radius: $radius; +} + +.wall-photo-item img { + max-width: 100% !important; + border-top-right-radius: $radius; + border-top-left-radius: $radius; +} + +.wall-item-footer { + font-size: 0.75rem; + margin-top: 2em; +} + +.wall-item-content-wrapper { + background-color: $item_colour; + border-top-right-radius: $radius; + border-top-left-radius: $radius; +} + +.wall-item-content-wrapper.comment { + background-color: $comment_item_colour; + border-top-right-radius: 0px; + border-top-left-radius: 0px; +} + +.hide-comments-outer { + background-color: $comment_item_colour; + border-top-color: #ccc; + border-style: solid; + border-top-style: dashed; + border-width: 1px 0px 0px 0px; + text-align: center; + border-radius: 0px; +} + +.hide-comments-outer:hover { + border-top: 1px dashed #adadad; +} + +.wall-item-comment-wrapper { + padding: 7px 10px; + background-color: $item_colour; + border-radius: 0px; + border-bottom-right-radius: $radius; + border-bottom-left-radius: $radius; + border-top: 3px solid $comment_item_colour; +} + +.wall-item-comment-wrapper-wc { + border-top: 0px solid $comment_item_colour; +} + + +.wall-item-photo { + width: $top_photo; + height: $top_photo; + border: none; + border-radius: $radius; + box-shadow: $shadowpx $shadowpx $shadowpx 0 #444444; +} + +.comment .wall-item-photo { + width: $reply_photo; + height: $reply_photo; +} + +.wall-item-ago, +.dropdown-sub-text { + color: #777; +} + +.wall-item-content, +.mail-conv-body, +.page-body, +.chat-item-text, +.chat-item-text-self { + font-size: 1rem; +} + + +.comment-edit-text { + border: 1px solid #ccc; + border-radius: $radius; +} + +.divgrow-showmore { + display: block; + border-top: 1px dashed #ccc; + text-align: center; +} + +.divgrow-showmore:hover { + border-top: 1px dashed #adadad; +} + +.directory-item .divgrow-showmore { + background-color: $comment_item_colour; +} + +/* widgets */ + +.widget { + background-color: rgba(254,254,254,.5); + border: 1px solid rgba(254,254,254,.5); + border-radius: $radius; +} + +#note-text { + border-radius: $radius; +} + +.fileas-ul { + list-style-type: none; +} + +#datebrowse-sidebar select { + border: 1px solid #ccc; + border-radius: $radius; +} + +.thing-show img { + margin: 10px; +} + +.abook-self { + background-color: #ffdddd; +} + +.abook-pending-contact, .abook-permschange { + background: orange; +} + +.online-now { + color: red; + cursor: pointer; +} + +.chat-item-photo, +.chat-item-photo-self { + border-radius: $radius; +} + +.chat-item-title, +.chat-item-title-self { + border-radius: $radius; + background-color: $item_colour; +} + +#chatMembers img { + border-radius: $radius; +} + +.menu-img-3 { + width: 3.3em; + height: 3.3em; + margin-right: 5px; + border-radius: $radius; + float: left; +} + +.menu-img-2 { + height: 2.2em; + width: 2.2em; + margin-right: 5px; + border-radius: $radius; + float: left; +} + +.menu-img-1 { + height: 1.28571429em; + width: 1.28571429em; + border-radius: $radius; +} + +.usermenu { + width: 3.75rem; +} + +#avatar { + width: 2.35rem; + height: 2.35rem; + border-radius: $radius; +} + +#nav-app-link { + padding: 0 !important; + line-height: 1.175; + white-space: nowrap; +} + +.page-title { + margin: 7px 0px; +} + +.generic-content-wrapper-styled { + background-color: $bgcolour; + padding: 10px; + border-radius: $radius; +} + +.generic-content-wrapper { + border: 1px solid rgba(0, 0, 0, .2); + border-radius: $radius; + margin-bottom: 1.5rem; +} + +.section-title-wrapper { + padding: 7px 10px; + background-color: $item_colour; + border-top-left-radius: $radius; + border-top-right-radius: $radius; + border-bottom: 3px solid $comment_item_colour; +} + +.section-title-wrapper h2, +.section-subtitle-wrapper h3 { + margin-top: 0px; + margin-bottom: 0px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.section-subtitle-wrapper h3 { + padding: 3px; +} + +.section-subtitle-wrapper { + padding: 4px 10px; + background-color: $item_colour; + border-bottom: 3px solid $comment_item_colour; +} + +.section-content-tools-wrapper { + padding: 7px 10px; + background-color: $comment_item_colour; + border-bottom: 3px solid $comment_item_colour; +} + +.section-content-info-wrapper { + padding: 21px 10px; + color: #0c5460; + background-color: #d1ecf1; + border-bottom: 3px solid $comment_item_colour; + text-align: center; +} + +.section-content-warning-wrapper { + padding: 21px 10px; + color: #856404; + background-color: #fff3cd; + border-bottom: 3px solid $comment_item_colour; + text-align: center; +} + +.section-content-danger-wrapper { + padding: 21px 10px; + color: #721c24; + background-color: #f8d7da; + border-bottom: 3px solid $comment_item_colour; + text-align: center; +} + +.section-content-tools-wrapper .section-content-info-wrapper, +.section-content-wrapper .section-content-info-wrapper, +.section-content-tools-wrapper .section-content-warning-wrapper, +.section-content-wrapper .section-content-warning-wrapper, +.section-content-tools-wrapper .section-content-danger-wrapper, +.section-content-wrapper .section-content-danger-wrapper { + margin-bottom: 10px; + border-bottom: none; + border-radius: $radius; +} + + +.section-content-wrapper { + padding: 7px 10px; + background-color: $comment_item_colour; + border-bottom-left-radius: $radius; + border-bottom-right-radius: $radius; + word-wrap: break-word; +} + +.section-content-wrapper-np { + background-color: $comment_item_colour; + border-bottom-left-radius: $radius; + border-bottom-right-radius: $radius; + word-wrap: break-word; +} + +main.fullscreen { + left: 0px; + width: 100%; + height: 100vh; + max-width: none; +} + +main.fullscreen .generic-content-wrapper { + position: absolute; + width: 100%; + top: 0px; + left: 0px; + border-radius: 0px; + border-width: 0px; +} + +main.fullscreen .section-title-wrapper { + border-radius: 0px; + position: sticky; + top: 0; + z-index: 1020; +} + +main.fullscreen .section-content-wrapper, +main.fullscreen .section-content-wrapper-np { + border-radius: 0px; +} + +#inline-btn { + display: none; +} + +.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: $item_colour; +} + +[id^="webpage-list-item-"]:hover td, +[id^="block-list-item-"]:hover td, +[id^="layout-list-item-"]:hover td, +[id^="menu-list-item-"]:hover td, +[id^="mitem-list-item-"]:hover td { + background-color: $item_colour; +} + +#perms-tool-table .highlight:hover { + background-color: $item_colour; +} + +.notify-seen { + background-color: $item_colour; +} +/* bootstrap overrides */ + +.btn, +.form-control, +.nav-pills .nav-link, +.nav-tabs .nav-link { + border-radius: $radius; +} + +.rounded-top { + border-top-left-radius: $radius !important; + border-top-right-radius: $radius !important; +} + +blockquote { + font-size: 1rem; + font-style: italic; + border-left: 3px solid #ccc; + padding: 1em 0px 1em 1.5em; + margin: 0px; +} + +.dropdown-menu { + color: $font_colour; + font-size: 0.9rem; + border-radius: $radius; +} + +.dropdown-item { + color: $font_colour; +} + +.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 { + color: $font_colour; + background-color: $item_colour; +} + +.textcomplete-dropdown { + max-height: 300px; + max-width: 250px; + overflow: auto; +} + +.dropdown-item.active { + color: #fff; + background-color: #007bff; +} + +.bg-dark { + background-color: $nav_bg !important; +} + +.navbar { + z-index:1030; +} + +.navbar-dark .navbar-nav .nav-link, +.usermenu i { + color: $nav_icon_colour; +} + +.navbar-dark .navbar-nav .nav-link:focus, +.navbar-dark .navbar-nav .nav-link:hover, +.usermenu:focus i, +.usermenu:hover i { + color: $nav_active_icon_colour; +} + +@media screen and (max-width: 992px) { + + aside#region_1 { + border-right: 1px solid $nav_bd; + } + + main { + left: -$aside_widthpx; + width: calc( 100% + $aside_widthpx ); + } + + main.region_1-on { + left: 0px; + } + + #nav-app-link-wrapper.has_location { + min-width: 0; + flex-basis: 25%; + } + + #nav-app-link-wrapper { + margin-right: 0.5rem; + } + + #navbar-collapse-2 .navbar-app i { + font-size: 1rem; + margin-right: 0.5rem; + } + +} + +.shareable_element_text { + height: 300px; + width: 300px; +} + +.bb_observer { + color: red; +} + +.bb_observer img { + border: 3px solid red !important; +} + +.bb_rm-logo { + height: 1.3em; + width: auto; + margin-top:-3px; +} + +dl.bb-dl > dt { + /* overriding the default dl style from bootstrap, as bootstrap's + style of a bold unindented line followed by a plain unindented + line is already acheivable in bbcode without dl */ + font-weight: normal; +} +dl.dl-terms-monospace > dt { font-family: monospace; } +dl.dl-terms-bold > dt { font-weight: bold; } +dl.dl-terms-italic > dt { font-style: italic; } +dl.dl-terms-underline > dt { text-decoration: underline; } +dl.dl-terms-large > dt { font-size: 120%; } +dl.bb-dl:not(.dl-horizontal) > dd { + display: block; + margin-left: 2em; +} +dl.bb-dl > dd > li { + /* adding some indent so bullet-list items will line up better with + dl descriptions if someone wants to be impure and combine them */ + margin-left: 1em; +} + +.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 "; +} + +/* Modified original CSS to match input in Redbasic */ +.jothidden .bootstrap-tagsinput { + border: 0px solid transparent; + margin-bottom: 0px; + box-shadow: none; + display: inline-block; + border-radius: $radius; + cursor: text; + padding: 0px 10px; + width: 100%; +} + +.bootstrap-tagsinput .label { + font-size: 100%; +} + +/* Abusing theme-green is less work than makeing a new new one */ +.theme-green .back-bar .selected-bar { + background-color: #000000; + background-image: none !important; +} + + +/* Turn checkboxes into switches */ +.form-group.checkbox > div { + position: relative; width: 60px; + -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; + display:inline-block; +} + +.form-group.checkbox input { + display: none; +} + +.form-group.checkbox > div label { + display: block; overflow: hidden; cursor: pointer; + border: 1px solid #ccc; + border-radius: 12px; + margin:0px; + -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; + -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; +} + +.form-group.checkbox:hover label { + color: $link_colour; +} + +.form-group.checkbox:hover > div label { + border-color: $link_colour; +} + +.onoffswitch-inner { + display: block; width: 200%; margin-left: -100%; + -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s; + -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s; +} + +.onoffswitch-inner:before, .onoffswitch-inner:after { + display: block; float: left; width: 50%; height: 20px; padding: 0; line-height:20px; + -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; +} + +.onoffswitch-inner:before { + content: attr(data-on); + padding-right: 21px; + background-color: $item_colour; + color: $font_colour; + text-align: right; +} + +.onoffswitch-inner:after { + content: attr(data-off); + padding-left: 21px; + background-color: $item_colour; color: #ccc; + text-align: left; +} + +.onoffswitch-switch { + display: block; width: 15px; margin:4px; + background: #ccc; + border-radius: 10px; + position: absolute; top: 0; bottom: 0; right: 36px; + -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; + -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; +} + +.form-group.checkbox > div > input:checked + label .onoffswitch-inner { + margin-left: 0px; +} + +.form-group.checkbox > div > input:checked + label .onoffswitch-switch { + right: 0px; + background-color: #0275d8; +} + + +.form-group.checkbox > div > input:disabled + label .onoffswitch-switch { + background-color: red; + opacity: 0.3; + filter:alpha(opacity=30); +} + + + +.help-searchlist { + list-style-type: none; +} + +.help-searchlist a { + font-size: 130%; +} + +.embed-photo-selected-photo { + border-color: blue; + border-style: solid; + border-width: 5px; +} + +#wiki-preview img { + max-width: 100%; +} + +#ace-editor, +#editor { + border-bottom-left-radius: $radius; + border-bottom-right-radius: $radius; +} + +.sub-menu-wrapper { + padding-left: 1rem; + display: none; +} + +.sub-menu { + width: 100%; + margin-top: 0.5rem; + padding-left: 1rem; + border-left: 0.2rem solid #eee; +} + +.app-icon { + color: #777; + font-size: 80px; + text-shadow: 3px 3px 3px lightgrey; +} + +.app-detail { + text-align: center; +} + +#login-main, .rmagic-button { + max-width: 400px; + margin-top: 20px; + margin-left: auto; + margin-right: auto; +} + +#permcat-index { + margin: 10px; +} + +.cloud-container { + float: left; + width: 100px; + height: 110px; + margin: 5px; +} + +.cloud-icon-container { + width: 64px; + height: 64px; + border: 1px solid #eee; + border-radius: $radius; +} + +.cloud-icon i { + font-size: 42px; + color: #888; + margin-top: 8px; + margin-left: 6px; +} + +.cloud-icon img { + max-width: 64px; + max-height: 64px; + border-radius: $radius; +} + +.cloud-title { + width: 98px; + height: 36px; + overflow: hidden; +} + +.caption-visible { + max-height: 75%; +} + +.oneway-overlay { + position: absolute; + text-shadow: -2px 0 1px #fff, 0 2px 1px#fff, 2px 0 1px #fff, 0 -2px 1px #fff; +} + +.cover-photo-review { + margin-bottom: 10px; +} + +.hover-fx-hide { + opacity: 0; +} + +.hover-fx-show:hover .hover-fx-hide { + opacity: 1; +} diff --git a/ussrbasic/img/gray_and_black_diagonal_stripes_background_seamless.gif b/ussrbasic/img/gray_and_black_diagonal_stripes_background_seamless.gif new file mode 100644 index 0000000..615c986 Binary files /dev/null and b/ussrbasic/img/gray_and_black_diagonal_stripes_background_seamless.gif differ diff --git a/ussrbasic/img/gray_and_white_diagonal_stripes_background_seamless.gif b/ussrbasic/img/gray_and_white_diagonal_stripes_background_seamless.gif new file mode 100644 index 0000000..1443692 Binary files /dev/null and b/ussrbasic/img/gray_and_white_diagonal_stripes_background_seamless.gif differ diff --git a/ussrbasic/img/screenshot.png b/ussrbasic/img/screenshot.png new file mode 100644 index 0000000..60d7e23 Binary files /dev/null and b/ussrbasic/img/screenshot.png differ diff --git a/ussrbasic/js/redbasic.js b/ussrbasic/js/redbasic.js new file mode 100644 index 0000000..688e921 --- /dev/null +++ b/ussrbasic/js/redbasic.js @@ -0,0 +1,129 @@ +/** + * redbasic theme specific JavaScript + */ + +$(document).ready(function() { + + // CSS3 calc() fallback (for unsupported browsers) + $('body').append(''); + if( $('#css3-calc').width() == 10) { + $(window).resize(function() { + if($(window).width() < 992) { + $('main').css('width', $(window).width() + $('aside').outerWidth() ); + } else { + $('main').css('width', '100%' ); + } + }); + } + $('#css3-calc').remove(); // Remove the test element + + if($(window).width() >= 992) { + $('#left_aside_wrapper, #right_aside_wrapper').stick_in_parent({ + offset_top: parseInt($('aside').css('padding-top')), + parent: 'main', + spacer: '.aside_spacer' + }); + } + + $('#expand-aside').on('click', toggleAside); + + $('section').on('click', function() { + if($('main').hasClass('region_1-on')){ + toggleAside(); + } + }); + + var left_aside_height = $('#left_aside_wrapper').height(); + + $('#left_aside_wrapper').on('click', function() { + if(left_aside_height != $('#left_aside_wrapper').height()) { + $(document.body).trigger("sticky_kit:recalc"); + left_aside_height = $('#left_aside_wrapper').height(); + } + }); + + + var right_aside_height = $('#right_aside_wrapper').height(); + + $('#right_aside_wrapper').on('click', function() { + if(right_aside_height != $('#right_aside_wrapper').height()) { + $(document.body).trigger("sticky_kit:recalc"); + right_aside_height = $('#right_aside_wrapper').height(); + } + }); + + $('.usermenu').click(function() { + if($('#navbar-collapse-1, #navbar-collapse-2').hasClass('show')){ + $('#navbar-collapse-1, #navbar-collapse-2').removeClass('show'); + } + }); + + $('#menu-btn').click(function() { + if($('#navbar-collapse-1').hasClass('show')){ + $('#navbar-collapse-1').removeClass('show'); + } + }); + + $('.notifications-btn').click(function(e) { + e.preventDefault(); + e.stopPropagation(); + if($('#navbar-collapse-2').hasClass('show')){ + $('#navbar-collapse-2').removeClass('show'); + } + }); + + $("input[data-role=cat-tagsinput]").tagsinput({ + tagClass: 'badge badge-pill badge-warning text-dark' + }); + + $('a.disabled').click(function(e) { + e.preventDefault(); + e.stopPropagation(); + }); + + var doctitle = document.title; + function checkNotify() { + var notifyUpdateElem = document.getElementById('notify-update'); + if(notifyUpdateElem !== null) { + if(notifyUpdateElem.innerHTML !== "") + document.title = "(" + notifyUpdateElem.innerHTML + ") " + doctitle; + else + document.title = doctitle; + } + } + setInterval(function () {checkNotify();}, 10 * 1000); +}); + +function makeFullScreen(full) { + if(typeof full=='undefined' || full == true) { + $('main').addClass('fullscreen'); + $('header, nav, aside, #fullscreen-btn').attr('style','display:none !important'); + $('#inline-btn').show(); + } + else { + $('main').removeClass('fullscreen'); + $('header, nav, aside, #fullscreen-btn').show(); + $('#inline-btn').hide(); + $(document.body).trigger("sticky_kit:recalc"); + } +} + +function toggleAside() { + $('#expand-aside-icon').toggleClass('fa-arrow-circle-right').toggleClass('fa-arrow-circle-left'); + if($('main').hasClass('region_1-on')){ + $('html, body').css('overflow-x', ''); + $('main').removeClass('region_1-on') + $('#overlay').remove(); + $('#left_aside_wrapper').trigger("sticky_kit:detach"); + } + else { + $('html, body').css('overflow-x', 'hidden'); + $('main').addClass('region_1-on') + $('
').appendTo('section'); + $('#left_aside_wrapper').stick_in_parent({ + offset_top: $('nav').outerHeight(true) + 10, + parent: '#region_1', + spacer: '#left_aside_spacer' + }); + } +} diff --git a/ussrbasic/php/config.php b/ussrbasic/php/config.php new file mode 100644 index 0000000..948c0bd --- /dev/null +++ b/ussrbasic/php/config.php @@ -0,0 +1,128 @@ +form($arr); + } + + function post() { + if(!local_channel()) { + return; + } + + if (isset($_POST['redbasic-settings-submit'])) { + set_pconfig(local_channel(), 'redbasic', 'narrow_navbar', $_POST['redbasic_narrow_navbar']); + set_pconfig(local_channel(), 'redbasic', 'nav_bg', $_POST['redbasic_nav_bg']); + set_pconfig(local_channel(), 'redbasic', 'nav_icon_colour', $_POST['redbasic_nav_icon_colour']); + set_pconfig(local_channel(), 'redbasic', 'nav_active_icon_colour', $_POST['redbasic_nav_active_icon_colour']); + set_pconfig(local_channel(), 'redbasic', 'link_colour', $_POST['redbasic_link_colour']); + set_pconfig(local_channel(), 'redbasic', 'background_colour', $_POST['redbasic_background_colour']); + set_pconfig(local_channel(), 'redbasic', 'banner_colour', $_POST['redbasic_banner_colour']); + set_pconfig(local_channel(), 'redbasic', 'background_image', $_POST['redbasic_background_image']); + set_pconfig(local_channel(), 'redbasic', 'item_colour', $_POST['redbasic_item_colour']); + set_pconfig(local_channel(), 'redbasic', 'comment_item_colour', $_POST['redbasic_comment_item_colour']); + set_pconfig(local_channel(), 'redbasic', 'font_size', $_POST['redbasic_font_size']); + set_pconfig(local_channel(), 'redbasic', 'font_colour', $_POST['redbasic_font_colour']); + set_pconfig(local_channel(), 'redbasic', 'radius', $_POST['redbasic_radius']); + set_pconfig(local_channel(), 'redbasic', 'photo_shadow', $_POST['redbasic_shadow']); + set_pconfig(local_channel(), 'redbasic', 'converse_width', $_POST['redbasic_converse_width']); + set_pconfig(local_channel(), 'redbasic', 'top_photo', $_POST['redbasic_top_photo']); + set_pconfig(local_channel(), 'redbasic', 'reply_photo', $_POST['redbasic_reply_photo']); + set_pconfig(local_channel(), 'redbasic', 'advanced_theming', $_POST['redbasic_advanced_theming']); + } + } + + function form($arr) { + + if(get_pconfig(local_channel(), 'redbasic', 'advanced_theming')) + $expert = 1; + + $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"), + '$narrow_navbar' => array('redbasic_narrow_navbar',t('Narrow navbar'),$arr['narrow_navbar'], '', array(t('No'),t('Yes'))), + '$nav_bg' => array('redbasic_nav_bg', t('Navigation bar background color'), $arr['nav_bg']), + '$nav_icon_colour' => array('redbasic_nav_icon_colour', t('Navigation bar icon color '), $arr['nav_icon_colour']), + '$nav_active_icon_colour' => array('redbasic_nav_active_icon_colour', t('Navigation bar active icon color '), $arr['nav_active_icon_colour']), + '$link_colour' => array('redbasic_link_colour', t('Link color'), $arr['link_colour'], '', $link_colours), + '$banner_colour' => array('redbasic_banner_colour', t('Set font-color for banner'), $arr['banner_colour']), + '$bgcolour' => array('redbasic_background_colour', t('Set the background color'), $arr['bgcolour']), + '$background_image' => array('redbasic_background_image', t('Set the background image'), $arr['background_image']), + '$item_colour' => array('redbasic_item_colour', t('Set the background color of items'), $arr['item_colour']), + '$comment_item_colour' => array('redbasic_comment_item_colour', t('Set the background color of comments'), $arr['comment_item_colour']), + '$font_size' => array('redbasic_font_size', t('Set font-size for the entire application'), $arr['font_size'], t('Examples: 1rem, 100%, 16px')), + '$font_colour' => array('redbasic_font_colour', t('Set font-color for posts and comments'), $arr['font_colour']), + '$radius' => array('redbasic_radius', t('Set radius of corners'), $arr['radius'], t('Example: 4px')), + '$shadow' => array('redbasic_shadow', t('Set shadow depth of photos'), $arr['shadow']), + '$converse_width' => array('redbasic_converse_width',t('Set maximum width of content region in pixel'),$arr['converse_width'], t('Leave empty for default width')), + '$top_photo' => array('redbasic_top_photo', t('Set size of conversation author photo'), $arr['top_photo']), + '$reply_photo' => array('redbasic_reply_photo', t('Set size of followup author photos'), $arr['reply_photo']), + '$advanced_theming' => ['redbasic_advanced_theming', t('Show advanced settings'), $arr['advanced_theming'], '', [t('No'), t('Yes')]] + )); + + return $o; + } + +} + + + + + + diff --git a/ussrbasic/php/style.php b/ussrbasic/php/style.php new file mode 100644 index 0000000..a191522 --- /dev/null +++ b/ussrbasic/php/style.php @@ -0,0 +1,163 @@ + $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, + '$background_image' => $background_image, + '$item_colour' => $item_colour, + '$comment_item_colour' => $comment_item_colour, + '$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, + '$aside_width' => $aside_width + ); + + echo str_replace(array_keys($options), array_values($options), $x); + +} + +// 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'] != 'redbasic') + set_pconfig(local_channel(), 'redbasic', 'schema', '---'); diff --git a/ussrbasic/php/theme.php b/ussrbasic/php/theme.php new file mode 100644 index 0000000..335a64e --- /dev/null +++ b/ussrbasic/php/theme.php @@ -0,0 +1,16 @@ + input { + background-color: #D9534F !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; +} +a.text-dark:focus, a.text-dark:hover { + color: #ddd !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; +} diff --git a/ussrbasic/schema/dark.php b/ussrbasic/schema/dark.php new file mode 100644 index 0000000..af4b122 --- /dev/null +++ b/ussrbasic/schema/dark.php @@ -0,0 +1,41 @@ +li>a{ + color: #000; +} + +nav .dropdown-menu>li>a:hover,nav .dropdown-menu>li>a:focus{ + color: #000; + background-color: #F5F5F5; + background-image: none; +} + +nav .dropdown-menu .divider{ + background-color: #F5F5F5; +} + +nav .dropdown-menu>li>a:hover,nav .dropdown-menu>li>a:focus{ + color: #000; + background-color: #F5F5F5; + background-image: none; +} + +nav .dropdown-menu { + background-color: #fff; +} + +a.rateme, div.rateme { + border: 1px solid #fff; +} + +#nav-search-text { + background-color: #F5F5F5; +} + +.autocomplete .selected { + background: #F5F5F5; +} + +.nav-tabs{ + border-bottom:1px solid #000; +} + +.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{ + border:1px solid #000; +} + +.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus { + color: #000; + background-color: #fff; +} + +.nav-tabs.nav-justified > li > a { + color: #000; +} + +.nav-tabs > li > a:hover, .nav-tabs > li > a:focus { + text-decoration: underline; + background-color: #fff; + color: #000; +} + +aside .nav > li > a:hover, aside .nav > li > a:focus { + text-decoration: underline; + background-color: #F5F5F5; +} + +.list-group-item { + background-color: #F5F5F5; +} + +a, a:visited, a:link, .fakelink, .fakelink:visited, .fakelink:link { + font-weight: bold; +} + +.group-selected, .fileas-selected, .categories-selected, .search-selected, a.active { + color: #000 !important; + text-decoration: underline !important; +} + +.generic-content-wrapper-styled { + background-color: rgba(255,255,255,0.8); +} + +.autocomplete { + background: #fff; +} + +blockquote { + background-color: #fff; + border-left: 3px solid #000; + color: #111; +} + +code { + border: 1px solid #000; + background: #fff; + color: #000; +} + +pre { + background: #fff; + color: #111; + border:1px solid #000; +} + +.notif-item a { + color: #000; +} + +.notif-item a:hover { + color: #000; +} + +.dropdown-menu { + background-color: #fff; +} + +.dropdown-menu >li > a { + color: #000; +} + +.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { + color: #000; + background-color: #F5F5F5; + background-image: none; +} + +.open .dropdown-toggle.btn-default { + color: #000; + background-color: #fff; + border-color: #fff; +} + +.preview { + background: url('../img/gray_and_white_diagonal_stripes_background_seamless.gif'); +} + +@media (min-width: 768px) { + .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid #000; + } +} + +#profile-jot-wrapper { + background-color: inherit; + border: none; +} + +.nav-tabs.nav-justified { + background-color: inherit; + border: none; +} + +.help-content { + border-bottom: #000 thin solid; +} + +.help-content-open { + -moz-box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; +} + + +.contextual-help-content-open { + background: #FFF; +} + +.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: #F5F5F5; +} + +.widget-nav-pills-checkbox:hover + a { + background-color: #F5F5F5; +} + diff --git a/ussrbasic/schema/simple_black_on_white_(unmaintained,deprecated).php b/ussrbasic/schema/simple_black_on_white_(unmaintained,deprecated).php new file mode 100644 index 0000000..554e832 --- /dev/null +++ b/ussrbasic/schema/simple_black_on_white_(unmaintained,deprecated).php @@ -0,0 +1,42 @@ +li>a { + color: #50f148; +} + +nav .dropdown-menu>li>a:hover,nav .dropdown-menu>li>a:focus { + color: #50f148; + background-color: #143D12; + background-image: none; +} + + +nav .dropdown-menu .divider { + background-color: #143D12; +} + +nav .dropdown-menu>li>a:hover,nav .dropdown-menu>li>a:focus { + color: #50f148; + background-color: #143D12; + background-image: none; +} + +nav .dropdown-menu { + background-color: #000; +} + +.rconnect { + color: #50f148; +} + +a.rateme, div.rateme { + color: #50f148; + border: 1px solid #000; +} + +a.rconnect, a.rateme, div.rateme { + color: #50f148; +} + +.navbar-inverse .navbar-nav > .open > a, +.navbar-inverse .navbar-nav > .open > a:hover, +.navbar-inverse .navbar-nav > .open > a:focus { + color: #50f148; +} + +#nav-search-text { + background-color: #000; +} + +.autocomplete .selected { + background: #000; +} + +.nav-tabs{ + border-bottom:1px solid #143D12; +} + +.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{ + border:1px solid #143D12; +} + +.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus { + color: #46D43F; + background-color: #000; +} + +.nav-tabs.nav-justified > li > a { + color: #50f148; +} + +.nav-tabs > li > a:hover, .nav-tabs > li > a:focus { + text-decoration: underline; + background-color: #000; + color: #50f148; + border-color: #143D12; +} + +aside .nav > li > a:hover, aside .nav > li > a:focus { + text-decoration: underline; + background-color: #143D12; +} + +.list-group-item { + background-color: #143D12; +} + +a, a:visited, a:link, .fakelink, .fakelink:visited, .fakelink:link { + font-weight: bold; +} + +.group-selected, .fileas-selected, .categories-selected, .search-selected, a.active { + color: #50f148 !important; + text-decoration: underline !important; +} + +.generic-content-wrapper-styled { + background-color: rgba(0,0,0,0.8); +} + +.autocomplete { + background: #000; +} + +blockquote { + background-color: #000; + border-left: 3px solid #143D12; + color: #32962D; +} + +code { + border: 1px solid #143D12; + background: #000; + color: #32962D; +} + +pre { + background: #000; + color: #32962D; + border:1px solid #143D12; +} + +.notif-item a { + color: #50f148; +} + +.notif-item a:hover { + color: #50f148; +} + +.dropdown-menu { + background-color: #000; +} + +.dropdown-menu >li > a { + color: #32962D; +} + +.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { + color: #50f148; + background-color: #143D12; + background-image: none; +} + +.open .dropdown-toggle.btn-default, .open .dropdown-toggle.btn-default:focus { + color: #50f148; + background-color: #000; + border-color: #143D12; +} + +.preview { + background: url('../img/gray_and_black_diagonal_stripes_background_seamless.gif'); +} + + +@media (min-width: 768px) { + .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid #143D12; + } +} + +#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) { + background-color: #000; +} + +.table-hover > tbody > tr:hover { + background-color: #143D12; +} + +.table > tbody > tr > td { + border-color: #143D12; +} + +.help-content { + border-bottom: #143D12 thin solid; +} + +.help-content-open { + -moz-box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +.contextual-help-content-open { + background: $nav_bg; + border-bottom: #1C5419 1px solid; + box-shadow: 0px 3px 3px rgba(28,84,25,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: #143D12; +} + +.widget-nav-pills-checkbox:hover + a { + background-color: #143D12; +} diff --git a/ussrbasic/schema/simple_green_on_black_(unmaintained,deprecated).php b/ussrbasic/schema/simple_green_on_black_(unmaintained,deprecated).php new file mode 100644 index 0000000..8192180 --- /dev/null +++ b/ussrbasic/schema/simple_green_on_black_(unmaintained,deprecated).php @@ -0,0 +1,38 @@ +li>a{ + color: #fff; +} + +nav .dropdown-menu>li>a:hover,nav .dropdown-menu>li>a:focus{ + color: #fff; + background-color: #030303; + background-image: none; +} + +nav .dropdown-menu .divider{ + background-color: #030303; +} + +nav .dropdown-menu>li>a:hover,nav .dropdown-menu>li>a:focus{ + color: #fff; + background-color: #030303; + background-image: none; +} + +nav .dropdown-menu { + background-color: #000; +} + +a.rateme, div.rateme { + border: 1px solid #000; +} + +#nav-search-text { + background-color: #000; +} + +.autocomplete .selected { + background: #000; +} + +.nav-tabs{ + border-bottom:1px solid #fff; +} + +.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{ + border:1px solid #fff; +} + +.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus { + color: #fff; + background-color: #000; +} + +.nav-tabs.nav-justified > li > a { + color: #fff; +} + +.nav-tabs > li > a:hover, .nav-tabs > li > a:focus { + text-decoration: underline; + background-color: #000; + color: #fff; +} + +aside .nav > li > a:hover, aside .nav > li > a:focus { + text-decoration: underline; + background-color: #030303; +} + +.list-group-item { + background-color: #030303; +} + +a, a:visited, a:link, .fakelink, .fakelink:visited, .fakelink:link { + font-weight: bold; +} + +.group-selected, .fileas-selected, .categories-selected, .search-selected, a.active { + color: #fff !important; + text-decoration: underline !important; +} + +.generic-content-wrapper-styled { + background-color: rgba(0,0,0,0.8); +} + +.autocomplete { + background: #000; +} + +blockquote { + background-color: #000; + border-left: 3px solid #fff; + color: #eee; +} + +code { + border: 1px solid #eee; + background: #000; + color: #eee; +} + +pre { + background: #000; + color: #eee; + border:1px solid #fff; +} + +.notif-item a { + color: #fff; +} + +.notif-item a:hover { + color: #fff; +} + +.dropdown-menu { + background-color: #000; +} + +.dropdown-menu >li > a { + color: #fff; +} + +.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { + color: #fff; + background-color: #030303; + background-image: none; +} + +.open .dropdown-toggle.btn-default, .open .dropdown-toggle.btn-default:focus { + color: #fff; + background-color: #000; + border-color: #fff; +} + +.preview { + background: url('../img/gray_and_black_diagonal_stripes_background_seamless.gif'); +} + +@media (min-width: 768px) { + .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid #fff; + } +} + +#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: #030303; +} + +.table > tbody > tr > td { + border-color: #FFF; +} + +.help-content { + border-bottom: #FFF thin solid; +} + +.help-content-open { + -moz-box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +.contextual-help-content-open { + background: $nav_bg; + border-bottom: #FFF 1px solid; + box-shadow: 0px 3px 3px rgba(255,255,255,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: #030303; +} + +.widget-nav-pills-checkbox:hover + a { + background-color: #030303; +} + diff --git a/ussrbasic/schema/simple_white_on_black_(unmaintained,deprecated).php b/ussrbasic/schema/simple_white_on_black_(unmaintained,deprecated).php new file mode 100644 index 0000000..b64f60b --- /dev/null +++ b/ussrbasic/schema/simple_white_on_black_(unmaintained,deprecated).php @@ -0,0 +1,38 @@ + + $(function(){ + $('#id_redbasic_nav_bg, #id_redbasic_nav_icon_colour, #id_redbasic_nav_active_icon_colour, #id_redbasic_banner_colour').colorpicker({format: 'rgba'}); + $('#id_redbasic_link_colour,#id_redbasic_background_colour').colorpicker(); + $('#id_redbasic_toolicon_colour,#id_redbasic_toolicon_activecolour,#id_redbasic_font_colour').colorpicker(); + $('#id_redbasic_item_colour,#id_redbasic_comment_item_colour,#id_redbasic_comment_border_colour').colorpicker({format: 'rgba'}); + }); + +{{/if}} +
+ +
diff --git a/ussrbasicpub/css/blockmode.css b/ussrbasicpub/css/blockmode.css new file mode 100644 index 0000000..cc1db20 --- /dev/null +++ b/ussrbasicpub/css/blockmode.css @@ -0,0 +1,15 @@ + +.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; +} diff --git a/ussrbasicpub/css/mod_page.css b/ussrbasicpub/css/mod_page.css new file mode 100644 index 0000000..37f597f --- /dev/null +++ b/ussrbasicpub/css/mod_page.css @@ -0,0 +1,24 @@ +/* +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;} +*/ \ No newline at end of file diff --git a/ussrbasicpub/css/narrow_navbar.css b/ussrbasicpub/css/narrow_navbar.css new file mode 100644 index 0000000..99f0836 --- /dev/null +++ b/ussrbasicpub/css/narrow_navbar.css @@ -0,0 +1,30 @@ +@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; + } + + #jGrowl.top-right { + top: 3.5rem; + right: 15px; + } + +} diff --git a/ussrbasicpub/css/sloppy_photos.css b/ussrbasicpub/css/sloppy_photos.css new file mode 100644 index 0000000..78aedc9 --- /dev/null +++ b/ussrbasicpub/css/sloppy_photos.css @@ -0,0 +1,58 @@ + +.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); +} + diff --git a/ussrbasicpub/css/style.css b/ussrbasicpub/css/style.css new file mode 100644 index 0000000..28a1d95 --- /dev/null +++ b/ussrbasicpub/css/style.css @@ -0,0 +1,1802 @@ +/** + * Ussrbasicpub + * + * Based on duepuntozero Friendica style + * Originally by Fabio Comuni + */ + + +/* generals */ + +html { + font-size: $font_size; +} + +body { + font-size: 0.9rem; + background-color: $bgcolour; + background-image: url('$background_image'); + background-attachment: fixed; + background-size: cover; + color: $font_colour; + margin: 0px; +} + +aside { + width: $aside_widthpx; + min-width: $aside_widthpx; + max-width: $aside_widthpx; +} + +aside #region_1 { + border-right: 1px solid transparent; +} + +aside #left_aside_wrapper, +aside #right_aside_wrapper { + margin-bottom: 10px; +} + +main { + margin-left: auto; + margin-right: auto; + max-width: $main_widthpx; +} + +#overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, .5); + cursor: pointer; + z-index: 1028; +} + +h1, .h1 { + font-size: 2rem; +} + +h2, .h2 { + font-size: 1.6rem; +} + +h3, .h3 { + font-size: 1.2rem; +} + +h4, .h4 { + font-size: 1.05rem; +} + +h5, .h5 { + font-size: 0.9rem; +} + +h6, .h6 { + font-size: 0.75rem; +} + +#banner { + color: $banner_colour; + font-weight: bold; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#banner img { + max-height: 1.35rem; + width: auto; +} + +.jslider { + font-family: sans-serif, arial, freesans; +} + +abbr { + border-bottom: none; +} + +/* icons */ + +a, +.fakelink { + color: $link_colour; +} + + +a:hover, +a:focus, +.fakelink:hover, +.fakelink:focus { + color: $link_colour; +} + +.fakelink, +.cursor-pointer { + cursor: pointer; +} + +input, optgroup, select, textarea { + font-size: 0.9rem !important; +} + +input[type=text], textarea { + resize: vertical; + background-color: $comment_item_colour; + color: $font_colour; +} + +.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; +} + +pre code { + border: none; + padding: 1em 1.5em; +} + +code { + background: #ccc; + color: #000; +} + +pre { + background: #F5F5F5; + color: #333; + border:1px solid #ccc; + border-radius: $radius; +} + +.heart { + color: #FF0000; +} + +nav { + opacity: $nav_float_min_opacity; + filter:alpha(opacity=$nav_percent_min_opacity); +} + +#powered-by { + font-size: 0.5rem; + position: absolute; + top: 50px; + left: 16px; +} + +#powered-by img { + margin-top: -2px; + height: 10px; + width: 10px; +} + +.error-message { + color: #FF0000; + font-size: 1.1em; + border: 1px solid #FF8888; + background-color: #FFEEEE; + padding: 10px; +} + +.nav-channel-select { margin-left: 8px; } + +/* contextual help */ +.contextual-help-content { + display: none; + +} + +.contextual-help-content-open { + display: block; + position: fixed; + top: 3.35rem; + left: 0px; + width: 100%; + max-height: 50%; + background: $comment_item_colour; + padding: 1rem; + border-bottom: #ccc 1px solid; + overflow: auto; + -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); + -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); + box-shadow: 0px 3px 3px rgba(0,0,0,0.2); +} + +.contextual-help-content dd { + margin-bottom: 1em; +} + +.contextual-help-tool { + padding: 7px; + filter: alpha(opacity=20); + opacity: .5; +} + +.contextual-help-tool:hover { + filter: alpha(opacity=50); + opacity: 1; + text-decoration: none; +} + +.contextual-help-tool i { + color: $font_colour; + font-size: 1.05rem; +} + +/* contextual help end */ + +/* spinner */ + +.spinner-wrapper { + display: none; +} + +.spinner.s { + height: 1rem; + width: 1rem; +} + +.spinner.m { + height: 2rem; + width: 2rem; +} + +.spinner.l { + height: 3rem; + width: 3rem; +} + +.spinner.s, +.spinner.m, +.spinner.l { + margin: 0 auto; + position: relative; + -webkit-animation: rotation 1s infinite linear; + -moz-animation: rotation 1s infinite linear; + -o-animation: rotation 1s infinite linear; + animation: rotation 1s infinite linear; + border-left: .2rem solid rgba(77, 77, 77, .15); + border-right: .2rem solid rgba(77, 77, 77, .15); + border-bottom: .2rem solid rgba(77, 77, 77, .15); + border-top: .2rem solid rgba(77, 77, 77, .5); + border-radius: 100%; +} + +@-webkit-keyframes rotation { + from { + -webkit-transform: rotate(0deg); + } + to { + -webkit-transform: rotate(359deg); + } +} + +@-moz-keyframes rotation { + from { + -moz-transform: rotate(0deg); + } + to { + -moz-transform: rotate(359deg); + } +} + +@-o-keyframes rotation { + from { + -o-transform: rotate(0deg); + } + to { + -o-transform: rotate(359deg); + } +} + +@keyframes rotation { + from { + transform: rotate(0deg); + } + to { + transform: rotate(359deg); + } +} + +/* spinner end */ + +/* jumping dots */ +.jumping-dots span { + position: relative; + bottom: 0px; + transition-timing-function: ease-in-out; + -webkit-animation: jump 1s infinite; + animation: jump 1s infinite; +} + +.jumping-dots .dot-1 { + -webkit-animation-delay: 200ms; + animation-delay: 200ms; +} + +.jumping-dots .dot-2 { + -webkit-animation-delay: 400ms; + animation-delay: 400ms; +} + +.jumping-dots .dot-3 { + -webkit-animation-delay: 600ms; + animation-delay: 600ms; +} + +@-webkit-keyframes jump { + 0% { + bottom: 0px; + } + 20% { + bottom: 3px; + } + 40% { + bottom: 0px; + } +} + +@keyframes jump { + 0% {bottom: 0px;} + 20% {bottom: 3px;} + 40% {bottom: 0px;} +} +/* jumping dots end */ + +/* footer */ + +footer { + position:fixed; + bottom:1px; + text-align: right; + padding-bottom: 1em; + padding-right: 3em; +} + +.birthday-today, +.event-today { + font-weight: bold; +} + +.warning-text { + font-size: 1.2em; + font-weight: bold; + color: #ff0000; +} + +#noperm-msg { + margin-top: 15px; +} + +.preview-indicator { +} + +#theme-preview { + margin: 15px 0px; +} + +#cropimage-wrapper, +#cropimage-preview-wrapper { + margin-bottom: 10px; +} + +.fn { + font-weight: bold; + font-size: 1rem; + color: #444444; +} + +.vcard { + margin-bottom: 10px; + padding: 0px 10px 10px 10px; + background-color: rgba(254,254,254,0.5); + border: 1px solid rgba(254,254,254,0.5); + border-radius: $radius; + word-wrap: break-word; +} + +.vcard dl, +.vcard .title { + margin-top: 10px; + margin-bottom: 0px; +} + +.connect-btn-wrapper { + margin-bottom: 10px; + +} + +.profile-edit-side-link { + padding: 3px 0px; + opacity: 0; + filter:alpha(opacity=30); + float: right; +} + +.vcard:hover .profile-edit-side-link { + opacity: 1; + filter:alpha(opacity=100); +} + +#profile-photo-wrapper img { + width: 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-no-label { + margin-left: 125px; + float: left; + width: 50px; +} + +#fsuggest-desc, #fsuggest-submit-wrapper { + margin-top: 15px; + margin-bottom: 15px; +} + +.app-name { + overflow: none; +} + +.app-container img { + margin-left: auto; + margin-right: auto; + width: 80px; + height: 80px; + display: block; +} + +.pager { + padding: 10px; + text-align: center; + font-size: 1.0em; +} + + +.pager_first, +.pager_last, +.pager_prev, +.pager_next, +.pager-prev, +.pager-next, +.pager_n { + border: 1px solid #ccc; + background: transparent; + padding: 4px; +} + +.pager_current { + border: 1px solid transparent; + background: transparent; + padding: 4px; +} + +.photo, +.contact-block-img { + border-radius: $radius; + box-shadow: $shadowpx $shadowpx $shadowpx 0 #444444; +} + +#side-bar-photos-albums { + margin-top: 15px; +} + +#side-bar-photos-albums ul { + list-style: none; +} + +.profile-match-photo img, +.directory-photo-img { + border-radius: $radius; + box-shadow: $shadowpx $shadowpx $shadowpx 0 #444444; +} + +.profile-match-photo img { + width: $top_photo !important; + height: $top_photo !important; +} + +#photo-view-wrapper { + background-color: $item_colour; +} + +.pmenu.horizontal { + padding: 0 0 0 0; + border-bottom: none; +} + +.pmenu.horizontal .pmenu-title { + display: none; +} +.pmenu.horizontal ul { + -moz-padding-start: 0; +} + +.pmenu.horizontal li { + margin-left: 0; + display: inline; + padding-right: 15px; +} + +.group-delete-wrapper { + float: right; +} + +#pause { + position: fixed; + bottom: 5px; + right: 5px; +} + +#contact-block { + width: 100%; +} + +#contact-block-numcontacts { + font-weight: bold; + margin-bottom:10px; +} + +.contact-block-div { + display: inline; +} + +.contact-block-textdiv { + width: 150px; + height: 34px; +} + +.contact-block-img { + width:47px; + height:47px; + margin-bottom: 3px; +} + +#tag-remove { + margin-bottom: 15px; +} + +#tagrm li { + margin-bottom: 10px; +} + +#tagrm-submit, #tagrm-cancel { + margin-top: 25px; +} + +#tagrm-cancel { + margin-left: 15px; +} + +.wall-item-conv { + background-color: $comment_item_colour; +} + +#nav-notifications-template, +#nav-notifications-forums-template { + display: none; +} + +#nav-search-spinner { + float: right; + margin-top: -1.4rem; + margin-right: 1rem; +} + + +#nav-search-text { + width: 280px; + padding: .15rem .5rem; +} + +nav .acpopup { + top: 46px !important; + margin-left: -35px; + width: 290px; +} + +.clear { + clear: both; +} + +.descriptive-text { + color: #888; +} + +#plugin-settings-link, #account-settings-link { + margin-bottom: 10px; +} + +#uexport-link { + margin-bottom: 20px; +} + +#network-new-link { + margin-top: 15px; + margin-bottom: 15px; +} + +#cboxOverlay { + z-index: 1050; +} + +#colorbox { + z-index: 1051; +} + +#cboxContent { + padding: 3px; + border: 0px solid #fff; + border-radius: $radius; + background-color: #fff; + z-index: 1052; +} + +.app-title { + margin: 10px; +} + +.profile-match-photo { + float: left; +} + +.profile-match-name { + width: 120px; + height: 1.5em; + overflow: hidden !important; +} + +.profile-match-note { + text-align: center; +} + +.profile-match-connect { + text-align: center; + font-weight: bold; +} + +.profile-match-wrapper { + float: left; + width: 120px; + height: 150px; + padding: 10px; + margin: 8px 10px 0 0; + border-top: 1px solid #eee; + border-left: 2px solid #eee; +} +.profile-match-ignore { + float: right; +} + +.side-link { + margin-bottom: 15px; +} + +#prof-members { + margin-top: 20px; + padding: 10px; + height: 250px; + overflow: auto; + border: 1px solid #ddd; +} + +#prof-separator { + margin-top: 10px; + margin-bottom: 10px; +} + +#prof-all-contacts { + padding: 10px; + height: 450px; + overflow: auto; + border: 1px solid #ddd; +} + +#prof-edit-desc { + margin-top: 15px; +} + +.required { + color: #ff0000; +} + +.notif-image { + height: 80px; + width: 80px; + margin-right: 15px; +} + +/** + * OAuth + */ +.oauthapp { + height: auto; overflow: auto; + border-bottom: 2px solid #cccccc; + padding-bottom: 1em; + margin-bottom: 1em; +} +.oauthapp img { + float: left; + width: 48px; height: 48px; + margin: 10px; +} +.oauthapp .icon { + margin-right: 20px; +} + +.oauthapp img.noicon { + background-image: url("../../../../images/icons/48/plugin.png"); + background-position: center center; + background-repeat: no-repeat; +} +.oauthapp a { + float: left; +} + + +.body-attach { + margin-top: 10px; +} + +.acpopup li div.taggable { + 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: 15px; +} + +div.jGrowl div.jGrowl-notification { + min-height: 60px; +} + +.jslider .jslider-scale ins { + color: #333; + font-size: 0.9rem; + width: 100px; + text-align: center; +} + +.conv-participants { + color: $font_colour; +} + +.contactname { + font-weight: bold; + color: $font_colour; + display: block; + overflow: hidden; + text-overflow: ellipsis; +} + +.dropdown-notification, +.notification, +.member-item { + line-height: 1.2em; + font-size: 0.75rem; + overflow: hidden; + text-overflow: ellipsis; + display: block; + white-space: nowrap; +} + +.notification.notification-forum { + font-size: 0.9rem; + color: $font_colour; +} + +#acl-search::-webkit-input-placeholder { + /* non-fontawesome fonts set a fallback for text parts of the placeholder*/ + font-family: ForkAwesome, sans-serif, arial, freesans; +} + +#acl-search::-moz-placeholder { + /* non-fontawesome fonts set a fallback for text parts of the placeholder*/ + font-family: ForkAwesome, sans-serif, arial, freesans; +} + +.acl-item-header { + width: 100%; +} + +.acl-list-item.grouphide { + border: 1px solid red; + z-index: 2; +} + +.acl-list-item.groupshow { + border: 1px solid green; + z-index: 2; +} + +.acl-list-item.taggable { + background-color: #ddddff; +} + +.acl-button-show, +.acl-button-hide { + float: right; + margin-left: 5px; +} + +.contact-block-content { + margin-top: 10px; +} +.contact-block-img.archived, .app-deleted, .dim { + opacity: 0.3; + filter:alpha(opacity=30); +} + + +.profile-match-connect { margin-top: 5px; } + +.reshared-content { margin-left: 20px; } +.shared_header img { + border-radius: $radius; + margin-right: 10px; +} + +.tag1 { + font-size : 0.9em !important; + } +.tag2 { + font-size : 1.0em !important; + } + + +.tag3 { + font-size : 1.1em !important; + } + + +.tag4 { + font-size : 1.2em !important; + } + + +.tag5 { + font-size : 1.3em !important; + } + + +.tag6 { + font-size : 1.4em !important; + } + + +.tag7 { + font-size : 1.5em !important; + } + + +.tag8 { + font-size : 1.6em !important; + } + + +.tag9 { + font-size : 1.7em !important; + } + + +.tag10 { + font-size : 1.8em !important; + } + +div#write-pages { +display: block; +background: silver; +width: 100%; +} + +div#write-pages a { +color: #000; +margin-right: 50px; +} + +.pmenu ul { + list-style-type: none; +} + +.generic-icons, +a .generic-icons { + font-size: 1rem; + margin-right: 0.5rem; + color: $font_colour; +} + +.generic-icons:hover, +a .generic-icons:hover { + color: $font_colour; +} + +.generic-icons-right { + font-size: 1rem; + margin-left: 0.5rem; + color: $font_colour; +} + + +.generic-icons-nav { + font-size: 1rem; + margin-right: 7px; +} + +.admin-icons { + font-size: 1.2em; + margin-right: 7px; +} + +.drop-icons, +a .drop-icons { + font-size: 1rem; + color: $font_colour; + text-decoration: none; + cursor: pointer; +} + +.drop-icons:hover, +a .drop-icons:hover { + color: #FF0000; +} + +.lockview, +.sys-apps-toggle { + cursor: pointer; +} + +.permission-inherited { + float: left; + margin-right: 10px; + color: #FF0000; +} + +.perm-inherited { + color: #FF0000; +} + + +#menulist { + list-style-type: none; +} + +#adminpage table tr:hover { + background-color: #BBC7D7; +} + +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: $radius; +} + +/* jot */ + +.jothidden { + font-weight: bold; +} + +.jothidden input::-webkit-input-placeholder { + font-weight: bold; +} + +.jothidden input::-moz-placeholder { + font-weight: bold; +} + +#profile-jot-wrapper { + background-color: rgba(254, 254, 254, 1); + border: 1px solid rgba(0, 0, 0, .2); + border-radius: $radius; + +} + +#jot-title, +#jot-pagetitle, +#profile-jot-text { + border-radius: $radius; +} + +#profile-jot-text::-webkit-input-placeholder { + font-size: 1.2rem; +} + +#profile-jot-text::-moz-placeholder { + font-size: 1.2rem; +} + +#profile-jot-text:focus::-webkit-input-placeholder { + color: transparent; +} + +#profile-jot-text:focus::-moz-placeholder { + color: transparent; +} + +#profile-jot-text-loading { + color: #777; + display: none; +} + +.jot-icons.jot-lock-warn { + color: darkorange; +} + + +/* conversation */ + +.top-radius { + border-top-right-radius: $radius; + border-top-left-radius: $radius; +} + +.wall-event-item { + padding: 10px; + color: #fff; + background-color: #3A87AD; /* should reflect calendar color */ + border-top-left-radius: $radius; + border-top-right-radius: $radius; +} + +.wall-photo-item img { + max-width: 100% !important; + border-top-right-radius: $radius; + border-top-left-radius: $radius; +} + +.wall-item-footer { + font-size: 0.75rem; + margin-top: 2em; +} + +.wall-item-content-wrapper { + background-color: $item_colour; + border-top-right-radius: $radius; + border-top-left-radius: $radius; +} + +.wall-item-content-wrapper.comment { + background-color: $comment_item_colour; + border-top-right-radius: 0px; + border-top-left-radius: 0px; +} + +.hide-comments-outer { + background-color: $comment_item_colour; + border-top-color: #ccc; + border-style: solid; + border-top-style: dashed; + border-width: 1px 0px 0px 0px; + text-align: center; + border-radius: 0px; +} + +.hide-comments-outer:hover { + border-top: 1px dashed #adadad; +} + +.wall-item-comment-wrapper { + padding: 7px 10px; + background-color: $item_colour; + border-radius: 0px; + border-bottom-right-radius: $radius; + border-bottom-left-radius: $radius; + border-top: 3px solid $comment_item_colour; +} + +.wall-item-comment-wrapper-wc { + border-top: 0px solid $comment_item_colour; +} + + +.wall-item-photo { + width: $top_photo; + height: $top_photo; + border: none; + border-radius: $radius; + box-shadow: $shadowpx $shadowpx $shadowpx 0 #444444; +} + +.comment .wall-item-photo { + width: $reply_photo; + height: $reply_photo; +} + +.wall-item-ago, +.dropdown-sub-text { + color: #777; +} + +.wall-item-content, +.mail-conv-body, +.page-body, +.chat-item-text, +.chat-item-text-self { + font-size: 1rem; +} + + +.comment-edit-text { + border: 1px solid #ccc; + border-radius: $radius; +} + +.divgrow-showmore { + display: block; + border-top: 1px dashed #ccc; + text-align: center; +} + +.divgrow-showmore:hover { + border-top: 1px dashed #adadad; +} + +.directory-item .divgrow-showmore { + background-color: $comment_item_colour; +} + +/* widgets */ + +.widget { + background-color: rgba(254,254,254,.5); + border: 1px solid rgba(254,254,254,.5); + border-radius: $radius; +} + +#note-text { + border-radius: $radius; +} + +.fileas-ul { + list-style-type: none; +} + +#datebrowse-sidebar select { + border: 1px solid #ccc; + border-radius: $radius; +} + +.thing-show img { + margin: 10px; +} + +.abook-self { + background-color: #ffdddd; +} + +.abook-pending-contact, .abook-permschange { + background: orange; +} + +.online-now { + color: red; + cursor: pointer; +} + +.chat-item-photo, +.chat-item-photo-self { + border-radius: $radius; +} + +.chat-item-title, +.chat-item-title-self { + border-radius: $radius; + background-color: $item_colour; +} + +#chatMembers img { + border-radius: $radius; +} + +.menu-img-3 { + width: 3.3em; + height: 3.3em; + margin-right: 5px; + border-radius: $radius; + float: left; +} + +.menu-img-2 { + height: 2.2em; + width: 2.2em; + margin-right: 5px; + border-radius: $radius; + float: left; +} + +.menu-img-1 { + height: 1.28571429em; + width: 1.28571429em; + border-radius: $radius; +} + +.usermenu { + width: 3.75rem; +} + +#avatar { + width: 2.35rem; + height: 2.35rem; + border-radius: $radius; +} + +#nav-app-link { + padding: 0 !important; + line-height: 1.175; + white-space: nowrap; +} + +.page-title { + margin: 7px 0px; +} + +.generic-content-wrapper-styled { + background-color: $bgcolour; + padding: 10px; + border-radius: $radius; +} + +.generic-content-wrapper { + border: 1px solid rgba(0, 0, 0, .2); + border-radius: $radius; + margin-bottom: 1.5rem; +} + +.section-title-wrapper { + padding: 7px 10px; + background-color: $item_colour; + border-top-left-radius: $radius; + border-top-right-radius: $radius; + border-bottom: 3px solid $comment_item_colour; +} + +.section-title-wrapper h2, +.section-subtitle-wrapper h3 { + margin-top: 0px; + margin-bottom: 0px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.section-subtitle-wrapper h3 { + padding: 3px; +} + +.section-subtitle-wrapper { + padding: 4px 10px; + background-color: $item_colour; + border-bottom: 3px solid $comment_item_colour; +} + +.section-content-tools-wrapper { + padding: 7px 10px; + background-color: $comment_item_colour; + border-bottom: 3px solid $comment_item_colour; +} + +.section-content-info-wrapper { + padding: 21px 10px; + color: #0c5460; + background-color: #d1ecf1; + border-bottom: 3px solid $comment_item_colour; + text-align: center; +} + +.section-content-warning-wrapper { + padding: 21px 10px; + color: #856404; + background-color: #fff3cd; + border-bottom: 3px solid $comment_item_colour; + text-align: center; +} + +.section-content-danger-wrapper { + padding: 21px 10px; + color: #721c24; + background-color: #f8d7da; + border-bottom: 3px solid $comment_item_colour; + text-align: center; +} + +.section-content-tools-wrapper .section-content-info-wrapper, +.section-content-wrapper .section-content-info-wrapper, +.section-content-tools-wrapper .section-content-warning-wrapper, +.section-content-wrapper .section-content-warning-wrapper, +.section-content-tools-wrapper .section-content-danger-wrapper, +.section-content-wrapper .section-content-danger-wrapper { + margin-bottom: 10px; + border-bottom: none; + border-radius: $radius; +} + + +.section-content-wrapper { + padding: 7px 10px; + background-color: $comment_item_colour; + border-bottom-left-radius: $radius; + border-bottom-right-radius: $radius; + word-wrap: break-word; +} + +.section-content-wrapper-np { + background-color: $comment_item_colour; + border-bottom-left-radius: $radius; + border-bottom-right-radius: $radius; + word-wrap: break-word; +} + +main.fullscreen { + left: 0px; + width: 100%; + height: 100vh; + max-width: none; +} + +main.fullscreen .generic-content-wrapper { + position: absolute; + width: 100%; + top: 0px; + left: 0px; + border-radius: 0px; + border-width: 0px; +} + +main.fullscreen .section-title-wrapper { + border-radius: 0px; + position: sticky; + top: 0; + z-index: 1020; +} + +main.fullscreen .section-content-wrapper, +main.fullscreen .section-content-wrapper-np { + border-radius: 0px; +} + +#inline-btn { + display: none; +} + +.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: $item_colour; +} + +[id^="webpage-list-item-"]:hover td, +[id^="block-list-item-"]:hover td, +[id^="layout-list-item-"]:hover td, +[id^="menu-list-item-"]:hover td, +[id^="mitem-list-item-"]:hover td { + background-color: $item_colour; +} + +#perms-tool-table .highlight:hover { + background-color: $item_colour; +} + +.notify-seen { + background-color: $item_colour; +} +/* bootstrap overrides */ + +.btn, +.form-control, +.nav-pills .nav-link, +.nav-tabs .nav-link { + border-radius: $radius; +} + +.rounded-top { + border-top-left-radius: $radius !important; + border-top-right-radius: $radius !important; +} + +blockquote { + font-size: 1rem; + font-style: italic; + border-left: 3px solid #ccc; + padding: 1em 0px 1em 1.5em; + margin: 0px; +} + +.dropdown-menu { + color: $font_colour; + font-size: 0.9rem; + border-radius: $radius; +} + +.dropdown-item { + color: $font_colour; +} + +.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 { + color: $font_colour; + background-color: $item_colour; +} + +.textcomplete-dropdown { + max-height: 300px; + max-width: 250px; + overflow: auto; +} + +.dropdown-item.active { + color: #fff; + background-color: #007bff; +} + +.bg-dark { + background-color: $nav_bg !important; +} + +.navbar { + z-index:1030; +} + +.navbar-dark .navbar-nav .nav-link, +.usermenu i { + color: $nav_icon_colour; +} + +.navbar-dark .navbar-nav .nav-link:focus, +.navbar-dark .navbar-nav .nav-link:hover, +.usermenu:focus i, +.usermenu:hover i { + color: $nav_active_icon_colour; +} + +@media screen and (max-width: 992px) { + + aside#region_1 { + border-right: 1px solid $nav_bd; + } + + main { + left: -$aside_widthpx; + width: calc( 100% + $aside_widthpx ); + } + + main.region_1-on { + left: 0px; + } + + #nav-app-link-wrapper.has_location { + min-width: 0; + flex-basis: 25%; + } + + #nav-app-link-wrapper { + margin-right: 0.5rem; + } + + #navbar-collapse-2 .navbar-app i { + font-size: 1rem; + margin-right: 0.5rem; + } + +} + +.shareable_element_text { + height: 300px; + width: 300px; +} + +.bb_observer { + color: red; +} + +.bb_observer img { + border: 3px solid red !important; +} + +.bb_rm-logo { + height: 1.3em; + width: auto; + margin-top:-3px; +} + +dl.bb-dl > dt { + /* overriding the default dl style from bootstrap, as bootstrap's + style of a bold unindented line followed by a plain unindented + line is already acheivable in bbcode without dl */ + font-weight: normal; +} +dl.dl-terms-monospace > dt { font-family: monospace; } +dl.dl-terms-bold > dt { font-weight: bold; } +dl.dl-terms-italic > dt { font-style: italic; } +dl.dl-terms-underline > dt { text-decoration: underline; } +dl.dl-terms-large > dt { font-size: 120%; } +dl.bb-dl:not(.dl-horizontal) > dd { + display: block; + margin-left: 2em; +} +dl.bb-dl > dd > li { + /* adding some indent so bullet-list items will line up better with + dl descriptions if someone wants to be impure and combine them */ + margin-left: 1em; +} + +.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 "; +} + +/* Modified original CSS to match input in Ussrbasicpub */ +.jothidden .bootstrap-tagsinput { + border: 0px solid transparent; + margin-bottom: 0px; + box-shadow: none; + display: inline-block; + border-radius: $radius; + cursor: text; + padding: 0px 10px; + width: 100%; +} + +.bootstrap-tagsinput .label { + font-size: 100%; +} + +/* Abusing theme-green is less work than makeing a new new one */ +.theme-green .back-bar .selected-bar { + background-color: #000000; + background-image: none !important; +} + + +/* Turn checkboxes into switches */ +.form-group.checkbox > div { + position: relative; width: 60px; + -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; + display:inline-block; +} + +.form-group.checkbox input { + display: none; +} + +.form-group.checkbox > div label { + display: block; overflow: hidden; cursor: pointer; + border: 1px solid #ccc; + border-radius: 12px; + margin:0px; + -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; + -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; +} + +.form-group.checkbox:hover label { + color: $link_colour; +} + +.form-group.checkbox:hover > div label { + border-color: $link_colour; +} + +.onoffswitch-inner { + display: block; width: 200%; margin-left: -100%; + -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s; + -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s; +} + +.onoffswitch-inner:before, .onoffswitch-inner:after { + display: block; float: left; width: 50%; height: 20px; padding: 0; line-height:20px; + -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; +} + +.onoffswitch-inner:before { + content: attr(data-on); + padding-right: 21px; + background-color: $item_colour; + color: $font_colour; + text-align: right; +} + +.onoffswitch-inner:after { + content: attr(data-off); + padding-left: 21px; + background-color: $item_colour; color: #ccc; + text-align: left; +} + +.onoffswitch-switch { + display: block; width: 15px; margin:4px; + background: #ccc; + border-radius: 10px; + position: absolute; top: 0; bottom: 0; right: 36px; + -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; + -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; +} + +.form-group.checkbox > div > input:checked + label .onoffswitch-inner { + margin-left: 0px; +} + +.form-group.checkbox > div > input:checked + label .onoffswitch-switch { + right: 0px; + background-color: #0275d8; +} + + +.form-group.checkbox > div > input:disabled + label .onoffswitch-switch { + background-color: red; + opacity: 0.3; + filter:alpha(opacity=30); +} + + + +.help-searchlist { + list-style-type: none; +} + +.help-searchlist a { + font-size: 130%; +} + +.embed-photo-selected-photo { + border-color: blue; + border-style: solid; + border-width: 5px; +} + +#wiki-preview img { + max-width: 100%; +} + +#ace-editor, +#editor { + border-bottom-left-radius: $radius; + border-bottom-right-radius: $radius; +} + +.sub-menu-wrapper { + padding-left: 1rem; + display: none; +} + +.sub-menu { + width: 100%; + margin-top: 0.5rem; + padding-left: 1rem; + border-left: 0.2rem solid #eee; +} + +.app-icon { + color: #777; + font-size: 80px; + text-shadow: 3px 3px 3px lightgrey; +} + +.app-detail { + text-align: center; +} + +#login-main, .rmagic-button { + max-width: 400px; + margin-top: 20px; + margin-left: auto; + margin-right: auto; +} + +#permcat-index { + margin: 10px; +} + +.cloud-container { + float: left; + width: 100px; + height: 110px; + margin: 5px; +} + +.cloud-icon-container { + width: 64px; + height: 64px; + border: 1px solid #eee; + border-radius: $radius; +} + +.cloud-icon i { + font-size: 42px; + color: #888; + margin-top: 8px; + margin-left: 6px; +} + +.cloud-icon img { + max-width: 64px; + max-height: 64px; + border-radius: $radius; +} + +.cloud-title { + width: 98px; + height: 36px; + overflow: hidden; +} + +.caption-visible { + max-height: 75%; +} + +.oneway-overlay { + position: absolute; + text-shadow: -2px 0 1px #fff, 0 2px 1px#fff, 2px 0 1px #fff, 0 -2px 1px #fff; +} + +.cover-photo-review { + margin-bottom: 10px; +} + +.hover-fx-hide { + opacity: 0; +} + +.hover-fx-show:hover .hover-fx-hide { + opacity: 1; +} diff --git a/ussrbasicpub/img/gray_and_black_diagonal_stripes_background_seamless.gif b/ussrbasicpub/img/gray_and_black_diagonal_stripes_background_seamless.gif new file mode 100644 index 0000000..615c986 Binary files /dev/null and b/ussrbasicpub/img/gray_and_black_diagonal_stripes_background_seamless.gif differ diff --git a/ussrbasicpub/img/gray_and_white_diagonal_stripes_background_seamless.gif b/ussrbasicpub/img/gray_and_white_diagonal_stripes_background_seamless.gif new file mode 100644 index 0000000..1443692 Binary files /dev/null and b/ussrbasicpub/img/gray_and_white_diagonal_stripes_background_seamless.gif differ diff --git a/ussrbasicpub/img/screenshot.png b/ussrbasicpub/img/screenshot.png new file mode 100644 index 0000000..60d7e23 Binary files /dev/null and b/ussrbasicpub/img/screenshot.png differ diff --git a/ussrbasicpub/js/redbasic.js b/ussrbasicpub/js/redbasic.js new file mode 100644 index 0000000..b8f8c34 --- /dev/null +++ b/ussrbasicpub/js/redbasic.js @@ -0,0 +1,129 @@ +/** + * ussrbasicpub theme specific JavaScript + */ + +$(document).ready(function() { + + // CSS3 calc() fallback (for unsupported browsers) + $('body').append(''); + if( $('#css3-calc').width() == 10) { + $(window).resize(function() { + if($(window).width() < 992) { + $('main').css('width', $(window).width() + $('aside').outerWidth() ); + } else { + $('main').css('width', '100%' ); + } + }); + } + $('#css3-calc').remove(); // Remove the test element + + if($(window).width() >= 992) { + $('#left_aside_wrapper, #right_aside_wrapper').stick_in_parent({ + offset_top: parseInt($('aside').css('padding-top')), + parent: 'main', + spacer: '.aside_spacer' + }); + } + + $('#expand-aside').on('click', toggleAside); + + $('section').on('click', function() { + if($('main').hasClass('region_1-on')){ + toggleAside(); + } + }); + + var left_aside_height = $('#left_aside_wrapper').height(); + + $('#left_aside_wrapper').on('click', function() { + if(left_aside_height != $('#left_aside_wrapper').height()) { + $(document.body).trigger("sticky_kit:recalc"); + left_aside_height = $('#left_aside_wrapper').height(); + } + }); + + + var right_aside_height = $('#right_aside_wrapper').height(); + + $('#right_aside_wrapper').on('click', function() { + if(right_aside_height != $('#right_aside_wrapper').height()) { + $(document.body).trigger("sticky_kit:recalc"); + right_aside_height = $('#right_aside_wrapper').height(); + } + }); + + $('.usermenu').click(function() { + if($('#navbar-collapse-1, #navbar-collapse-2').hasClass('show')){ + $('#navbar-collapse-1, #navbar-collapse-2').removeClass('show'); + } + }); + + $('#menu-btn').click(function() { + if($('#navbar-collapse-1').hasClass('show')){ + $('#navbar-collapse-1').removeClass('show'); + } + }); + + $('.notifications-btn').click(function(e) { + e.preventDefault(); + e.stopPropagation(); + if($('#navbar-collapse-2').hasClass('show')){ + $('#navbar-collapse-2').removeClass('show'); + } + }); + + $("input[data-role=cat-tagsinput]").tagsinput({ + tagClass: 'badge badge-pill badge-warning text-dark' + }); + + $('a.disabled').click(function(e) { + e.preventDefault(); + e.stopPropagation(); + }); + + var doctitle = document.title; + function checkNotify() { + var notifyUpdateElem = document.getElementById('notify-update'); + if(notifyUpdateElem !== null) { + if(notifyUpdateElem.innerHTML !== "") + document.title = "(" + notifyUpdateElem.innerHTML + ") " + doctitle; + else + document.title = doctitle; + } + } + setInterval(function () {checkNotify();}, 10 * 1000); +}); + +function makeFullScreen(full) { + if(typeof full=='undefined' || full == true) { + $('main').addClass('fullscreen'); + $('header, nav, aside, #fullscreen-btn').attr('style','display:none !important'); + $('#inline-btn').show(); + } + else { + $('main').removeClass('fullscreen'); + $('header, nav, aside, #fullscreen-btn').show(); + $('#inline-btn').hide(); + $(document.body).trigger("sticky_kit:recalc"); + } +} + +function toggleAside() { + $('#expand-aside-icon').toggleClass('fa-arrow-circle-right').toggleClass('fa-arrow-circle-left'); + if($('main').hasClass('region_1-on')){ + $('html, body').css('overflow-x', ''); + $('main').removeClass('region_1-on') + $('#overlay').remove(); + $('#left_aside_wrapper').trigger("sticky_kit:detach"); + } + else { + $('html, body').css('overflow-x', 'hidden'); + $('main').addClass('region_1-on') + $('
').appendTo('section'); + $('#left_aside_wrapper').stick_in_parent({ + offset_top: $('nav').outerHeight(true) + 10, + parent: '#region_1', + spacer: '#left_aside_spacer' + }); + } +} diff --git a/ussrbasicpub/js/ussrbasicpub.js b/ussrbasicpub/js/ussrbasicpub.js new file mode 100644 index 0000000..b8f8c34 --- /dev/null +++ b/ussrbasicpub/js/ussrbasicpub.js @@ -0,0 +1,129 @@ +/** + * ussrbasicpub theme specific JavaScript + */ + +$(document).ready(function() { + + // CSS3 calc() fallback (for unsupported browsers) + $('body').append(''); + if( $('#css3-calc').width() == 10) { + $(window).resize(function() { + if($(window).width() < 992) { + $('main').css('width', $(window).width() + $('aside').outerWidth() ); + } else { + $('main').css('width', '100%' ); + } + }); + } + $('#css3-calc').remove(); // Remove the test element + + if($(window).width() >= 992) { + $('#left_aside_wrapper, #right_aside_wrapper').stick_in_parent({ + offset_top: parseInt($('aside').css('padding-top')), + parent: 'main', + spacer: '.aside_spacer' + }); + } + + $('#expand-aside').on('click', toggleAside); + + $('section').on('click', function() { + if($('main').hasClass('region_1-on')){ + toggleAside(); + } + }); + + var left_aside_height = $('#left_aside_wrapper').height(); + + $('#left_aside_wrapper').on('click', function() { + if(left_aside_height != $('#left_aside_wrapper').height()) { + $(document.body).trigger("sticky_kit:recalc"); + left_aside_height = $('#left_aside_wrapper').height(); + } + }); + + + var right_aside_height = $('#right_aside_wrapper').height(); + + $('#right_aside_wrapper').on('click', function() { + if(right_aside_height != $('#right_aside_wrapper').height()) { + $(document.body).trigger("sticky_kit:recalc"); + right_aside_height = $('#right_aside_wrapper').height(); + } + }); + + $('.usermenu').click(function() { + if($('#navbar-collapse-1, #navbar-collapse-2').hasClass('show')){ + $('#navbar-collapse-1, #navbar-collapse-2').removeClass('show'); + } + }); + + $('#menu-btn').click(function() { + if($('#navbar-collapse-1').hasClass('show')){ + $('#navbar-collapse-1').removeClass('show'); + } + }); + + $('.notifications-btn').click(function(e) { + e.preventDefault(); + e.stopPropagation(); + if($('#navbar-collapse-2').hasClass('show')){ + $('#navbar-collapse-2').removeClass('show'); + } + }); + + $("input[data-role=cat-tagsinput]").tagsinput({ + tagClass: 'badge badge-pill badge-warning text-dark' + }); + + $('a.disabled').click(function(e) { + e.preventDefault(); + e.stopPropagation(); + }); + + var doctitle = document.title; + function checkNotify() { + var notifyUpdateElem = document.getElementById('notify-update'); + if(notifyUpdateElem !== null) { + if(notifyUpdateElem.innerHTML !== "") + document.title = "(" + notifyUpdateElem.innerHTML + ") " + doctitle; + else + document.title = doctitle; + } + } + setInterval(function () {checkNotify();}, 10 * 1000); +}); + +function makeFullScreen(full) { + if(typeof full=='undefined' || full == true) { + $('main').addClass('fullscreen'); + $('header, nav, aside, #fullscreen-btn').attr('style','display:none !important'); + $('#inline-btn').show(); + } + else { + $('main').removeClass('fullscreen'); + $('header, nav, aside, #fullscreen-btn').show(); + $('#inline-btn').hide(); + $(document.body).trigger("sticky_kit:recalc"); + } +} + +function toggleAside() { + $('#expand-aside-icon').toggleClass('fa-arrow-circle-right').toggleClass('fa-arrow-circle-left'); + if($('main').hasClass('region_1-on')){ + $('html, body').css('overflow-x', ''); + $('main').removeClass('region_1-on') + $('#overlay').remove(); + $('#left_aside_wrapper').trigger("sticky_kit:detach"); + } + else { + $('html, body').css('overflow-x', 'hidden'); + $('main').addClass('region_1-on') + $('
').appendTo('section'); + $('#left_aside_wrapper').stick_in_parent({ + offset_top: $('nav').outerHeight(true) + 10, + parent: '#region_1', + spacer: '#left_aside_spacer' + }); + } +} diff --git a/ussrbasicpub/php/config.php b/ussrbasicpub/php/config.php new file mode 100644 index 0000000..c2ed9e0 --- /dev/null +++ b/ussrbasicpub/php/config.php @@ -0,0 +1,128 @@ +form($arr); + } + + function post() { + if(!local_channel()) { + return; + } + + if (isset($_POST['ussrbasicpub-settings-submit'])) { + set_pconfig(local_channel(), 'ussrbasicpub', 'narrow_navbar', $_POST['ussrbasicpub_narrow_navbar']); + set_pconfig(local_channel(), 'ussrbasicpub', 'nav_bg', $_POST['ussrbasicpub_nav_bg']); + set_pconfig(local_channel(), 'ussrbasicpub', 'nav_icon_colour', $_POST['ussrbasicpub_nav_icon_colour']); + set_pconfig(local_channel(), 'ussrbasicpub', 'nav_active_icon_colour', $_POST['ussrbasicpub_nav_active_icon_colour']); + set_pconfig(local_channel(), 'ussrbasicpub', 'link_colour', $_POST['ussrbasicpub_link_colour']); + set_pconfig(local_channel(), 'ussrbasicpub', 'background_colour', $_POST['ussrbasicpub_background_colour']); + set_pconfig(local_channel(), 'ussrbasicpub', 'banner_colour', $_POST['ussrbasicpub_banner_colour']); + set_pconfig(local_channel(), 'ussrbasicpub', 'background_image', $_POST['ussrbasicpub_background_image']); + set_pconfig(local_channel(), 'ussrbasicpub', 'item_colour', $_POST['ussrbasicpub_item_colour']); + set_pconfig(local_channel(), 'ussrbasicpub', 'comment_item_colour', $_POST['ussrbasicpub_comment_item_colour']); + set_pconfig(local_channel(), 'ussrbasicpub', 'font_size', $_POST['ussrbasicpub_font_size']); + set_pconfig(local_channel(), 'ussrbasicpub', 'font_colour', $_POST['ussrbasicpub_font_colour']); + set_pconfig(local_channel(), 'ussrbasicpub', 'radius', $_POST['ussrbasicpub_radius']); + set_pconfig(local_channel(), 'ussrbasicpub', 'photo_shadow', $_POST['ussrbasicpub_shadow']); + set_pconfig(local_channel(), 'ussrbasicpub', 'converse_width', $_POST['ussrbasicpub_converse_width']); + set_pconfig(local_channel(), 'ussrbasicpub', 'top_photo', $_POST['ussrbasicpub_top_photo']); + set_pconfig(local_channel(), 'ussrbasicpub', 'reply_photo', $_POST['ussrbasicpub_reply_photo']); + set_pconfig(local_channel(), 'ussrbasicpub', 'advanced_theming', $_POST['ussrbasicpub_advanced_theming']); + } + } + + function form($arr) { + + if(get_pconfig(local_channel(), 'ussrbasicpub', 'advanced_theming')) + $expert = 1; + + $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"), + '$narrow_navbar' => array('ussrbasicpub_narrow_navbar',t('Narrow navbar'),$arr['narrow_navbar'], '', array(t('No'),t('Yes'))), + '$nav_bg' => array('ussrbasicpub_nav_bg', t('Navigation bar background color'), $arr['nav_bg']), + '$nav_icon_colour' => array('ussrbasicpub_nav_icon_colour', t('Navigation bar icon color '), $arr['nav_icon_colour']), + '$nav_active_icon_colour' => array('ussrbasicpub_nav_active_icon_colour', t('Navigation bar active icon color '), $arr['nav_active_icon_colour']), + '$link_colour' => array('ussrbasicpub_link_colour', t('Link color'), $arr['link_colour'], '', $link_colours), + '$banner_colour' => array('ussrbasicpub_banner_colour', t('Set font-color for banner'), $arr['banner_colour']), + '$bgcolour' => array('ussrbasicpub_background_colour', t('Set the background color'), $arr['bgcolour']), + '$background_image' => array('ussrbasicpub_background_image', t('Set the background image'), $arr['background_image']), + '$item_colour' => array('ussrbasicpub_item_colour', t('Set the background color of items'), $arr['item_colour']), + '$comment_item_colour' => array('ussrbasicpub_comment_item_colour', t('Set the background color of comments'), $arr['comment_item_colour']), + '$font_size' => array('ussrbasicpub_font_size', t('Set font-size for the entire application'), $arr['font_size'], t('Examples: 1rem, 100%, 16px')), + '$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')), + '$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')), + '$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']), + '$advanced_theming' => ['ussrbasicpub_advanced_theming', t('Show advanced settings'), $arr['advanced_theming'], '', [t('No'), t('Yes')]] + )); + + return $o; + } + +} + + + + + + diff --git a/ussrbasicpub/php/style.php b/ussrbasicpub/php/style.php new file mode 100644 index 0000000..2612efc --- /dev/null +++ b/ussrbasicpub/php/style.php @@ -0,0 +1,163 @@ + $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, + '$background_image' => $background_image, + '$item_colour' => $item_colour, + '$comment_item_colour' => $comment_item_colour, + '$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, + '$aside_width' => $aside_width + ); + + echo str_replace(array_keys($options), array_values($options), $x); + +} + +// 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') + set_pconfig(local_channel(), 'ussrbasicpub', 'schema', '---'); diff --git a/ussrbasicpub/php/theme.php b/ussrbasicpub/php/theme.php new file mode 100644 index 0000000..63a2e58 --- /dev/null +++ b/ussrbasicpub/php/theme.php @@ -0,0 +1,16 @@ + input { + background-color: #D9534F !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; +} +a.text-dark:focus, a.text-dark:hover { + color: #ddd !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; +} diff --git a/ussrbasicpub/schema/dark.php b/ussrbasicpub/schema/dark.php new file mode 100644 index 0000000..af4b122 --- /dev/null +++ b/ussrbasicpub/schema/dark.php @@ -0,0 +1,41 @@ +li>a{ + color: #000; +} + +nav .dropdown-menu>li>a:hover,nav .dropdown-menu>li>a:focus{ + color: #000; + background-color: #F5F5F5; + background-image: none; +} + +nav .dropdown-menu .divider{ + background-color: #F5F5F5; +} + +nav .dropdown-menu>li>a:hover,nav .dropdown-menu>li>a:focus{ + color: #000; + background-color: #F5F5F5; + background-image: none; +} + +nav .dropdown-menu { + background-color: #fff; +} + +a.rateme, div.rateme { + border: 1px solid #fff; +} + +#nav-search-text { + background-color: #F5F5F5; +} + +.autocomplete .selected { + background: #F5F5F5; +} + +.nav-tabs{ + border-bottom:1px solid #000; +} + +.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{ + border:1px solid #000; +} + +.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus { + color: #000; + background-color: #fff; +} + +.nav-tabs.nav-justified > li > a { + color: #000; +} + +.nav-tabs > li > a:hover, .nav-tabs > li > a:focus { + text-decoration: underline; + background-color: #fff; + color: #000; +} + +aside .nav > li > a:hover, aside .nav > li > a:focus { + text-decoration: underline; + background-color: #F5F5F5; +} + +.list-group-item { + background-color: #F5F5F5; +} + +a, a:visited, a:link, .fakelink, .fakelink:visited, .fakelink:link { + font-weight: bold; +} + +.group-selected, .fileas-selected, .categories-selected, .search-selected, a.active { + color: #000 !important; + text-decoration: underline !important; +} + +.generic-content-wrapper-styled { + background-color: rgba(255,255,255,0.8); +} + +.autocomplete { + background: #fff; +} + +blockquote { + background-color: #fff; + border-left: 3px solid #000; + color: #111; +} + +code { + border: 1px solid #000; + background: #fff; + color: #000; +} + +pre { + background: #fff; + color: #111; + border:1px solid #000; +} + +.notif-item a { + color: #000; +} + +.notif-item a:hover { + color: #000; +} + +.dropdown-menu { + background-color: #fff; +} + +.dropdown-menu >li > a { + color: #000; +} + +.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { + color: #000; + background-color: #F5F5F5; + background-image: none; +} + +.open .dropdown-toggle.btn-default { + color: #000; + background-color: #fff; + border-color: #fff; +} + +.preview { + background: url('../img/gray_and_white_diagonal_stripes_background_seamless.gif'); +} + +@media (min-width: 768px) { + .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid #000; + } +} + +#profile-jot-wrapper { + background-color: inherit; + border: none; +} + +.nav-tabs.nav-justified { + background-color: inherit; + border: none; +} + +.help-content { + border-bottom: #000 thin solid; +} + +.help-content-open { + -moz-box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; +} + + +.contextual-help-content-open { + background: #FFF; +} + +.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: #F5F5F5; +} + +.widget-nav-pills-checkbox:hover + a { + background-color: #F5F5F5; +} + diff --git a/ussrbasicpub/schema/simple_black_on_white_(unmaintained,deprecated).php b/ussrbasicpub/schema/simple_black_on_white_(unmaintained,deprecated).php new file mode 100644 index 0000000..554e832 --- /dev/null +++ b/ussrbasicpub/schema/simple_black_on_white_(unmaintained,deprecated).php @@ -0,0 +1,42 @@ +li>a { + color: #50f148; +} + +nav .dropdown-menu>li>a:hover,nav .dropdown-menu>li>a:focus { + color: #50f148; + background-color: #143D12; + background-image: none; +} + + +nav .dropdown-menu .divider { + background-color: #143D12; +} + +nav .dropdown-menu>li>a:hover,nav .dropdown-menu>li>a:focus { + color: #50f148; + background-color: #143D12; + background-image: none; +} + +nav .dropdown-menu { + background-color: #000; +} + +.rconnect { + color: #50f148; +} + +a.rateme, div.rateme { + color: #50f148; + border: 1px solid #000; +} + +a.rconnect, a.rateme, div.rateme { + color: #50f148; +} + +.navbar-inverse .navbar-nav > .open > a, +.navbar-inverse .navbar-nav > .open > a:hover, +.navbar-inverse .navbar-nav > .open > a:focus { + color: #50f148; +} + +#nav-search-text { + background-color: #000; +} + +.autocomplete .selected { + background: #000; +} + +.nav-tabs{ + border-bottom:1px solid #143D12; +} + +.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{ + border:1px solid #143D12; +} + +.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus { + color: #46D43F; + background-color: #000; +} + +.nav-tabs.nav-justified > li > a { + color: #50f148; +} + +.nav-tabs > li > a:hover, .nav-tabs > li > a:focus { + text-decoration: underline; + background-color: #000; + color: #50f148; + border-color: #143D12; +} + +aside .nav > li > a:hover, aside .nav > li > a:focus { + text-decoration: underline; + background-color: #143D12; +} + +.list-group-item { + background-color: #143D12; +} + +a, a:visited, a:link, .fakelink, .fakelink:visited, .fakelink:link { + font-weight: bold; +} + +.group-selected, .fileas-selected, .categories-selected, .search-selected, a.active { + color: #50f148 !important; + text-decoration: underline !important; +} + +.generic-content-wrapper-styled { + background-color: rgba(0,0,0,0.8); +} + +.autocomplete { + background: #000; +} + +blockquote { + background-color: #000; + border-left: 3px solid #143D12; + color: #32962D; +} + +code { + border: 1px solid #143D12; + background: #000; + color: #32962D; +} + +pre { + background: #000; + color: #32962D; + border:1px solid #143D12; +} + +.notif-item a { + color: #50f148; +} + +.notif-item a:hover { + color: #50f148; +} + +.dropdown-menu { + background-color: #000; +} + +.dropdown-menu >li > a { + color: #32962D; +} + +.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { + color: #50f148; + background-color: #143D12; + background-image: none; +} + +.open .dropdown-toggle.btn-default, .open .dropdown-toggle.btn-default:focus { + color: #50f148; + background-color: #000; + border-color: #143D12; +} + +.preview { + background: url('../img/gray_and_black_diagonal_stripes_background_seamless.gif'); +} + + +@media (min-width: 768px) { + .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid #143D12; + } +} + +#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) { + background-color: #000; +} + +.table-hover > tbody > tr:hover { + background-color: #143D12; +} + +.table > tbody > tr > td { + border-color: #143D12; +} + +.help-content { + border-bottom: #143D12 thin solid; +} + +.help-content-open { + -moz-box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +.contextual-help-content-open { + background: $nav_bg; + border-bottom: #1C5419 1px solid; + box-shadow: 0px 3px 3px rgba(28,84,25,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: #143D12; +} + +.widget-nav-pills-checkbox:hover + a { + background-color: #143D12; +} diff --git a/ussrbasicpub/schema/simple_green_on_black_(unmaintained,deprecated).php b/ussrbasicpub/schema/simple_green_on_black_(unmaintained,deprecated).php new file mode 100644 index 0000000..8192180 --- /dev/null +++ b/ussrbasicpub/schema/simple_green_on_black_(unmaintained,deprecated).php @@ -0,0 +1,38 @@ +li>a{ + color: #fff; +} + +nav .dropdown-menu>li>a:hover,nav .dropdown-menu>li>a:focus{ + color: #fff; + background-color: #030303; + background-image: none; +} + +nav .dropdown-menu .divider{ + background-color: #030303; +} + +nav .dropdown-menu>li>a:hover,nav .dropdown-menu>li>a:focus{ + color: #fff; + background-color: #030303; + background-image: none; +} + +nav .dropdown-menu { + background-color: #000; +} + +a.rateme, div.rateme { + border: 1px solid #000; +} + +#nav-search-text { + background-color: #000; +} + +.autocomplete .selected { + background: #000; +} + +.nav-tabs{ + border-bottom:1px solid #fff; +} + +.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{ + border:1px solid #fff; +} + +.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus { + color: #fff; + background-color: #000; +} + +.nav-tabs.nav-justified > li > a { + color: #fff; +} + +.nav-tabs > li > a:hover, .nav-tabs > li > a:focus { + text-decoration: underline; + background-color: #000; + color: #fff; +} + +aside .nav > li > a:hover, aside .nav > li > a:focus { + text-decoration: underline; + background-color: #030303; +} + +.list-group-item { + background-color: #030303; +} + +a, a:visited, a:link, .fakelink, .fakelink:visited, .fakelink:link { + font-weight: bold; +} + +.group-selected, .fileas-selected, .categories-selected, .search-selected, a.active { + color: #fff !important; + text-decoration: underline !important; +} + +.generic-content-wrapper-styled { + background-color: rgba(0,0,0,0.8); +} + +.autocomplete { + background: #000; +} + +blockquote { + background-color: #000; + border-left: 3px solid #fff; + color: #eee; +} + +code { + border: 1px solid #eee; + background: #000; + color: #eee; +} + +pre { + background: #000; + color: #eee; + border:1px solid #fff; +} + +.notif-item a { + color: #fff; +} + +.notif-item a:hover { + color: #fff; +} + +.dropdown-menu { + background-color: #000; +} + +.dropdown-menu >li > a { + color: #fff; +} + +.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { + color: #fff; + background-color: #030303; + background-image: none; +} + +.open .dropdown-toggle.btn-default, .open .dropdown-toggle.btn-default:focus { + color: #fff; + background-color: #000; + border-color: #fff; +} + +.preview { + background: url('../img/gray_and_black_diagonal_stripes_background_seamless.gif'); +} + +@media (min-width: 768px) { + .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid #fff; + } +} + +#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: #030303; +} + +.table > tbody > tr > td { + border-color: #FFF; +} + +.help-content { + border-bottom: #FFF thin solid; +} + +.help-content-open { + -moz-box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +.contextual-help-content-open { + background: $nav_bg; + border-bottom: #FFF 1px solid; + box-shadow: 0px 3px 3px rgba(255,255,255,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: #030303; +} + +.widget-nav-pills-checkbox:hover + a { + background-color: #030303; +} + diff --git a/ussrbasicpub/schema/simple_white_on_black_(unmaintained,deprecated).php b/ussrbasicpub/schema/simple_white_on_black_(unmaintained,deprecated).php new file mode 100644 index 0000000..b64f60b --- /dev/null +++ b/ussrbasicpub/schema/simple_white_on_black_(unmaintained,deprecated).php @@ -0,0 +1,38 @@ + + $(function(){ + $('#id_ussrbasicpub_nav_bg, #id_ussrbasicpub_nav_icon_colour, #id_ussrbasicpub_nav_active_icon_colour, #id_ussrbasicpub_banner_colour').colorpicker({format: 'rgba'}); + $('#id_ussrbasicpub_link_colour,#id_ussrbasicpub_background_colour').colorpicker(); + $('#id_ussrbasicpub_toolicon_colour,#id_ussrbasicpub_toolicon_activecolour,#id_ussrbasicpub_font_colour').colorpicker(); + $('#id_ussrbasicpub_item_colour,#id_ussrbasicpub_comment_item_colour,#id_ussrbasicpub_comment_border_colour').colorpicker({format: 'rgba'}); + }); + +{{/if}} +
+ +