*/
.icon:before {
- font-family: ForkAwesome;
- font-weight: normal;
- font-style: normal;
- display: inline-block;
- text-decoration: inherit;
- vertical-align: top;
- font-size: 1.4em;
+ font-family: ForkAwesome;
+ font-weight: normal;
+ font-style: normal;
+ display: inline-block;
+ text-decoration: inherit;
+ vertical-align: top;
+ font-size: 1.4em;
}
/* media icons */
-.icon.type-image:before { content: "\f1c5"; }
-.icon.type-video:before { content: "\f1c8"; }
-.icon.type-audio:before { content: "\f1c7"; }
-.icon.type-text:before { content: "\f0f6"; }
-.icon.type-application:before { content: "\f016"; }
-.icon.type-unkn:before { content: "\f016"; }
+.icon.type-image:before {
+ content: "\f1c5";
+}
+.icon.type-video:before {
+ content: "\f1c8";
+}
+.icon.type-audio:before {
+ content: "\f1c7";
+}
+.icon.type-text:before {
+ content: "\f0f6";
+}
+.icon.type-application:before {
+ content: "\f016";
+}
+.icon.type-unkn:before {
+ content: "\f016";
+}
-
.hovercard {
position: absolute;
top: 0;
text-decoration: none !important;
}
-
/* Basic hovercard */
.basic-content {
padding: 9px;
.hover-card-header h4 {
display: block;
-
}
.hover-card-header h4 a {
-#adminpage.adminpage > h1 { padding: 0 15px; }
+#adminpage.adminpage > h1 {
+ padding: 0 15px;
+}
-#users th:first-of-type { width: 1em; }
-#users th:nth-of-type(2) { width: 40px; }
-#users th:last-of-type { width: 1em; }
-.admin-settings-footer-elements { padding-left: 8px; padding-right: 8px; }
+#users th:first-of-type {
+ width: 1em;
+}
+#users th:nth-of-type(2) {
+ width: 40px;
+}
+#users th:last-of-type {
+ width: 1em;
+}
+.admin-settings-footer-elements {
+ padding-left: 8px;
+ padding-right: 8px;
+}
-#deleted th:first-of-type { width: 40px; }
+#deleted th:first-of-type {
+ width: 40px;
+}
#users img.avatar-nano,
#deleted img.avatar-nano {
- height: 24px; width: 24px;
+ height: 24px;
+ width: 24px;
+}
+.opened .caret {
+ transform: rotate(180deg);
}
-.opened .caret { transform: rotate(180deg); }
tr.details td,
tr.details th {
- border-top: 0!important;
+ border-top: 0 !important;
}
.adminpage td > .checkbox,
.adminpage th > .checkbox {
margin: 0;
}
-.adminpage td { word-break: break-all; }
\ No newline at end of file
+.adminpage td {
+ word-break: break-all;
+}
*/
body {
- padding-top: 110px;
- background-color: $background_color;
- background-image: url("$background_image");
- background-size: $background_size_img;
- background-repeat: $background_repeat;
- background-attachment: fixed;
- color: $font_color;
- font-family: 'Open Sans',sans-serif;
+ padding-top: 110px;
+ background-color: $background_color;
+ background-image: url("$background_image");
+ background-size: $background_size_img;
+ background-repeat: $background_repeat;
+ background-attachment: fixed;
+ color: $font_color;
+ font-family: "Open Sans", sans-serif;
}
body.minimal {
- padding: 15px;
+ padding: 15px;
}
body a {
- color: $link_color;
- text-decoration: none;
+ color: $link_color;
+ text-decoration: none;
}
/* Anchors incorrectly display with a fixed top menu. This global rule offsets all
* anchors so that accessing them with a # link will actually scroll the associated
* anchor.top should be the opposite of body.padding-top
*/
body a[name]:not([href]) {
- display: block;
- position: relative;
- top: -110px;
- visibility: hidden;
-}
-
-body a:hover, .btn-link:hover,
-body a:focus, .btn-link:focus,
-body a:active, .btn-link:active,
-body a.active, .btn-link.active {
- color: $link_hover_color;
- outline-color: $link_hover_color;;
- text-decoration: none;
+ display: block;
+ position: relative;
+ top: -110px;
+ visibility: hidden;
+}
+
+body a:hover,
+.btn-link:hover,
+body a:focus,
+.btn-link:focus,
+body a:active,
+.btn-link:active,
+body a.active,
+.btn-link.active {
+ color: $link_hover_color;
+ outline-color: $link_hover_color;
+ text-decoration: none;
}
.wall-item-container a:hover {
- text-decoration: underline;
+ text-decoration: underline;
}
hr {
- margin-top: 10px;
- margin-bottom: 10px;
+ margin-top: 10px;
+ margin-bottom: 10px;
}
aside hr,
section hr {
- border-color: rgba(238, 238, 238, $contentbg_transp);
+ border-color: rgba(238, 238, 238, $contentbg_transp);
}
-iframe, img, video {
- max-width: 100%;
+iframe,
+img,
+video {
+ max-width: 100%;
}
blockquote {
- font-size: inherit;
+ font-size: inherit;
}
.clear {
- clear: both;
+ clear: both;
}
.no-padding {
- padding: 0;
+ padding: 0;
}
.fakelink {
- cursor: pointer;
+ cursor: pointer;
}
.hidden {
- display: none !important;
+ display: none !important;
}
.minimize {
- max-height: 0px !important;
- overflow: hidden !important;
+ max-height: 0px !important;
+ overflow: hidden !important;
}
/**
* mobile aside
*/
@media screen and (max-width: 990px) {
- body {
- padding-top: 105px;
- }
- aside{
- position: fixed!important;
- top: 0!important;
- background-color: $background_color;
- width: 100%;
- max-width: 300px;
- height: 100%;
- padding-top: 100px;
- z-index: 10;
- overflow: auto;
- padding-left: 6px!important;
- padding-right: 6px!important;
- }
- aside::before {
- content: " ";
- position: fixed;
- display: block;
- top: 0; left: 300px; right: 0; bottom: 0;
- background-color: rgba(0,0,0,0.4);
- opacity: 0;
- transition: opacity 0.5s;
- }
- aside.canvas-slid::before {
- opacity: 1;
- }
-
- /* prevent page scroll when the aside is opened **/
- body.aside-out { overflow: hidden; }
+ body {
+ padding-top: 105px;
+ }
+ aside {
+ position: fixed !important;
+ top: 0 !important;
+ background-color: $background_color;
+ width: 100%;
+ max-width: 300px;
+ height: 100%;
+ padding-top: 100px;
+ z-index: 10;
+ overflow: auto;
+ padding-left: 6px !important;
+ padding-right: 6px !important;
+ }
+ aside::before {
+ content: " ";
+ position: fixed;
+ display: block;
+ top: 0;
+ left: 300px;
+ right: 0;
+ bottom: 0;
+ background-color: rgba(0, 0, 0, 0.4);
+ opacity: 0;
+ transition: opacity 0.5s;
+ }
+ aside.canvas-slid::before {
+ opacity: 1;
+ }
+
+ /* prevent page scroll when the aside is opened **/
+ body.aside-out {
+ overflow: hidden;
+ }
}
/*
* standard page elements
*/
#back-to-top {
- display: none;
- cursor: pointer;
- color: $nav_icon_color;
- position: fixed;
- z-index: 49;
- right: 20px;
- bottom: 20px;
- opacity: 1;
- font-size: 2.9em;
- padding: 0 12px 0 12px;
- border-radius: 10px;
- background-color: $nav_bg;
- line-height: 1.5;
+ display: none;
+ cursor: pointer;
+ color: $nav_icon_color;
+ position: fixed;
+ z-index: 49;
+ right: 20px;
+ bottom: 20px;
+ opacity: 1;
+ font-size: 2.9em;
+ padding: 0 12px 0 12px;
+ border-radius: 10px;
+ background-color: $nav_bg;
+ line-height: 1.5;
}
#item-delete-selected {
- cursor: pointer;
- color: white;
- position: fixed;
- z-index: 49;
- right: 20px;
- top: 100px;
- opacity: 0.8;
- font-size: 2.9em;
- padding: 0 12px 0 12px;
- border-radius: 10px;
- background-color: $link_color;
- line-height: 1.5;
- display: none;
+ cursor: pointer;
+ color: white;
+ position: fixed;
+ z-index: 49;
+ right: 20px;
+ top: 100px;
+ opacity: 0.8;
+ font-size: 2.9em;
+ padding: 0 12px 0 12px;
+ border-radius: 10px;
+ background-color: $link_color;
+ line-height: 1.5;
+ display: none;
}
#toggle_mobile_link {
- display: none;
+ display: none;
}
/*
* Overwriting and Extend Bootstrap
*/
-.label, .label a {
- color: #fff;
+.label,
+.label a {
+ color: #fff;
}
/* Buttons */
.btn {
- float: none;
- border: none;
- -webkit-box-shadow: none;
- box-shadow: none;
- -moz-box-shadow: none;
- background-image: none;
- text-shadow: none;
- border-radius: 3px;
- margin-bottom: 0;
- font-size: 14px;
- font-weight: 600;
- padding: 8px 16px;
- color: inherit;
+ float: none;
+ border: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ -moz-box-shadow: none;
+ background-image: none;
+ text-shadow: none;
+ border-radius: 3px;
+ margin-bottom: 0;
+ font-size: 14px;
+ font-weight: 600;
+ padding: 8px 16px;
+ color: inherit;
}
.btn:focus {
outline-color: $link_hover_color;
}
.btn-default {
- background: #ededed;
- color: $font_color;
+ background: #ededed;
+ color: $font_color;
}
.btn-sm {
- padding: 4px 8px;
- font-size: 12px;
+ padding: 4px 8px;
+ font-size: 12px;
}
.btn-small {
- padding: 6px 10px;
- font-size: 12px;
- line-height: 1.5;
- border-radius: 3px;
+ padding: 6px 10px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 3px;
}
.btn-xs {
- padding: 1px 5px;
- font-size: 12px;
+ padding: 1px 5px;
+ font-size: 12px;
}
.btn.btn-danger {
- color: #FFFFFF;
- background-color: #AE0F0F;
+ color: #ffffff;
+ background-color: #ae0f0f;
}
.btn.btn-primary {
- background: $nav_bg;
- color: $btn_primary_color;
-}
-.btn.btn-primary:hover, .btn.btn-primary:focus {
+ background: $nav_bg;
color: $btn_primary_color;
- background: $btn_primary_hover_color;
- text-decoration: none;
-}
-.btn.btn-primary:active, .btn.btn-primary.active {
- background: $btn_primary_hover_color;
}
-
-.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover,
-.btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover,
-.open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus,
-.open>.dropdown-toggle.btn-primary:hover,.btn-primary.active, .btn-primary:active,
-.open>.dropdown-toggle.btn-primary {
- background: $btn_primary_hover_color;
- border-color: none;
+.btn.btn-primary:hover,
+.btn.btn-primary:focus {
+ color: $btn_primary_color;
+ background: $btn_primary_hover_color;
+ text-decoration: none;
+}
+.btn.btn-primary:active,
+.btn.btn-primary.active {
+ background: $btn_primary_hover_color;
+}
+
+.btn-primary.active.focus,
+.btn-primary.active:focus,
+.btn-primary.active:hover,
+.btn-primary:active.focus,
+.btn-primary:active:focus,
+.btn-primary:active:hover,
+.open > .dropdown-toggle.btn-primary.focus,
+.open > .dropdown-toggle.btn-primary:focus,
+.open > .dropdown-toggle.btn-primary:hover,
+.btn-primary.active,
+.btn-primary:active,
+.open > .dropdown-toggle.btn-primary {
+ background: $btn_primary_hover_color;
+ border-color: none;
}
.btn-link {
- border: 0;
- color: $link_color;
- padding-left: 0;
- padding-right: 0;
+ border: 0;
+ color: $link_color;
+ padding-left: 0;
+ padding-right: 0;
}
.btn-clear,
.btn-clear:active {
- border: 0;
- background: transparent;
- box-shadow: none;
+ border: 0;
+ background: transparent;
+ box-shadow: none;
}
-.btn-eventnav, btn-eventnav:hover {
- font-size: 16px;
- background: none;
- background-color: transparent;
- padding: 0 14px;
+.btn-eventnav,
+btn-eventnav:hover {
+ font-size: 16px;
+ background: none;
+ background-color: transparent;
+ padding: 0 14px;
}
.btn-separator {
- border-left: 1px solid #777;
+ border-left: 1px solid #777;
}
.toggle.btn {
- border: 1px solid transparent;
+ border: 1px solid transparent;
}
.toggle.btn-xs {
- min-width: 45px;
+ min-width: 45px;
}
.toggle.off {
- border-color: #ccc;
+ border-color: #ccc;
}
.toggle .toggle-off,
.toggle .toggle-off:hover {
- color: #ccc;
- background-color: #eee;
- box-shadow: none;
+ color: #ccc;
+ background-color: #eee;
+ box-shadow: none;
}
.toggle.off .toggle-handle {
- background-color: #eee;
+ background-color: #eee;
}
.toggle-handle {
- background-color: #fff;
- border-width: 0 1px;
- border: 1px solid transparent;
- border-color: #ccc;
-}
-.form-control-sm, .input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn {
- padding: .275rem .75rem;
- line-height: 1.5;
- height: 30px;
- border-radius: .2rem;
+ background-color: #fff;
+ border-width: 0 1px;
+ border: 1px solid transparent;
+ border-color: #ccc;
+}
+.form-control-sm,
+.input-group-sm > .form-control,
+.input-group-sm > .input-group-addon,
+.input-group-sm > .input-group-btn > .btn {
+ padding: 0.275rem 0.75rem;
+ line-height: 1.5;
+ height: 30px;
+ border-radius: 0.2rem;
}
/* Bootstrap media class fix/hack
* This is a test. I thought it does have some
* once more
* https://github.com/twbs/bootstrap/issues/6053
*/
-.media, .media-body {
- overflow: visible;
+.media,
+.media-body {
+ overflow: visible;
}
.media .media-body {
- display: table-cell;
- width: 10000px;
- *width: auto;
- *zoom: 1;
+ display: table-cell;
+ width: 10000px;
+ *width: auto;
+ *zoom: 1;
}
-.media:before, .media:after {
- content: "";
- display: table;
+.media:before,
+.media:after {
+ content: "";
+ display: table;
}
.media:after {
- clear: both;
+ clear: both;
}
/* Badges */
.badge {
- vertical-align: baseline;
- background-color: $link_color;
- border-radius: 4px;
- z-index: 1;
+ vertical-align: baseline;
+ background-color: $link_color;
+ border-radius: 4px;
+ z-index: 1;
}
aside .badge {
- opacity: 0.7;
+ opacity: 0.7;
}
/* disabled elements */
-.community-content-wrapper > h3, .network-content-wrapper > .section-title-wrapper {
- display:none;
+.community-content-wrapper > h3,
+.network-content-wrapper > .section-title-wrapper {
+ display: none;
}
header #site-location {
- display: none;
+ display: none;
}
header #banner {
- position: fixed;
- top: 0px;
- left:49%;
- right: 49%;
- z-index: 1040;
- margin-top: 12.5px;
- text-align: center;
- text-shadow: 1px 1px 2px rgba(0,0,0,.5);
- font-size: 14px;
- font-family: tahoma, "Lucida Sans", sans;
- color: #fff;
- font-weight: bold;
- whitespace: nowrap;
- padding-left: 55px;
+ position: fixed;
+ top: 0px;
+ left: 49%;
+ right: 49%;
+ z-index: 1040;
+ margin-top: 12.5px;
+ text-align: center;
+ text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
+ font-size: 14px;
+ font-family: tahoma, "Lucida Sans", sans;
+ color: #fff;
+ font-weight: bold;
+ whitespace: nowrap;
+ padding-left: 55px;
}
header #banner #logo-img,
.navbar-brand #logo-img {
- -webkit-mask-image: url('img/friendica-25.png');
- background-color: $nav_icon_color;
- height: 25px;
- width: 25px;
- margin-left: auto;
- margin-right: auto;
+ -webkit-mask-image: url("img/friendica-25.png");
+ background-color: $nav_icon_color;
+ height: 25px;
+ width: 25px;
+ margin-left: auto;
+ margin-right: auto;
}
#navbrand-container {
- display: flex;
+ display: flex;
}
#navbrand-container #navbar-brand-text {
- padding-left: 5px;
+ padding-left: 5px;
color: $nav_icon_color;
}
/* NavBar */
.topbar {
- position: fixed;
- display: block;
- height: 50px;
- width: 100%;
- padding-left: 15px;
- padding-right: 15px
+ position: fixed;
+ display: block;
+ height: 50px;
+ width: 100%;
+ padding-left: 15px;
+ padding-right: 15px;
}
.topbar ul.nav {
- float: left
+ float: left;
}
-.topbar ul.nav>li {
- float: left
+.topbar ul.nav > li {
+ float: left;
}
@media (min-width: 992px) {
.topbar ul.nav > li > a,
- .topbar ul.nav > li > button
- {
+ .topbar ul.nav > li > button {
padding-top: 15px;
padding-bottom: 15px;
- line-height: 20px
+ line-height: 20px;
}
}
@media (max-width: 991px) {
- .topbar ul.nav > li > a,
- .topbar ul.nav > li > button
- {
+ .topbar ul.nav > li > a,
+ .topbar ul.nav > li > button {
padding: 15px 10px;
}
}
.topbar .dropdown-footer {
- margin: 10px
+ margin: 10px;
}
.topbar .dropdown-header {
- font-size: 16px;
- padding: 3px 10px;
- margin-bottom: 10px;
- font-weight: 300;
- color: #bebebe
+ font-size: 16px;
+ padding: 3px 10px;
+ margin-bottom: 10px;
+ font-weight: 300;
+ color: #bebebe;
}
.topbar .dropdown-header .dropdown-header-link {
- position: absolute;
- top: 2px;
- right: 10px
+ position: absolute;
+ top: 2px;
+ right: 10px;
}
.topbar .dropdown-header .dropdown-header-link a,
.topbar .dropdown-header .dropdown-header-link .btn-link {
- color: $link_color !important;
- font-size: 12px;
- font-weight: 400
+ color: $link_color !important;
+ font-size: 12px;
+ font-weight: 400;
}
.topbar .dropdown-header:hover {
- color: #bebebe
+ color: #bebebe;
}
#topbar-first,
nav.navbar {
- background-color: $nav_bg;
- top: 0;
- z-index: 1030;
- color: $nav_icon_color;
+ background-color: $nav_bg;
+ top: 0;
+ z-index: 1030;
+ color: $nav_icon_color;
}
@media screen and (max-width: 767px) {
- #topbar-first,
- nav.navbar {
- padding: 0 2px;
- }
+ #topbar-first,
+ nav.navbar {
+ padding: 0 2px;
+ }
}
#topbar-first .navbar-toggle {
- margin-top: 5px;
- margin-bottom: 0;
- margin-right: 0;
+ margin-top: 5px;
+ margin-bottom: 0;
+ margin-right: 0;
}
#topbar-first .nav > li > a,
#topbar-first .nav > li > button,
nav.navbar .nav > li > a,
-nav.navbar .nav > li > button
-{
+nav.navbar .nav > li > button {
color: $nav_icon_color;
}
#topbar-first .nav > .open > a,
-#topbar-first .nav > .open > button
-{
+#topbar-first .nav > .open > button {
background-color: $nav_bg;
}
#topbar-first .nav > li > a:hover,
#topbar-first .nav > li > button:not(#main-menu):hover,
#topbar-first .nav > li > button:not(#main-menu):focus,
nav.navbar .nav > li > a:hover,
-nav.navbar .nav > li > a:focus
-nav.navbar .nav > li > button:hover,
-nav.navbar .nav > li > button:focus
-{
- background-color: $nav_icon_hover_color;
-}
-#topbar-first .nav>.account {
- height: 50px;
- margin-left: 20px
-}
-#topbar-first .nav>.account img {
- margin-left: 10px;
- height: 32px;
- width: 32px;
- border-radius: 3px;
-}
-#topbar-first .nav>.account .dropdown-toggle {
- padding: 8px 5px 0px;
- line-height: 1.1em;
- text-align: left
-}
-#topbar-first .nav>.account .dropdown-toggle span {
- font-size: 12px
+nav.navbar .nav > li > a:focus nav.navbar .nav > li > button:hover,
+nav.navbar .nav > li > button:focus {
+ background-color: $nav_icon_hover_color;
+}
+#topbar-first .nav > .account {
+ height: 50px;
+ margin-left: 20px;
+}
+#topbar-first .nav > .account img {
+ margin-left: 10px;
+ height: 32px;
+ width: 32px;
+ border-radius: 3px;
+}
+#topbar-first .nav > .account .dropdown-toggle {
+ padding: 8px 5px 0px;
+ line-height: 1.1em;
+ text-align: left;
+}
+#topbar-first .nav > .account .dropdown-toggle span {
+ font-size: 12px;
}
#topbar-first .topbar-brand {
- position: relative;
- z-index: 2
+ position: relative;
+ z-index: 2;
}
#topbar-first .topbar-actions {
- position: relative;
- z-index: 3
+ position: relative;
+ z-index: 3;
}
#topbar-first .topbar-nav {
- left: 0;
- right: 0;
- text-align: center;
- z-index: 1
+ left: 0;
+ right: 0;
+ text-align: center;
+ z-index: 1;
}
#topbar-first .topbar-nav .nav-segment {
- position: relative;
- text-align: left
+ position: relative;
+ text-align: left;
}
-#topbar-first .topbar-nav .nav-segment > a
-{
- display: inline-block;
- text-decoration: none;
- text-align: left;
+#topbar-first .topbar-nav .nav-segment > a {
+ display: inline-block;
+ text-decoration: none;
+ text-align: left;
}
#topbar-first .topbar-nav .nav-segment .nav-notification {
- position: absolute;
- top: 4px;
- right: -2px;
- background-color: #ff3535;
+ position: absolute;
+ top: 4px;
+ right: -2px;
+ background-color: #ff3535;
}
-#topbar-first #intro-update{
- cursor: pointer;
+#topbar-first #intro-update {
+ cursor: pointer;
}
#topbar-first .topbar-nav .arrow:after {
- position: absolute;
- display: block;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- border-width: 10px;
- content: " ";
- top: 1px;
- margin-left: -10px;
- border-top-width: 0;
- border-bottom-color: #fff;
- z-index: 1035
+ position: absolute;
+ display: block;
+ width: 0;
+ height: 0;
+ border-color: transparent;
+ border-style: solid;
+ border-width: 10px;
+ content: " ";
+ top: 1px;
+ margin-left: -10px;
+ border-top-width: 0;
+ border-bottom-color: #fff;
+ z-index: 1035;
}
#topbar-first .topbar-nav .arrow {
- position: absolute;
- display: block;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- z-index: 1001;
- border-width: 11px;
- left: 50%;
- margin-left: -18px;
- border-top-width: 0;
- border-bottom-color: rgba(0, 0, 0, .15);
- top: -19px;
- z-index: 1035
+ position: absolute;
+ display: block;
+ width: 0;
+ height: 0;
+ border-color: transparent;
+ border-style: solid;
+ z-index: 1001;
+ border-width: 11px;
+ left: 50%;
+ margin-left: -18px;
+ border-top-width: 0;
+ border-bottom-color: rgba(0, 0, 0, 0.15);
+ top: -19px;
+ z-index: 1035;
}
#topbar-first .topbar-nav .dropdown-menu {
- width: 350px;
- margin-left: -148px
+ width: 350px;
+ margin-left: -148px;
}
#topbar-first .topbar-nav .dropdown-menu ul.media-list {
- max-height: 400px;
- overflow: auto
+ max-height: 400px;
+ overflow: auto;
}
#topbar-first .topbar-nav .dropdown-menu li {
- position: relative
+ position: relative;
}
#topbar-first .topbar-nav .dropdown-menu li i.approval {
- position: absolute;
- left: 2px;
- top: 36px;
- font-size: 14px
+ position: absolute;
+ left: 2px;
+ top: 36px;
+ font-size: 14px;
}
#topbar-first .topbar-nav .dropdown-menu li i.accepted {
- color: #5cb85c
+ color: #5cb85c;
}
#topbar-first .topbar-nav .dropdown-menu li i.declined {
- color: #d9534f
+ color: #d9534f;
}
#topbar-first .topbar-nav .dropdown-menu li .media {
- position: relative
+ position: relative;
}
#topbar-first .topbar-nav .dropdown-menu li .media .img-space {
- position: absolute;
- top: 14px;
- left: 14px
+ position: absolute;
+ top: 14px;
+ left: 14px;
}
#topbar-first .dropdown-footer {
- margin: 10px 10px 5px
+ margin: 10px 10px 5px;
}
#topbar-first .caret {
- border-top-color: #bebebe
+ border-top-color: #bebebe;
}
-#topbar-first .btn-group>a {
- background-color: #7f9baa
+#topbar-first .btn-group > a {
+ background-color: #7f9baa;
}
#topbar-first .btn-enter {
- background-color: #7f9baa;
- margin: 6px 0
+ background-color: #7f9baa;
+ margin: 6px 0;
}
#topbar-first .btn-enter:hover {
- background-color: #89a2b0
+ background-color: #89a2b0;
}
.navbar-fixed-top ul.nav.navbar-nav.navbar-right {
- display: flex;
+ display: flex;
}
#friendica-logo-mask {
- display: block;
+ display: block;
}
-
/* Notification Menu */
#topbar-first #nav-notifications-menu {
- max-height: 400px;
+ max-height: 400px;
}
#topbar-first #nav-notifications-menu a {
- color: $font_color_darker;
- padding: 0;
+ color: $font_color_darker;
+ padding: 0;
}
#topbar-first #nav-notifications-menu li.notif-entry {
- color: $font_color_darker;
- padding: 10px;
- border-bottom: 1px solid #eee;
- position: relative;
- border-left: 3px solid #fff;
- font-size: 12px;
+ color: $font_color_darker;
+ padding: 10px;
+ border-bottom: 1px solid #eee;
+ position: relative;
+ border-left: 3px solid #fff;
+ font-size: 12px;
}
#topbar-first #nav-notifications-menu li.notification-unseen {
- border-left: 3px solid #e3eff3;
- background-color: #e3eff3;
+ border-left: 3px solid #e3eff3;
+ background-color: #e3eff3;
}
#topbar-first #nav-notifications-menu li.notif-entry:hover {
- background-color: #f7f7f7;
- border-left: 3px solid $link_color;
+ background-color: #f7f7f7;
+ border-left: 3px solid $link_color;
}
#topbar-first #nav-notifications-menu li.placeholder {
- border-bottom: none
+ border-bottom: none;
}
#topbar-first #nav-notifications-menu .media .media-body .contactname {
- font-weight: bold;
+ font-weight: bold;
}
#topbar-first #nav-notifications-menu .media .media-body .label {
- padding: .1em .5em
+ padding: 0.1em 0.5em;
}
#topbar-first #nav-notifications-menu li.notif-entry .media-object a img {
- height: 32px;
- width: 32px;
- border-radius: 3px;
+ height: 32px;
+ width: 32px;
+ border-radius: 3px;
}
/* The Top Nav Bar user menu */
#topbar-first .account .user-title {
- text-align: right;
- margin-top: 7px;
+ text-align: right;
+ margin-top: 7px;
}
#topbar-first .account .user-title span {
- color: $nav_icon_color;
+ color: $nav_icon_color;
}
#topbar-first .account #main-menu .nav-notification {
- position: absolute;
- top: 4px;
- right: -2px;
- background-color: #ff8989;
+ position: absolute;
+ top: 4px;
+ right: -2px;
+ background-color: #ff8989;
}
#myNavmenu {
- top: 50px;
- background-color: $background_color;
- border-top: 0;
- border-right: 0;
- border-bottom: 0;
- border-left-color: $nav_icon_color;
- box-shadow: 0 0 3px black;
-}
-#myNavmenu ul, #myNavmenu ul li:first-child, #myNavmenu ul, #myNavmenu ul li:last-child {
- border-radius: 0;
+ top: 50px;
+ background-color: $background_color;
+ border-top: 0;
+ border-right: 0;
+ border-bottom: 0;
+ border-left-color: $nav_icon_color;
+ box-shadow: 0 0 3px black;
+}
+#myNavmenu ul,
+#myNavmenu ul li:first-child,
+#myNavmenu ul,
+#myNavmenu ul li:last-child {
+ border-radius: 0;
}
#myNavmenu li,
#myNavmenu a {
- background-color: $nav_bg;
- color: $nav_icon_color;
+ background-color: $nav_bg;
+ color: $nav_icon_color;
}
#myNavmenu li.list-group-item {
- border-color: $background_color;
+ border-color: $background_color;
}
#myNavmenu a {
- display: block;
+ display: block;
}
#myNavmenu li.nav-sitename {
- font-weight: bold;
+ font-weight: bold;
}
#topbar-first .dropdown.account li#nav-sitename {
- padding-left: 15px;
- padding-right: 15px;
- font-weight: bold;
- word-break: break-word;
+ padding-left: 15px;
+ padding-right: 15px;
+ font-weight: bold;
+ word-break: break-word;
}
#topbar-first .dropdown.account li#nav-sitename:hover {
- border: none;
- background-color: $nav_bg;
+ border: none;
+ background-color: $nav_bg;
}
/* Nav Search */
#topbar-first #search-box .navbar-form {
- margin: 0px;
- padding: 12px 12px;
+ margin: 0px;
+ padding: 12px 12px;
}
#search-mobile {
- position: fixed;
- top: 90px;
- left: 0;
- right: 0;
- z-index: 2;
+ position: fixed;
+ top: 90px;
+ left: 0;
+ right: 0;
+ z-index: 2;
- background-color: $background_color;
+ background-color: $background_color;
- /* fix bootstrap .well class not playing well with data-target slide animation */
- margin: 0;
- padding: 0;
- min-height: 0;
- border-radius: 0;
+ /* fix bootstrap .well class not playing well with data-target slide animation */
+ margin: 0;
+ padding: 0;
+ min-height: 0;
+ border-radius: 0;
}
#search-mobile .navbar-form {
- margin: 0;
+ margin: 0;
}
#topbar-first #search-box .form-search {
- height: 25px;
- font-size: 13px;
- background-position: 8px 4px;
+ height: 25px;
+ font-size: 13px;
+ background-position: 8px 4px;
}
#topbar-first #search-box .btn {
- font-size: 10px;
- padding: 1px 8px;
+ font-size: 10px;
+ padding: 1px 8px;
}
/* second topbar */
#topbar-second {
- height: 40px;
- top: 50px;
- background-color: #fff;
- z-index: 1029;
- background-image: none;
- -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
- -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
- box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
- border-bottom: 1px solid #d4d4d4;
+ height: 40px;
+ top: 50px;
+ background-color: #fff;
+ z-index: 1029;
+ background-image: none;
+ -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
+ -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
+ border-bottom: 1px solid #d4d4d4;
}
#topbar-second > .container {
- height: 100%;
+ height: 100%;
}
@media screen and (max-width: 767px) {
- #topbar-second > .container,
- #topbar-second #navbar-button {
- padding: 0;
- }
+ #topbar-second > .container,
+ #topbar-second #navbar-button {
+ padding: 0;
+ }
}
#topbar-second .dropdown-menu {
- padding-top: 0;
- padding-bottom: 0
+ padding-top: 0;
+ padding-bottom: 0;
}
#topbar-second .dropdown-menu .divider {
- margin: 0
+ margin: 0;
}
#topbar-second #space-menu-dropdown,
#topbar-second #search-menu-dropdown {
- width: 400px
+ width: 400px;
}
#topbar-second #space-menu-dropdown .media-list,
#topbar-second #search-menu-dropdown .media-list {
- max-height: 400px;
- overflow: auto
+ max-height: 400px;
+ overflow: auto;
}
.intro-actions {
font-size: 2em;
padding-right: 10px;
}
ul li .intro-wrapper button.intro-action-link {
- opacity:0.7;
+ opacity: 0.7;
}
@media screen and (max-width: 768px) {
- #topbar-second #space-menu-dropdown .media-list,
- #topbar-second #search-menu-dropdown .media-list {
- max-height: 200px
- }
+ #topbar-second #space-menu-dropdown .media-list,
+ #topbar-second #search-menu-dropdown .media-list {
+ max-height: 200px;
+ }
}
#topbar-second #space-menu-dropdown form,
#topbar-second #search-menu-dropdown form {
- margin: 10px
+ margin: 10px;
}
#topbar-second #space-menu-dropdown .search-reset,
#topbar-second #search-menu-dropdown .search-reset {
- position: absolute;
- color: #999;
- margin: 10px;
- top: 8px;
- right: 10px;
- display: none;
- cursor: pointer
-}
-#topbar-second #space-menu-dropdown li>ul>li>a>.media .media-body p {
- color: #bebebe;
- font-size: 11px;
- margin: 0;
- font-weight: 400
+ position: absolute;
+ color: #999;
+ margin: 10px;
+ top: 8px;
+ right: 10px;
+ display: none;
+ cursor: pointer;
+}
+#topbar-second #space-menu-dropdown li > ul > li > a > .media .media-body p {
+ color: #bebebe;
+ font-size: 11px;
+ margin: 0;
+ font-weight: 400;
}
#topbar-second #nav-short-info .heading {
- margin-left: -14px;
- overflow: hidden;
- white-space: nowrap;
- padding-right: 20px;
- text-overflow: ellipsis;
+ margin-left: -14px;
+ overflow: hidden;
+ white-space: nowrap;
+ padding-right: 20px;
+ text-overflow: ellipsis;
}
#topbar-second #tabmenu .heading {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- color: $link_color;
- text-align: center;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ color: $link_color;
+ text-align: center;
}
/* Dropdown Menus */
.nav > li > .btn-link {
- position: relative;
- display: block;
- padding: 10px 15px;
+ position: relative;
+ display: block;
+ padding: 10px 15px;
}
.nav .open > .btn-link {
- background-color: #eee;
- border-color: #337ab7;
+ background-color: #eee;
+ border-color: #337ab7;
}
.nav-pills > li > .btn-link {
- border-radius: 4px;
+ border-radius: 4px;
}
.nav-pills .dropdown-menu,
.nav-tabs .dropdown-menu,
.account .dropdown-menu,
.contact-photo-wrapper .dropdown-menu {
- background-color: $nav_bg;
- border: none
+ background-color: $nav_bg;
+ border: none;
}
.nav-pills .dropdown-menu li.divider,
.nav-tabs .dropdown-menu li.divider,
.account .dropdown-menu li.divider,
.contact-photo-wrapper .dropdown-menu li.divider {
- background-color: $menu_background_hover_color;
- border-bottom: none;
- margin: 9px 1px!important
+ background-color: $menu_background_hover_color;
+ border-bottom: none;
+ margin: 9px 1px !important;
}
.nav-pills .dropdown-menu li > a,
.nav-tabs .dropdown-menu li > a,
.account .dropdown-menu li > a,
.contact-photo-wrapper .dropdown-menu li > a {
- border-left: 3px solid $nav_bg;
-}
-.nav-pills .dropdown-menu li a, .nav-pills .dropdown-menu li .btn-link,
-.nav-tabs .dropdown-menu li a, .nav-tabs .dropdown-menu li .btn-link,
-.account .dropdown-menu li a, .account .dropdown-menu li .btn-link,
-.contact-photo-wrapper .dropdown-menu li a, .contact-photo-wrapper .dropdown-menu li .btn-link {
- color: $nav_icon_color;
- font-weight: 400;
- font-size: 13px;
- padding: 4px 15px;
- text-transform: capitalize;
- width: 100%;
- text-align: left;
-}
-.nav-pills .dropdown-menu li a i, .nav-pills .dropdown-menu li .btn-link i,
-.nav-tabs .dropdown-menu li a i, .nav-tabs .dropdown-menu li .btn-link i,
-.account .dropdown-menu li a i, .account .dropdown-menu li .btn-link i,
-.contact-photo-wrapper .dropdown-menu li a i, .contact-photo-wrapper .dropdown-menu li .btn-link i {
- margin-right: 5px;
- font-size: 14px;
- display: inline-block;
- width: 14px
+ border-left: 3px solid $nav_bg;
+}
+.nav-pills .dropdown-menu li a,
+.nav-pills .dropdown-menu li .btn-link,
+.nav-tabs .dropdown-menu li a,
+.nav-tabs .dropdown-menu li .btn-link,
+.account .dropdown-menu li a,
+.account .dropdown-menu li .btn-link,
+.contact-photo-wrapper .dropdown-menu li a,
+.contact-photo-wrapper .dropdown-menu li .btn-link {
+ color: $nav_icon_color;
+ font-weight: 400;
+ font-size: 13px;
+ padding: 4px 15px;
+ text-transform: capitalize;
+ width: 100%;
+ text-align: left;
+}
+.nav-pills .dropdown-menu li a i,
+.nav-pills .dropdown-menu li .btn-link i,
+.nav-tabs .dropdown-menu li a i,
+.nav-tabs .dropdown-menu li .btn-link i,
+.account .dropdown-menu li a i,
+.account .dropdown-menu li .btn-link i,
+.contact-photo-wrapper .dropdown-menu li a i,
+.contact-photo-wrapper .dropdown-menu li .btn-link i {
+ margin-right: 5px;
+ font-size: 14px;
+ display: inline-block;
+ width: 14px;
}
.nav-pills .dropdown-menu li > a:hover,
.nav-tabs .dropdown-menu li > a:hover,
.nav-tabs .dropdown-menu li.selected a,
.account .dropdown-menu li.selected a,
.contact-photo-wrapper .dropdown-menu li.selected a {
- border-left: 3px solid $link_color;
- color: #fff;
- background: $menu_background_hover_color;
+ border-left: 3px solid $link_color;
+ color: #fff;
+ background: $menu_background_hover_color;
}
#photo-edit-link-wrap {
- color: $font_color_darker;
- margin-bottom: 15px;
+ color: $font_color_darker;
+ margin-bottom: 15px;
}
#newmember-tab > a {
- font-size: 1.2em;
- font-weight: 800;
+ font-size: 1.2em;
+ font-weight: 800;
}
/*
aside .widget,
.nav-container .widget {
- border: none;
- color: $font_color;
- background-color: rgba(255, 255, 255, $contentbg_transp);
- box-shadow: 0 0 3px #dadada;
- -webkit-box-shadow: 0 0 3px #dadada;
- -moz-box-shadow: 0 0 3px #dadada;
- border-radius: 4px;
- position: relative;
- margin-bottom: 20px;
- padding: 10px;
- font-size: 13px;
- overflow: auto;
+ border: none;
+ color: $font_color;
+ background-color: rgba(255, 255, 255, $contentbg_transp);
+ box-shadow: 0 0 3px #dadada;
+ -webkit-box-shadow: 0 0 3px #dadada;
+ -moz-box-shadow: 0 0 3px #dadada;
+ border-radius: 4px;
+ position: relative;
+ margin-bottom: 20px;
+ padding: 10px;
+ font-size: 13px;
+ overflow: auto;
}
aside .widget h3,
.nav-container .widget h3 {
- font-weight: bold;
- font-size: 16px;
- margin: 0;
- padding-bottom: 20px;
+ font-weight: bold;
+ font-size: 16px;
+ margin: 0;
+ padding-bottom: 20px;
}
aside .widget ul,
.nav-container .widget ul {
- padding: 0px;
- margin-top: 0px;
- margin-bottom: 0px;
- margin-left: -10px;
- margin-right: -10px;
- list-style: none;
+ padding: 0px;
+ margin-top: 0px;
+ margin-bottom: 0px;
+ margin-left: -10px;
+ margin-right: -10px;
+ list-style: none;
}
aside .widget li,
.nav-container .widget li {
- padding-top: 2px;
- padding-bottom: 2px;
- padding-left: 20px;
- padding-right: 10px;
+ padding-top: 2px;
+ padding-bottom: 2px;
+ padding-left: 20px;
+ padding-right: 10px;
}
aside .widget li:hover,
aside .widget li.selected,
.nav-container .widget li:hover {
- z-index: 2;
- color: $font_color_darker;
- background-color: rgba(247, 247, 247, $contentbg_transp);
- border-left: 3px solid $link_color !important;
- padding-left: 17px;
+ z-index: 2;
+ color: $font_color_darker;
+ background-color: rgba(247, 247, 247, $contentbg_transp);
+ border-left: 3px solid $link_color !important;
+ padding-left: 17px;
}
aside .widget li a,
aside .widget li a:hover {
- color: $font_color_darker;
+ color: $font_color_darker;
}
/* forumlist widget */
aside > #datebrowse-sidebar li.posted-date-selector-months {
- margin-bottom: 10px;;
- padding: 0;
- width: 100%
+ margin-bottom: 10px;
+ padding: 0;
+ width: 100%;
}
aside > #datebrowse-sidebar li.posted-date-selector-months:hover {
- border-left: none !important;
- background-color: transparent !important;
+ border-left: none !important;
+ background-color: transparent !important;
}
aside > #datebrowse-sidebar .posted-date-selector-months > ul {
- margin: 0;
+ margin: 0;
}
-aside > #datebrowse-sidebar .posted-date-selector-months > ul > li{
- padding-left: 30px;
+aside > #datebrowse-sidebar .posted-date-selector-months > ul > li {
+ padding-left: 30px;
}
-aside > #datebrowse-sidebar .posted-date-selector-months > ul > li:hover{
- padding-left: 27px;
+aside > #datebrowse-sidebar .posted-date-selector-months > ul > li:hover {
+ padding-left: 27px;
}
.forumlist-img {
- -webkit-filter: grayscale(100%);
- filter: grayscale(100%);
- opacity: 0.5;
- filter: alpha(opacity=50); /* For IE8 and earlier */
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- -ms-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
+ -webkit-filter: grayscale(100%);
+ filter: grayscale(100%);
+ opacity: 0.5;
+ filter: alpha(opacity=50); /* For IE8 and earlier */
+ -webkit-transition: all 0.2s ease-in-out;
+ -moz-transition: all 0.2s ease-in-out;
+ -o-transition: all 0.2s ease-in-out;
+ -ms-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out;
}
#forumlist-sidbar-ul li:hover a > .forumlist-img {
- -webkit-filter: unset;
- filter: unset;
- opacity: unset;
+ -webkit-filter: unset;
+ filter: unset;
+ opacity: unset;
}
/* help page widget */
aside > .help-aside-wrapper p strong:first-child {
- display: block;
- margin: 1em 0 0em;
+ display: block;
+ margin: 1em 0 0em;
}
aside > .help-aside-wrapper h1 {
- font-weight: bold;
- font-size: 16px;
- margin: 0;
- padding: 20px 0 10px;
+ font-weight: bold;
+ font-size: 16px;
+ margin: 0;
+ padding: 20px 0 10px;
}
aside > .help-aside-wrapper h2 {
- font-weight: bold;
- font-size: 14px;
+ font-weight: bold;
+ font-size: 14px;
}
/* vcard / h-card */
-aside .vcard #profile-photo-wrapper{
- margin: 0;
+aside .vcard #profile-photo-wrapper {
+ margin: 0;
}
aside .vcard img.u-photo,
aside img.vcard-photo {
- width: 100%;
- border-radius: 3px;
-}
-aside .vcard .tool .action{
- position: absolute;
- top:20px;
- right: 20px;
- font-size: 32px;
- width: 45px;
- height: 45px;
- background: rgba(0,0,0,.50);
- text-align: center;
- border-radius: 3px;
- opacity: 0;
- -webkit-transition: all 0.25s ease-in-out;
- -moz-transition: all 0.25s ease-in-out;
- -o-transition: all 0.25s ease-in-out;
- -ms-transition: all 0.25s ease-in-out;
- transition: all 0.25s ease-in-out;
+ width: 100%;
+ border-radius: 3px;
+}
+aside .vcard .tool .action {
+ position: absolute;
+ top: 20px;
+ right: 20px;
+ font-size: 32px;
+ width: 45px;
+ height: 45px;
+ background: rgba(0, 0, 0, 0.5);
+ text-align: center;
+ border-radius: 3px;
+ opacity: 0;
+ -webkit-transition: all 0.25s ease-in-out;
+ -moz-transition: all 0.25s ease-in-out;
+ -o-transition: all 0.25s ease-in-out;
+ -ms-transition: all 0.25s ease-in-out;
+ transition: all 0.25s ease-in-out;
}
aside .vcard .tool a {
- color: rgba(255,255,255,.85);
+ color: rgba(255, 255, 255, 0.85);
}
aside .vcard #profile-photo-wrapper:hover .tool .action {
- opacity: 1;
+ opacity: 1;
}
aside .vcard #profile-photo-wrapper.crop-preview {
- padding: 0;
+ padding: 0;
}
aside .vcard .profile-header {
- padding: 5px 0px 20px 0px;
+ padding: 5px 0px 20px 0px;
}
aside .vcard .fn {
- font-weight: bold;
- padding: 5px 0px 5px 0px;
+ font-weight: bold;
+ padding: 5px 0px 5px 0px;
}
aside .vcard .p-addr {
- font-style: italic;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- padding-bottom: 2px;
+ font-style: italic;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ padding-bottom: 2px;
}
aside .vcard .title {
- margin-top: 10px;
+ margin-top: 10px;
}
aside .vcard .detail {
- display: table;
- padding: 5px 0;
+ display: table;
+ padding: 5px 0;
}
aside .xmpp {
- display: table;
+ display: table;
}
aside .vcard .icon {
- display: table-cell;
- padding-right: 10px;
- width: 30px;
+ display: table-cell;
+ padding-right: 10px;
+ width: 30px;
}
#profile-extra-links {
- overflow: auto;
- margin-bottom: 10px;
+ overflow: auto;
+ margin-bottom: 10px;
}
aside .vcard #dfrn-request-link-button,
aside .vcard #wallmessage-link-botton {
- width: 50%;
- margin: 0 0 0 -5px;
- float: left;
- padding: 0 5px;
+ width: 50%;
+ margin: 0 0 0 -5px;
+ float: left;
+ padding: 0 5px;
}
aside .vcard #dfrn-request-link,
aside .vcard #wallmessage-link {
- width: 100%;
+ width: 100%;
}
/* vcard-short-info */
#vcard-short-info,
#nav-short-info .contact-wrapper {
- margin-top: 2px;
- height: 40px;
- white-space: nowrap;
- overflow: hidden;
- padding-right: 20px;
- margin-left: -14px;
+ margin-top: 2px;
+ height: 40px;
+ white-space: nowrap;
+ overflow: hidden;
+ padding-right: 20px;
+ margin-left: -14px;
}
#nav-short-info .contact-photo-wrapper.media-left {
- float: left;
+ float: left;
}
#vcard-short-photo-wrapper img,
#nav-short-info .contact-wrapper img {
- height: 34px;
- width: 34px;
- border-radius: 3px;
+ height: 34px;
+ width: 34px;
+ border-radius: 3px;
}
#vcard-short-desc,
#nav-short-info .contact-wrapper .media-body {
- display: block;
- height: 34px;
- width: 100%;
- text-overflow: ellipsis;
+ display: block;
+ height: 34px;
+ width: 100%;
+ text-overflow: ellipsis;
}
#vcard-short-desc > .media-heading,
#vcard-short-desc > .vcard-short-addr,
#nav-short-info .contact-wrapper .media-heading,
#nav-short-info .contact-wrapper #contact-entry-url-network {
- text-overflow: ellipsis;
- overflow: hidden;
+ text-overflow: ellipsis;
+ overflow: hidden;
}
#vcard-short-desc > .media-heading,
#nav-short-info .contact-wrapper .media-heading {
- margin-bottom: 1px;
- font-weight: bold;
+ margin-bottom: 1px;
+ font-weight: bold;
}
#nav-short-info .contact-wrapper .media-heading a {
- color: $font_color_darker;
- font-size: 14px !important;
+ color: $font_color_darker;
+ font-size: 14px !important;
}
#vcard-short-desc > .vcard-short-addr,
#nav-short-info .contact-wrapper #contact-entry-url-network {
- color: $font_color;
- font-size: 12px;
+ color: $font_color;
+ font-size: 12px;
}
.network-content-wrapper > #viewcontact_wrapper-network,
#nav-short-info .contact-wrapper .contact-photo-overlay,
-#nav-short-info .contact-wrapper .contact-actions{
- display: none
+#nav-short-info .contact-wrapper .contact-actions {
+ display: none;
}
aside #peoplefind-sidebar input,
aside #follow-sidebar input {
- height: 30px;
- background-position: 10px 5px;
+ height: 30px;
+ background-position: 10px 5px;
}
aside #peoplefind-sidebar label,
aside #follow-sidebar label {
- font-weight: normal;
+ font-weight: normal;
}
aside #peoplefind-sidebar .form-group-search .form-button-search,
aside #follow-sidebar .form-group-search .form-button-search {
- padding: 2px 8px;
+ padding: 2px 8px;
}
div#sidebar-group-header h3 {
- float: left;
+ float: left;
}
div#sidebar-group-list {
- clear: both;
+ clear: both;
}
.group-new-form {
- clear: both;
+ clear: both;
}
.group-edit-tool {
- color: $font_color_darker;
+ color: $font_color_darker;
}
.faded-icon {
- color: $font_color_darker;
- opacity: 0.3;
- transition: all 0.1s ease-in-out;
+ color: $font_color_darker;
+ opacity: 0.3;
+ transition: all 0.1s ease-in-out;
}
.faded-icon:hover {
- color: $font_color_darker;
- opacity: 1;
+ color: $font_color_darker;
+ opacity: 1;
}
.icon-padding {
- margin-left: 20px;
+ margin-left: 20px;
}
aside #group-sidebar .sidebar-group-li:hover .group-edit-tool.faded-icon,
aside #saved-search-list .saved-search-li:hover .savedsearchdrop.faded-icon,
aside .widget:hover .widget-action.faded-icon {
- opacity: 0.8;
- transition: all 0.25s ease-in-out;
+ opacity: 0.8;
+ transition: all 0.25s ease-in-out;
}
aside #group-sidebar .sidebar-group-li .group-edit-tool.faded-icon:hover,
aside #saved-search-list .saved-search-li .savedsearchdrop.faded-icon:hover,
aside .widget .widget-action.faded-icon:hover {
- opacity: 1;
+ opacity: 1;
}
aside #group-sidebar li .group-checkbox {
- margin: 0;
+ margin: 0;
}
aside #group-sidebar li .group-edit-tool {
- padding-right: 10px;
+ padding-right: 10px;
}
aside #group-sidebar li .group-edit-tool:first-child {
- padding-right: 0px;
+ padding-right: 0px;
}
/* contact block widget */
.contact-block-content {
- clear: both;
- overflow: auto;
- height: auto;
+ clear: both;
+ overflow: auto;
+ height: auto;
}
.contact-block-div {
- float: left;
- margin: 0px 5px 5px 0px;
+ float: left;
+ margin: 0px 5px 5px 0px;
}
.contact-block-link {
-
}
.contact-block-img {
- height: 75px;
- width: 75px;
- border-radius: 4px;
+ height: 75px;
+ width: 75px;
+ border-radius: 4px;
}
/* Tag cloud widget */
.tagblock.widget > .tag-cloud {
- text-align: center;
+ text-align: center;
}
/* Section */
section ul.tabs {
- display: none !important;
+ display: none !important;
}
/* Jot */
section #jotOpen {
- display: none;
+ display: none;
}
#jotOpen {
- margin-top: 3px;
- float: right;
+ margin-top: 3px;
+ float: right;
}
#jot-content {
- display: none;
+ display: none;
}
.modal #jot-sections {
- max-height: calc(100vh - 22px);
+ max-height: calc(100vh - 22px);
}
@media (min-width: 768px) {
- .modal #jot-sections {
- max-height: calc(100vh - 62px);
- }
+ .modal #jot-sections {
+ max-height: calc(100vh - 62px);
+ }
}
#jot-modal #jot-sections,
#jot-modal #jot-modal-body,
#jot-modal #item-Q0,
#jot-modal #profile-jot-acl-wrapper,
#jot-modal #acl-wrapper {
- overflow: hidden;
- display: flex;
- flex: auto;
- flex-direction: column;
-}
-#jot-modal .modal-header a, #jot-modal .modal-header .btn-link,
-#profile-jot-submit-wrapper a, #profile-jot-submit-wrapper .btn-link {
- color: $font_color_darker;
+ overflow: hidden;
+ display: flex;
+ flex: auto;
+ flex-direction: column;
+}
+#jot-modal .modal-header a,
+#jot-modal .modal-header .btn-link,
+#profile-jot-submit-wrapper a,
+#profile-jot-submit-wrapper .btn-link {
+ color: $font_color_darker;
}
#jot-modal .modal-header {
- border-bottom: none;
+ border-bottom: none;
}
#jot-modal .modal-header .compose-link {
float: right;
margin-right: 20px;
}
-#jot-title-wrap, #jot-category-wrap {
- margin-bottom: 5px;
+#jot-title-wrap,
+#jot-category-wrap {
+ margin-bottom: 5px;
}
#jot-text-wrap {
- margin-top: 20px;
+ margin-top: 20px;
}
#jot-text-wrap textarea {
- min-height: 100px;
- overflow-y: auto !important;
- overflow-y: overlay !important;
+ min-height: 100px;
+ overflow-y: auto !important;
+ overflow-y: overlay !important;
}
#jot-text-wrap .preview textarea {
- width: 100%;
+ width: 100%;
}
#preview_profile-jot-text,
.comment-edit-form .preview {
- position: relative;
- padding: 0px 10px;
- margin-top: -2px;
- border: 2px solid #ededed;
- border-top: none;
- box-shadow: none;
- border-radius: 0 0 4px 4px;
- background: #fff;
- color: $font_color_darker;
+ position: relative;
+ padding: 0px 10px;
+ margin-top: -2px;
+ border: 2px solid #ededed;
+ border-top: none;
+ box-shadow: none;
+ border-radius: 0 0 4px 4px;
+ background: #fff;
+ color: $font_color_darker;
}
textarea#profile-jot-text:focus + #preview_profile-jot-text,
textarea.comment-edit-text:focus + .comment-edit-form .preview {
- border: 2px solid #6fdbe8;
- border-top: none;
+ border: 2px solid #6fdbe8;
+ border-top: none;
}
.preview hr.previewseparator {
- margin-top: 0px;
- border-color: #D2D2D2;
+ margin-top: 0px;
+ border-color: #d2d2d2;
}
#previewImgBtn_profile-jot-text,
-.closePreview {
- position: absolute;
- top: 15px;
+.closePreview {
+ position: absolute;
+ top: 15px;
}
.closePreview {
- right: 15px;
- z-index: 1;
+ right: 15px;
+ z-index: 1;
}
.previewImgBtn {
- left: 15px;
+ left: 15px;
}
.preview button.previewActionBtn {
- display:block;
- height: 25px;
- width: 25px;
- border-radius: 50%;
- color: #fff;
- border: 2px solid #fff;
- box-shadow: 0 0 3px gray;
- background: #777;
- text-align: center;
- line-height: 2px;
- text-decoration: none;
- padding: 0 0 1px 1px;
- opacity: 0.7;
+ display: block;
+ height: 25px;
+ width: 25px;
+ border-radius: 50%;
+ color: #fff;
+ border: 2px solid #fff;
+ box-shadow: 0 0 3px gray;
+ background: #777;
+ text-align: center;
+ line-height: 2px;
+ text-decoration: none;
+ padding: 0 0 1px 1px;
+ opacity: 0.7;
}
.preview button.previewActionBtn:hover {
- opacity: 1;
+ opacity: 1;
}
.preview .closePreview button.previewActionBtn {
- font-size: 25px;
+ font-size: 25px;
}
#previewInputTitle_profile-jot-text {
- width: 100%;
+ width: 100%;
}
#profile-jot-wrapper button#profile-jot-submit {
- margin-top: 5px;
+ margin-top: 5px;
}
#profile-jot-wrapper #character-counter {
- padding: 10px 15px;
+ padding: 10px 15px;
}
.modal .wall-item-container.preview {
- overflow-y: auto;
- overflow-y: overlay;
+ overflow-y: auto;
+ overflow-y: overlay;
}
/* ACL */
.fa.lock:before {
- font-family: ForkAwesome;
- content: "\f023";
+ font-family: ForkAwesome;
+ content: "\f023";
}
.fa.unlock:before {
- font-family: ForkAwesome;
- content: "\f09c";
+ font-family: ForkAwesome;
+ content: "\f09c";
}
#acl-wrapper label.panel-heading {
/* Filebrowser */
.fbrowser .breadcrumb {
- margin-bottom: 0px;
+ margin-bottom: 0px;
}
.fbrowser .path a:before {
- content: "";
- padding: 0;
+ content: "";
+ padding: 0;
}
-.fbrowser .breadcrumb > li:last-of-type a{
- color: $font_color;
- pointer-events: none;
- cursor: default;
+.fbrowser .breadcrumb > li:last-of-type a {
+ color: $font_color;
+ pointer-events: none;
+ cursor: default;
}
.fbrowser .folders {
- box-shadow: -1.5px 0 0 0 rgba(0, 0, 0, .1) inset;
- padding-right: 1px;
+ box-shadow: -1.5px 0 0 0 rgba(0, 0, 0, 0.1) inset;
+ padding-right: 1px;
}
.fbrowser .folders ul {
- padding: 0px;
- margin-left: -15px;
- margin-bottom: 0px;
- overflow-y: auto;
- min-width: 100px;
- max-height: calc(100vh - 210px);
- line-height: 1.3;
+ padding: 0px;
+ margin-left: -15px;
+ margin-bottom: 0px;
+ overflow-y: auto;
+ min-width: 100px;
+ max-height: calc(100vh - 210px);
+ line-height: 1.3;
}
@media (min-width: 768px) {
- .fbrowser .folders ul {
- max-height: calc(100vh - 255px);
- }
+ .fbrowser .folders ul {
+ max-height: calc(100vh - 255px);
+ }
}
.fbrowser .folders li {
- padding-left: 20px;
- padding-right: 10px;
- padding-top: 3px;
- padding-bottom: 3px;
+ padding-left: 20px;
+ padding-right: 10px;
+ padding-top: 3px;
+ padding-bottom: 3px;
}
.fbrowser .folders li:hover {
- z-index: 2;
- color: $font_color_darker;
- background-color: rgba(247, 247, 247, $contentbg_transp);
- border-left: 3px solid $link_color;
- padding-left: 17px;
+ z-index: 2;
+ color: $font_color_darker;
+ background-color: rgba(247, 247, 247, $contentbg_transp);
+ border-left: 3px solid $link_color;
+ padding-left: 17px;
}
.fbrowser .folders li a,
.fbrowser .folders li a:hover {
- color: $font_color_darker;
- font-size: 13px;
+ color: $font_color_darker;
+ font-size: 13px;
}
.fbrowser .folders + .list {
- padding-left: 10px;
+ padding-left: 10px;
}
.fbrowser .fbrowser-content-container {
- overflow-y: auto;
- max-height: calc(100vh - 175px);
+ overflow-y: auto;
+ max-height: calc(100vh - 175px);
}
@media (min-width: 768px) {
- .fbrowser .fbrowser-content-container {
- max-height: calc(100vh - 220px);
- }
+ .fbrowser .fbrowser-content-container {
+ max-height: calc(100vh - 220px);
+ }
}
.fbrowser.image .photo-album-image-wrapper {
- box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
+ box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
}
.fbrowser.image .photo-album-image-wrapper .caption {
- pointer-events: none;
+ pointer-events: none;
}
.fbrowser .profile-rotator-wrapper {
- min-height: 200px;
+ min-height: 200px;
}
.fbrowser .fa-spin {
- position: absolute;
- left: 45%;
- top: 40%;
- font-size: 48px;
- margin:0px auto;
+ position: absolute;
+ left: 45%;
+ top: 40%;
+ font-size: 48px;
+ margin: 0px auto;
}
/*
/* Stream
*/
.panel {
- border: none;
- background-color: rgba(255,255,255,$contentbg_transp);
- box-shadow: 0 0 2px #dadada;
- -webkit-box-shadow: 0 0 2px #dadada;
- -moz-box-shadow: 0 0 2px #dadada;
- border-radius: 4px;
- position: relative;
+ border: none;
+ background-color: rgba(255, 255, 255, $contentbg_transp);
+ box-shadow: 0 0 2px #dadada;
+ -webkit-box-shadow: 0 0 2px #dadada;
+ -moz-box-shadow: 0 0 2px #dadada;
+ border-radius: 4px;
+ position: relative;
}
.panel.panel-inline {
- margin-left: -15px;
- margin-right: -15px;
- margin-top: 15px;
- padding: 15px;
+ margin-left: -15px;
+ margin-right: -15px;
+ margin-top: 15px;
+ padding: 15px;
}
.panel .panel-body {
- word-wrap: break-word;
+ word-wrap: break-word;
}
.tread-wrapper .media {
- overflow: visible;
- word-wrap: break-word;
+ overflow: visible;
+ word-wrap: break-word;
}
aside .panel-body {
- padding: 0px;
+ padding: 0px;
}
/* Thread hover effects */
.desktop-view .wall-item-container .fakelink,
.desktop-view .toplevel_item .fakelink,
.desktop-view .toplevel_item .wall-item-container .wall-item-responses a {
- color: $font_color;
- -webkit-transition: all 0.25s ease-in-out;
- -moz-transition: all 0.25s ease-in-out;
- -o-transition: all 0.25s ease-in-out;
- -ms-transition: all 0.25s ease-in-out;
- transition: all 0.25s ease-in-out;
+ color: $font_color;
+ -webkit-transition: all 0.25s ease-in-out;
+ -moz-transition: all 0.25s ease-in-out;
+ -o-transition: all 0.25s ease-in-out;
+ -ms-transition: all 0.25s ease-in-out;
+ transition: all 0.25s ease-in-out;
}
-.toplevel_item:hover .fakelink, .wall-item-container:hover .fakelink,
+.toplevel_item:hover .fakelink,
+.wall-item-container:hover .fakelink,
.toplevel_item:hover .wall-item-container:hover .wall-item-responses a,
.toplevel_item:hover .wall-item-content a,
.toplevel_item:hover .wall-item-name,
.wall-item-container:hover .wall-item-content a,
.wall-item-container:hover .wall-item-name,
.wall-item-container:hover .wall-item-location a {
- color: $link_color;
- -webkit-transition: all 0.25s ease-in-out;
- -moz-transition: all 0.25s ease-in-out;
- -o-transition: all 0.25s ease-in-out;
- -ms-transition: all 0.25s ease-in-out;
- transition: all 0.25s ease-in-out;
+ color: $link_color;
+ -webkit-transition: all 0.25s ease-in-out;
+ -moz-transition: all 0.25s ease-in-out;
+ -o-transition: all 0.25s ease-in-out;
+ -ms-transition: all 0.25s ease-in-out;
+ transition: all 0.25s ease-in-out;
}
/* wall items */
.wall-item-container {
- border-top: 1px solid rgba(255, 255, 255, 0.8);
+ border-top: 1px solid rgba(255, 255, 255, 0.8);
}
.wall-item-container.panel-body {
- padding: 0;
- border-top: none;
+ padding: 0;
+ border-top: none;
}
.comment-edit-preview .wall-item-container.panel-body.preview {
- margin-top: 4px;
+ margin-top: 4px;
}
.comment-edit-preview .panel {
- margin-bottom: 0;
+ margin-bottom: 0;
}
.wall-item-container .media {
- margin-top: 0;
- padding: 10px;
- background-color: rgba(0, 0, 0, 0.03);
+ margin-top: 0;
+ padding: 10px;
+ background-color: rgba(0, 0, 0, 0.03);
}
/* wall items contact photo */
.contact-photo {
- height: 48px;
- width: 48px;
- border-radius: 3px;
- /*maybe some adional stuff is needed for the different screen sizes */
+ height: 48px;
+ width: 48px;
+ border-radius: 3px;
+ /*maybe some adional stuff is needed for the different screen sizes */
}
.contact-photo-image-wrapper {
- width: 100%;
- height: 100%;
- overflow: hidden;
- position: relative;
- text-align: center;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ position: relative;
+ text-align: center;
}
.contact-photo-overlay {
- width: 100%;
- height: 100%;
- position: absolute;
- overflow: hidden;
- top: 0;
- left: 0;
- border-radius: 3px;
- background:rgba(0,0,0,.50);
- text-align:center;
- opacity:0;
- -webkit-transition: opacity .25s ease;
- -moz-transition: opacity .25s ease;
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ overflow: hidden;
+ top: 0;
+ left: 0;
+ border-radius: 3px;
+ background: rgba(0, 0, 0, 0.5);
+ text-align: center;
+ opacity: 0;
+ -webkit-transition: opacity 0.25s ease;
+ -moz-transition: opacity 0.25s ease;
}
.contact-photo-overlay:hover {
- opacity: 1;
+ opacity: 1;
}
.contact-photo-overlay-content {
- font-size: 26px;
- text-shadow: 1px 1px 1px #ccc;
- color:rgba(255,255,255,.85);
- height: 100%;
- vertical-align: bottom;
+ font-size: 26px;
+ text-shadow: 1px 1px 1px #ccc;
+ color: rgba(255, 255, 255, 0.85);
+ height: 100%;
+ vertical-align: bottom;
}
-.contact-photo-xs{
- height: 38px;
- width: 38px;
- border-radius: 3px;
+.contact-photo-xs {
+ height: 38px;
+ width: 38px;
+ border-radius: 3px;
}
.wwto .contact-photo {
- width: auto;
- height: 25px;
- font-size: 8.8px;
- border-radius: 2px;
- position: absolute;
- top: 28px;
- left: 28px;
- display: inline-block;
+ width: auto;
+ height: 25px;
+ font-size: 8.8px;
+ border-radius: 2px;
+ position: absolute;
+ top: 28px;
+ left: 28px;
+ display: inline-block;
}
/* wall items action dropdown menu */
-.media [role=heading] {
+.media [role="heading"] {
position: relative;
}
/* Workaround for Firefox where the post heading covers the avatar, preventing hovercard interaction,
48px is the width of the avatar image and should be adjusted accordingly if it ever changes. */
-.media .dropdown.pull-left + [role=heading] {
+.media .dropdown.pull-left + [role="heading"] {
margin-left: 48px;
}
.preferences {
- position: absolute;
- right: 0;
- top: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
}
.shared_header .preferences {
top: 7px;
right: 9px;
}
.wall-item-network {
- font-size: 13px;
+ font-size: 13px;
}
/* wall items contact info */
.media .media-body {
- font-size: 13px;
+ font-size: 13px;
}
.media .media-body h4.media-heading {
- font-size: 14px;
- font-weight: 500;
- color: $font_color_darker;
+ font-size: 14px;
+ font-weight: 500;
+ color: $font_color_darker;
}
-.media .media-body .addional-info a, .media .media-body h5.media-heading > a {
- display: block;
+.media .media-body .addional-info a,
+.media .media-body h5.media-heading > a {
+ display: block;
}
.media .contact-info-comment {
- display: table-cell;
+ display: table-cell;
}
.media .contact-info-xs h5,
.media .contact-info-comment {
- margin: 0 0 5px;
+ margin: 0 0 5px;
}
.media-heading {
- margin: 0 0 5px;
+ margin: 0 0 5px;
}
.wall-item-name,
.shared-author {
- font-size: 15px;
- font-weight: bold;
+ font-size: 15px;
+ font-weight: bold;
}
.wall-item-name.xs {
- font-weight: 700;
- font-size: 14px;
+ font-weight: 700;
+ font-size: 14px;
}
/* Contact avatar click card */
}
.userinfo.click-card > *:hover:after {
- content: '⌄';
+ content: "⌄";
color: #bebebe;
font-size: 1em;
font-weight: bold;
left: 0;
width: 33%;
height: 33%;
- opacity: .8;
+ opacity: 0.8;
border-radius: 0 0 40% 0;
}
/* The lock symbol popup */
#panel {
- position: absolute;
- list-style: none;
- background-color: $nav_bg;
- border: none;
- border-radius: 3px;
- float: left;
- min-width: 160px;
- max-width: 220px;
- padding: 10px ;
- margin: 2px 0 0;
- font-size: 14px;
- text-align: left;
- color: $nav_icon_color;
- z-index: 1000;
+ position: absolute;
+ list-style: none;
+ background-color: $nav_bg;
+ border: none;
+ border-radius: 3px;
+ float: left;
+ min-width: 160px;
+ max-width: 220px;
+ padding: 10px;
+ margin: 2px 0 0;
+ font-size: 14px;
+ text-align: left;
+ color: $nav_icon_color;
+ z-index: 1000;
}
/* Space between content and head */
.wall-spacer {
- height: 10px;
+ height: 10px;
}
/* wall items content */
.wall-item-content {
- word-break: break-word;
+ word-break: break-word;
}
.wall-item-content img {
- max-height: 480px;
- object-fit: contain;
+ max-height: 480px;
+ object-fit: contain;
}
.wall-item-body > img,
.wall-item-body > a > img {
- border-radius: 3px;
+ border-radius: 3px;
}
.wall-item-body .body-attach > a {
- color: $font_color_darker;
- display: inline-block;
+ color: $font_color_darker;
+ display: inline-block;
}
.wall-item-body .body-attach > a div {
- color: $font_color_darker;
- width: 20px;
+ color: $font_color_darker;
+ width: 20px;
}
/* wall-item content elements */
margin-bottom: 0;
}
.vevent {
- padding: 10px;
- box-shadow: 0 0 0 1.5px rgba(0, 0, 0, .1) inset, 0 1px 1px rgba(0, 0, 0, .05);
+ padding: 10px;
+ box-shadow: 0 0 0 1.5px rgba(0, 0, 0, 0.1) inset, 0 1px 1px rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 767px) {
- .vevent {
+ .vevent {
margin-left: 0px;
margin-right: 0px;
- }
+ }
.shared-wrapper {
margin: 5px -10px 0;
}
}
.vevent:hover {
- box-shadow: 0 0 0 1.5px rgba(0, 0, 0, .15) inset, 0 1px 1px rgba(0, 0, 0, .05);
+ box-shadow: 0 0 0 1.5px rgba(0, 0, 0, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.05);
}
.shared_header {
- margin-left: 0px;
- margin-top: 0px;
- padding-top: 0px;
- margin-bottom: 10px;
- border-top: none;
- color: inherit;
+ margin-left: 0px;
+ margin-top: 0px;
+ padding-top: 0px;
+ margin-bottom: 10px;
+ border-top: none;
+ color: inherit;
}
blockquote.shared_content {
- padding: 0px;
- margin-left: 0px;
- color: inherit;
+ padding: 0px;
+ margin-left: 0px;
+ color: inherit;
}
code > .hl-main {
- padding: 10px 10px 1px 0;
+ padding: 10px 10px 1px 0;
}
.hl-main ol {
- line-height: 1.7;
+ line-height: 1.7;
}
.type-link img.attachment-image {
- width: 100%;
+ width: 100%;
}
-.type-link blockquote, .type-video blockquote {
- margin: 0;
- padding: 10px 0;
+.type-link blockquote,
+.type-video blockquote {
+ margin: 0;
+ padding: 10px 0;
}
.oembed.video .embed_video > div::before {
- font-family: ForkAwesome;
- font-weight: normal;
- font-style: normal;
- display: inline-block;
- text-decoration: inherit;
- vertical-align: top;
- font-size: 3em;
- content: "\f01d";
- color: #fff;
- bottom: 0px;
- right: 10px;
- position: absolute;
+ font-family: ForkAwesome;
+ font-weight: normal;
+ font-style: normal;
+ display: inline-block;
+ text-decoration: inherit;
+ vertical-align: top;
+ font-size: 3em;
+ content: "\f01d";
+ color: #fff;
+ bottom: 0px;
+ right: 10px;
+ position: absolute;
}
.oembed.video .embed_video > div {
- background-color: rgba(0,0,0,0.2);
- -webkit-transition: all 0.25s ease-in-out;
- -moz-transition: all 0.25s ease-in-out;
- -o-transition: all 0.25s ease-in-out;
- -ms-transition: all 0.25s ease-in-out;
- transition: all 0.25s ease-in-out;
+ background-color: rgba(0, 0, 0, 0.2);
+ -webkit-transition: all 0.25s ease-in-out;
+ -moz-transition: all 0.25s ease-in-out;
+ -o-transition: all 0.25s ease-in-out;
+ -ms-transition: all 0.25s ease-in-out;
+ transition: all 0.25s ease-in-out;
}
.oembed.video .embed_video > div:hover {
- background-color: rgba(0,0,0,0);
+ background-color: rgba(0, 0, 0, 0);
}
.oembed.video .embed_video.active {
- margin: 1em 0;
+ margin: 1em 0;
}
.oembed.video .embed_video.active iframe {
- width: 100% !important;
+ width: 100% !important;
}
.wall-item-tags,
.itemedited {
- margin: 10px 0;
- font-size: 13px;
+ margin: 10px 0;
+ font-size: 13px;
}
.wall-item-tags a {
- color: $font_color_darker;
+ color: $font_color_darker;
}
.wall-item-tags a:hover {
- text-decoration: none;
+ text-decoration: none;
}
.wall-item-bottom .label,
.wall-item-bottom .label a {
- color: #fff;
+ color: #fff;
}
.wall-item-tags .category,
.wall-item-tags .folder {
- margin-right: 3px;
+ margin-right: 3px;
}
/* item social action buttons */
.wall-item-actions {
- display: flex;
- margin: 0;
- justify-content: space-between;
+ display: flex;
+ margin: 0;
+ justify-content: space-between;
}
-.wall-item-actions a, .wall-item-actions button {
- font-size: 13px;
- color: $font_color_darker;
+.wall-item-actions a,
+.wall-item-actions button {
+ font-size: 13px;
+ color: $font_color_darker;
}
.wall-item-actions .active {
- font-weight: bold;
+ font-weight: bold;
color: $link_color;
}
.wall-item-actions-left {
- display: table-cell;
- vertical-align: middle;
+ display: table-cell;
+ vertical-align: middle;
}
.wall-item-actions-right {
- display: flex;
+ display: flex;
}
.wall-item-actions .checkbox {
- margin: 0;
- margin-left: 20px;
+ margin: 0;
+ margin-left: 20px;
}
.wall-item-actions .button-comments,
.wall-item-actions .button-votes,
.wall-item-actions .button-likes {
- text-transform: capitalize;
+ text-transform: capitalize;
}
.wall-item-actions button:hover {
- color: $font_color_darker;
- text-decoration: underline;
+ color: $font_color_darker;
+ text-decoration: underline;
}
.wall-item-actions .separator {
- margin: 0 .3em;
+ margin: 0 0.3em;
}
.wall-item-responses > div > p {
- margin: 0;
+ margin: 0;
}
/* wall item hover effects */
@media (min-width: 768px) {
/* Tags and mentions */
.wall-item-container .wall-item-bottom .wall-item-tags span.label {
- filter:grayscale(0.5);
+ filter: grayscale(0.5);
opacity: 0.8;
-webkit-transition: all 0.25s ease-in-out;
}
.wall-item-container:hover .wall-item-bottom .wall-item-tags span.label {
- filter:grayscale(0);
+ filter: grayscale(0);
opacity: 1;
-webkit-transition: all 0.25s ease-in-out;
.wall-item-container .wall-item-actions button,
.wall-item-container .body-attach > a {
opacity: 0.4;
-
+
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
.wall-item-container:hover .wall-item-actions button,
.wall-item-container:hover .body-attach > a {
opacity: 1;
-
+
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
* Comments
*/
wall-item-comment-wrapper.well {
- border: none;
- box-shadow: none;
- background-color: rgba(237, 237, 237, $contentbg_transp);
- background-image: none;
- margin-bottom: 1px;
- background-color: red;
+ border: none;
+ box-shadow: none;
+ background-color: rgba(237, 237, 237, $contentbg_transp);
+ background-image: none;
+ margin-bottom: 1px;
+ background-color: red;
}
wall-item-comment-wrapper.well-small {
- padding: 10px;
- border-radius: 3px;
+ padding: 10px;
+ border-radius: 3px;
}
wall-item-comment-wrapper.well hr {
- border-top: 1px solid #d9d9d9;
+ border-top: 1px solid #d9d9d9;
}
.wall-entry wall-item-comment-wrapper.well {
- margin-bottom: 0;
+ margin-bottom: 0;
}
.comment-container {
- margin-bottom: 0px;
- border-top-left-radius: 3px;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 0px;
- border-bottom-left-radius: 0px;
+ margin-bottom: 0px;
+ border-top-left-radius: 3px;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 0px;
+ border-bottom-left-radius: 0px;
}
.comment .media {
- position: relative!important;
- margin-top: 0;
+ position: relative !important;
+ margin-top: 0;
}
.hide-comments-outer {
- background-color: rgba(0, 0, 0, 0.03);
- padding: 0.5em;
- border-radius: 0.5em 0.5em 0 0;
+ background-color: rgba(0, 0, 0, 0.03);
+ padding: 0.5em;
+ border-radius: 0.5em 0.5em 0 0;
}
.hide-comments-total {
- cursor: pointer;
+ cursor: pointer;
}
/*
.comment-fake-form,
.wall-item-comment-wrapper {
- padding: 10px;
- border-top: 1px solid rgba(255, 255, 255, 0.8);
- background-color: rgba(0, 0, 0, 0.03);
- border-radius: 0 0 4px 4px;
+ padding: 10px;
+ border-top: 1px solid rgba(255, 255, 255, 0.8);
+ background-color: rgba(0, 0, 0, 0.03);
+ border-radius: 0 0 4px 4px;
margin-bottom: 0;
}
.comment-fake-form {
- border-color: #d9d9d9;
+ border-color: #d9d9d9;
}
.comment-fake-form textarea {
- resize: none;
+ resize: none;
}
.comment-container .wall-item-comment-wrapper {
- margin-top: 0.5em;
+ margin-top: 0.5em;
}
.comment-edit-form textarea {
- resize: vertical;
+ resize: vertical;
}
.comment-edit-submit-wrapper {
- text-align: right;
- margin-bottom: 0;
+ text-align: right;
+ margin-bottom: 0;
}
.comment-icon-list {
- display: flex;
- justify-content: space-between;
+ display: flex;
+ justify-content: space-between;
}
/* acpopup + textcompletion*/
.acpopup {
- background-color: #ffffff;
- border-radius: 4px;
- overflow: auto;
- z-index: 100000;
- box-shadow: 0 6px 12px rgba(0,0,0,.175);
+ background-color: #ffffff;
+ border-radius: 4px;
+ overflow: auto;
+ z-index: 100000;
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
nav .acpopup {
- margin-left: -23px;
+ margin-left: -23px;
}
/** @todo: we schould consider the possebility to overwrite bootstrap dropdowns
at the beginning of this file to get rid of the !important */
.textcomplete-item > a {
- color: $font_color_darker !important;
- padding: 5px 20px !important;
+ color: $font_color_darker !important;
+ padding: 5px 20px !important;
}
.textcomplete-item.active > a {
- background-color: rgb(247, 247, 247) !important;
- background-image: none !important;
- border-left: 3px solid $link_color;
- padding-left: 17px !important;
+ background-color: rgb(247, 247, 247) !important;
+ background-image: none !important;
+ border-left: 3px solid $link_color;
+ padding-left: 17px !important;
}
.textcomplete-item a .forum {
- color: $link_color;
+ color: $link_color;
}
img.acpopup-img {
- border-radius: 4px;
- }
-
+ border-radius: 4px;
+}
/* The wall-item thread levels */
.wall-item-container.thread_level_3,
.wall-item-container.thread_level_5,
.wall-item-container.thread_level_6,
.wall-item-container.thread_level_7 {
- margin-left: 15px;
+ margin-left: 15px;
}
/* Birthday */
-#birthday-notice, #birthday-wrapper {
- margin-bottom: 5px;
- padding: 10px;
- border: none;
- background-color: rgba(247,247,247,$contentbg_transp);
- box-shadow: 0 0 3px #dadada;
- -webkit-box-shadow: 0 0 3px #dadada;
- -moz-box-shadow: 0 0 3px #dadada;
- border-radius: 4px;
+#birthday-notice,
+#birthday-wrapper {
+ margin-bottom: 5px;
+ padding: 10px;
+ border: none;
+ background-color: rgba(247, 247, 247, $contentbg_transp);
+ box-shadow: 0 0 3px #dadada;
+ -webkit-box-shadow: 0 0 3px #dadada;
+ -moz-box-shadow: 0 0 3px #dadada;
+ border-radius: 4px;
}
/* Menubar Tabs */
section > .tabbar-wrapper {
-/* The tabbar shouldn't' be visibile inside
+ /* The tabbar shouldn't' be visibile inside
the section element. Only after we have
moved it to the nav through js */
- display: none !important;
+ display: none !important;
}
#tabmenu,
.tabbar-wrapper,
.tabbar,
.tabbar > li {
- height: 100%;
- padding: 0;
+ height: 100%;
+ padding: 0;
}
#tabmenu .search-heading {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
ul.tabs {
- list-style: none;
- height: 100%;
- padding: 0;
- padding-top: 10px;
- margin: 0;
+ list-style: none;
+ height: 100%;
+ padding: 0;
+ padding-top: 10px;
+ margin: 0;
}
ul.tabs li {
- float: left;
- margin: 0;
- padding: 0;
- border-bottom: 0 solid $link_color;
- font-size: 13px;
- height: 102%;
- transition: all .15s ease;
+ float: left;
+ margin: 0;
+ padding: 0;
+ border-bottom: 0 solid $link_color;
+ font-size: 13px;
+ height: 102%;
+ transition: all 0.15s ease;
}
ul.tabs li a {
- margin-left: 10px;
- margin-right: 10px;
+ margin-left: 10px;
+ margin-right: 10px;
}
-ul.tabs li:hover, ul.tabs li.active {
- border-bottom-width: 4px;
+ul.tabs li:hover,
+ul.tabs li.active {
+ border-bottom-width: 4px;
}
ul.tabbar ul.tabs-extended:hover li.dropdown {
- border-bottom: 0;
+ border-bottom: 0;
}
ul.tabbar ul.tabs-extended li.active {
- width: 100%;
- border-bottom-width: 2px;
+ width: 100%;
+ border-bottom-width: 2px;
}
ul.tabbar ul.tabs-extended li.active a {
- background: none;
+ background: none;
}
ul.dropdown-menu li:hover {
- border-bottom: 0;
+ border-bottom: 0;
}
.dropdown-menu li {
- display: block;
- width: 100%;
- box-sizing: border-box;
+ display: block;
+ width: 100%;
+ box-sizing: border-box;
}
/* Dropdown Menu */
.dropdown-menu li a,
.dropdown-menu li .btn-link {
- color: $font_color_darker;
-
+ color: $font_color_darker;
}
.dropdown-menu li > :hover,
.dropdown-menu li > :visited,
.dropdown-menu li > :focus {
- background: 0 0;
+ background: 0 0;
}
.dropdown-menu li:first-child {
- margin-top: 3px;
+ margin-top: 3px;
}
/* Notificaiotn badges */
#mail-update-li.show {
- display: inline-block!important;
+ display: inline-block !important;
}
/* Media Classes */
.media .delivery,
.media .location,
.media .location a {
- font-size: 11px;
- color: $font_color_darker;
+ font-size: 11px;
+ color: $font_color_darker;
}
.media-list > li {
- padding: 10px;
- border-bottom: 1px solid rgba(238, 238, 238, $contentbg_transp);
- position: relative;
- border-left: 3px solid rgba(255,255,255,0);
- font-size: 12px;
+ padding: 10px;
+ border-bottom: 1px solid rgba(238, 238, 238, $contentbg_transp);
+ position: relative;
+ border-left: 3px solid rgba(255, 255, 255, 0);
+ font-size: 12px;
}
.media-list > li:hover,
.media-list > li.selected,
.media-list > li.active {
- border-left: 3px solid $link_color;
- background-color: rgba(247, 247, 247, $contentbg_transp);
+ border-left: 3px solid $link_color;
+ background-color: rgba(247, 247, 247, $contentbg_transp);
}
/* Forms */
.form-control {
- box-shadow: none;
+ box-shadow: none;
}
.form-control:focus {
- border: 2px solid $link_color;
- box-shadow: none;
+ border: 2px solid $link_color;
+ box-shadow: none;
}
.radio label::before,
.checkbox label::before {
- background-color: rgba(255,255,255,$contentbg_transp);
+ background-color: rgba(255, 255, 255, $contentbg_transp);
}
.radio label::after {
background-color: $link_color;
color: $font_color_darker;
}
-input[type=range].form-control {
+input[type="range"].form-control {
padding-left: 0;
padding-right: 0;
}
/* Search form */
.form-control.form-search {
- border-radius: 30px;
- background-image: url(img/icon_search16x16.png);
- background-repeat: no-repeat;
- background-position: 10px 8px;
- padding-left: 34px;
+ border-radius: 30px;
+ background-image: url(img/icon_search16x16.png);
+ background-repeat: no-repeat;
+ background-position: 10px 8px;
+ padding-left: 34px;
}
.form-group-search {
- position: relative;
- width: 100%;
+ position: relative;
+ width: 100%;
}
.form-group-search .form-button-search {
- position: absolute;
- top: 4px;
- right: 4px;
- border-radius: 30px;
+ position: absolute;
+ top: 4px;
+ right: 4px;
+ border-radius: 30px;
}
.search-input.form-control.form-search {
- width: 100%;
+ width: 100%;
}
.search-heading {
- text-align: center;
- color: $link_color;
- font-size: 20px;
+ text-align: center;
+ color: $link_color;
+ font-size: 20px;
}
.search-content-wrapper > #search-header-wrapper {
- display: none;
+ display: none;
}
.search-content-wrapper > .section-title-wrapper {
- display: none;
+ display: none;
}
#navbar-button > #search-save {
- margin-top: 3px;
+ margin-top: 3px;
}
/* Section-Content-Wrapper */
#search-header-wrapper {
- padding: 15px;
- padding-bottom: 20px;
- margin-bottom: 20px;
- border: none;
- background-color: rgba(255,255,255,$contentbg_transp);
- border-radius: 4px;
- position: relative;
- color: $font_color_darker;
- box-shadow: 0 0 3px #dadada;
- -webkit-box-shadow: 0 0 3px #dadada;
- -moz-box-shadow: 0 0 3px #dadada;
+ padding: 15px;
+ padding-bottom: 20px;
+ margin-bottom: 20px;
+ border: none;
+ background-color: rgba(255, 255, 255, $contentbg_transp);
+ border-radius: 4px;
+ position: relative;
+ color: $font_color_darker;
+ box-shadow: 0 0 3px #dadada;
+ -webkit-box-shadow: 0 0 3px #dadada;
+ -moz-box-shadow: 0 0 3px #dadada;
}
/* *******
* PAGES
*********/
-section > .generic-page-wrapper, .videos-content-wrapper,
-.suggest-content-wrapper, .help-content-wrapper,
-.match-content-wrapper, .dirfind-content-wrapper,
-.delegation-content-wrapper, .notes-content-wrapper,
-.message-content-wrapper, .apps-content-wrapper,
-#adminpage, .delegate-content-wrapper, .uexport-content-wrapper,
+section > .generic-page-wrapper,
+.videos-content-wrapper,
+.suggest-content-wrapper,
+.help-content-wrapper,
+.match-content-wrapper,
+.dirfind-content-wrapper,
+.delegation-content-wrapper,
+.notes-content-wrapper,
+.message-content-wrapper,
+.apps-content-wrapper,
+#adminpage,
+.delegate-content-wrapper,
+.uexport-content-wrapper,
.dfrn_request-content-wrapper,
-.friendica-content-wrapper, .credits-content-wrapper, .nogroup-content-wrapper,
-.profperm-content-wrapper, .invite-content-wrapper, .tos-content-wrapper,
+.friendica-content-wrapper,
+.credits-content-wrapper,
+.nogroup-content-wrapper,
+.profperm-content-wrapper,
+.invite-content-wrapper,
+.tos-content-wrapper,
.fsuggest-content-wrapper {
- min-height: calc(100vh - 150px);
- padding: 15px;
- padding-bottom: 20px;
- margin-bottom: 20px;
- border: none;
- background-color: rgba(255,255,255,$contentbg_transp);
- border-radius: 4px;
- position: relative;
- color: $font_color_darker;
- box-shadow: 0 0 3px #dadada;
- -webkit-box-shadow: 0 0 3px #dadada;
- -moz-box-shadow: 0 0 3px #dadada;
+ min-height: calc(100vh - 150px);
+ padding: 15px;
+ padding-bottom: 20px;
+ margin-bottom: 20px;
+ border: none;
+ background-color: rgba(255, 255, 255, $contentbg_transp);
+ border-radius: 4px;
+ position: relative;
+ color: $font_color_darker;
+ box-shadow: 0 0 3px #dadada;
+ -webkit-box-shadow: 0 0 3px #dadada;
+ -moz-box-shadow: 0 0 3px #dadada;
}
#content:hover .page-action.faded-icon {
- opacity: 0.8;
- transition: all 0.25s ease-in-out;
+ opacity: 0.8;
+ transition: all 0.25s ease-in-out;
}
#content .page-action.faded-icon:hover {
- opacity: 1;
+ opacity: 1;
}
.section-title-wrapper {
- overflow: hidden;
+ overflow: hidden;
}
/* Home and Login Page */
-body.mod-home nav.navbar .nav>li>a:hover {
- background-color: rgba(255,255,255,0.2);
+body.mod-home nav.navbar .nav > li > a:hover {
+ background-color: rgba(255, 255, 255, 0.2);
}
body.mod-home .navbar #nav-login,
body.mod-login .navbar #nav-login {
- display: none;
+ display: none;
}
/* Profile-page */
#profile-content-standard,
#profile-content-advanced {
- overflow: hidden;
+ overflow: hidden;
}
#profile-menu {
- margin-top: 20px;
- margin-bottom: 20px;
+ margin-top: 20px;
+ margin-bottom: 20px;
}
.contact-block-div.forumlist-profile-advanced {
- float: left;
+ float: left;
}
/* contacts page */
ul.viewcontact_wrapper {
- margin-left: -15px;
- margin-right: -15px;
+ margin-left: -15px;
+ margin-right: -15px;
}
ul.viewcontact_wrapper > li {
- padding-left: 15px;
+ padding-left: 15px;
}
.contact-wrapper .contact-photo-wrapper button {
- padding: 0;
+ padding: 0;
}
.contact-wrapper.media {
- overflow: visible;
- word-wrap: break-word;
- margin-top: 0;
+ overflow: visible;
+ word-wrap: break-word;
+ margin-top: 0;
}
/* bootstrap hack for .media */
.contact-wrapper.media .media-body {
- display: table-cell;
- width: 10000px;
- *width: auto;
- *zoom: 1;
+ display: table-cell;
+ width: 10000px;
+ *width: auto;
+ *zoom: 1;
}
-.contact-wrapper.media:before, .media:after {
- content: "";
- display: table;
+.contact-wrapper.media:before,
+.media:after {
+ content: "";
+ display: table;
}
.contact-wrapper.media:after {
- clear: both;
+ clear: both;
}
.contact-wrapper .contact-photo-image-wrapper img.contact-photo.xl {
- height: 80px;
- width: 80px;
+ height: 80px;
+ width: 80px;
}
.contact-wrapper .contact-photo-image-wrapper img.contact-photo-xs {
- height: 48px;
- width: 48px;
+ height: 48px;
+ width: 48px;
}
.contact-wrapper .contact-photo-overlay-content.xl {
- font-size: 48px;
+ font-size: 48px;
}
.contact-wrapper .contact-photo-menu {
- top: auto;
+ top: auto;
}
.contact-entry-desc {
- color: $font_color_darker;
+ color: $font_color_darker;
}
.contact-entry-checkbox {
- margin-top: -20px;
+ margin-top: -20px;
}
.contact-wrapper .media-body .contact-entry-name h4.media-heading a {
- font-weight: bold !important;
- color: $link_color;
- font-size: 15px !important;
+ font-weight: bold !important;
+ color: $link_color;
+ font-size: 15px !important;
}
.contact-wrapper .contact-actions {
- display: flex;
+ display: flex;
}
.contact-wrapper .contact-action-link,
.contact-wrapper .contact-action-link:hover,
.textcomplete-item .contact-wrapper .contact-action-link {
- padding: 0 5px;
- color: $font_color_darker;
- border: 0;
+ padding: 0 5px;
+ color: $font_color_darker;
+ border: 0;
}
.contact-wrapper .contact-action-link {
- opacity: 0.1;
- transition: all 0.25s ease-in-out;
+ opacity: 0.1;
+ transition: all 0.25s ease-in-out;
}
ul li:hover .contact-wrapper .contact-action-link {
- opacity: 0.8;
- transition: all 0.25s ease-in-out;
+ opacity: 0.8;
+ transition: all 0.25s ease-in-out;
}
ul li:hover .contact-wrapper .contact-action-link:hover {
- opacity: 1;
+ opacity: 1;
}
#contacts-search-wrapper,
-#directory-search-wrapper{
- padding: 10px 0;
+#directory-search-wrapper {
+ padding: 10px 0;
}
#contact-drop-confirm .contact-actions,
#contact-drop-confirm .contact-photo-overlay,
#contact-drop-confirm .contact-photo-menu {
- display: none;
+ display: none;
}
#contact-drop-confirm #confirm-form {
- margin-top: 20px;
+ margin-top: 20px;
}
/* contact-edit */
#contact-edit-actions {
- position: absolute;
+ position: absolute;
}
#contact-edit-status-wrapper {
- border: none;
- background-color: rgba(225, 245, 254, $contentbg_transp);
- margin: 15px -15px;
+ border: none;
+ background-color: rgba(225, 245, 254, $contentbg_transp);
+ margin: 15px -15px;
}
#contact-edit-settings {
- display: block;
+ display: block;
}
/* directory page */
#directory-search-heading {
- padding-top: 10px;
+ padding-top: 10px;
}
/* group edit page */
.group-actions {
- margin-top: 4px;
- margin-bottom: 10px;
- font-size: 30px;
+ margin-top: 4px;
+ margin-bottom: 10px;
+ font-size: 30px;
}
.group-actions button,
.group-actions a {
- font-size: 18px;
+ font-size: 18px;
}
-.contact-group-actions .fa-times-circle { color: #D00000;}
-.contact-group-actions .fa-plus-circle { color: #008000;}
+.contact-group-actions .fa-times-circle {
+ color: #d00000;
+}
+.contact-group-actions .fa-plus-circle {
+ color: #008000;
+}
#group-edit-wrapper {
- margin-top: 14px;
- display: none;
+ margin-top: 14px;
+ display: none;
}
#group-edit-header {
- display: block;
+ display: block;
}
#group-update-wrapper .contact-photo-overlay {
- display: none;
+ display: none;
}
#group-update-wrapper .viewcontact_wrapper .contact-group-actions {
- height: 100%;
- margin-top: -10px;
- display: flex;
+ height: 100%;
+ margin-top: -10px;
+ display: flex;
}
#group-update-wrapper .viewcontact_wrapper .contact-group-link {
- opacity: 0.8;
- font-size: 20px;
- line-height: 50px;
+ opacity: 0.8;
+ font-size: 20px;
+ line-height: 50px;
}
#group-update-wrapper .viewcontact_wrapper .contact-action-link:hover {
- opacity: 1;
+ opacity: 1;
}
#group-update-wrapper .shortmode {
- height: 53px;
- overflow: hidden;
+ height: 53px;
+ overflow: hidden;
}
#group-update-wrapper .shortmode .contact-photo {
- height: 32px;
- width: 32px;
+ height: 32px;
+ width: 32px;
}
#group-update-wrapper .shortmode .media {
- overflow: hidden;
+ overflow: hidden;
}
#group-update-wrapper .shortmode .contact-entry-desc {
- font-size: 12px !important;
+ font-size: 12px !important;
}
#group-update-wrapper .shortmode .contact-entry-desc h4.media-heading {
- margin: 0;
+ margin: 0;
}
#group-update-wrapper .shortmode .contact-entry-desc h4.media-heading a {
- font-size: 13px !important;
- white-space: nowrap;
+ font-size: 13px !important;
+ white-space: nowrap;
}
#group-update-wrapper .shortmode .contact-entry-desc .contact-entry-rel,
#group-update-wrapper .shortmode .contact-entry-desc .contact-entry-network {
- display: none;
+ display: none;
}
/* private mail */
.message-content-wrapper > li {
-/* we need this overwriting because we have no template file
+ /* we need this overwriting because we have no template file
for the general mail page /message
*/
- list-style-type: none;
+ list-style-type: none;
}
.mail-thread {
- max-height: calc(100vh - 200px);
+ max-height: calc(100vh - 200px);
}
#mail-conversation {
- overflow-y: auto;
- max-height: calc(100vh - 400px);
- max-height: auto;
- margin-bottom: 0px;
- padding: 0 15px;
+ overflow-y: auto;
+ max-height: calc(100vh - 400px);
+ max-height: auto;
+ margin-bottom: 0px;
+ padding: 0 15px;
}
.mail-conv-wrapper .media .contact-photo-wrapper img {
- height: 48px;
- width: 48px;
+ height: 48px;
+ width: 48px;
}
.mail-thread #prvmail-to-label,
.mail-thread #prvmail-subject-label {
- display: none;
+ display: none;
}
.mail-thread #prvmail-message-label > label {
- display:none;
+ display: none;
}
.mail-thread #prvmail-message-label textarea {
- max-height: 120px;
+ max-height: 120px;
}
.mail-conv-wrapper {
- padding: 15px 0;
- border-bottom: 1px solid rgba(238, 238, 238, $contentbg_transp);
+ padding: 15px 0;
+ border-bottom: 1px solid rgba(238, 238, 238, $contentbg_transp);
}
#message-sidebar {
- height: calc(100vh - 150px);
+ height: calc(100vh - 150px);
}
#message-preview {
- height: calc(100% - 20px);
+ height: calc(100% - 20px);
}
#message-preview ul {
- margin: 0px;
+ margin: 0px;
}
#message-preview .media-list li {
- padding: 0px 10px;
- border: none;
+ padding: 0px 10px;
+ border: none;
}
#message-preview .media-list li:hover {
- border-left: none !important;
+ border-left: none !important;
}
#message-preview .media-list li a {
- color: $link_color;
+ color: $link_color;
}
.mail-list-outside-wrapper {
- padding: 5px 0;
- border-bottom: 1px solid rgba(238, 238, 238, $contentbg_transp);
+ padding: 5px 0;
+ border-bottom: 1px solid rgba(238, 238, 238, $contentbg_transp);
}
.mail-list-outside-wrapper .contact-photo-wrapper img {
- height: 48px;
- width: 48px;
+ height: 48px;
+ width: 48px;
}
#prvmail-end {
- clear:both;
+ clear: both;
}
#modal #prvmail-text-edit-bb .bb-img {
- display: none;
+ display: none;
}
/* photos */
#photo-album-edit-name-label {
- width: 100%;
+ width: 100%;
}
.photo-album-edit-name {
- width: 60%;
+ width: 60%;
}
.photo-album-actions {
- margin-bottom: 10px;
+ margin-bottom: 10px;
}
.photo-album-actions .photos-order-link {
- float: right;
+ float: right;
}
/* Events page */
.fc .fc-month-view .fc-content .fc-title .item-desc:hover {
- color: $link_hover_color;
+ color: $link_hover_color;
}
.fc .fc-list-item-title a {
- color: $link_color;
+ color: $link_color;
}
.fc .fc-list-item-title a[href]:hover {
- color: $link_hover_color;
- text-decoration: none;
+ color: $link_hover_color;
+ text-decoration: none;
}
.event-wrapper .event-owner {
- margin-bottom: 15px;
+ margin-bottom: 15px;
}
.event-wrapper .event-owner img {
- display: block;
+ display: block;
}
.event-owner img {
- margin-right: 5px;
- height: 48px;
- width: 48;
- border-radius: 3px;
+ margin-right: 5px;
+ height: 48px;
+ width: 48;
+ border-radius: 3px;
}
.event-wrapper .vevent {
- margin-left: 0;
- margin-right: 0;
- box-shadow: 1.5px 0 0 0 rgba(0, 0, 0, .1) inset;
+ margin-left: 0;
+ margin-right: 0;
+ box-shadow: 1.5px 0 0 0 rgba(0, 0, 0, 0.1) inset;
}
.event-wrapper .event-buttons {
- margin-top: 15px;
+ margin-top: 15px;
}
#event-form-wrapper {
- padding-top: 5px;
+ padding-top: 5px;
}
#event-edit-form-wrapper {
- padding-top: 15px;
+ padding-top: 15px;
}
#event-nav a {
- color: $font_color_darker;
+ color: $font_color_darker;
}
#event-edit-form-wrapper #event-edit-time {
- padding: 10px 0;
+ padding: 10px 0;
}
.event-buttons .plink-event-link {
- margin-left: 20px;
+ margin-left: 20px;
}
.vevent .event-summary {
- font-size: 16px;
+ font-size: 16px;
}
.vevent .event-description {
- padding: 10px 0;
+ padding: 10px 0;
}
.vevent .event-location .location {
- font-size: inherit;
- color: inherit;
+ font-size: inherit;
+ color: inherit;
}
.modal-body .vevent .event-summary {
- display: none;
+ display: none;
}
#event-preview .vevent .event-summary {
- display: block;
+ display: block;
}
/* Event Cards */
-.event-card-details, .event-card-header {
- width: 100%;
+.event-card-details,
+.event-card-header {
+ width: 100%;
}
-.event-card-header, .event-card-left-date {
- float: left;
+.event-card-header,
+.event-card-left-date {
+ float: left;
}
.vevent .event-card-header {
- display: table;
+ display: table;
}
.event-card-left-date {
- width: 60px; /* Das muss wahrscheinlich unterschiedlich sein zwischen calendar und stream */
+ width: 60px; /* Das muss wahrscheinlich unterschiedlich sein zwischen calendar und stream */
}
.event-card .event-date-wrapper > span {
- display: block;
- overflow: hidden;
- text-align: center;
- white-space: nowrap;
+ display: block;
+ overflow: hidden;
+ text-align: center;
+ white-space: nowrap;
}
.event-card .event-date-wrapper .event-card-short-month {
- font-size: 13px;
- text-transform: uppercase;
+ font-size: 13px;
+ text-transform: uppercase;
}
.event-card .event-date-wrapper.medium .event-card-short-date {
- font-size: 24px;
- line-height: 28px;
- margin-top: 2px;
+ font-size: 24px;
+ line-height: 28px;
+ margin-top: 2px;
}
.event-card .event-card-content {
- width: 100%;
- padding: 0 5px 0 15px;
- box-shadow: 1.5px 0 0 0 rgba(0, 0, 0, .1) inset;
- color: $font_color;
- position: relative;
+ width: 100%;
+ padding: 0 5px 0 15px;
+ box-shadow: 1.5px 0 0 0 rgba(0, 0, 0, 0.1) inset;
+ color: $font_color;
+ position: relative;
}
.event-card .event-card-content .event-map-btn {
- position: absolute;
- right: 0;
- top:0;
- line-height: 15px;
+ position: absolute;
+ right: 0;
+ top: 0;
+ line-height: 15px;
}
.event-card .event-card-title {
- font-size: 14px;
- color: $font_color_darker;
- line-height: 15px;
- font-weight: bold;
- margin: 0;
+ font-size: 14px;
+ color: $font_color_darker;
+ line-height: 15px;
+ font-weight: bold;
+ margin: 0;
}
.event-card .event-card-location {
- margin-top: 10px;
- font-size: 13px;
+ margin-top: 10px;
+ font-size: 13px;
}
.event-card .event-card-location br {
- content: " ";
+ content: " ";
}
.event-card .event-card-location br::after {
- content: " ";
+ content: " ";
}
.event-card-profile-name a {
- color: $link_color;
+ color: $link_color;
}
.event-card-profile-name a:hover {
- color: $link_hover_color;
+ color: $link_hover_color;
}
.event-card .event-card-content .event-location-map {
- position: absolute;
- left: -9999px;
- top: -9999px;
+ position: absolute;
+ left: -9999px;
+ top: -9999px;
}
-.event-card .event-card-content .event-location-map .map{
- margin-top: 10px;
+.event-card .event-card-content .event-location-map .map {
+ margin-top: 10px;
}
.event-card .description {
- margin-top: 10px;
- box-shadow: 0 1.5px 0 0 rgba(0, 0, 0, .1) inset;
+ margin-top: 10px;
+ box-shadow: 0 1.5px 0 0 rgba(0, 0, 0, 0.1) inset;
}
/* Photos Pages */
#photo-photo {
- position: relative;
-}
-.photo-next-link, .photo-prev-link {
- height: 64px;
- margin-top: -32px;
- opacity: 0;
- position: absolute;
- top: 50%;
- transform: translateZ(0);
- transition: opacity .2s;
- width: 100px;
- z-index: 11;
- font-size: 64px;
- color: #fff;
- text-shadow:
- -1px -1px 0 #000,
- 1px -1px 0 #000,
- -1px 1px 0 #000,
- 1px 1px 0 #000;
-}
-.photo-next-link > i, .photo-prev-link > i {
- vertical-align: super;
+ position: relative;
+}
+.photo-next-link,
+.photo-prev-link {
+ height: 64px;
+ margin-top: -32px;
+ opacity: 0;
+ position: absolute;
+ top: 50%;
+ transform: translateZ(0);
+ transition: opacity 0.2s;
+ width: 100px;
+ z-index: 11;
+ font-size: 64px;
+ color: #fff;
+ text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
+}
+.photo-next-link > i,
+.photo-prev-link > i {
+ vertical-align: super;
}
.photo-next-link > i {
- float: right;
+ float: right;
}
.photo-prev-link {
- left: 20px;
+ left: 20px;
}
.photo-next-link {
- right: 20px;
+ right: 20px;
}
#photo-photo:hover .photo-next-link,
#photo-photo:hover .photo-prev-link {
- opacity: 0.4;
+ opacity: 0.4;
}
#photo-photo .photo-next-link:hover,
#photo-photo .photo-prev-link:hover {
- opacity: 1;
- color: #fff;
+ opacity: 1;
+ color: #fff;
}
.photo-comment-wrapper .comment {
- position: relative;
+ position: relative;
}
.photo-comment-wrapper .wall-item-content {
- color: $font_color_darker;
- font-size: 13px;
+ color: $font_color_darker;
+ font-size: 13px;
}
.photo-comment-wrapper .comment-wwedit-wrapper,
.photo-comment-wrapper .wall-item-outside-wrapper.media:first-child {
- margin-top: 15px;
+ margin-top: 15px;
}
/* Profiles Page */
.profile-listing-table {
- display: table;
- width: 100%;
+ display: table;
+ width: 100%;
}
.profile-listing-row {
- display: table-row;
+ display: table-row;
}
.profile-listing-cell {
- display: table-cell;
+ display: table-cell;
}
.profile-listing-photo {
- width: 48px;
- height: 48px;
- margin: 10px 0px;
+ width: 48px;
+ height: 48px;
+ margin: 10px 0px;
}
#profile-listing-new-link-wrapper {
- margin-bottom: 20px;
+ margin-bottom: 20px;
}
#profile-photo-upload-section {
- display: none;
- padding: 10px;
+ display: none;
+ padding: 10px;
}
#profile-photo-upload-close {
- font-size: 14px;
+ font-size: 14px;
}
/* Settings */
.section-subtitle-wrapper {
- padding: 1px 10px;
+ padding: 1px 10px;
}
-details.profile-jot-net[open] summary:before, .panel .section-subtitle-wrapper a.accordion-toggle:before {
- font-family: ForkAwesome;
- content: "\f0d7";
- padding-right: 5px;
+details.profile-jot-net[open] summary:before,
+.panel .section-subtitle-wrapper a.accordion-toggle:before {
+ font-family: ForkAwesome;
+ content: "\f0d7";
+ padding-right: 5px;
}
-details.profile-jot-net summary:before, .panel .section-subtitle-wrapper a.accordion-toggle.collapsed:before {
- font-family: ForkAwesome;
- content: "\f0da";
+details.profile-jot-net summary:before,
+.panel .section-subtitle-wrapper a.accordion-toggle.collapsed:before {
+ font-family: ForkAwesome;
+ content: "\f0da";
}
details.profile-jot-net summary:before {
- padding-right: 5px;
- padding-left: 3px;
+ padding-right: 5px;
+ padding-left: 3px;
}
details.profile-jot-net[open] summary:before {
- padding-right: 5px;
- padding-left: 0px;
+ padding-right: 5px;
+ padding-left: 0px;
}
#settings-nick-wrapper {
- margin-bottom: 20px;
+ margin-bottom: 20px;
}
.group {
- margin-left: 20px;
+ margin-left: 20px;
}
/* Emulates Bootstrap display */
.settings-block {
- margin: 0 0 5px;
- background-color: rgba(255, 255, 255, $contentbg_transp);
- border-radius: 4px;
- padding: 10px 15px;
- box-shadow: 0 0 3px #dadada;
- -webkit-box-shadow: 0 0 3px #dadada;
- -moz-box-shadow: 0 0 3px #dadada;
+ margin: 0 0 5px;
+ background-color: rgba(255, 255, 255, $contentbg_transp);
+ border-radius: 4px;
+ padding: 10px 15px;
+ box-shadow: 0 0 3px #dadada;
+ -webkit-box-shadow: 0 0 3px #dadada;
+ -moz-box-shadow: 0 0 3px #dadada;
}
-.settings-block.fakelink, .settings-block > .fakelink {
- padding: 10px 25px;
- display: block;
+.settings-block.fakelink,
+.settings-block > .fakelink {
+ padding: 10px 25px;
+ display: block;
}
.settings-block > .fakelink {
- margin: -10px -15px 10px -15px;
- border-radius: 4px 4px 0 0;
+ margin: -10px -15px 10px -15px;
+ border-radius: 4px 4px 0 0;
}
-.settings-block.fakelink:hover, .settings-block > .fakelink:hover {
- color: $link_hover_color;
+.settings-block.fakelink:hover,
+.settings-block > .fakelink:hover {
+ color: $link_hover_color;
}
-.settings-block.fakelink > h3, .settings-block > .fakelink > h3 {
- margin: 0;
- padding: 0;
- color: $link_color;
- font-size: 18px;
+.settings-block.fakelink > h3,
+.settings-block > .fakelink > h3 {
+ margin: 0;
+ padding: 0;
+ color: $link_color;
+ font-size: 18px;
}
.section-subtitle-wrapper > h2 {
}
.fakelink > h3:before {
- padding-right: 10px;
+ padding-right: 10px;
}
.widget.fakelink > h3:before,
.settings-block.fakelink > h3:before {
- font-family: ForkAwesome;
- content: "\f0da"; /* Right Plain Pointer */
+ font-family: ForkAwesome;
+ content: "\f0da"; /* Right Plain Pointer */
}
.widget > .fakelink > h3:before,
#sidebar-group-header > .fakelink > h3:before,
.settings-block > .fakelink > h3:before {
- font-family: ForkAwesome;
- content: "\f0d7"; /* Bottom Plain Pointer */
+ font-family: ForkAwesome;
+ content: "\f0d7"; /* Bottom Plain Pointer */
}
h3.connector {
- line-height: 40px;
+ line-height: 40px;
}
/* Intro Notifications */
ul.notif-network-list {
- margin-left: -15px;
- margin-right: -15px;
+ margin-left: -15px;
+ margin-right: -15px;
}
ul.notif-network-list > li {
- padding-left: 15px;
- padding-right: 15px;
+ padding-left: 15px;
+ padding-right: 15px;
}
.intro-wrapper.media {
- overflow: visible;
- word-wrap: break-word;
- margin-top: 0;
+ overflow: visible;
+ word-wrap: break-word;
+ margin-top: 0;
}
.intro-photo-wrapper img.intro-photo {
- height:80px;
- width: 80px;
- border-radius: 4px;
+ height: 80px;
+ width: 80px;
+ border-radius: 4px;
}
.intro-actions {
- display: flex;
+ display: flex;
}
.intro-enty-name h4 {
- font-size: 15px !important;
+ font-size: 15px !important;
}
.intro-wrapper button.intro-action-link {
- opacity: 0.1;
- transition: all 0.25s ease-in-out;
+ opacity: 0.1;
+ transition: all 0.25s ease-in-out;
}
.intro-wrapper button.intro-action-link,
.intro-wrapper button.intro-action-link:hover {
- padding-right: 5px;
- padding-left: 5px;
- color: $font_color_darker;
+ padding-right: 5px;
+ padding-left: 5px;
+ color: $font_color_darker;
}
ul li:hover .intro-wrapper button.intro-action-link {
- opacity: 0.8;
- transition: all 0.25s ease-in-out;
+ opacity: 0.8;
+ transition: all 0.25s ease-in-out;
}
ul li:hover .intro-wrapper button.intro-action-link:hover {
- opacity: 1;
+ opacity: 1;
}
.intro-action-buttons {
- margin-top: 15px;
- max-height: 0px;
- overflow: hidden;
- transition: max-height 0.1s ease-out;
+ margin-top: 15px;
+ max-height: 0px;
+ overflow: hidden;
+ transition: max-height 0.1s ease-out;
}
ul.notif-network-list > li:hover .intro-action-buttons {
- max-height: 30px;
- transition: max-height 0.1s ease-in;
-}
-.intro-desc-label, .intro-url-label, .intro-network-label,
-.intro-location-label, .intro-keywords-label,
-.intro-about-label, .intro-knowyou-label, .intro-madeby-label {
- font-weight: bold;
+ max-height: 30px;
+ transition: max-height 0.1s ease-in;
+}
+.intro-desc-label,
+.intro-url-label,
+.intro-network-label,
+.intro-location-label,
+.intro-keywords-label,
+.intro-about-label,
+.intro-knowyou-label,
+.intro-madeby-label {
+ font-weight: bold;
}
-.intro-contact-info.xs .intro-url-label, .intro-contact-info.xs .intro-network-label,
+.intro-contact-info.xs .intro-url-label,
+.intro-contact-info.xs .intro-network-label,
.intro-contact-info.xs .intro-location-label,
-.intro-contact-info.xs .intro-keywords-label, .intro-contact-info.xs .intro-about-label,
+.intro-contact-info.xs .intro-keywords-label,
+.intro-contact-info.xs .intro-about-label,
.intro-contact-info.xs .intro-knowyou-label {
- display: block;
- margin-top: 5px
+ display: block;
+ margin-top: 5px;
}
/* Notifications Page */
ul.notif-network-list li.unseen {
- background-color: #e3eff3;
+ background-color: #e3eff3;
}
.notif-item img.notif-image {
- height: 48px;
- width: 48px;
- border-radius: 4px;
+ height: 48px;
+ width: 48px;
+ border-radius: 4px;
}
.notif-item .notif-desc-wrapper {
- height: 48px;
+ height: 48px;
}
.notif-item .notif-desc-wrapper a {
- height: 100%;
- display: block;
- color: $font_color_darker;
- font-size: 13px;
- font-weight: 600;
+ height: 100%;
+ display: block;
+ color: $font_color_darker;
+ font-size: 13px;
+ font-weight: 600;
}
/* Search Page */
So we apply the css of the generic-page-wrapper class to the ul element with some
little modifications to emulate a standard page template */
.search-content-wrapper > ul.viewcontact_wrapper {
- min-height: calc(100vh - 150px);
- padding-top: 15px;
- padding-bottom: 20px;
- margin: 0;
- margin-bottom: 20px;
- border: none;
- background-color: rgba(255,255,255,$contentbg_transp);
- border-radius: 4px;
- position: relative;
- color: $font_color_darker;
- box-shadow: 0 0 3px #dadada;
- -webkit-box-shadow: 0 0 3px #dadada;
- -moz-box-shadow: 0 0 3px #dadada;
+ min-height: calc(100vh - 150px);
+ padding-top: 15px;
+ padding-bottom: 20px;
+ margin: 0;
+ margin-bottom: 20px;
+ border: none;
+ background-color: rgba(255, 255, 255, $contentbg_transp);
+ border-radius: 4px;
+ position: relative;
+ color: $font_color_darker;
+ box-shadow: 0 0 3px #dadada;
+ -webkit-box-shadow: 0 0 3px #dadada;
+ -moz-box-shadow: 0 0 3px #dadada;
}
/* Help Page */
section.help-content-wrapper h1 {
- padding-bottom: 0.3em;
- font-size: 1.8em;
- border-bottom: 1px solid #ddd;
+ padding-bottom: 0.3em;
+ font-size: 1.8em;
+ border-bottom: 1px solid #ddd;
}
section.help-content-wrapper h2 {
- padding-bottom: 0.3em;
- font-size: 1.5em;
- border-bottom: 1px solid #ddd;
+ padding-bottom: 0.3em;
+ font-size: 1.5em;
+ border-bottom: 1px solid #ddd;
}
section.help-content-wrapper h3 {
- font-size: 1.2em;
+ font-size: 1.2em;
}
section.help-content-wrapper h4 {
- font-size: 1em;
+ font-size: 1em;
}
section.help-content-wrapper h1,
section.help-content-wrapper h2,
section.help-content-wrapper h4,
section.help-content-wrapper h5,
section.help-content-wrapper h6 {
- margin-top: 24px;
- margin-bottom: 16px;
- font-weight: 600;
- line-height: 1.25;
+ margin-top: 24px;
+ margin-bottom: 16px;
+ font-weight: 600;
+ line-height: 1.25;
}
section.help-content-wrapper p {
- margin: 0.4em 0;
+ margin: 0.4em 0;
}
section.help-content-wrapper p,
section.help-content-wrapper a,
section.help-content-wrapper li {
- line-height: 1.6;
- font-size: 0.96em;
+ line-height: 1.6;
+ font-size: 0.96em;
}
/*Admin Page*/
#adminpage #frio_background_image .image-select {
- display: none;
+ display: none;
}
#adminpage #frio_background_image.input-group {
- display: block;
+ display: block;
}
#admin-summary-wrapper {
- padding-top: 10px;
+ padding-top: 10px;
}
-#adminpage ul#addonslist, li.addon {
- list-style: none;
+#adminpage ul#addonslist,
+li.addon {
+ list-style: none;
}
#adminpage li .icon {
- display: inline-block;
- vertical-align: text-top;
- position: relative;
- padding-left: 5px;
+ display: inline-block;
+ vertical-align: text-top;
+ position: relative;
+ padding-left: 5px;
}
#adminpage li .icon:before {
- content: "";
- display: inline-block;
- position: absolute;
- width: 17px;
- height: 17px;
- left: 0;
- margin-left: -20px;
- margin-top: 2px;
- border: 1px solid #cccccc;
- border-radius: 3px;
+ content: "";
+ display: inline-block;
+ position: absolute;
+ width: 17px;
+ height: 17px;
+ left: 0;
+ margin-left: -20px;
+ margin-top: 2px;
+ border: 1px solid #cccccc;
+ border-radius: 3px;
background-color: $background_color;
- -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
- -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
- transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
+ -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
+ -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
+ transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
#adminpage li .icon.on:after {
- font-family: "ForkAwesome";
- content: "\f00c";
- display: inline-block;
- position: absolute;
- width: 16px;
- height: 16px;
- left: 0;
- top: 0;
- margin-left: -20px;
- margin-top: 2px;
- padding-left: 3px;
- padding-top: 1px;
- font-size: 11px;
- color: $link_color;
+ font-family: "ForkAwesome";
+ content: "\f00c";
+ display: inline-block;
+ position: absolute;
+ width: 16px;
+ height: 16px;
+ left: 0;
+ top: 0;
+ margin-left: -20px;
+ margin-top: 2px;
+ padding-left: 3px;
+ padding-top: 1px;
+ font-size: 11px;
+ color: $link_color;
}
#adminpage .addon .desc {
- padding-left: 10px;
+ padding-left: 10px;
}
#admin-users #users tr.blocked {
- background-color: #f8efc0;
+ background-color: #f8efc0;
}
.adminpage .table-hover > tbody > tr:hover + tr.details {
- background-color: #f5f5f5;
+ background-color: #f5f5f5;
}
.offset-anchor::before {
- display: block;
- content: " ";
- margin-top: -100px;
- height: 100px;
- visibility: hidden;
- pointer-events: none;
+ display: block;
+ content: " ";
+ margin-top: -100px;
+ height: 100px;
+ visibility: hidden;
+ pointer-events: none;
}
#relocate-form {
/* Manage Page */
#identity-selector-wrapper {
- width: auto;
- height: auto;
- margin-top: 20px;
+ width: auto;
+ height: auto;
+ margin-top: 20px;
}
#identity-selector-wrapper .identity-match-photo {
- width: auto;
- float: none;
+ width: auto;
+ float: none;
}
#identity-selector-wrapper .identity-match-photo button {
- position: relative;
+ position: relative;
}
#identity-selector-wrapper .identity-match-photo .badge {
- position: absolute;
- top: -8px;
- right: -8px;
+ position: absolute;
+ top: -8px;
+ right: -8px;
}
#identity-selector-wrapper .identity-match-name {
- text-align: center;
+ text-align: center;
}
#identity-selector-wrapper .identity-match-details {
- width: auto;
- float: none;
+ width: auto;
+ float: none;
}
/* Register Page */
-#register-openid-wrapper, #register-name-wrapper, #register-invite-wrapper, #profile-publish-wrapper {
- margin-top: 20px;
+#register-openid-wrapper,
+#register-name-wrapper,
+#register-invite-wrapper,
+#profile-publish-wrapper {
+ margin-top: 20px;
}
-#register-openid-end, #register-nickname-end
-{
- margin-top: 40px;
+#register-openid-end,
+#register-nickname-end {
+ margin-top: 40px;
}
/*
* Overwriting for transparency and other colors
*/
-main .nav-tabs>li.active>a,
-main .nav-tabs>li.active>a:focus,
-main .nav-tabs>li.active>a:hover {
- background-color: rgba(255,255,255,$contentbg_transp);
+main .nav-tabs > li.active > a,
+main .nav-tabs > li.active > a:focus,
+main .nav-tabs > li.active > a:hover {
+ background-color: rgba(255, 255, 255, $contentbg_transp);
}
/*
* Modal
*/
.modal hr {
- border-color: #eee;
+ border-color: #eee;
}
@media (min-width: 768px) {
/* textcomplete for contact filtering*/
#contact-list ul.dropdown-menu.textcomplete-dropdown.media-list {
- position: relative !important;
- top: inherit !important;
- bottom: inherit !important;
- left: inherit !important;
- padding: 0;
- margin-left: -15px;
- margin-right: -15px;
- background-color: transparent;
- box-shadow: none;
- border: none;
+ position: relative !important;
+ top: inherit !important;
+ bottom: inherit !important;
+ left: inherit !important;
+ padding: 0;
+ margin-left: -15px;
+ margin-right: -15px;
+ background-color: transparent;
+ box-shadow: none;
+ border: none;
}
#contact-list ul.dropdown-menu.textcomplete-dropdown.media-list > li {
- padding-left: 15px;
- border-bottom: 1px solid rgba(238, 238, 238, $contentbg_transp);
+ padding-left: 15px;
+ border-bottom: 1px solid rgba(238, 238, 238, $contentbg_transp);
}
#contact-list ul.dropdown-menu.textcomplete-dropdown.media-list > li:first-child {
- display: none;
+ display: none;
}
-#contact-list ul.dropdown-menu.textcomplete-dropdown.media-list
-.textcomplete-item > a {
- padding: 0 !important;
- border-left: none;
- background-color: transparent !important;
+#contact-list ul.dropdown-menu.textcomplete-dropdown.media-list .textcomplete-item > a {
+ padding: 0 !important;
+ border-left: none;
+ background-color: transparent !important;
}
/* this is a little hack for texcomplete contact filter
There are for some reasons empty <a> tags. I don't know why */
.textcomplete-item .contact-wrapper a {
- padding: 0;
+ padding: 0;
}
/* hovercard fix */
body .tread-wrapper .hovercard a,
body .tread-wrapper .hovercard a:hover {
- color: $link_color;
+ color: $link_color;
}
body .tread-wrapper .hovercard:hover .hover-card-content a {
- color: $link_color !important;
+ color: $link_color !important;
}
/* Pagination improvements */
.pagination {
- text-align: center;
- display: block;
+ text-align: center;
+ display: block;
}
.pagination > li > a,
.pagination > li > span {
- color: $link_color;
- float: none;
+ color: $link_color;
+ float: none;
}
-.pagination>li>a:hover,
-.pagination>li>span:hover {
- color: $link_hover_color;
+.pagination > li > a:hover,
+.pagination > li > span:hover {
+ color: $link_hover_color;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
- background-color: $link_color;
- border-color: $link_color;
- border-radius: 3px;
+ background-color: $link_color;
+ border-color: $link_color;
+ border-radius: 3px;
}
.pagination li.pager_n a {
- margin-left: 3px;
- border-radius: 3px;
+ margin-left: 3px;
+ border-radius: 3px;
}
.pagination .pager_prev a {
- margin-left: -5px;
- margin-right: 4px;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
+ margin-left: -5px;
+ margin-right: 4px;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
}
.pagination .pager_next a {
- margin-left: 4px;
- margin-right: -5px;
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
+ margin-left: 4px;
+ margin-right: -5px;
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
}
.pager .next > a,
.pager .previous > a {
- float: none;
- border-radius: 3px;
+ float: none;
+ border-radius: 3px;
}
.pagination .disabled > a,
.pager .disabled > a {
- display: none;
+ display: none;
}
.pagination li > a,
* elsewhere (e.g. new templates)
*/
section .profile-match-wrapper {
- float: left;
+ float: left;
}
/**
* Login page
*/
#login-submit-wrapper {
- float: right;
+ float: right;
+}
+#lost-password-link {
+ flex-grow: 2;
}
-#lost-password-link { flex-grow: 2; }
#login-lost-password-link {
- margin-bottom: 10px;
- float: right;
+ margin-bottom: 10px;
+ float: right;
}
#div_id_remember {
- float: left;
+ float: left;
}
#id_password_wrapper {
- margin-bottom: unset;
+ margin-bottom: unset;
}
#login_openid {
- clear: both;
+ clear: both;
}
#register-link {
- color: white;
- background: #8ad0a1;
- width: 100%;
+ color: white;
+ background: #8ad0a1;
+ width: 100%;
}
#login-end {
- clear: both;
+ clear: both;
}
.mod-home.is-not-singleuser,
.mod-login {
- background-color: $login_bg_color;
- background-image: linear-gradient(to right, rgba(0,0,0, 0.7) , rgba(0,0,0, 0.4)), url($login_bg_image);
- background-size: cover;
- background-attachment: fixed;
- background-position: center;
- padding-top: 0;
+ background-color: $login_bg_color;
+ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.4)), url($login_bg_image);
+ background-size: cover;
+ background-attachment: fixed;
+ background-position: center;
+ padding-top: 0;
}
.mod-home.is-not-singleuser nav.navbar,
-.mod-login nav.navbar { background-color: transparent }
+.mod-login nav.navbar {
+ background-color: transparent;
+}
.mod-home.is-not-singleuser #topbar-second,
.mod-login #topbar-second {
- background-color: transparent;
- box-shadow: unset;
- border: 0
+ background-color: transparent;
+ box-shadow: unset;
+ border: 0;
}
.mod-home.is-not-singleuser .login-content,
.mod-login .login-content {
- color: #eee;
- margin-top: 2.5%;
+ color: #eee;
+ margin-top: 2.5%;
}
.mod-home.is-not-singleuser .login-form > #login-extra-links {
- margin-top: 4em;
+ margin-top: 4em;
}
.mod-home.is-not-singleuser .login-form > #login-form label,
.mod-login #content #login-form label {
- color: #eee;
+ color: #eee;
}
.mod-home.is-not-singleuser .login-panel-content,
.mod-login .login-panel-content {
- background-color: rgba(255,255,255,.85);
+ background-color: rgba(255, 255, 255, 0.85);
}
.qq-upload-button {
- background: $nav_bg !important;
- color: $btn_primary_color !important;
- float: none;
- border: none;
- -webkit-box-shadow: none;
- box-shadow: none;
- -moz-box-shadow: none;
- background-image: none;
- text-shadow: none;
- border-radius: 3px;
- margin-bottom: 0;
- font-size: 14px;
- font-weight: 600;
- padding: 8px 16px;
- color: inherit;
- width: 100% !important;
+ background: $nav_bg !important;
+ color: $btn_primary_color !important;
+ float: none;
+ border: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ -moz-box-shadow: none;
+ background-image: none;
+ text-shadow: none;
+ border-radius: 3px;
+ margin-bottom: 0;
+ font-size: 14px;
+ font-weight: 600;
+ padding: 8px 16px;
+ color: inherit;
+ width: 100% !important;
}
.qq-upload-drop-area {
- background: white !important;
- float: none;
- border: none;
- -webkit-box-shadow: none;
- box-shadow: none;
- -moz-box-shadow: none;
- background-image: none;
- text-shadow: none;
- border-radius: 3px;
- margin-bottom: 0;
- font-size: 14px;
- font-weight: 600;
- padding: 8px 16px;
- color: inherit;
- width: 100% !important;
- display: block !important;
- position: relative !important;
- border: black 1px dashed !important;
- margin-bottom: 5px !important;
- margin-top: 15px !important;
+ background: white !important;
+ float: none;
+ border: none;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ -moz-box-shadow: none;
+ background-image: none;
+ text-shadow: none;
+ border-radius: 3px;
+ margin-bottom: 0;
+ font-size: 14px;
+ font-weight: 600;
+ padding: 8px 16px;
+ color: inherit;
+ width: 100% !important;
+ display: block !important;
+ position: relative !important;
+ border: black 1px dashed !important;
+ margin-bottom: 5px !important;
+ margin-top: 15px !important;
}
/**
#fc-title {
margin: 0;
padding-left: 20px;
-
}
#fc-header-right {
margin-top: -4px;
}
#event-calendar-views {
padding: 6px 9px;
- font-size: 14px
+ font-size: 14px;
}
.fc .fc-toolbar {
display: none;
font-size: 12px;
}
.fc .fc-event {
- background-color: #E3F2FD;
- border: 1px solid #BBDEFB;
+ background-color: #e3f2fd;
+ border: 1px solid #bbdefb;
color: $font_color_darker;
}
.fc .fc-month-view .fc-time,
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
- .mod-home.is-not-singleuser #content,
- .mod-login #content {
- margin-top: 100px!important;
- }
-
- .mod-home.is-not-singleuser .login-form > #login-form,
- .mod-home.is-not-singleuser .login-form > #login-extra-links,
- .mod-login #content #login-form {
- background-color: #fff;
- padding: 1em;
- position: relative;
- }
- .mod-home.is-not-singleuser .login-form > #login-extra-links {
- margin-top: unset;
- background-color: white;
- }
-
- .mod-home.is-not-singleuser .login-form > #login-form label,
- .mod-login #content #login-form label {
- color: #444;
- }
-
- .mod-home.is-not-singleuser .login-form::before,
- .mod-login #content #login-form::before {
- display: block;
- position: absolute;
- content: " ";
- background-color: rgba(255,255,255,0.1);
- width:90%;
- height: 110%;
- top: -5%;
- left: 5%;
- z-index: -1;
- }
-
- .mod-home.is-not-singleuser .login-form::after,
- .mod-login #content #login-form::after {
- display: block;
- position: absolute;
- content: " ";
- background-color: rgba(255,255,255,0.2);
- width:80%;
- height: 120%;
- top: -10%;
- left: 10%;
- z-index: -1;
- }
+ .mod-home.is-not-singleuser #content,
+ .mod-login #content {
+ margin-top: 100px !important;
+ }
+
+ .mod-home.is-not-singleuser .login-form > #login-form,
+ .mod-home.is-not-singleuser .login-form > #login-extra-links,
+ .mod-login #content #login-form {
+ background-color: #fff;
+ padding: 1em;
+ position: relative;
+ }
+ .mod-home.is-not-singleuser .login-form > #login-extra-links {
+ margin-top: unset;
+ background-color: white;
+ }
+
+ .mod-home.is-not-singleuser .login-form > #login-form label,
+ .mod-login #content #login-form label {
+ color: #444;
+ }
+
+ .mod-home.is-not-singleuser .login-form::before,
+ .mod-login #content #login-form::before {
+ display: block;
+ position: absolute;
+ content: " ";
+ background-color: rgba(255, 255, 255, 0.1);
+ width: 90%;
+ height: 110%;
+ top: -5%;
+ left: 5%;
+ z-index: -1;
+ }
+
+ .mod-home.is-not-singleuser .login-form::after,
+ .mod-login #content #login-form::after {
+ display: block;
+ position: absolute;
+ content: " ";
+ background-color: rgba(255, 255, 255, 0.2);
+ width: 80%;
+ height: 120%;
+ top: -10%;
+ left: 10%;
+ z-index: -1;
+ }
}
/* Mobile display */
body {
padding-top: 95px;
}
- body.minimal {
- padding: 15px;
- }
+ body.minimal {
+ padding: 15px;
+ }
- #friendica-logo-mask {
+ #friendica-logo-mask {
display: none;
}
padding: 10px;
}
- .toplevel_item > .wall-item-container {
- padding: 0;
- }
+ .toplevel_item > .wall-item-container {
+ padding: 0;
+ }
.wall-spacer {
height: 0px;
margin-top: 0;
}
- .generic-page-wrapper, .videos-content-wrapper, .suggest-content-wrapper, .help-content-wrapper, .match-content-wrapper, .dirfind-content-wrapper, .directory-content-wrapper, .delegation-content-wrapper, .notes-content-wrapper, .message-content-wrapper, .apps-content-wrapper, #adminpage, .delegate-content-wrapper, .uexport-content-wrapper, .dfrn_request-content-wrapper, .friendica-content-wrapper, .credits-content-wrapper, .nogroup-content-wrapper, .profperm-content-wrapper, .invite-content-wrapper, .tos-content-wrapper, .fsuggest-content-wrapper {
+ .generic-page-wrapper,
+ .videos-content-wrapper,
+ .suggest-content-wrapper,
+ .help-content-wrapper,
+ .match-content-wrapper,
+ .dirfind-content-wrapper,
+ .directory-content-wrapper,
+ .delegation-content-wrapper,
+ .notes-content-wrapper,
+ .message-content-wrapper,
+ .apps-content-wrapper,
+ #adminpage,
+ .delegate-content-wrapper,
+ .uexport-content-wrapper,
+ .dfrn_request-content-wrapper,
+ .friendica-content-wrapper,
+ .credits-content-wrapper,
+ .nogroup-content-wrapper,
+ .profperm-content-wrapper,
+ .invite-content-wrapper,
+ .tos-content-wrapper,
+ .fsuggest-content-wrapper {
border-radius: 0;
padding: 10px;
}
margin-right: 0;
}
- .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
+ .col-lg-1,
+ .col-lg-10,
+ .col-lg-11,
+ .col-lg-12,
+ .col-lg-2,
+ .col-lg-3,
+ .col-lg-4,
+ .col-lg-5,
+ .col-lg-6,
+ .col-lg-7,
+ .col-lg-8,
+ .col-lg-9,
+ .col-md-1,
+ .col-md-10,
+ .col-md-11,
+ .col-md-12,
+ .col-md-2,
+ .col-md-3,
+ .col-md-4,
+ .col-md-5,
+ .col-md-6,
+ .col-md-7,
+ .col-md-8,
+ .col-md-9,
+ .col-sm-1,
+ .col-sm-10,
+ .col-sm-11,
+ .col-sm-12,
+ .col-sm-2,
+ .col-sm-3,
+ .col-sm-4,
+ .col-sm-5,
+ .col-sm-6,
+ .col-sm-7,
+ .col-sm-8,
+ .col-sm-9,
+ .col-xs-1,
+ .col-xs-10,
+ .col-xs-11,
+ .col-xs-12,
+ .col-xs-2,
+ .col-xs-3,
+ .col-xs-4,
+ .col-xs-5,
+ .col-xs-6,
+ .col-xs-7,
+ .col-xs-8,
+ .col-xs-9 {
padding-right: 0;
}
font-size: 16px;
}
- .wall-item-container.thread_level_3,
- .wall-item-container.thread_level_4,
- .wall-item-container.thread_level_5,
- .wall-item-container.thread_level_6,
- .wall-item-container.thread_level_7 {
- margin-left: 5px;
- }
+ .wall-item-container.thread_level_3,
+ .wall-item-container.thread_level_4,
+ .wall-item-container.thread_level_5,
+ .wall-item-container.thread_level_6,
+ .wall-item-container.thread_level_7 {
+ margin-left: 5px;
+ }
}
// @license magnet:?xt=urn:btih:0b31508aeb0634b347b8270c7bee4d411b5d4109&dn=agpl-3.0.txt AGPLv3-or-later
-$(function() {
+$(function () {
// Jot attachment live preview.
- let $textarea = $('textarea[name=body]');
+ let $textarea = $("textarea[name=body]");
$textarea.linkPreview();
- $textarea.keyup(function(){
+ $textarea.keyup(function () {
var textlen = $(this).val().length;
- $('#character-counter').text(textlen);
+ $("#character-counter").text(textlen);
});
- $textarea.editor_autocomplete(baseurl + '/search/acl');
- $textarea.bbco_autocomplete('bbcode');
+ $textarea.editor_autocomplete(baseurl + "/search/acl");
+ $textarea.bbco_autocomplete("bbcode");
- let location_button = document.getElementById('profile-location');
- let location_input = document.getElementById('jot-location');
+ let location_button = document.getElementById("profile-location");
+ let location_input = document.getElementById("jot-location");
if (location_button && location_input) {
updateLocationButtonDisplay(location_button, location_input);
- location_input.addEventListener('change', function () {
+ location_input.addEventListener("change", function () {
updateLocationButtonDisplay(location_button, location_input);
});
- location_input.addEventListener('keyup', function () {
+ location_input.addEventListener("keyup", function () {
updateLocationButtonDisplay(location_button, location_input);
});
- location_button.addEventListener('click', function() {
+ location_button.addEventListener("click", function () {
if (location_input.value) {
- location_input.value = '';
+ location_input.value = "";
updateLocationButtonDisplay(location_button, location_input);
} else if ("geolocation" in navigator) {
- navigator.geolocation.getCurrentPosition(function(position) {
- location_input.value = position.coords.latitude + ', ' + position.coords.longitude;
- updateLocationButtonDisplay(location_button, location_input);
- }, function (error) {
- location_button.disabled = true;
- updateLocationButtonDisplay(location_button, location_input);
- });
+ navigator.geolocation.getCurrentPosition(
+ function (position) {
+ location_input.value = position.coords.latitude + ", " + position.coords.longitude;
+ updateLocationButtonDisplay(location_button, location_input);
+ },
+ function (error) {
+ location_button.disabled = true;
+ updateLocationButtonDisplay(location_button, location_input);
+ },
+ );
}
});
}
});
-function updateLocationButtonDisplay(location_button, location_input)
-{
- location_button.classList.remove('btn-primary');
+function updateLocationButtonDisplay(location_button, location_input) {
+ location_button.classList.remove("btn-primary");
if (location_input.value) {
location_button.disabled = false;
- location_button.classList.add('btn-primary');
+ location_button.classList.add("btn-primary");
location_button.title = location_button.dataset.titleClear;
} else if (!"geolocation" in navigator) {
location_button.disabled = true;
// @license magnet:?xt=urn:btih:0b31508aeb0634b347b8270c7bee4d411b5d4109&dn=agpl-3.0.txt AGPLv3-or-later
-$(document).ready(function() {
+$(document).ready(function () {
// Go to the permissions tab if the checkbox is checked.
- $('body').on("click", "#id_share", function() {
- if ($('#id_share').is(':checked') && !( $('#id_share').attr("disabled"))) {
- $('#acl-wrapper').show();
- $("a#event-perms-lnk").parent("li").show();
- toggleEventNav("a#event-perms-lnk");
- eventAclActive();
- }
- else {
- $('#acl-wrapper').hide();
- $("a#event-perms-lnk").parent("li").hide();
- }
- }).trigger('change');
+ $("body")
+ .on("click", "#id_share", function () {
+ if ($("#id_share").is(":checked") && !$("#id_share").attr("disabled")) {
+ $("#acl-wrapper").show();
+ $("a#event-perms-lnk").parent("li").show();
+ toggleEventNav("a#event-perms-lnk");
+ eventAclActive();
+ } else {
+ $("#acl-wrapper").hide();
+ $("a#event-perms-lnk").parent("li").hide();
+ }
+ })
+ .trigger("change");
// Disable the finish time input if the user disable it.
- $('body').on("change", "#id_nofinish", function() {
- enableDisableFinishDate()
- }).trigger('change');
+ $("body")
+ .on("change", "#id_nofinish", function () {
+ enableDisableFinishDate();
+ })
+ .trigger("change");
// JS for the permission section.
- $('#contact_allow, #contact_deny, #group_allow, #group_deny').change(function() {
- var selstr;
- $('#contact_allow option:selected, #contact_deny option:selected, #group_allow option:selected, #group_deny option:selected').each( function() {
- selstr = $(this).html();
- $('#jot-public').hide();
- });
- if (selstr == null) {
- $('#jot-public').show();
- }
-
- }).trigger('change');
+ $("#contact_allow, #contact_deny, #group_allow, #group_deny")
+ .change(function () {
+ var selstr;
+ $(
+ "#contact_allow option:selected, #contact_deny option:selected, #group_allow option:selected, #group_deny option:selected",
+ ).each(function () {
+ selstr = $(this).html();
+ $("#jot-public").hide();
+ });
+ if (selstr == null) {
+ $("#jot-public").show();
+ }
+ })
+ .trigger("change");
// Change the event nav menu.tabs on click.
- $("body").on("click", "#event-nav > li > a", function(e){
+ $("body").on("click", "#event-nav > li > a", function (e) {
e.preventDefault();
toggleEventNav(this);
});
// Clear some elements (e.g. the event-preview container) when
// selecting a event nav link so it don't appear more than once.
- $('body').on("click", "#event-nav a", function(e) {
+ $("body").on("click", "#event-nav a", function (e) {
$("#event-preview").empty();
e.preventDefault();
});
// Load the html of the actual event and incect the output to the
// event-edit section.
function doEventPreview() {
- $('#event-edit-preview').val(1);
- $.post('events',$('#event-edit-form').serialize(), function(data) {
+ $("#event-edit-preview").val(1);
+ $.post("events", $("#event-edit-form").serialize(), function (data) {
$("#event-preview").append(data);
});
- $('#event-edit-preview').val(0);
+ $("#event-edit-preview").val(0);
}
-
// The following functions show/hide the specific event-edit content
// in dependence of the selected nav.
function eventAclActive() {
$("#event-acl-wrapper").show();
}
-
function eventPreviewActive() {
$("#event-acl-wrapper, #event-edit-wrapper, #event-desc-wrapper").hide();
$("#event-preview").show();
}
// Give the active "event-nav" list element the class "active".
-function toggleEventNav (elm) {
+function toggleEventNav(elm) {
// Select all li of #event-nav and remove the active class.
$(elm).closest("#event-nav").children("li").removeClass("active");
// Add the active class to the parent of the link which was selected.
$(elm).parent("li").addClass("active");
}
-
-
// Disable the input for the finish date if it is not available.
function enableDisableFinishDate() {
- if( $('#id_nofinish').is(':checked'))
- $('#id_finish_text').prop("disabled", true);
- else
- $('#id_finish_text').prop("disabled", false);
+ if ($("#id_nofinish").is(":checked")) $("#id_finish_text").prop("disabled", true);
+ else $("#id_finish_text").prop("disabled", false);
}
// @license-end
* });
**/
-
/*
* IMPORTANT
*
*
*/
-
var FileBrowser = {
- nickname : "",
- type : "",
+ nickname: "",
+ type: "",
event: "",
folder: "",
- id : null,
+ id: null,
- init: function(nickname, type, hash) {
+ init: function (nickname, type, hash) {
FileBrowser.nickname = nickname;
FileBrowser.type = type;
- FileBrowser.event = "fbrowser."+type;
+ FileBrowser.event = "fbrowser." + type;
- if (hash!=="") {
- var h = hash.replace("#","");
+ if (hash !== "") {
+ var h = hash.replace("#", "");
var destination = h.split("-")[0];
FileBrowser.id = h.split("-")[1];
FileBrowser.event = FileBrowser.event + "." + destination;
// Get the comment textimput field
var commentElm = document.getElementById("comment-edit-text-" + FileBrowser.id);
}
- };
+ }
- console.log("FileBrowser: " + nickname, type, FileBrowser.event, FileBrowser.id);
+ console.log("FileBrowser: " + nickname, type, FileBrowser.event, FileBrowser.id);
FileBrowser.postLoad();
- $(".error .close").on("click", function(e) {
+ $(".error .close").on("click", function (e) {
e.preventDefault();
$(".error").addClass("hidden");
});
// Click on album link
- $(".fbrowser").on("click", ".folders a, .path a", function(e) {
+ $(".fbrowser").on("click", ".folders a, .path a", function (e) {
e.preventDefault();
- var url = baseurl + "/fbrowser/" + FileBrowser.type + "/" + encodeURIComponent(this.dataset.folder) + "?mode=none&theme=frio";
+ var url =
+ baseurl +
+ "/fbrowser/" +
+ FileBrowser.type +
+ "/" +
+ encodeURIComponent(this.dataset.folder) +
+ "?mode=none&theme=frio";
FileBrowser.folder = this.dataset.folder;
FileBrowser.loadContent(url);
});
//Embed on click
- $(".fbrowser").on('click', ".photo-album-photo-link", function(e) {
+ $(".fbrowser").on("click", ".photo-album-photo-link", function (e) {
e.preventDefault();
var embed = "";
// Note: not the best solution but function commentOpenUI don't
// work as expected (we need a way to wait until commentOpenUI would be finished).
// As for now we insert pieces of this function here
- if ((commentElm !== null) && (typeof commentElm !== "undefined")) {
+ if (commentElm !== null && typeof commentElm !== "undefined") {
if (commentElm.value === "") {
- $("#comment-edit-text-" + FileBrowser.id).addClass("comment-edit-text-full").removeClass("comment-edit-text-empty");
+ $("#comment-edit-text-" + FileBrowser.id)
+ .addClass("comment-edit-text-full")
+ .removeClass("comment-edit-text-empty");
$("#comment-edit-submit-wrapper-" + FileBrowser.id).show();
- $("#comment-edit-text-" + FileBrowser.id).attr('tabindex','9');
- $("#comment-edit-submit-" + FileBrowser.id).attr('tabindex','10');
+ $("#comment-edit-text-" + FileBrowser.id).attr("tabindex", "9");
+ $("#comment-edit-submit-" + FileBrowser.id).attr("tabindex", "10");
}
-
}
console.log(FileBrowser.event, this.dataset.filename, embed, FileBrowser.id);
- $("body").trigger(FileBrowser.event, [
- this.dataset.filename,
- embed,
- FileBrowser.id,
- this.dataset.img
- ]);
+ $("body").trigger(FileBrowser.event, [this.dataset.filename, embed, FileBrowser.id, this.dataset.img]);
// Close model
- $('#modal').modal('hide');
+ $("#modal").modal("hide");
// Update autosize for this textarea
autosize.update($(".text-autosize"));
});
// EventListener for switching between image and file mode
- $(".fbrowser").on('click', ".fbswitcher .btn", function(e) {
+ $(".fbrowser").on("click", ".fbswitcher .btn", function (e) {
e.preventDefault();
FileBrowser.type = this.getAttribute("data-mode");
- $(".fbrowser").removeClass().addClass("fbrowser " + FileBrowser.type);
+ $(".fbrowser")
+ .removeClass()
+ .addClass("fbrowser " + FileBrowser.type);
url = baseurl + "/fbrowser/" + FileBrowser.type + "?mode=none&theme=frio";
FileBrowser.loadContent(url);
},
// Initialize the AjaxUpload for the upload buttons
- uploadButtons: function() {
+ uploadButtons: function () {
if ($("#upload-image").length) {
//AjaxUpload for images
- var image_uploader = new window.AjaxUpload(
- 'upload-image',
- {
- action: 'wall_upload/' + FileBrowser.nickname + '?response=json&album=' + encodeURIComponent(FileBrowser.folder),
- name: 'userfile',
- responseType: 'json',
- onSubmit: function(file, ext) {
- $(".fbrowser-content").hide();
- $(".fbrowser .profile-rotator-wrapper").show();
- $(".error").addClass('hidden');
- },
- onComplete: function(file,response) {
- if (response['error'] != undefined) {
- $(".error span").html(response['error']);
- $(".error").removeClass('hidden');
- $(".fbrowser .profile-rotator-wrapper").hide();
- $(".fbrowser-content").show();
- return;
- }
-
- // load new content to fbrowser window
- FileBrowser.loadContent(baseurl + '/fbrowser/' + FileBrowser.type + '/' + encodeURIComponent(FileBrowser.folder) + '?mode=none&theme=frio');
+ var image_uploader = new window.AjaxUpload("upload-image", {
+ action:
+ "wall_upload/" +
+ FileBrowser.nickname +
+ "?response=json&album=" +
+ encodeURIComponent(FileBrowser.folder),
+ name: "userfile",
+ responseType: "json",
+ onSubmit: function (file, ext) {
+ $(".fbrowser-content").hide();
+ $(".fbrowser .profile-rotator-wrapper").show();
+ $(".error").addClass("hidden");
+ },
+ onComplete: function (file, response) {
+ if (response["error"] != undefined) {
+ $(".error span").html(response["error"]);
+ $(".error").removeClass("hidden");
+ $(".fbrowser .profile-rotator-wrapper").hide();
+ $(".fbrowser-content").show();
+ return;
}
- }
- );
+
+ // load new content to fbrowser window
+ FileBrowser.loadContent(
+ baseurl +
+ "/fbrowser/" +
+ FileBrowser.type +
+ "/" +
+ encodeURIComponent(FileBrowser.folder) +
+ "?mode=none&theme=frio",
+ );
+ },
+ });
}
if ($("#upload-file").length) {
//AjaxUpload for files
- var file_uploader = new window.AjaxUpload(
- 'upload-file',
- { action: 'wall_attach/' + FileBrowser.nickname + '?response=json',
- name: 'userfile',
- onSubmit: function(file, ext) {
- $(".fbrowser-content").hide();
- $(".fbrowser .profile-rotator-wrapper").show();
- $(".error").addClass('hidden');
- },
- onComplete: function(file,response) {
- if (response['error']!= undefined) {
- $(".error span").html(response['error']);
- $(".error").removeClass('hidden');
- $('#profile-rotator').hide();
- $(".fbrowser-content").show();
- return;
- }
-
- var url = baseurl + "/fbrowser/" + FileBrowser.type + "?mode=none&theme=frio";
- // Load new content to fbrowser window
- FileBrowser.loadContent(url);
+ var file_uploader = new window.AjaxUpload("upload-file", {
+ action: "wall_attach/" + FileBrowser.nickname + "?response=json",
+ name: "userfile",
+ onSubmit: function (file, ext) {
+ $(".fbrowser-content").hide();
+ $(".fbrowser .profile-rotator-wrapper").show();
+ $(".error").addClass("hidden");
+ },
+ onComplete: function (file, response) {
+ if (response["error"] != undefined) {
+ $(".error span").html(response["error"]);
+ $(".error").removeClass("hidden");
+ $("#profile-rotator").hide();
+ $(".fbrowser-content").show();
+ return;
}
- }
- );
+
+ var url = baseurl + "/fbrowser/" + FileBrowser.type + "?mode=none&theme=frio";
+ // Load new content to fbrowser window
+ FileBrowser.loadContent(url);
+ },
+ });
}
},
// Stuff which should be executed if ne content was loaded
- postLoad: function() {
+ postLoad: function () {
FileBrowser.initGallery();
$(".fbrowser .fbswitcher .btn").removeClass("active");
$(".fbrowser .fbswitcher [data-mode=" + FileBrowser.type + "]").addClass("active");
},
// Load new content (e.g. change photo album)
- loadContent: function(url) {
+ loadContent: function (url) {
$(".fbrowser-content").hide();
$(".fbrowser .profile-rotator-wrapper").show();
// load new content to fbrowser window
- $(".fbrowser").load(url, function(responseText, textStatus) {
+ $(".fbrowser").load(url, function (responseText, textStatus) {
$(".profile-rotator-wrapper").hide();
- if (textStatus === 'success') {
+ if (textStatus === "success") {
$(".fbrowser_content").show();
FileBrowser.postLoad();
}
},
// Initialize justified Gallery
- initGallery: function() {
+ initGallery: function () {
$(".fbrowser.image .fbrowser-content-container").justifiedGallery({
- 'rowHeight': 80,
- 'margins': 4,
- 'border': 0
+ rowHeight: 80,
+ margins: 4,
+ border: 0,
});
- }
+ },
};
// @license-end
*
*/
$(document).ready(function () {
- let $body = $('body');
+ let $body = $("body");
// Prevents normal click action on click hovercard elements
- $body.on('click', '.userinfo.click-card', function (e) {
+ $body.on("click", ".userinfo.click-card", function (e) {
e.preventDefault();
});
// This event listener needs to be declared before the one that removes
// all cards so that we can stop the immediate propagation of the event
// Since the manual popover appears instantly and the hovercard removal is
// on a 100ms delay, leaving event propagation immediately hides any click hovercard
- $body.on('mousedown', '.userinfo.click-card', function (e) {
+ $body.on("mousedown", ".userinfo.click-card", function (e) {
e.stopImmediatePropagation();
let timeNow = new Date().getTime();
let targetElement = $(this);
// get href-attribute
- if (targetElement.is('[href]')) {
- contactUrl = targetElement.attr('href');
+ if (targetElement.is("[href]")) {
+ contactUrl = targetElement.attr("href");
} else {
return true;
}
// no hovercard for anchor links
- if (contactUrl.substring(0, 1) === '#') {
+ if (contactUrl.substring(0, 1) === "#") {
return true;
}
});
// hover cards should be removed very easily, e.g. when any of these events happens
- $body.on('mouseleave touchstart scroll mousedown submit keydown', function (e) {
+ $body.on("mouseleave touchstart scroll mousedown submit keydown", function (e) {
// remove hover card only for desktiop user, since on mobile we open the hovercards
// by click event insteadof hover
removeAllHovercards(e, new Date().getTime());
});
- $body.on('mouseover', '.userinfo.hover-card, .wall-item-responses a, .wall-item-bottom .mention a', function (e) {
- let timeNow = new Date().getTime();
- removeAllHovercards(e, timeNow);
- let contactUrl = false;
- let targetElement = $(this);
-
- // get href-attribute
- if (targetElement.is('[href]')) {
- contactUrl = targetElement.attr('href');
- } else {
- return true;
- }
+ $body
+ .on("mouseover", ".userinfo.hover-card, .wall-item-responses a, .wall-item-bottom .mention a", function (e) {
+ let timeNow = new Date().getTime();
+ removeAllHovercards(e, timeNow);
+ let contactUrl = false;
+ let targetElement = $(this);
+
+ // get href-attribute
+ if (targetElement.is("[href]")) {
+ contactUrl = targetElement.attr("href");
+ } else {
+ return true;
+ }
- // no hover card if the element has the no-hover-card class
- if (targetElement.hasClass('no-hover-card')) {
- return true;
- }
+ // no hover card if the element has the no-hover-card class
+ if (targetElement.hasClass("no-hover-card")) {
+ return true;
+ }
- // no hovercard for anchor links
- if (contactUrl.substring(0, 1) === '#') {
- return true;
- }
+ // no hovercard for anchor links
+ if (contactUrl.substring(0, 1) === "#") {
+ return true;
+ }
- targetElement.attr('data-awaiting-hover-card', timeNow);
+ targetElement.attr("data-awaiting-hover-card", timeNow);
- // Delay until the hover-card does appear
- setTimeout(function () {
- if (
- targetElement.is(':hover')
- && parseInt(targetElement.attr('data-awaiting-hover-card'), 10) === timeNow
- && $('.hovercard').length === 0
- ) {
- openHovercard(targetElement, contactUrl, timeNow);
- }
- }, 500);
- }).on('mouseleave', '.userinfo.hover-card, .wall-item-responses a, .wall-item-bottom .mention a', function (e) { // action when mouse leaves the hover-card
- removeAllHovercards(e, new Date().getTime());
- });
+ // Delay until the hover-card does appear
+ setTimeout(function () {
+ if (
+ targetElement.is(":hover") &&
+ parseInt(targetElement.attr("data-awaiting-hover-card"), 10) === timeNow &&
+ $(".hovercard").length === 0
+ ) {
+ openHovercard(targetElement, contactUrl, timeNow);
+ }
+ }, 500);
+ })
+ .on("mouseleave", ".userinfo.hover-card, .wall-item-responses a, .wall-item-bottom .mention a", function (e) {
+ // action when mouse leaves the hover-card
+ removeAllHovercards(e, new Date().getTime());
+ });
// if we're hovering a hover card, give it a class, so we don't remove it
- $body.on('mouseover', '.hovercard', function (e) {
- $(this).addClass('dont-remove-card');
+ $body.on("mouseover", ".hovercard", function (e) {
+ $(this).addClass("dont-remove-card");
});
- $body.on('mouseleave', '.hovercard', function (e) {
- $(this).removeClass('dont-remove-card');
- $(this).popover('hide');
+ $body.on("mouseleave", ".hovercard", function (e) {
+ $(this).removeClass("dont-remove-card");
+ $(this).popover("hide");
});
}); // End of $(document).ready
function removeAllHovercards(event, priorTo) {
// don't remove hovercards until after 100ms, so user have time to move the cursor to it (which gives it the dont-remove-card class)
setTimeout(function () {
- $.each($('.hovercard'), function () {
- let title = $(this).attr('data-orig-title');
+ $.each($(".hovercard"), function () {
+ let title = $(this).attr("data-orig-title");
// don't remove card if it was created after removeAllhoverCards() was called
- if ($(this).data('card-created') < priorTo) {
+ if ($(this).data("card-created") < priorTo) {
// don't remove it if we're hovering it right now!
- if (!$(this).hasClass('dont-remove-card')) {
- let $handle = $('[data-hover-card-active="' + $(this).data('card-created') + '"]');
- $handle.removeAttr('data-hover-card-active');
+ if (!$(this).hasClass("dont-remove-card")) {
+ let $handle = $('[data-hover-card-active="' + $(this).data("card-created") + '"]');
+ $handle.removeAttr("data-hover-card-active");
// Restoring the popover handle title
- let title = $handle.attr('data-orig-title');
- $handle.attr({'data-orig-title': '', title: title});
+ let title = $handle.attr("data-orig-title");
+ $handle.attr({ "data-orig-title": "", title: title });
- $(this).popover('hide');
+ $(this).popover("hide");
}
}
});
function openHovercard(targetElement, contactUrl, timeNow) {
// store the title in a data attribute because Bootstrap
// popover destroys the title attribute.
- let title = targetElement.attr('title');
- targetElement.attr({'data-orig-title': title, title: ''});
+ let title = targetElement.attr("title");
+ targetElement.attr({ "data-orig-title": title, title: "" });
// get an additional data atribute if the card is active
- targetElement.attr('data-hover-card-active', timeNow);
+ targetElement.attr("data-hover-card-active", timeNow);
// get the whole html content of the hover card and
// push it to the bootstrap popover
getHoverCardContent(contactUrl, function (data) {
if (data) {
- targetElement.popover({
- html: true,
- placement: function () {
- // Calculate the placement of the the hovercard (if top or bottom)
- // The placement depence on the distance between window top and the element
- // which triggers the hover-card
- let get_position = $(targetElement).offset().top - $(window).scrollTop();
- if (get_position < 270) {
- return 'bottom';
- }
- return 'top';
- },
- trigger: 'manual',
- template: '<div class="popover hovercard" data-card-created="' + timeNow + '"><div class="arrow"></div><div class="popover-content hovercard-content"></div></div>',
- content: data,
- container: 'body',
- sanitizeFn: function (content) {
- return DOMPurify.sanitize(content)
- },
- }).popover('show');
+ targetElement
+ .popover({
+ html: true,
+ placement: function () {
+ // Calculate the placement of the the hovercard (if top or bottom)
+ // The placement depence on the distance between window top and the element
+ // which triggers the hover-card
+ let get_position = $(targetElement).offset().top - $(window).scrollTop();
+ if (get_position < 270) {
+ return "bottom";
+ }
+ return "top";
+ },
+ trigger: "manual",
+ template:
+ '<div class="popover hovercard" data-card-created="' +
+ timeNow +
+ '"><div class="arrow"></div><div class="popover-content hovercard-content"></div></div>',
+ content: data,
+ container: "body",
+ sanitizeFn: function (content) {
+ return DOMPurify.sanitize(content);
+ },
+ })
+ .popover("show");
}
});
}
}
$.ajax({
- url: baseurl + '/contact/hovercard',
+ url: baseurl + "/contact/hovercard",
data: postdata,
success: function (data, textStatus, request) {
getHoverCardContent.cache[nurl] = data;
/**
* Insert a link into friendica jot.
- *
+ *
* @returns {void}
*/
function jotGetLink() {
var currentText = $("#profile-jot-text").val();
- var noAttachment = '';
+ var noAttachment = "";
reply = prompt(aStr.linkurl);
- if(reply && reply.length) {
+ if (reply && reply.length) {
// There should be only one attachment per post.
// So we need to remove the old one.
- $('#jot-attachment-preview').empty();
- $('#profile-rotator').show();
+ $("#jot-attachment-preview").empty();
+ $("#profile-rotator").show();
if (currentText.includes("[attachment") && currentText.includes("[/attachment]")) {
- noAttachment = '&noAttachment=1';
+ noAttachment = "&noAttachment=1";
}
// We use the linkPreview library to have a preview
// of the attachments.
- if (typeof linkPreview === 'object') {
+ if (typeof linkPreview === "object") {
linkPreview.crawlText(reply + noAttachment);
- // Fallback: insert the attachment bbcode directly into the textarea
- // if the attachment live preview isn't available
+ // Fallback: insert the attachment bbcode directly into the textarea
+ // if the attachment live preview isn't available
} else {
- $.get('parse_url?binurl=' + bin2hex(reply) + noAttachment, function(data) {
+ $.get("parse_url?binurl=" + bin2hex(reply) + noAttachment, function (data) {
addeditortext(data);
- $('#profile-rotator').hide();
+ $("#profile-rotator").hide();
});
}
autosize.update($("#profile-jot-text"));
/**
* Javascript for the admin module
*/
-$(function() {
- let $body = $('body');
- $body.on('click', '.selectall', function() {
- selectall($(this).data('selectAll'));
+$(function () {
+ let $body = $("body");
+ $body.on("click", ".selectall", function () {
+ selectall($(this).data("selectAll"));
});
- $body.on('click', '.selectnone', function() {
- selectnone($(this).data('selectNone'));
+ $body.on("click", ".selectnone", function () {
+ selectnone($(this).data("selectNone"));
});
// Toggle checkbox status to all or none for all checkboxes of a specific
// css class.
- $body.on('change', 'input[type=checkbox].selecttoggle', function() {
+ $body.on("change", "input[type=checkbox].selecttoggle", function () {
$this = $(this);
- if ($this.prop('checked')) {
- selectall($this.data('selectClass'));
- $this.attr('title', $this.data('selectNone'));
+ if ($this.prop("checked")) {
+ selectall($this.data("selectClass"));
+ $this.attr("title", $this.data("selectNone"));
} else {
- selectnone($this.data('selectClass'));
- $this.attr('title', $this.data('selectAll'));
+ selectnone($this.data("selectClass"));
+ $this.attr("title", $this.data("selectAll"));
}
});
function selectall(cls) {
- $('.' + cls).prop('checked', true);
+ $("." + cls).prop("checked", true);
return false;
}
function selectnone(cls) {
- $('.' + cls).prop('checked', false);
+ $("." + cls).prop("checked", false);
return false;
}
-
-
});
// Users
-function confirm_delete(msg, uname){
+function confirm_delete(msg, uname) {
return confirm(msg.format(uname));
}
var batchConfirmed = false;
-$(document).ready(function() {
+$(document).ready(function () {
// Initiale autosize for the textareas.
autosize($("textarea.text-autosize"));
-
// Replace the drop contact link of the photo menu
// with a confirmation modal.
- $("body").on("click", ".contact-photo-menu a", function(e) {
- var photoMenuLink = $(this).attr('href');
+ $("body").on("click", ".contact-photo-menu a", function (e) {
+ var photoMenuLink = $(this).attr("href");
if (typeof photoMenuLink !== "undefined" && photoMenuLink.indexOf("/drop?confirm=1") !== -1) {
e.preventDefault();
addToModal(photoMenuLink);
return false;
}
});
-
});
/**
*
* @param {string} name The name of the batch action.
* @param {string} value If it isn't empty the action will be posted.
- *
+ *
* @return {void}
*/
function batch_submit_handler(name, value) {
// Catch the GUID from the URL
var itemGuid = window.location.pathname.split("/").pop();
-$(window).load(function(){
+$(window).load(function () {
// Scroll to the Item by its GUID
- scrollToItem('item-' + itemGuid);
+ scrollToItem("item-" + itemGuid);
});
// @license-end
* Initialization of the fullCalendar and format the output.
*/
-$(document).ready(function() {
+$(document).ready(function () {
// start the fullCalendar
- $('#events-calendar').fullCalendar({
+ $("#events-calendar").fullCalendar({
firstDay: aStr.firstDay,
- monthNames: aStr['monthNames'],
- monthNamesShort: aStr['monthNamesShort'],
- dayNames: aStr['dayNames'],
- dayNamesShort: aStr['dayNamesShort'],
+ monthNames: aStr["monthNames"],
+ monthNamesShort: aStr["monthNamesShort"],
+ dayNames: aStr["dayNames"],
+ dayNamesShort: aStr["dayNamesShort"],
allDayText: aStr.allday,
noEventsMessage: aStr.noevent,
buttonText: {
today: aStr.today,
month: aStr.month,
week: aStr.week,
- day: aStr.day
+ day: aStr.day,
},
- events: baseurl + moduleUrl + '/json/',
+ events: baseurl + moduleUrl + "/json/",
header: {
- left: '',
- // center: 'title',
- right: ''
- },
- timeFormat: 'H:mm',
- eventClick: function(calEvent, jsEvent, view) {
+ left: "",
+ // center: 'title',
+ right: "",
+ },
+ timeFormat: "H:mm",
+ eventClick: function (calEvent, jsEvent, view) {
showEvent(calEvent.id);
},
- loading: function(isLoading, view) {
- if(!isLoading) {
- $('td.fc-day').dblclick(function() { addToModal('/events/new?start='+$(this).data('date')); });
+ loading: function (isLoading, view) {
+ if (!isLoading) {
+ $("td.fc-day").dblclick(function () {
+ addToModal("/events/new?start=" + $(this).data("date"));
+ });
}
},
- defaultView: 'month',
+ defaultView: "month",
aspectRatio: 1,
- eventRender: function(event, element, view) {
+ eventRender: function (event, element, view) {
//console.log(view.name);
- switch(view.name){
+ switch (view.name) {
case "month":
- element.find(".fc-title").html(
- "<span class='item-desc'>{2}</span>".format(
- event.item['author-avatar'],
- event.item['author-name'],
- event.title,
- event.item.desc,
- event.item.location
- ));
+ element
+ .find(".fc-title")
+ .html(
+ "<span class='item-desc'>{2}</span>".format(
+ event.item["author-avatar"],
+ event.item["author-name"],
+ event.title,
+ event.item.desc,
+ event.item.location,
+ ),
+ );
break;
case "agendaWeek":
- if (event.item['author-name'] == null) return;
- element.find(".fc-title").html(
- "<img src='{0}' style='height:12px; width:12px'>{1}<p>{2}</p><p>{3}</p>".format(
- event.item['author-avatar'],
- event.item['author-name'],
- event.item.desc,
- htmlToText(event.item.location)
- ));
- break;
+ if (event.item["author-name"] == null) return;
+ element
+ .find(".fc-title")
+ .html(
+ "<img src='{0}' style='height:12px; width:12px'>{1}<p>{2}</p><p>{3}</p>".format(
+ event.item["author-avatar"],
+ event.item["author-name"],
+ event.item.desc,
+ htmlToText(event.item.location),
+ ),
+ );
+ break;
case "agendaDay":
- if (event.item['author-name'] == null) return;
- element.find(".fc-title").html(
- "<img src='{0}' style='height:24px;width:24px'>{1}<p>{2}</p><p>{3}</p>".format(
- event.item['author-avatar'],
- event.item['author-name'],
- event.item.desc,
- htmlToText(event.item.location)
- ));
+ if (event.item["author-name"] == null) return;
+ element
+ .find(".fc-title")
+ .html(
+ "<img src='{0}' style='height:24px;width:24px'>{1}<p>{2}</p><p>{3}</p>".format(
+ event.item["author-avatar"],
+ event.item["author-name"],
+ event.item.desc,
+ htmlToText(event.item.location),
+ ),
+ );
break;
case "listMonth":
element.find(".fc-list-item-title").html(formatListViewEvent(event));
- break;
+ break;
}
},
eventAfterRender: function (event, element) {
html: true,
trigger: "hover",
placement: "auto",
- template: '<div class="popover hovercard event-card"><div class="arrow"></div><div class="popover-content hovercard-content"></div></div>',
+ template:
+ '<div class="popover hovercard event-card"><div class="arrow"></div><div class="popover-content hovercard-content"></div></div>',
sanitizeFn: function (content) {
- return DOMPurify.sanitize(content)
+ return DOMPurify.sanitize(content);
},
});
-
- }
-
- })
+ },
+ });
// center on date
- var args=location.href.replace(baseurl,"").split("/");
+ var args = location.href.replace(baseurl, "").split("/");
if (modparams == 2) {
- if (args.length>=5) {
- $("#events-calendar").fullCalendar('gotoDate',args[3] , args[4]-1);
+ if (args.length >= 5) {
+ $("#events-calendar").fullCalendar("gotoDate", args[3], args[4] - 1);
}
} else {
- if (args.length>=4) {
- $("#events-calendar").fullCalendar('gotoDate',args[2] , args[3]-1);
+ if (args.length >= 4) {
+ $("#events-calendar").fullCalendar("gotoDate", args[2], args[3] - 1);
}
}
// echo the title
- var view = $('#events-calendar').fullCalendar('getView');
- $('#fc-title').text(view.title);
+ var view = $("#events-calendar").fullCalendar("getView");
+ $("#fc-title").text(view.title);
// show event popup
- var hash = location.hash.split("-")
- if (hash.length==2 && hash[0]=="#link") showEvent(hash[1]);
-
+ var hash = location.hash.split("-");
+ if (hash.length == 2 && hash[0] == "#link") showEvent(hash[1]);
});
// loads the event into a modal
function showEvent(eventid) {
- addToModal(baseurl + moduleUrl + '/?id=' + eventid);
+ addToModal(baseurl + moduleUrl + "/?id=" + eventid);
}
function changeView(action, viewName) {
- $('#events-calendar').fullCalendar(action, viewName);
- var view = $('#events-calendar').fullCalendar('getView');
- $('#fc-title').text(view.title);
+ $("#events-calendar").fullCalendar(action, viewName);
+ var view = $("#events-calendar").fullCalendar("getView");
+ $("#fc-title").text(view.title);
}
// The template for the bootstrap popover for displaying the event title and
// author (it's the nearly the same template we use in frio for the contact
// hover cards. So be careful when changing the css)
function eventHoverBodyTemplate() {
- var template = '\
+ var template =
+ '\
<div class="event-card-basic-content media">\
<div class="event-card-details">\
<div class="event-card-header">\
// The template for presenting the event location in the event hover-card
function eventHoverLocationTemplate() {
- var template = '<span role="presentation" aria-hidden="true"> · </span>\
+ var template =
+ '<span role="presentation" aria-hidden="true"> · </span>\
<span class="event-card-location"> {0}</span></div>';
return template;
}
function eventHoverProfileNameTemplate() {
- var template = '\
+ var template =
+ '\
<div class="event-card-profile-name profile-entry-name">\
<a href="{0}" class="userinfo">{1}</a>\
</div>';
return template;
}
-// transform the event data to html so we can use it in the event hover-card
+// transform the event data to html so we can use it in the event hover-card
function eventHoverHtmlContent(event) {
- var eventLocation = '';
- var eventProfileName = '';
+ var eventLocation = "";
+ var eventProfileName = "";
// Get the Browser language
var locale = window.navigator.userLanguage || window.navigator.language;
- var data = '';
+ var data = "";
// Use the browser language for date formatting
moment.locale(locale);
// format dates to different styles
- var startDate = moment(event.item.start).format('dd HH:mm');
- var endDate = moment(event.item.finsih).format('dd HH:mm');
- var monthShort = moment(event.item.start).format('MMM');
- var dayNumberStart = moment(event.item.start).format('DD');
- var dayNumberEnd = moment(event.item.finish).format('DD');
- var startTime = moment(event.item.start).format('HH:mm');
- var endTime = moment(event.item.finish).format('HH:mm');
+ var startDate = moment(event.item.start).format("dd HH:mm");
+ var endDate = moment(event.item.finsih).format("dd HH:mm");
+ var monthShort = moment(event.item.start).format("MMM");
+ var dayNumberStart = moment(event.item.start).format("DD");
+ var dayNumberEnd = moment(event.item.finish).format("DD");
+ var startTime = moment(event.item.start).format("HH:mm");
+ var endTime = moment(event.item.finish).format("HH:mm");
var monthNumber;
var formattedDate = startDate;
// We only need the to format the end date if the event does have
- // a finish date.
+ // a finish date.
if (event.item.nofinish == 0) {
- formattedDate = startDate + ' - ' + endTime;
+ formattedDate = startDate + " - " + endTime;
// use a different Format (15. Feb - 18. Feb) if the events end date
// is not the start date
- if ( dayNumberStart != dayNumberEnd) {
- formattedDate = moment(event.item.start).format('Do MMM') +
- ' - ' +
- moment(event.item.finish).format('Do MMM');
+ if (dayNumberStart != dayNumberEnd) {
+ formattedDate =
+ moment(event.item.start).format("Do MMM") + " - " + moment(event.item.finish).format("Do MMM");
}
}
var eventLocationTemplate = eventHoverLocationTemplate();
// Format the event location data according to the the event location
// template
- eventLocation = eventLocationTemplate.format(
- eventLocationText
- );
+ eventLocation = eventLocationTemplate.format(eventLocationText);
}
// Get only template data if there exists a profile name
- if (event.item['author-name']) {
+ if (event.item["author-name"]) {
// Get the template
var eventProfileNameTemplate = eventHoverProfileNameTemplate();
// Insert the data into the template
- eventProfileName = eventProfileNameTemplate.format(
- event.item['author-link'],
- event.item['author-name']
- );
+ eventProfileName = eventProfileNameTemplate.format(event.item["author-link"], event.item["author-name"]);
}
// Format the event data according to the event hover template
var formatted = data.format(
- event.item['author-avatar'], // this isn't used at the present time
- eventProfileName,
- event.title,
- eventLocation,
- formattedDate,
- monthShort.replace('.', ''), // Get rid of possible dots in the string
- dayNumberStart
- );
+ event.item["author-avatar"], // this isn't used at the present time
+ eventProfileName,
+ event.title,
+ eventLocation,
+ formattedDate,
+ monthShort.replace(".", ""), // Get rid of possible dots in the string
+ dayNumberStart,
+ );
return formatted;
}
// transform the the list view event element into formatted html
function formatListViewEvent(event) {
// The basic template for list view
- var template = '<td class="fc-list-item-title fc-widget-content">\
+ var template =
+ '<td class="fc-list-item-title fc-widget-content">\
<hr class="seperator"></hr>\
<div class="event-card">\
<div class="popover-content hovercard-content">{0}</div>\
* The javascript for the group module
*/
-
-$(document).ready(function() {
+$(document).ready(function () {
// Add an event listeners on buttons for switching the contact list view
- $("body").on("click", ".group-list-switcher", function() {
+ $("body").on("click", ".group-list-switcher", function () {
switchGroupViewMode(this);
});
});
$(".tooltip").tooltip("hide");
$("body").css("cursor", "wait");
- $.get('group/' + gid + '/' + cid + "?t=" + sec_token, function(data) {
- // Insert the new group member list
- $("#group-update-wrapper").html(data);
+ $.get("group/" + gid + "/" + cid + "?t=" + sec_token, function (data) {
+ // Insert the new group member list
+ $("#group-update-wrapper").html(data);
- // Apply the actual gropu list view mode to the new
- // group list html
- var activeMode = $(".group-list-switcher.active");
- switchGroupViewMode(activeMode[0]);
+ // Apply the actual gropu list view mode to the new
+ // group list html
+ var activeMode = $(".group-list-switcher.active");
+ switchGroupViewMode(activeMode[0]);
- $("body").css("cursor", "auto");
+ $("body").css("cursor", "auto");
});
}
* @returns {undefined}
*/
function switchGroupViewMode(elm) {
- // Remove the active class from group list switcher buttons
- $(".group-list-switcher").removeClass("active");
- // And add it to the active button element
- $(elm).addClass("active");
+ // Remove the active class from group list switcher buttons
+ $(".group-list-switcher").removeClass("active");
+ // And add it to the active button element
+ $(elm).addClass("active");
- // Add or remove the css classes for the group list with regard to the active view mode
- if (elm.id === "group-list-small") {
- $("#contact-group-list > li").addClass("shortmode col-lg-6 col-md-6 col-sm-6 col-xs-12");
- } else {
- $("#contact-group-list > li").removeClass("shortmode col-lg-6 col-md-6 col-sm-6 col-xs-12");
- }
+ // Add or remove the css classes for the group list with regard to the active view mode
+ if (elm.id === "group-list-small") {
+ $("#contact-group-list > li").addClass("shortmode col-lg-6 col-md-6 col-sm-6 col-xs-12");
+ } else {
+ $("#contact-group-list > li").removeClass("shortmode col-lg-6 col-md-6 col-sm-6 col-xs-12");
+ }
}
/**
// Catch the intro ID from the URL
var introID = location.pathname.split("/").pop();
-$(document).ready(function(){
+$(document).ready(function () {
// Since only the DIV's inside the notification-list are marked
// with the class "unseen", we need some js to transfer this class
// to the parent li list-elements.
- if($(".notif-item").hasClass("unseen")) {
+ if ($(".notif-item").hasClass("unseen")) {
$(".notif-item.unseen").parent("li").addClass("unseen");
}
});
-$(window).load(function(){
+$(window).load(function () {
// Scroll to the intro by its intro ID.
if (isIntroID()) {
- scrollToItem('intro-' + introID);
+ scrollToItem("intro-" + introID);
}
});
// @license magnet:?xt=urn:btih:0b31508aeb0634b347b8270c7bee4d411b5d4109&dn=agpl-3.0.txt AGPLv3-or-later
-$(document).ready(function() {
-
- $('#contact_allow, #contact_deny, #group_allow, #group_deny').change(function() {
- var selstr;
- $('#contact_allow option:selected, #contact_deny option:selected, #group_allow option:selected, #group_deny option:selected').each( function() {
- selstr = $(this).html();
- $('#jot-perms-icon').removeClass('unlock').addClass('lock');
- $('#jot-public').hide();
- });
- if(selstr == null) {
- $('#jot-perms-icon').removeClass('lock').addClass('unlock');
- $('#jot-public').show();
- }
-
- }).trigger('change');
+$(document).ready(function () {
+ $("#contact_allow, #contact_deny, #group_allow, #group_deny")
+ .change(function () {
+ var selstr;
+ $(
+ "#contact_allow option:selected, #contact_deny option:selected, #group_allow option:selected, #group_deny option:selected",
+ ).each(function () {
+ selstr = $(this).html();
+ $("#jot-perms-icon").removeClass("unlock").addClass("lock");
+ $("#jot-public").hide();
+ });
+ if (selstr == null) {
+ $("#jot-perms-icon").removeClass("lock").addClass("unlock");
+ $("#jot-public").show();
+ }
+ })
+ .trigger("change");
// Click event listener for the album edit link/button.
- $("body").on('click', '#album-edit-link', function() {
+ $("body").on("click", "#album-edit-link", function () {
var modalUrl = $(this).attr("data-modal-url");
if (typeof modalUrl !== "undefined") {
- addToModal(modalUrl, 'photo-album-edit-wrapper');
+ addToModal(modalUrl, "photo-album-edit-wrapper");
}
});
// Click event listener for the album drop link/button.
- $("body").on('click', '#album-drop-link', function() {
+ $("body").on("click", "#album-drop-link", function () {
var modalUrl = $(this).attr("data-modal-url");
if (typeof modalUrl !== "undefined") {
});
});
-$(window).load(function() {
+$(window).load(function () {
// Get picture dimensions
var pheight = $("#photo-photo img").height();
var pwidth = $("#photo-photo img").width();
// Append the diminsons of the picture to the css of the photo-photo div
// we do this to make it possible to have overlay navigation buttons for the photo
$("#photo-photo").css({
- "width": pwidth,
- "height": pheight
+ width: pwidth,
+ height: pheight,
});
});
// @license-end
/**
* Contains functions for bootstrap modal handling.
*/
-$(document).ready(function(){
+$(document).ready(function () {
// Clear bs modal on close.
// We need this to prevent that the modal displays old content.
- $('body, footer').on('hidden.bs.modal', '.modal', function () {
- $(this).removeData('bs.modal');
+ $("body, footer").on("hidden.bs.modal", ".modal", function () {
+ $(this).removeData("bs.modal");
$("#modal-title").empty();
- $('#modal-body').empty();
+ $("#modal-body").empty();
// Remove the file browser from jot (else we would have problems
// with AjaxUpload.
$(".fbrowser").remove();
// Clear bs modal on close.
// We need this to prevent that the modal displays old content.
- $('body').on('hidden.bs.modal', '#jot-modal', function () {
+ $("body").on("hidden.bs.modal", "#jot-modal", function () {
// Restore cached jot at its hidden position ("#jot-content").
$("#jot-content").append(jotcache);
// Clear the jotcache.
- jotcache = '';
+ jotcache = "";
// Destroy the attachment linkPreviw for Jot.
- if (typeof linkPreview === 'object') {
+ if (typeof linkPreview === "object") {
linkPreview.destroy();
}
});
// Add Colorbox for viewing Network page images.
//var cBoxClasses = new Array();
- $("body").on("click", ".wall-item-body a img", function(){
+ $("body").on("click", ".wall-item-body a img", function () {
var aElem = $(this).parent();
var imgHref = aElem.attr("href");
// We'll try to do this by looking for links of the form
// .../photo/ab803d8eg08daf85023adfec08 (with nothing more following), in hopes
// that that will be unique enough.
- if(imgHref.match(/\/photo\/[a-fA-F0-9]+(-[0-9]\.[\w]+?)?$/)) {
-
+ if (imgHref.match(/\/photo\/[a-fA-F0-9]+(-[0-9]\.[\w]+?)?$/)) {
// Add a unique class to all the images of a certain post, to allow scrolling through
var cBoxClass = $(this).closest(".wall-item-body").attr("id") + "-lightbox";
$(this).addClass(cBoxClass);
-// if( $.inArray(cBoxClass, cBoxClasses) < 0 ) {
-// cBoxClasses.push(cBoxClass);
-// }
+ // if( $.inArray(cBoxClass, cBoxClasses) < 0 ) {
+ // cBoxClasses.push(cBoxClass);
+ // }
aElem.colorbox({
- maxHeight: '90%',
+ maxHeight: "90%",
photo: true, // Colorbox doesn't recognize a URL that don't end in .jpg, etc. as a photo.
- rel: cBoxClass //$(this).attr("class").match(/wall-item-body-[\d]+-lightbox/)[0].
+ rel: cBoxClass, //$(this).attr("class").match(/wall-item-body-[\d]+-lightbox/)[0].
});
}
});
// Navbar login.
- $("body").on("click", "#nav-login", function(e){
+ $("body").on("click", "#nav-login", function (e) {
e.preventDefault();
Dialog.show(this.href, this.dataset.originalTitle || this.title);
});
// Jot nav menu..
- $("body").on("click", "#jot-modal .jot-nav li .jot-nav-lnk", function(e){
+ $("body").on("click", "#jot-modal .jot-nav li .jot-nav-lnk", function (e) {
e.preventDefault();
toggleJotNav(this);
});
// Bookmarklet page needs an jot modal which appears automatically.
- if(window.location.pathname.indexOf("/bookmarklet") >=0 && $("#jot-modal").length){
+ if (window.location.pathname.indexOf("/bookmarklet") >= 0 && $("#jot-modal").length) {
jotShow();
}
// Open filebrowser for elements with the class "image-select"
// The following part handles the filebrowser for field_fileinput.tpl.
- $("body").on("click", ".image-select", function(){
+ $("body").on("click", ".image-select", function () {
// Set a extra attribute to mark the clicked button.
this.setAttribute("image-input", "select");
Dialog.doImageBrowser("input");
});
// Insert filebrowser images into the input field (field_fileinput.tpl).
- $("body").on("fbrowser.image.input", function(e, filename, embedcode, id, img) {
+ $("body").on("fbrowser.image.input", function (e, filename, embedcode, id, img) {
// Select the clicked button by it's attribute.
var elm = $("[image-input='select']");
// Select the input field which belongs to this button.
elm.removeAttr("image-input");
// Insert the link from the image into the input field.
input.val(img);
-
});
// Generic delegated event to open an anchor URL in a modal.
// Used in the hovercard.
- document.getElementsByTagName('body')[0].addEventListener('click', function(e) {
+ document.getElementsByTagName("body")[0].addEventListener("click", function (e) {
var target = e.target;
while (target) {
- if (target.matches && target.matches('a.add-to-modal')) {
+ if (target.matches && target.matches("a.add-to-modal")) {
addToModal(target.href);
e.preventDefault();
return false;
});
// Overwrite Dialog.show from main js to load the filebrowser into a bs modal.
-Dialog.show = function(url, title) {
- if (typeof(title) === 'undefined') {
+Dialog.show = function (url, title) {
+ if (typeof title === "undefined") {
title = "";
}
- var modal = $('#modal').modal();
+ var modal = $("#modal").modal();
modal.find("#modal-header h4").html(title);
- modal
- .find('#modal-body')
- .load(url, function (responseText, textStatus) {
- if ( textStatus === 'success' ||
- textStatus === 'notmodified')
- {
- modal.show();
-
- $(function() {Dialog._load(url);});
- }
- });
+ modal.find("#modal-body").load(url, function (responseText, textStatus) {
+ if (textStatus === "success" || textStatus === "notmodified") {
+ modal.show();
+
+ $(function () {
+ Dialog._load(url);
+ });
+ }
+ });
};
// Overwrite the function _get_url from main.js.
-Dialog._get_url = function(type, name, id) {
+Dialog._get_url = function (type, name, id) {
var hash = name;
if (id !== undefined) hash = hash + "-" + id;
- return "fbrowser/"+type+"/?mode=none&theme=frio#"+hash;
+ return "fbrowser/" + type + "/?mode=none&theme=frio#" + hash;
};
// Does load the filebrowser into the jot modal.
-Dialog.showJot = function() {
+Dialog.showJot = function () {
var type = "image";
var name = "main";
var url = Dialog._get_url(type, name);
- if(($(".modal-body #jot-fbrowser-wrapper .fbrowser").length) < 1 ) {
+ if ($(".modal-body #jot-fbrowser-wrapper .fbrowser").length < 1) {
// Load new content to fbrowser window.
- $("#jot-fbrowser-wrapper").load(url,function(responseText, textStatus){
- if ( textStatus === 'success' ||
- textStatus === 'notmodified')
- {
- $(function() {Dialog._load(url);});
+ $("#jot-fbrowser-wrapper").load(url, function (responseText, textStatus) {
+ if (textStatus === "success" || textStatus === "notmodified") {
+ $(function () {
+ Dialog._load(url);
+ });
}
});
}
};
// Init the filebrowser after page load.
-Dialog._load = function(url) {
+Dialog._load = function (url) {
// Get nickname & filebrowser type from the modal content.
- let filebrowser = document.getElementById('filebrowser');
+ let filebrowser = document.getElementById("filebrowser");
// Try to fetch the hash form the url.
let match = url.match(/fbrowser\/[a-z]+\/.*(#.*)/);
// Initialize the filebrowser.
loadScript("view/js/ajaxupload.js");
- loadScript("view/theme/frio/js/filebrowser.js", function() {
+ loadScript("view/theme/frio/js/filebrowser.js", function () {
FileBrowser.init(filebrowser.dataset.nickname, filebrowser.dataset.type, match[1]);
});
};
/**
* Add first element with the class "heading" as modal title
- *
+ *
* Note: this should be really done in the template
* and is the solution where we havent done it until this
* moment or where it isn't possible because of design
title = $("#modal-body .heading").first().html();
// for event modals we need some speacial handling
- if($("#modal-body .event-wrapper .event-summary").length) {
+ if ($("#modal-body .event-wrapper .event-summary").length) {
title = '<i class="fa fa-calendar" aria-hidden="true"></i> ';
var eventsum = $("#modal-body .event-wrapper .event-summary").html();
title = title + eventsum;
}
// And append it to modal title.
- if (title!=="") {
+ if (title !== "") {
$("#modal-title").append(title);
}
}
-
/**
* This function loads html content from a friendica page into a modal.
- *
+ *
* @param {string} url The url with html content.
* @param {string} id The ID of a html element (can be undefined).
* @returns {void}
function addToModal(url, id) {
var char = qOrAmp(url);
- url = url + char + 'mode=none';
- var modal = $('#modal').modal();
+ url = url + char + "mode=none";
+ var modal = $("#modal").modal();
// Only search for an element if we have an ID.
if (typeof id !== "undefined") {
url = url + " div#" + id;
}
- modal
- .find('#modal-body')
- .load(url, function (responseText, textStatus) {
- if ( textStatus === 'success' ||
- textStatus === 'notmodified')
- {
- modal.show();
-
- //Get first element with the class "heading"
- //and use it as title.
- loadModalTitle();
-
- // We need to initialize autosize again for new
- // modal conent.
- autosize($('.modal .text-autosize'));
- }
- });
+ modal.find("#modal-body").load(url, function (responseText, textStatus) {
+ if (textStatus === "success" || textStatus === "notmodified") {
+ modal.show();
+
+ //Get first element with the class "heading"
+ //and use it as title.
+ loadModalTitle();
+
+ // We need to initialize autosize again for new
+ // modal conent.
+ autosize($(".modal .text-autosize"));
+ }
+ });
}
// Add an element (by its id) to a bootstrap modal.
function addElmToModal(id) {
var elm = $(id).html();
- var modal = $('#modal').modal();
+ var modal = $("#modal").modal();
- modal
- .find('#modal-body')
- .append(elm)
- .modal.show;
+ modal.find("#modal-body").append(elm).modal.show;
loadModalTitle();
}
// Test if in the url path containing "events/event". If the path containing this
// expression then we will call the addToModal function and exit this function at
// this point.
- if (splitURL.path.indexOf('events/event') > -1) {
+ if (splitURL.path.indexOf("events/event") > -1) {
addToModal(splitURL.path);
return;
}
- var modal = $('#jot-modal').modal();
+ var modal = $("#jot-modal").modal();
url = url + " #jot-sections";
$(".jot-nav .jot-perms-lnk").parent("li").addClass("hidden");
jotreset();
- modal
- .find('#jot-modal-content')
- .load(url, function (responseText, textStatus) {
- if ( textStatus === 'success' ||
- textStatus === 'notmodified')
- {
- // get the item type and hide the input for title and category if it isn't needed.
- var type = $(responseText).find("#profile-jot-form input[name='type']").val();
- if(type === "wall-comment" || type === "remote-comment")
- {
- // Hide title and category input fields because we don't.
- $("#profile-jot-form #jot-title-wrap").hide();
- $("#profile-jot-form #jot-category-wrap").hide();
- }
-
- modal.show();
- $("#jot-popup").show();
- linkPreview = $('#profile-jot-text').linkPreview();
+ modal.find("#jot-modal-content").load(url, function (responseText, textStatus) {
+ if (textStatus === "success" || textStatus === "notmodified") {
+ // get the item type and hide the input for title and category if it isn't needed.
+ var type = $(responseText).find("#profile-jot-form input[name='type']").val();
+ if (type === "wall-comment" || type === "remote-comment") {
+ // Hide title and category input fields because we don't.
+ $("#profile-jot-form #jot-title-wrap").hide();
+ $("#profile-jot-form #jot-category-wrap").hide();
}
- });
+
+ modal.show();
+ $("#jot-popup").show();
+ linkPreview = $("#profile-jot-text").linkPreview();
+ }
+ });
}
// Remove content from the jot modal.
function jotreset() {
// Clear bs modal on close.
// We need this to prevent that the modal displays old content.
- $('body').on('hidden.bs.modal', '#jot-modal.edit-jot', function () {
- $(this).removeData('bs.modal');
+ $("body").on("hidden.bs.modal", "#jot-modal.edit-jot", function () {
+ $(this).removeData("bs.modal");
$(".jot-nav .jot-perms-lnk").parent("li").removeClass("hidden");
$("#profile-jot-form #jot-title-wrap").show();
$("#profile-jot-form #jot-category-wrap").show();
}
// Give the active "jot-nav" list element the class "active".
-function toggleJotNav (elm) {
+function toggleJotNav(elm) {
// Get the ID of the tab panel which should be activated.
var tabpanel = elm.getAttribute("aria-controls");
var cls = hasClass(elm, "jot-nav-lnk-mobile");
// Minimize all tab content wrapper and activate only the selected
// tab panel.
- $('#profile-jot-form > [role=tabpanel]').addClass("minimize").attr("aria-hidden" ,"true");
- $('#' + tabpanel).removeClass("minimize").attr("aria-hidden" ,"false");
+ $("#profile-jot-form > [role=tabpanel]").addClass("minimize").attr("aria-hidden", "true");
+ $("#" + tabpanel)
+ .removeClass("minimize")
+ .attr("aria-hidden", "false");
// Set the aria-selected states
$("#jot-modal .modal-header .nav-tabs .jot-nav-lnk").attr("aria-selected", "false");
if (tabpanel === "jot-preview-content") {
preview_post();
// Make Share button visivle in preview
- $('#jot-preview-share').removeClass("minimize").attr("aria-hidden" ,"false");
+ $("#jot-preview-share").removeClass("minimize").attr("aria-hidden", "false");
} else if (tabpanel === "jot-fbrowser-wrapper") {
- $(function() {
+ $(function () {
Dialog.showJot();
});
}
// If the host isn't the same we can't load it in a modal.
// So we will go to to the url directly.
- if( ("host" in parts) && (parts.host !== window.location.host)) {
+ if ("host" in parts && parts.host !== window.location.host) {
window.location.href = url;
} else {
// Otherwise load the wall message into a modal.
/// @todo Rename this function because it can be used for more than events.
function eventEdit(url) {
var char = qOrAmp(url);
- url = url + char + 'mode=none';
+ url = url + char + "mode=none";
- $.get(url, function(data) {
+ $.get(url, function (data) {
$("#modal-body").empty();
$("#modal-body").append(data);
- }).done(function() {
+ }).done(function () {
loadModalTitle();
});
}
*/
// Lifted from https://css-tricks.com/snippets/jquery/move-cursor-to-end-of-textarea-or-input/
-jQuery.fn.putCursorAtEnd = function() {
- return this.each(function() {
+jQuery.fn.putCursorAtEnd = function () {
+ return this.each(function () {
// Cache references
var $el = $(this),
el = this;
var len = $el.val().length * 2;
// Timeout seems to be required for Blink
- setTimeout(function() {
+ setTimeout(function () {
el.setSelectionRange(len, len);
}, 1);
} else {
function commentGetLink(id, prompttext) {
reply = prompt(prompttext);
- if(reply && reply.length) {
+ if (reply && reply.length) {
reply = bin2hex(reply);
- $.get('parse_url?noAttachment=1&binurl=' + reply, function(data) {
+ $.get("parse_url?noAttachment=1&binurl=" + reply, function (data) {
addCommentText(data, id);
});
}
event.preventDefault();
if (reply && reply.length) {
reply = bin2hex(reply);
- $.get('parse_url?noAttachment=1&binurl=' + reply, function(data) {
+ $.get("parse_url?noAttachment=1&binurl=" + reply, function (data) {
addCommentText(data, id);
});
}
}
function showThread(id) {
- $("#collapsed-comments-" + id).show()
- $("#collapsed-comments-" + id + " .collapsed-comments").show()
+ $("#collapsed-comments-" + id).show();
+ $("#collapsed-comments-" + id + " .collapsed-comments").show();
}
function hideThread(id) {
- $("#collapsed-comments-" + id).hide()
- $("#collapsed-comments-" + id + " .collapsed-comments").hide()
+ $("#collapsed-comments-" + id).hide();
+ $("#collapsed-comments-" + id + " .collapsed-comments").hide();
}
function cmtBbOpen(id) {
$("#comment-edit-bb-" + id).hide();
}
-function commentExpand(id)
-{
+function commentExpand(id) {
$("#mod-cmnt-wrap-" + id).show();
closeMenu("comment-fake-form-" + id);
openMenu("item-comments-" + id);
return true;
}
-function commentClose(obj, id)
-{
- if (obj.value === '' || obj.value === obj.dataset.default) {
+function commentClose(obj, id) {
+ if (obj.value === "" || obj.value === obj.dataset.default) {
$("#comment-edit-text-" + id)
.removeClass("comment-edit-text-full")
.addClass("comment-edit-text-empty");
}
function showHideCommentBox(id) {
- var $el = $('#comment-edit-form-' + id);
- if ($el.is(':visible')) {
+ var $el = $("#comment-edit-form-" + id);
+ if ($el.is(":visible")) {
$el.hide();
} else {
$el.show();
openMenu("item-comments-" + id);
$("#comment-edit-text-" + id)
.putCursorAtEnd()
- .addClass("comment-edit-text-full").removeClass("comment-edit-text-empty")
- .attr('tabindex', '9'); // Choose an arbitrary tab index that's greater than what we're using in jot (3 of them)
- $("#comment-edit-submit-" + id).attr('tabindex', '10'); // The submit button gets tabindex + 1
+ .addClass("comment-edit-text-full")
+ .removeClass("comment-edit-text-empty")
+ .attr("tabindex", "9"); // Choose an arbitrary tab index that's greater than what we're using in jot (3 of them)
+ $("#comment-edit-submit-" + id).attr("tabindex", "10"); // The submit button gets tabindex + 1
// initialize autosize for this comment
autosize($("#comment-edit-text-" + id + ".text-autosize"));
}
function commentCloseUI(obj, id) {
- if (obj.value === '' || obj.value === obj.dataset.default) {
+ if (obj.value === "" || obj.value === obj.dataset.default) {
$("#comment-edit-text-" + id)
- .removeClass("comment-edit-text-full").addClass("comment-edit-text-empty")
- .removeAttr('tabindex');
- $("#comment-edit-submit-" + id).removeAttr('tabindex');
+ .removeClass("comment-edit-text-full")
+ .addClass("comment-edit-text-empty")
+ .removeAttr("tabindex");
+ $("#comment-edit-submit-" + id).removeAttr("tabindex");
openMenu("comment-fake-form-" + id);
closeMenu("item-comments-" + id);
// destroy the automatic textarea resizing
}
function jotTextOpenUI(obj) {
- if (obj.value === '' || obj.value === obj.dataset.default) {
+ if (obj.value === "" || obj.value === obj.dataset.default) {
var $el = $(".modal-body #profile-jot-text");
$el.addClass("profile-jot-text-full").removeClass("profile-jot-text-empty");
// initiale autosize for the jot
}
function jotTextCloseUI(obj) {
- if (obj.value === '' || obj.value === obj.dataset.default) {
+ if (obj.value === "" || obj.value === obj.dataset.default) {
var $el = $(".modal-body #profile-jot-text");
$el.removeClass("profile-jot-text-full").addClass("profile-jot-text-empty");
// destroy the automatic textarea resizing
}
function commentOpen(obj, id) {
- if (obj.value === '' || obj.value === obj.dataset.default) {
+ if (obj.value === "" || obj.value === obj.dataset.default) {
$("#comment-edit-text-" + id)
.putCursorAtEnd()
.addClass("comment-edit-text-full")
var confirm = confirmDelete();
if (confirm) {
- $('body').css('cursor', 'wait');
+ $("body").css("cursor", "wait");
var $el = $(document.getElementById(elementId));
- $el.fadeTo('fast', 0.33, function () {
- $.get(url).then(function() {
- $el.remove();
- }).fail(function() {
- // @todo Show related error message
- $el.show();
- }).always(function() {
- $('body').css('cursor', 'auto');
- });
+ $el.fadeTo("fast", 0.33, function () {
+ $.get(url)
+ .then(function () {
+ $el.remove();
+ })
+ .fail(function () {
+ // @todo Show related error message
+ $el.show();
+ })
+ .always(function () {
+ $("body").css("cursor", "auto");
+ });
});
}
}
// @license magnet:?xt=urn:btih:0b31508aeb0634b347b8270c7bee4d411b5d4109&dn=agpl-3.0.txt AGPLv3-or-later
-var jotcache = ''; //The jot cache. We use it as cache to restore old/original jot content
+var jotcache = ""; //The jot cache. We use it as cache to restore old/original jot content
-$(document).ready(function(){
+$(document).ready(function () {
// Destroy unused perfect scrollbar in aside element
- $('aside').perfectScrollbar('destroy');
+ $("aside").perfectScrollbar("destroy");
//fade in/out based on scrollTop value
var scrollStart;
// scroll body to 0px on click
$("#back-to-top").click(function () {
- $("body,html").animate({
- scrollTop: 0
- }, 400);
+ $("body,html").animate(
+ {
+ scrollTop: 0,
+ },
+ 400,
+ );
return false;
});
// add the class "selected" to group widges li if li > a does have the class group-selected
- if( $("#sidebar-group-ul li a").hasClass("group-selected")) {
+ if ($("#sidebar-group-ul li a").hasClass("group-selected")) {
$("#sidebar-group-ul li a.group-selected").parent("li").addClass("selected");
}
// add the class "selected" to forums widges li if li > a does have the class forum-selected
- if( $("#forumlist-sidbar-ul li a").hasClass("forum-selected")) {
+ if ($("#forumlist-sidbar-ul li a").hasClass("forum-selected")) {
$("#forumlist-sidbar-ul li a.forum-selected").parent("li").addClass("selected");
}
// add the class "active" to tabmenuli if li > a does have the class active
- if( $("#tabmenu ul li a").hasClass("active")) {
+ if ($("#tabmenu ul li a").hasClass("active")) {
$("#tabmenu ul li a.active").parent("li").addClass("active");
}
// to the friendica logo (the mask is in nav.tpl at the botom). To make it work we need to apply the
// correct url. The only way which comes to my mind was to do this with js
// So we apply the correct url (with the link to the id of the mask) after the page is loaded.
- if($("#logo-img").length ) {
+ if ($("#logo-img").length) {
var pageurl = "url('" + window.location.href + "#logo-mask')";
- $("#logo-img").css({"mask": pageurl});
+ $("#logo-img").css({ mask: pageurl });
}
// make responsive tabmenu with flexmenu.js
// the menupoints which doesn't fit in the second nav bar will moved to a
// dropdown menu. Look at common_tabs.tpl
$("ul.tabs.flex-nav").flexMenu({
- 'cutoff': 2,
- 'popupClass': "dropdown-menu pull-right",
- 'popupAbsolute': false,
- 'target': ".flex-target"
+ cutoff: 2,
+ popupClass: "dropdown-menu pull-right",
+ popupAbsolute: false,
+ target: ".flex-target",
});
// add Jot button to the second navbar
if ($("#jot-popup").is(":hidden")) {
$jotButton.hide();
}
- $jotButton.on('click', function (e) {
+ $jotButton.on("click", function (e) {
e.preventDefault();
jotShow();
});
}
- let $body = $('body');
+ let $body = $("body");
// show bulk deletion button at network page if checkbox is checked
- $body.change("input.item-select", function(){
+ $body.change("input.item-select", function () {
var checked = false;
// We need to get all checked items, so it would close the delete button
// if we uncheck one item and others are still checked.
// So return checked = true if there is any checked item
- $('input.item-select').each( function() {
- if($(this).is(':checked')) {
+ $("input.item-select").each(function () {
+ if ($(this).is(":checked")) {
checked = true;
return false;
}
});
- if(checked) {
+ if (checked) {
$("#item-delete-selected").fadeTo(400, 1);
$("#item-delete-selected").show();
} else {
- $("#item-delete-selected").fadeTo(400, 0, function(){
+ $("#item-delete-selected").fadeTo(400, 0, function () {
$("#item-delete-selected").hide();
});
}
// initialize the bootstrap tooltips
$body.tooltip({
selector: '[data-toggle="tooltip"]',
- container: 'body',
+ container: "body",
animation: true,
html: true,
- placement: 'auto',
- trigger: 'hover',
+ placement: "auto",
+ trigger: "hover",
delay: {
show: 500,
- hide: 100
+ hide: 100,
},
sanitizeFn: function (content) {
- return DOMPurify.sanitize(content)
+ return DOMPurify.sanitize(content);
},
});
// initialize the bootstrap-select
- $('.selectpicker').selectpicker();
+ $(".selectpicker").selectpicker();
// add search-heading to the second navbar
- if( $(".search-heading").length) {
+ if ($(".search-heading").length) {
$(".search-heading").appendTo("#topbar-second > .container > #tabmenu");
}
// add search results heading to the second navbar
// and insert the search value to the top nav search input
- if( $(".search-content-wrapper").length ) {
+ if ($(".search-content-wrapper").length) {
// get the text of the heading (we catch the plain text because we don't
// want to have a h4 heading in the navbar
var searchText = $(".section-title-wrapper > h2").html();
// temporary workaround to avoid 'undefined' being displayed (issue #9789)
// https://github.com/friendica/friendica/issues/9789
// TODO: find a way to localize this string
- if(typeof searchText === "undefined") {
+ if (typeof searchText === "undefined") {
searchText = "No results";
}
// insert the plain text in a <h4> heading and give it a class
- var newText = '<h4 class="search-heading">'+searchText+'</h4>';
+ var newText = '<h4 class="search-heading">' + searchText + "</h4>";
// append the new heading to the navbar
$("#topbar-second > .container > #tabmenu").append(newText);
var searchValue = $("#search-wrapper .form-group-search input").val();
// if the orignal search value isn't available use the location path as value
- if( typeof searchValue === "undefined") {
+ if (typeof searchValue === "undefined") {
// get the location path
- var urlPath = window.location.search
+ var urlPath = window.location.search;
// and split it up in its parts
var splitPath = urlPath.split(/(\?search?=)(.*$)/);
- if(typeof splitPath[2] !== 'undefined') {
+ if (typeof splitPath[2] !== "undefined") {
// decode the path (e.g to decode %40 to the character @)
var searchValue = decodeURIComponent(splitPath[2]);
}
}
- if( typeof searchValue !== "undefined") {
+ if (typeof searchValue !== "undefined") {
$("#nav-search-input-field").val(searchValue);
}
}
// append the vcard-short-info to the second nav after passing the element
// with .fn (vcard username). Use scrollspy to get the scroll position.
- if( $("aside .vcard .fn").length) {
+ if ($("aside .vcard .fn").length) {
$(".vcard .fn").scrollspy({
min: $(".vcard .fn").position().top - 50,
onLeaveTop: function onLeave(element) {
$("#vcard-short-info").appendTo("#vcard-short-info-wrapper");
});
},
- onEnter: function(element) {
+ onEnter: function (element) {
$("#vcard-short-info").appendTo("#nav-short-info");
$("#vcard-short-info").fadeIn(500);
},
}
// move the forum contact information of the network page into the second navbar
- if( $(".network-content-wrapper > #viewcontact_wrapper-network").length) {
+ if ($(".network-content-wrapper > #viewcontact_wrapper-network").length) {
// get the contact-wrapper element and append it to the second nav bar
// Note: We need the first() element with this class since at the present time we
// store also the js template information in the html code and thats why
// there are two elements with this class but we don't want the js template
- $(".network-content-wrapper > #viewcontact_wrapper-network .contact-wrapper").first().appendTo("#nav-short-info");
+ $(".network-content-wrapper > #viewcontact_wrapper-network .contact-wrapper")
+ .first()
+ .appendTo("#nav-short-info");
}
// move heading from network stream to the second navbar nav-short-info section
- if( $(".network-content-wrapper > .section-title-wrapper").length) {
+ if ($(".network-content-wrapper > .section-title-wrapper").length) {
// get the heading element
var heading = $(".network-content-wrapper > .section-title-wrapper > h2");
// get the text of the heading
var headingContent = heading.html();
// create a new element with the content of the heading
- var newText = '<h4 class="heading" data-toggle="tooltip" title="'+headingContent+'">'+headingContent+'</h4>';
+ var newText =
+ '<h4 class="heading" data-toggle="tooltip" title="' + headingContent + '">' + headingContent + "</h4>";
// remove the old heading element
heading.remove(),
- // put the new element to the second nav bar
- $("#topbar-second #nav-short-info").append(newText);
+ // put the new element to the second nav bar
+ $("#topbar-second #nav-short-info").append(newText);
}
- if( $(".community-content-wrapper").length) {
+ if ($(".community-content-wrapper").length) {
// get the heading element
var heading = $(".community-content-wrapper > h3").first();
// get the text of the heading
var headingContent = heading.html();
// create a new element with the content of the heading
- var newText = '<h4 class="heading">'+headingContent+'</h4>';
+ var newText = '<h4 class="heading">' + headingContent + "</h4>";
// remove the old heading element
heading.remove(),
- // put the new element to the second nav bar
- $("#topbar-second > .container > #tabmenu").append(newText);
+ // put the new element to the second nav bar
+ $("#topbar-second > .container > #tabmenu").append(newText);
}
// Dropdown menus with the class "dropdown-head" will display the active tab
// as button text
- $body.on('click', '.dropdown-head .dropdown-menu li a, .dropdown-head .dropdown-menu li button', function(){
+ $body.on("click", ".dropdown-head .dropdown-menu li a, .dropdown-head .dropdown-menu li button", function () {
toggleDropdownText(this);
});
// Change the css class while clicking on the switcher elements
- $(".toggle label, .toggle .toggle-handle").click(function(event){
+ $(".toggle label, .toggle .toggle-handle").click(function (event) {
event.preventDefault();
// Get the value of the input element
var input = $(this).siblings("input");
- var val = 1-input.val();
+ var val = 1 - input.val();
var id = input.attr("id");
// The css classes for "on" and "off"
// According to the value of the input element we need to decide
// which class need to be added and removed when changing the switch
- var removedclass = (val == 0 ? onstyle : offstyle);
- var addedclass = (val == 0 ? offstyle : onstyle)
- $("#"+id+"_onoff").addClass(addedclass).removeClass(removedclass);
+ var removedclass = val == 0 ? onstyle : offstyle;
+ var addedclass = val == 0 ? offstyle : onstyle;
+ $("#" + id + "_onoff")
+ .addClass(addedclass)
+ .removeClass(removedclass);
// After changing the switch the input element is getting
// the newvalue
// to the input element where the padding value would be at least the width
// of the button. Otherwise long user input would be invisible because it is
// behind the button.
- $body.on('click', '.form-group-search > input', function() {
+ $body.on("click", ".form-group-search > input", function () {
// Get the width of the button (if the button isn't available
// buttonWidth will be null
- var buttonWidth = $(this).next('.form-button-search').outerWidth();
+ var buttonWidth = $(this).next(".form-button-search").outerWidth();
if (buttonWidth) {
// Take the width of the button and ad 5px
var newWidth = buttonWidth + 5;
// Set the padding of the input element according
// to the width of the button
- $(this).css('padding-right', newWidth);
+ $(this).css("padding-right", newWidth);
}
-
});
/*
* We are making an exception for buttons because of a race condition with the
* comment opening button that results in an already closed comment UI.
*/
- $(document).on('mousedown', function(event) {
- if (event.target.type === 'button') {
+ $(document).on("mousedown", function (event) {
+ if (event.target.type === "button") {
return true;
}
- var $dontclosethis = $(event.target).closest('.wall-item-comment-wrapper').find('.comment-edit-form');
- $('.wall-item-comment-wrapper .comment-edit-submit-wrapper:visible').each(function() {
- var $parent = $(this).parent('.comment-edit-form');
- var itemId = $parent.data('itemId');
+ var $dontclosethis = $(event.target).closest(".wall-item-comment-wrapper").find(".comment-edit-form");
+ $(".wall-item-comment-wrapper .comment-edit-submit-wrapper:visible").each(function () {
+ var $parent = $(this).parent(".comment-edit-form");
+ var itemId = $parent.data("itemId");
if ($dontclosethis[0] != $parent[0]) {
- var textarea = $parent.find('textarea').get(0)
+ var textarea = $parent.find("textarea").get(0);
commentCloseUI(textarea, itemId);
}
});
// Customize some elements when the app is used in standalone mode on Android
- if (window.matchMedia('(display-mode: standalone)').matches) {
+ if (window.matchMedia("(display-mode: standalone)").matches) {
// Open links to source outside of the webview
- $('body').on('click', '.plink', function (e) {
- $(e.target).attr('target', '_blank');
+ $("body").on("click", ".plink", function (e) {
+ $(e.target).attr("target", "_blank");
});
}
* This event listeners ensures that the textarea size is updated event if the
* value is changed externally (textcomplete, insertFormatting, fbrowser...)
*/
- $(document).on('change', 'textarea', function(event) {
+ $(document).on("change", "textarea", function (event) {
autosize.update(event.target);
});
if ($(window).width() > 976) {
$("aside").stick_in_parent({
offset_top: 100, // px, header + tab bar + spacing
- recalc_every: 10
+ recalc_every: 10,
});
// recalculate sticky aside on clicks on <a> elements
// this handle height changes on expanding submenus
- $("aside").on("click", "a", function(){
+ $("aside").on("click", "a", function () {
$(document.body).trigger("sticky_kit:recalc");
});
}
* is shown.
*/
$("aside")
- .on("shown.bs.offcanvas", function() {
+ .on("shown.bs.offcanvas", function () {
$body.addClass("aside-out");
})
- .on("hidden.bs.offcanvas", function() {
+ .on("hidden.bs.offcanvas", function () {
$body.removeClass("aside-out");
});
// Event listener for 'Show & hide event map' button in the network stream.
- $body.on("click", ".event-map-btn", function() {
+ $body.on("click", ".event-map-btn", function () {
showHideEventMap(this);
});
// Comment form submit
- $body.on('submit', '.comment-edit-form', function(e) {
+ $body.on("submit", ".comment-edit-form", function (e) {
let $form = $(this);
- let id = $form.data('item-id');
+ let id = $form.data("item-id");
// Compose page form exception: id is always 0 and form must not be submitted asynchronously
if (id === 0) {
e.preventDefault();
- let $commentSubmit = $form.find('.comment-edit-submit').button('loading');
+ let $commentSubmit = $form.find(".comment-edit-submit").button("loading");
unpause();
commentBusy = true;
- $.post(
- 'item',
- $form.serialize(),
- 'json'
- )
- .then(function(data) {
- if (data.success) {
- $('#comment-edit-wrapper-' + id).hide();
- let $textarea = $('#comment-edit-text-' + id);
- $textarea.val('');
- if ($textarea.get(0)) {
- commentClose($textarea.get(0), id);
+ $.post("item", $form.serialize(), "json")
+ .then(function (data) {
+ if (data.success) {
+ $("#comment-edit-wrapper-" + id).hide();
+ let $textarea = $("#comment-edit-text-" + id);
+ $textarea.val("");
+ if ($textarea.get(0)) {
+ commentClose($textarea.get(0), id);
+ }
+ if (timer) {
+ clearTimeout(timer);
+ }
+ timer = setTimeout(NavUpdate, 10);
+ force_update = true;
+ update_item = id;
}
- if (timer) {
- clearTimeout(timer);
+ if (data.reload) {
+ window.location.href = data.reload;
}
- timer = setTimeout(NavUpdate,10);
- force_update = true;
- update_item = id;
- }
- if (data.reload) {
- window.location.href = data.reload;
- }
- })
- .always(function() {
- $commentSubmit.button('reset');
- });
+ })
+ .always(function () {
+ $commentSubmit.button("reset");
+ });
});
- $body.on('submit', '.modal-body #poke-wrapper', function(e) {
+ $body.on("submit", ".modal-body #poke-wrapper", function (e) {
e.preventDefault();
let $form = $(this);
- let $pokeSubmit = $form.find('button[type=submit]').button('loading');
+ let $pokeSubmit = $form.find("button[type=submit]").button("loading");
- $.post(
- $form.attr('action'),
- $form.serialize(),
- 'json'
- )
- .then(function(data) {
- if (data.success) {
- $('#modal').modal('hide');
- }
- })
- .always(function() {
- $pokeSubmit.button('reset');
- });
- })
+ $.post($form.attr("action"), $form.serialize(), "json")
+ .then(function (data) {
+ if (data.success) {
+ $("#modal").modal("hide");
+ }
+ })
+ .always(function () {
+ $pokeSubmit.button("reset");
+ });
+ });
});
function openClose(theID) {
var elem = document.getElementById(theID);
- if( $(elem).is(':visible')) {
+ if ($(elem).is(":visible")) {
$(elem).slideUp(200);
- }
- else {
+ } else {
$(elem).slideDown(200);
}
}
function showHide(theID) {
var elem = document.getElementById(theID);
- var edit = document.getElementById("comment-edit-submit-wrapper-" + theID.match('[0-9$]+'));
+ var edit = document.getElementById("comment-edit-submit-wrapper-" + theID.match("[0-9$]+"));
- if ($(elem).is(':visible')) {
- if (!$(edit).is(':visible')) {
+ if ($(elem).is(":visible")) {
+ if (!$(edit).is(":visible")) {
edit.style.display = "block";
- }
- else {
+ } else {
elem.style.display = "none";
}
- }
- else {
+ } else {
elem.style.display = "block";
}
}
function showHideEventMap(elm) {
// Get the id of the map element - it should be provided through
// the atribute "data-map-id".
- var mapID = elm.getAttribute('data-map-id');
+ var mapID = elm.getAttribute("data-map-id");
// Get translation labels.
- var mapshow = elm.getAttribute('data-show-label');
- var maphide = elm.getAttribute('data-hide-label');
+ var mapshow = elm.getAttribute("data-show-label");
+ var maphide = elm.getAttribute("data-hide-label");
// Change the button labels.
if (elm.innerText == mapshow) {
- $('#' + elm.id).text(maphide);
+ $("#" + elm.id).text(maphide);
} else {
- $('#' + elm.id).text(mapshow);
+ $("#" + elm.id).text(mapshow);
}
// Because maps are iframe elements, we cant hide it through css (display: none).
// We solve this issue by putting the map outside the screen with css.
// So the first time the 'Show map' button is pressed we move the map
// element into the screen area.
- var mappos = $('#' + mapID).css('position');
+ var mappos = $("#" + mapID).css("position");
- if (mappos === 'absolute') {
- $('#' + mapID).hide();
- $('#' + mapID).css({position: 'relative', left: 'auto', top: 'auto'});
+ if (mappos === "absolute") {
+ $("#" + mapID).hide();
+ $("#" + mapID).css({ position: "relative", left: "auto", top: "auto" });
openClose(mapID);
} else {
openClose(mapID);
function justifyPhotos() {
justifiedGalleryActive = true;
- $('#photo-album-contents').justifiedGallery({
- margins: 3,
- border: 0,
- sizeRangeSuffixes: {
- 'lt48': '-6',
- 'lt80': '-5',
- 'lt300': '-4',
- 'lt320': '-2',
- 'lt640': '-1',
- 'lt1024': '-0'
- }
- }).on('jg.complete', function(e){ justifiedGalleryActive = false; });
+ $("#photo-album-contents")
+ .justifiedGallery({
+ margins: 3,
+ border: 0,
+ sizeRangeSuffixes: {
+ lt48: "-6",
+ lt80: "-5",
+ lt300: "-4",
+ lt320: "-2",
+ lt640: "-1",
+ lt1024: "-0",
+ },
+ })
+ .on("jg.complete", function (e) {
+ justifiedGalleryActive = false;
+ });
}
// Load a js script to the html head.
oscript.remove();
}
// Adding the script tag to the head as suggested before.
- var head = document.getElementsByTagName('head')[0];
- var script = document.createElement('script');
- script.type = 'text/javascript';
+ var head = document.getElementsByTagName("head")[0];
+ var script = document.createElement("script");
+ script.type = "text/javascript";
script.src = url;
// Then bind the event to the callback function.
// Does we need a ? or a & to append values to a url
function qOrAmp(url) {
- if(url.search('\\?') < 0) {
- return '?';
+ if (url.search("\\?") < 0) {
+ return "?";
} else {
- return '&';
+ return "&";
}
}
String.prototype.normalizeLink = function () {
- var ret = this.replace('https:', 'http:');
- var ret = ret.replace('//www', '//');
+ var ret = this.replace("https:", "http:");
+ var ret = ret.replace("//www", "//");
return ret.rtrim();
};
function cleanContactUrl(url) {
var parts = parseUrl(url);
- if(! ("scheme" in parts) || ! ("host" in parts)) {
+ if (!("scheme" in parts) || !("host" in parts)) {
return url;
}
- var newUrl =parts["scheme"] + "://" + parts["host"];
+ var newUrl = parts["scheme"] + "://" + parts["host"];
- if("port" in parts) {
+ if ("port" in parts) {
newUrl += ":" + parts["port"];
}
- if("path" in parts) {
+ if ("path" in parts) {
newUrl += parts["path"];
}
-// if(url != newUrl) {
-// console.log("Cleaned contact url " + url + " to " + newUrl);
-// }
+ // if(url != newUrl) {
+ // console.log("Cleaned contact url " + url + " to " + newUrl);
+ // }
return newUrl;
}
-function parseUrl (str, component) { // eslint-disable-line camelcase
+function parseUrl(str, component) {
+ // eslint-disable-line camelcase
// discuss at: http://locutusjs.io/php/parse_url/
// original by: Steven Levithan (http://blog.stevenlevithan.com)
// reimplemented by: Brett Zamir (http://brett-zamir.me)
// example 4: parse_url('https://gooduser:secretpassword@www.example.com/a@b.c/folder?foo=bar')
// returns 4: { scheme: 'https', host: 'www.example.com', path: '/a@b.c/folder', query: 'foo=bar', user: 'gooduser', pass: 'secretpassword' }
- var query
+ var query;
- var mode = (typeof require !== 'undefined' ? require('../info/ini_get')('locutus.parse_url.mode') : undefined) || 'php'
+ var mode =
+ (typeof require !== "undefined" ? require("../info/ini_get")("locutus.parse_url.mode") : undefined) || "php";
var key = [
- 'source',
- 'scheme',
- 'authority',
- 'userInfo',
- 'user',
- 'pass',
- 'host',
- 'port',
- 'relative',
- 'path',
- 'directory',
- 'file',
- 'query',
- 'fragment'
- ]
+ "source",
+ "scheme",
+ "authority",
+ "userInfo",
+ "user",
+ "pass",
+ "host",
+ "port",
+ "relative",
+ "path",
+ "directory",
+ "file",
+ "query",
+ "fragment",
+ ];
// For loose we added one optional slash to post-scheme to catch file:/// (should restrict this)
var parser = {
- php: new RegExp([
- '(?:([^:\\/?#]+):)?',
- '(?:\\/\\/()(?:(?:()(?:([^:@\\/]*):?([^:@\\/]*))?@)?([^:\\/?#]*)(?::(\\d*))?))?',
- '()',
- '(?:(()(?:(?:[^?#\\/]*\\/)*)()(?:[^?#]*))(?:\\?([^#]*))?(?:#(.*))?)'
- ].join('')),
- strict: new RegExp([
- '(?:([^:\\/?#]+):)?',
- '(?:\\/\\/((?:(([^:@\\/]*):?([^:@\\/]*))?@)?([^:\\/?#]*)(?::(\\d*))?))?',
- '((((?:[^?#\\/]*\\/)*)([^?#]*))(?:\\?([^#]*))?(?:#(.*))?)'
- ].join('')),
- loose: new RegExp([
- '(?:(?![^:@]+:[^:@\\/]*@)([^:\\/?#.]+):)?',
- '(?:\\/\\/\\/?)?',
- '((?:(([^:@\\/]*):?([^:@\\/]*))?@)?([^:\\/?#]*)(?::(\\d*))?)',
- '(((\\/(?:[^?#](?![^?#\\/]*\\.[^?#\\/.]+(?:[?#]|$)))*\\/?)?([^?#\\/]*))',
- '(?:\\?([^#]*))?(?:#(.*))?)'
- ].join(''))
- }
-
- var m = parser[mode].exec(str)
- var uri = {}
- var i = 14
+ php: new RegExp(
+ [
+ "(?:([^:\\/?#]+):)?",
+ "(?:\\/\\/()(?:(?:()(?:([^:@\\/]*):?([^:@\\/]*))?@)?([^:\\/?#]*)(?::(\\d*))?))?",
+ "()",
+ "(?:(()(?:(?:[^?#\\/]*\\/)*)()(?:[^?#]*))(?:\\?([^#]*))?(?:#(.*))?)",
+ ].join(""),
+ ),
+ strict: new RegExp(
+ [
+ "(?:([^:\\/?#]+):)?",
+ "(?:\\/\\/((?:(([^:@\\/]*):?([^:@\\/]*))?@)?([^:\\/?#]*)(?::(\\d*))?))?",
+ "((((?:[^?#\\/]*\\/)*)([^?#]*))(?:\\?([^#]*))?(?:#(.*))?)",
+ ].join(""),
+ ),
+ loose: new RegExp(
+ [
+ "(?:(?![^:@]+:[^:@\\/]*@)([^:\\/?#.]+):)?",
+ "(?:\\/\\/\\/?)?",
+ "((?:(([^:@\\/]*):?([^:@\\/]*))?@)?([^:\\/?#]*)(?::(\\d*))?)",
+ "(((\\/(?:[^?#](?![^?#\\/]*\\.[^?#\\/.]+(?:[?#]|$)))*\\/?)?([^?#\\/]*))",
+ "(?:\\?([^#]*))?(?:#(.*))?)",
+ ].join(""),
+ ),
+ };
+
+ var m = parser[mode].exec(str);
+ var uri = {};
+ var i = 14;
while (i--) {
if (m[i]) {
- uri[key[i]] = m[i]
+ uri[key[i]] = m[i];
}
}
if (component) {
- return uri[component.replace('PHP_URL_', '').toLowerCase()]
+ return uri[component.replace("PHP_URL_", "").toLowerCase()];
}
- if (mode !== 'php') {
- var name = (typeof require !== 'undefined' ? require('../info/ini_get')('locutus.parse_url.queryKey') : undefined) || 'queryKey'
- parser = /(?:^|&)([^&=]*)=?([^&]*)/g
- uri[name] = {}
- query = uri[key[12]] || ''
+ if (mode !== "php") {
+ var name =
+ (typeof require !== "undefined" ? require("../info/ini_get")("locutus.parse_url.queryKey") : undefined) ||
+ "queryKey";
+ parser = /(?:^|&)([^&=]*)=?([^&]*)/g;
+ uri[name] = {};
+ query = uri[key[12]] || "";
query.replace(parser, function ($0, $1, $2) {
if ($1) {
- uri[name][$1] = $2
+ uri[name][$1] = $2;
}
- })
+ });
}
- delete uri.source
- return uri
+ delete uri.source;
+ return uri;
}
// trim function to replace whithespace after the string
-String.prototype.rtrim = function() {
- var trimmed = this.replace(/\s+$/g, '');
+String.prototype.rtrim = function () {
+ var trimmed = this.replace(/\s+$/g, "");
return trimmed;
};
return;
}
- var $el = $('#' + elementId + ' > .media');
+ var $el = $("#" + elementId + " > .media");
// Test if the Item exists
if (!$el.length) {
return;
}
// Define the colors which are used for highlighting
- var colWhite = {backgroundColor:'#F5F5F5'};
- var colShiny = {backgroundColor:'#FFF176'};
+ var colWhite = { backgroundColor: "#F5F5F5" };
+ var colShiny = { backgroundColor: "#FFF176" };
// Get the Item Position (we need to substract 100 to match correct position
var itemPos = $el.offset().top - 100;
// Scroll to the DIV with the ID (GUID)
- $('html, body').animate({
- scrollTop: itemPos
- }, 400).promise().done( function() {
- // Highlight post/commenent with ID (GUID)
- $el.animate(colWhite, 1000).animate(colShiny).animate({backgroundColor: 'transparent'}, 600);
- });
+ $("html, body")
+ .animate(
+ {
+ scrollTop: itemPos,
+ },
+ 400,
+ )
+ .promise()
+ .done(function () {
+ // Highlight post/commenent with ID (GUID)
+ $el.animate(colWhite, 1000).animate(colShiny).animate({ backgroundColor: "transparent" }, 600);
+ });
}
// format a html string to pure text
function htmlToText(htmlString) {
// Replace line breaks with spaces
- var text = htmlString.replace(/<br>/g, ' ');
+ var text = htmlString.replace(/<br>/g, " ");
// Strip the text out of the html string
- text = text.replace(/<[^>]*>/g, '');
+ text = text.replace(/<[^>]*>/g, "");
return text;
}
* @param {boolean} un Whether to perform an activity removal instead of creation
*/
function doLikeAction(ident, verb, un) {
- if (verb.indexOf('attend') === 0) {
- $('.item-' + ident + ' .button-event:not(#' + verb + '-' + ident + ')').removeClass('active');
+ if (verb.indexOf("attend") === 0) {
+ $(".item-" + ident + " .button-event:not(#" + verb + "-" + ident + ")").removeClass("active");
}
- $('#' + verb + '-' + ident).toggleClass('active');
+ $("#" + verb + "-" + ident).toggleClass("active");
dolike(ident, verb, un);
}
// Decodes a hexadecimally encoded binary string
-function hex2bin (s) {
+function hex2bin(s) {
// discuss at: http://locutus.io/php/hex2bin/
// original by: Dumitru Uzun (http://duzun.me)
// example 1: hex2bin('44696d61')
var ret = [];
var i = 0;
var l;
- s += '';
+ s += "";
for (l = s.length; i < l; i += 2) {
var c = parseInt(s.substr(i, 1), 16);
}
// Convert binary data into hexadecimal representation
-function bin2hex (s) {
+function bin2hex(s) {
// From: http://phpjs.org/functions
// + original by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
// + bugfixed by: Onno Marsman
// * example 2: bin2hex(String.fromCharCode(0x00));
// * returns 2: '00'
- var i, l, o = "", n;
+ var i,
+ l,
+ o = "",
+ n;
s += "";
// Dropdown menus with the class "dropdown-head" will display the active tab
// as button text
function toggleDropdownText(elm) {
- $(elm).closest(".dropdown").find('.btn').html($(elm).html() + ' <span class="caret"></span>');
- $(elm).closest(".dropdown").find('.btn').val($(elm).data('value'));
- $(elm).closest("ul").children("li").show();
- $(elm).parent("li").hide();
+ $(elm)
+ .closest(".dropdown")
+ .find(".btn")
+ .html($(elm).html() + ' <span class="caret"></span>');
+ $(elm).closest(".dropdown").find(".btn").val($(elm).data("value"));
+ $(elm).closest("ul").children("li").show();
+ $(elm).parent("li").hide();
}
// Check if element does have a specific class
function hasClass(elem, cls) {
- return (" " + elem.className + " " ).indexOf( " "+cls+" " ) > -1;
+ return (" " + elem.className + " ").indexOf(" " + cls + " ") > -1;
}
// @license-end
}
#topbar-first #nav-notifications-menu li.notification-unseen {
- background-color: $nav_icon_hover_color;
+ background-color: $nav_icon_hover_color;
}
#topbar-second {
border_color: $link_color;
}
-.dropdown-menu, .account .dropdown-menu {
+.dropdown-menu,
+.account .dropdown-menu {
background-color: $background_color;
}
-.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
+.dropdown-menu > li > a:focus,
+.dropdown-menu > li > a:hover {
color: $link_color;
}
.account .dropdown-menu li {
border-color: $background_color;
}
-.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
+.dropdown-menu > li > a:focus,
+.dropdown-menu > li > a:hover {
background-image: none;
background-color: rgba(232, 232, 232, $contentbg_transp);
}
border-color: #a0a0a0;
}
-input[type=text],
-input[type=submit],
-button[type=submit]:not(.btn),
+input[type="text"],
+input[type="submit"],
+button[type="submit"]:not(.btn),
select,
textarea,
.form-control {
box-shadow: 0 0 3px #dadada;
-webkit-box-shadow: 0 0 3px #dadada;
}
-input[type=range] {
+input[type="range"] {
box-shadow: none;
}
-.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
+.form-control[disabled],
+.form-control[readonly],
+fieldset[disabled] .form-control {
background-color: $background_color;
color: $font_color_darker;
}
background-color: $background_color;
}
-.nav-tabs>li.active>a,
-.nav-tabs>li.active>a:focus,
-.nav-tabs>li.active>a:hover,
-main .nav-tabs>li.active>a,
-main .nav-tabs>li.active>a:focus,
-main .nav-tabs>li.active>a:hover {
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:focus,
+.nav-tabs > li.active > a:hover,
+main .nav-tabs > li.active > a,
+main .nav-tabs > li.active > a:focus,
+main .nav-tabs > li.active > a:hover {
background-color: $nav_bg;
color: $font_color_darker;
}
-.nav > li > a:focus, .nav > li > a:hover {
+.nav > li > a:focus,
+.nav > li > a:hover {
background-color: rgba(238, 238, 238, $contentbg_transp);
}
color: $font_color;
}
-.pagination>li>a:hover, .pagination>li>span:hover {
+.pagination > li > a:hover,
+.pagination > li > span:hover {
background-color: $nav_bg;
}
color: $font_color;
text-shadow: 0 1px 0 $nav_bg;
}
-.close:focus, .close:hover {
+.close:focus,
+.close:hover {
color: $link_color;
}
background: none;
color: $font_color_darker;
}
-.btn.focus, .btn:focus, .btn:hover {
+.btn.focus,
+.btn:focus,
+.btn:hover {
color: $font_color;
}
-.btn-default:focus, .btn-default:hover {
+.btn-default:focus,
+.btn-default:hover {
background: $nav_bg;
}
-.btn-default.active, .btn-default:active {
+.btn-default.active,
+.btn-default:active {
background-color: $nav_bg;
color: $font_color;
}
-button[type=submit]:not(.btn),
-input[type=submit],
+button[type="submit"]:not(.btn),
+input[type="submit"],
.btn.btn-primary {
border: 1px solid $link_color;
}
color: $link_color;
}
-.panel-default>.panel-heading {
+.panel-default > .panel-heading {
background: none;
background-color: $nav_bg;
color: $font_color;
box-shadow: 0 10px 50px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.5);
}
-.hovercard, .hover-card-footer {
+.hovercard,
+.hover-card-footer {
background-color: $nav_bg;
}
.hovercard.top > .arrow:after {
color: inherit;
}
-
code {
color: $font_color;
- background-color: rgba(255, 255, 255, .2);
+ background-color: rgba(255, 255, 255, 0.2);
}
pre {
color: $font_color_darker;
- background-color: rgba(255, 255, 255, .05);
+ background-color: rgba(255, 255, 255, 0.05);
}
legend {
color: $font_color;
}
-.table-striped>tbody>tr:nth-of-type(odd),
+.table-striped > tbody > tr:nth-of-type(odd),
.table-hover > tbody > tr:hover,
.adminpage .table-hover > tbody > tr:hover + tr.details {
background-color: $nav_bg;
.delegation-content-wrapper,
.notes-content-wrapper,
.message-content-wrapper,
-.apps-content-wrapper, #adminpage,
+.apps-content-wrapper,
+#adminpage,
.delegate-content-wrapper,
.uexport-content-wrapper,
.dfrn_request-content-wrapper,
.panel,
aside .widget,
.nav-container .widget,
-#back-to-top
-{
+#back-to-top {
box-shadow: 0 0 3px $link_color;
-webkit-box-shadow: 0 0 3px $link_color;
}
-input[type=text].tt-input {
+input[type="text"].tt-input {
box-shadow: none;
}
}
#topbar-first #nav-notifications-menu li.notification-unseen {
- background-color: $nav_icon_hover_color;
+ background-color: $nav_icon_hover_color;
}
#topbar-second {
border_color: $link_color;
}
-.dropdown-menu, .account .dropdown-menu {
+.dropdown-menu,
+.account .dropdown-menu {
background-color: $background_color;
}
-.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
+.dropdown-menu > li > a:focus,
+.dropdown-menu > li > a:hover {
color: $link_color;
}
.account .dropdown-menu li {
border-color: $background_color;
}
-.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
+.dropdown-menu > li > a:focus,
+.dropdown-menu > li > a:hover {
background-image: none;
background-color: rgba(232, 232, 232, $contentbg_transp);
}
-webkit-box-shadow: 0 0 3px #dadada;
}
-input[type=text],
-input[type=submit],
-button[type=submit]:not(.btn),
+input[type="text"],
+input[type="submit"],
+button[type="submit"]:not(.btn),
select,
textarea,
.form-control {
box-shadow: 0 0 3px #dadada;
-webkit-box-shadow: 0 0 3px #dadada;
}
-input[type=range] {
+input[type="range"] {
box-shadow: none;
}
background-color: $background_color;
}
-.nav-tabs>li.active>a,
-.nav-tabs>li.active>a:focus,
-.nav-tabs>li.active>a:hover,
-main .nav-tabs>li.active>a,
-main .nav-tabs>li.active>a:focus,
-main .nav-tabs>li.active>a:hover {
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:focus,
+.nav-tabs > li.active > a:hover,
+main .nav-tabs > li.active > a,
+main .nav-tabs > li.active > a:focus,
+main .nav-tabs > li.active > a:hover {
background-color: $nav_bg;
color: $font_color_darker;
}
color: $font_color;
}
-.pagination>li>a:hover,
-.pagination>li>span:hover {
+.pagination > li > a:hover,
+.pagination > li > span:hover {
background-color: $nav_bg;
}
color: $font_color;
}
-button[type=submit]:not(.btn),
-input[type=submit],
+button[type="submit"]:not(.btn),
+input[type="submit"],
.btn.btn-primary {
border: 1px solid $link_color;
}
color: $link_color;
}
-.panel-default>.panel-heading {
+.panel-default > .panel-heading {
background: none;
background-color: $nav_bg;
color: $font_color;
color: inherit;
}
-
code {
color: $font_color;
- background-color: rgba(255, 255, 255, .2);
+ background-color: rgba(255, 255, 255, 0.2);
}
pre {
color: $font_color_darker;
- background-color: rgba(255, 255, 255, .05);
+ background-color: rgba(255, 255, 255, 0.05);
}
legend {
color: $font_color;
}
-.table-striped>tbody>tr:nth-of-type(odd),
+.table-striped > tbody > tr:nth-of-type(odd),
.table-hover > tbody > tr:hover,
.adminpage .table-hover > tbody > tr:hover + tr.details {
background-color: $nav_bg;
}
-input[type=text].tt-input {
+input[type="text"].tt-input {
box-shadow: none;
}
Author : koyu
*/
-#topbar-first, #topbar-second, body {
- background: #111;
- border: 0;
+#topbar-first,
+#topbar-second,
+body {
+ background: #111;
+ border: 0;
}
-#topbar-first .dropdown.account > a, #topbar-first .dropdown.account.open > a, #topbar-first .dropdown.account > button, #topbar-first .dropdown.account.open > button, #topbar-first .dropdown.account > :hover, #topbar-first .dropdown.account.open > :hover {
- background: #111;
- border: 0;
+#topbar-first .dropdown.account > a,
+#topbar-first .dropdown.account.open > a,
+#topbar-first .dropdown.account > button,
+#topbar-first .dropdown.account.open > button,
+#topbar-first .dropdown.account > :hover,
+#topbar-first .dropdown.account.open > :hover {
+ background: #111;
+ border: 0;
}
-.nav-pills .dropdown-menu, .nav-tabs .dropdown-menu, .account .dropdown-menu, .contact-photo-wrapper .dropdown-menu {
- background: #111;
- -webkit-box-shadow: 0px 0px 69px 4px rgba(0,0,0,0.25);
- -moz-box-shadow: 0px 0px 69px 4px rgba(0,0,0,0.25);
- box-shadow: 0px 0px 69px 4px rgba(0,0,0,0.25);
- border: 0;
+.nav-pills .dropdown-menu,
+.nav-tabs .dropdown-menu,
+.account .dropdown-menu,
+.contact-photo-wrapper .dropdown-menu {
+ background: #111;
+ -webkit-box-shadow: 0px 0px 69px 4px rgba(0, 0, 0, 0.25);
+ -moz-box-shadow: 0px 0px 69px 4px rgba(0, 0, 0, 0.25);
+ box-shadow: 0px 0px 69px 4px rgba(0, 0, 0, 0.25);
+ border: 0;
}
-.account .dropdown-menu li, .account .dropdown-menu li:hover {
- border: 0;
- background: #111;
+.account .dropdown-menu li,
+.account .dropdown-menu li:hover {
+ border: 0;
+ background: #111;
}
-#topbar-first .topbar-nav .nav-segment>a:hover {
- background: #333;
+#topbar-first .topbar-nav .nav-segment > a:hover {
+ background: #333;
}
.account .dropdown-menu li:hover {
- background: #333 !important;
+ background: #333 !important;
}
.account .dropdown-menu li.divider {
- background: #111;
-}
\ No newline at end of file
+ background: #111;
+}
*/
body {
- color: #000;
+ color: #000;
}
/*
*/
#topbar-first,
nav.navbar {
- box-shadow: 0 -1px 5px 2px #000;
+ box-shadow: 0 -1px 5px 2px #000;
}
-#topbar-first .nav>li>a:hover,
-nav.navbar .nav>li>a:hover {
- background-color: #000;
- color: #15e3ff;
+#topbar-first .nav > li > a:hover,
+nav.navbar .nav > li > a:hover {
+ background-color: #000;
+ color: #15e3ff;
}
-#topbar-first .nav>li>a.selected {
- background: #e355e0;
- color: #000;
- padding: 9px;
- border-radius: 8px;
+#topbar-first .nav > li > a.selected {
+ background: #e355e0;
+ color: #000;
+ padding: 9px;
+ border-radius: 8px;
}
#topbar-first #nav-notifications-menu li.notif-entry:hover,
-#topbar-second .nav>li>ul>li>a:hover,
-#topbar-second .nav>li>ul>li>a.active,
-#topbar-second .nav>li>a:hover,
-#topbar-second .nav .open>a,
-#topbar-second .nav>li.active,
+#topbar-second .nav > li > ul > li > a:hover,
+#topbar-second .nav > li > ul > li > a.active,
+#topbar-second .nav > li > a:hover,
+#topbar-second .nav .open > a,
+#topbar-second .nav > li.active,
.nav-pills .dropdown-menu li:hover,
.nav-tabs .dropdown-menu li:hover,
.account .dropdown-menu li:hover,
aside .widget li:hover,
aside .widget li.selected,
.nav-container .widget li:hover {
- border-left:3px solid #15e3ff !important;
+ border-left: 3px solid #15e3ff !important;
}
.panel,
aside .widget,
.nav-container .widget,
-#profile-page, .photos-content-wrapper,
+#profile-page,
+.photos-content-wrapper,
.settings-content-wrapper {
- border-style: solid solid solid solid;
- border-width: 1px;
- border-color: #DDDDDD;
- box-shadow: none;
- border-radius: 15px;
- color: #000;
+ border-style: solid solid solid solid;
+ border-width: 1px;
+ border-color: #dddddd;
+ box-shadow: none;
+ border-radius: 15px;
+ color: #000;
}
-aside .widget li a, aside .widget li a:hover,
+aside .widget li a,
+aside .widget li a:hover,
.panel .panel-body .wall-item-content,
.toplevel_item .wall-item-container .btn-link {
- color: #000;
+ color: #000;
}
.wall-item-content a:hover,
-nav.navbar .navbar-brand{
- color: #15e3ff !important;
+nav.navbar .navbar-brand {
+ color: #15e3ff !important;
}
*/
body {
- background: url(scheme/plusminus.jpg);
- background-repeat: no-repeat;
- background-size: cover;
- background-attachment: fixed;
- height: auto;
-}
-
-aside .widget, .form-control, .panel, .nav-container, .wall-item-content, .e-content, .p-name, .topbar, post, shiny, tread-wrapper, #topbar-second {
- color: #000;
- background-color: #f5f5f5;
-}
-
-.form-control {
- font-family: ".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Helvetica,Arial,sans-serif;
+ background: url(scheme/plusminus.jpg);
+ background-repeat: no-repeat;
+ background-size: cover;
+ background-attachment: fixed;
+ height: auto;
+}
+
+aside .widget,
+.form-control,
+.panel,
+.nav-container,
+.wall-item-content,
+.e-content,
+.p-name,
+.topbar,
+post,
+shiny,
+tread-wrapper,
+#topbar-second {
+ color: #000;
+ background-color: #f5f5f5;
+}
+
+.form-control {
+ font-family: ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande",
+ Helvetica, Arial, sans-serif;
}
#topbar-first #nav-notifications-menu li.notification-unseen {
- border-left: 3px solid #e3eff3;
- background-color: antiquewhite;
+ border-left: 3px solid #e3eff3;
+ background-color: antiquewhite;
}
#topbar-first #nav-notifications-menu li.notif-entry {
- padding: 0px;
+ padding: 0px;
}
.birthday-notice {
- background-color:#cc0000;
- color: white;
+ background-color: #cc0000;
+ color: white;
}
#birthday-title {
- background-color:#ff0000;
- color: white;
- text-indent: 6px;
+ background-color: #ff0000;
+ color: white;
+ text-indent: 6px;
}
.birthday-list:before {
- content: "\1F382 ";
+ content: "\1F382 ";
}
-.birthday-list{
- margin: 1px;
- color: black;
- background-color: yellow;
- text-indent: 10px;
- border-radius: 5px;
+.birthday-list {
+ margin: 1px;
+ color: black;
+ background-color: yellow;
+ text-indent: 10px;
+ border-radius: 5px;
}
-#event-notice{
- color: white;
- background-color: #004c5b;
- text-indent: 2px;
+#event-notice {
+ color: white;
+ background-color: #004c5b;
+ text-indent: 2px;
}
-#event-title{
- color: whitesmoke;
- background-color: #006c83;
- text-indent: 6px;
+#event-title {
+ color: whitesmoke;
+ background-color: #006c83;
+ text-indent: 6px;
}
.event-list:before {
- content: "\1F5D3 ";
+ content: "\1F5D3 ";
}
.event-list {
- margin: 1px;
- color: black;
- background-color: #00c7f0;
- text-indent: 10px;
- border-radius: 5px;
+ margin: 1px;
+ color: black;
+ background-color: #00c7f0;
+ text-indent: 10px;
+ border-radius: 5px;
}
.panel .panel-body {
- padding-top: 1px;
- padding-bottom: 1px;
- padding-left:5px;
- padding-right:5px;
- border: 1px;
+ padding-top: 1px;
+ padding-bottom: 1px;
+ padding-left: 5px;
+ padding-right: 5px;
+ border: 1px;
}
.wall-item-network {
- font-size: 12px;
-}
-
-.wall-item-content .clearfix .post .comment-container .well .well-sm .wall-item-body .e-content .p-name .media .comment .wall-item-bottom .wall-item-links .wall-item-tags .wall-item-actions .wall-item-responses #hr {
- box-sizing: border-box;
- margin-top: 0px;
- margin-bottom: 0px;
- border:0px;
- padding:0px;
- color:black;
+ font-size: 12px;
+}
+
+.wall-item-content
+ .clearfix
+ .post
+ .comment-container
+ .well
+ .well-sm
+ .wall-item-body
+ .e-content
+ .p-name
+ .media
+ .comment
+ .wall-item-bottom
+ .wall-item-links
+ .wall-item-tags
+ .wall-item-actions
+ .wall-item-responses
+ #hr {
+ box-sizing: border-box;
+ margin-top: 0px;
+ margin-bottom: 0px;
+ border: 0px;
+ padding: 0px;
+ color: black;
}
.wall-spacer {
- height: 0px;
+ height: 0px;
}
/* Contact-page */
#connect-desc {
- color: grey;
+ color: grey;
}
.search-input.form-control.form-search {
- background-color: #ebebeb;
- border-color:lightgrey;
+ background-color: #ebebeb;
+ border-color: lightgrey;
}
.search-input.form-control.form-search:focus {
- background-color: white;
- border-color:grey;
+ background-color: white;
+ border-color: grey;
}
/* Addon-Showmore*/
.showmore-wrap {
- background-color:lightgrey;
- text-decoration: underline;
- text-decoration-color: black;
- text-decoration-style: wavy;
+ background-color: lightgrey;
+ text-decoration: underline;
+ text-decoration-color: black;
+ text-decoration-style: wavy;
}
/* New compose popup */
.profile-jot-net {
- background: #dff0d8;
+ background: #dff0d8;
}
.profile-jot-net summary {
- color: #3c763d;
- font-weight: bold;
+ color: #3c763d;
+ font-weight: bold;
}
{{* we have modified the navmenu (look at function frio_remote_nav() ) to have remote links. $nav.userinfo is a new variable and replaces the original $userinfo variable *}}
{{if $nav.userinfo}}
-<header>
- {{* {{$langselector}} *}}
+ <header>
+ {{* {{$langselector}} *}}
- <div id="site-location">{{$sitelocation}}</div>
- <div id="banner" class="hidden-sm hidden-xs">
- {{* show on remote/visitor connections an other logo which symols that fact*}}
- {{if $nav.remote}}
- <a href="{{$baseurl}}"><div id="remote-logo-img" aria-label="{{$home}}"></div></a>
- {{else}}
- {{* #logo-img is the the placeholder to insert a mask (friendica logo) into this div
+ <div id="site-location">{{$sitelocation}}</div>
+ <div id="banner" class="hidden-sm hidden-xs">
+ {{* show on remote/visitor connections an other logo which symols that fact*}}
+ {{if $nav.remote}}
+ <a href="{{$baseurl}}">
+ <div id="remote-logo-img" aria-label="{{$home}}"></div>
+ </a>
+ {{else}}
+ {{* #logo-img is the the placeholder to insert a mask (friendica logo) into this div
For Firefox we have to call the paths of the mask (look at the bottom of this file).
Because for FF we need relative paths we apply them with js after the page is loaded (look at theme.js *}}
- <a href="{{$baseurl}}"><div id="logo-img" aria-label="{{$home}}"></div></a>
- {{/if}}
- </div>
-</header>
-<nav id="topbar-first" class="topbar">
- <div class="container">
- <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 no-padding"><!-- div for navbar width-->
- <!-- Brand and toggle get grouped for better mobile display -->
- <div class="topbar-nav" role="navigation">
+ <a href="{{$baseurl}}">
+ <div id="logo-img" aria-label="{{$home}}"></div>
+ </a>
+ {{/if}}
+ </div>
+ </header>
+ <nav id="topbar-first" class="topbar">
+ <div class="container">
+ <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 no-padding">
+ <!-- div for navbar width-->
+ <!-- Brand and toggle get grouped for better mobile display -->
+ <div class="topbar-nav" role="navigation">
- {{* Buttons for the mobile view *}}
- <button type="button" class="navbar-toggle collapsed pull-right" data-toggle="offcanvas" data-target="#myNavmenu" aria-controls="myNavmenu" aria-haspopup="true">
- <span class="sr-only">Toggle navigation</span>
- <i class="fa fa-ellipsis-v fa-fw fa-lg" aria-hidden="true"></i>
- </button>
- <button type="button" class="navbar-toggle collapsed pull-right" data-toggle="collapse" data-target="#search-mobile" aria-expanded="false" aria-controls="search-mobile">
- <span class="sr-only">Toggle Search</span>
- <i class="fa fa-search fa-fw fa-lg" aria-hidden="true" style="color:#FFF;"></i>
- </button>
- <button type="button" class="navbar-toggle collapsed pull-left visible-sm visible-xs" data-toggle="offcanvas" data-target="aside" aria-haspopup="true">
- <span class="sr-only">Toggle navigation</span>
- <i class="fa fa-ellipsis-v fa-fw fa-lg" aria-hidden="true"></i>
- </button>
+ {{* Buttons for the mobile view *}}
+ <button type="button" class="navbar-toggle collapsed pull-right" data-toggle="offcanvas"
+ data-target="#myNavmenu" aria-controls="myNavmenu" aria-haspopup="true">
+ <span class="sr-only">Toggle navigation</span>
+ <i class="fa fa-ellipsis-v fa-fw fa-lg" aria-hidden="true"></i>
+ </button>
+ <button type="button" class="navbar-toggle collapsed pull-right" data-toggle="collapse"
+ data-target="#search-mobile" aria-expanded="false" aria-controls="search-mobile">
+ <span class="sr-only">Toggle Search</span>
+ <i class="fa fa-search fa-fw fa-lg" aria-hidden="true" style="color:#FFF;"></i>
+ </button>
+ <button type="button" class="navbar-toggle collapsed pull-left visible-sm visible-xs"
+ data-toggle="offcanvas" data-target="aside" aria-haspopup="true">
+ <span class="sr-only">Toggle navigation</span>
+ <i class="fa fa-ellipsis-v fa-fw fa-lg" aria-hidden="true"></i>
+ </button>
- {{* Left section of the NavBar with navigation shortcuts/icons *}}
- <ul class="nav navbar-left" role="menubar">
- {{if $nav.network}}
- <li class="nav-segment">
- <a accesskey="n" class="nav-menu {{$sel.network}}" href="{{$nav.network.0}}" data-toggle="tooltip" aria-label="{{$nav.network.3}}" title="{{$nav.network.3}}"><i class="fa fa-lg fa-th fa-fw" aria-hidden="true"></i><span id="net-update" class="nav-network-badge badge nav-notification"></span></a>
- </li>
- {{/if}}
- {{if $nav.home}}
- <li class="nav-segment">
- <a accesskey="p" class="nav-menu {{$sel.home}}" href="{{$nav.home.0}}" data-toggle="tooltip" aria-label="{{$nav.home.3}}" title="{{$nav.home.3}}"><i class="fa fa-lg fa-home fa-fw" aria-hidden="true"></i><span id="home-update" class="nav-home-badge badge nav-notification"></span></a>
- </li>
- {{/if}}
+ {{* Left section of the NavBar with navigation shortcuts/icons *}}
+ <ul class="nav navbar-left" role="menubar">
+ {{if $nav.network}}
+ <li class="nav-segment">
+ <a accesskey="n" class="nav-menu {{$sel.network}}" href="{{$nav.network.0}}"
+ data-toggle="tooltip" aria-label="{{$nav.network.3}}" title="{{$nav.network.3}}"><i
+ class="fa fa-lg fa-th fa-fw" aria-hidden="true"></i><span id="net-update"
+ class="nav-network-badge badge nav-notification"></span></a>
+ </li>
+ {{/if}}
+ {{if $nav.home}}
+ <li class="nav-segment">
+ <a accesskey="p" class="nav-menu {{$sel.home}}" href="{{$nav.home.0}}" data-toggle="tooltip"
+ aria-label="{{$nav.home.3}}" title="{{$nav.home.3}}"><i class="fa fa-lg fa-home fa-fw"
+ aria-hidden="true"></i><span id="home-update"
+ class="nav-home-badge badge nav-notification"></span></a>
+ </li>
+ {{/if}}
- {{if $nav.community}}
- <li class="nav-segment">
- <a accesskey="c" class="nav-menu {{$sel.community}}" href="{{$nav.community.0}}" data-toggle="tooltip" aria-label="{{$nav.community.3}}" title="{{$nav.community.3}}"><i class="fa fa-lg fa-bullseye fa-fw" aria-hidden="true"></i></a>
- </li>
- {{/if}}
+ {{if $nav.community}}
+ <li class="nav-segment">
+ <a accesskey="c" class="nav-menu {{$sel.community}}" href="{{$nav.community.0}}"
+ data-toggle="tooltip" aria-label="{{$nav.community.3}}" title="{{$nav.community.3}}"><i
+ class="fa fa-lg fa-bullseye fa-fw" aria-hidden="true"></i></a>
+ </li>
+ {{/if}}
- {{if $nav.messages}}
- <li class="nav-segment hidden-xs">
- <a accesskey="m" id="nav-messages-link" href="{{$nav.messages.0}}" data-toggle="tooltip" aria-label="{{$nav.messages.1}}" title="{{$nav.messages.1}}" class="nav-menu {{$sel.messages}}"><i class="fa fa-envelope fa-lg fa-fw" aria-hidden="true"></i><span id="mail-update" class="nav-mail-badge badge nav-notification"></span></a>
- </li>
- {{/if}}
+ {{if $nav.messages}}
+ <li class="nav-segment hidden-xs">
+ <a accesskey="m" id="nav-messages-link" href="{{$nav.messages.0}}" data-toggle="tooltip"
+ aria-label="{{$nav.messages.1}}" title="{{$nav.messages.1}}"
+ class="nav-menu {{$sel.messages}}"><i class="fa fa-envelope fa-lg fa-fw"
+ aria-hidden="true"></i><span id="mail-update"
+ class="nav-mail-badge badge nav-notification"></span></a>
+ </li>
+ {{/if}}
- {{if $nav.events}}
- <li class="nav-segment hidden-xs">
- <a accesskey="e" id="nav-events-link" href="{{$nav.events.0}}" data-toggle="tooltip" aria-label="{{$nav.events.1}}" title="{{$nav.events.1}}" class="nav-menu"><i class="fa fa-lg fa-calendar fa-fw"></i></a>
- </li>
- {{/if}}
+ {{if $nav.events}}
+ <li class="nav-segment hidden-xs">
+ <a accesskey="e" id="nav-events-link" href="{{$nav.events.0}}" data-toggle="tooltip"
+ aria-label="{{$nav.events.1}}" title="{{$nav.events.1}}" class="nav-menu"><i
+ class="fa fa-lg fa-calendar fa-fw"></i></a>
+ </li>
+ {{/if}}
- {{if $nav.contacts}}
- <li class="nav-segment hidden-xs">
- <a accesskey="k" id="nav-contacts-link" href="{{$nav.contacts.0}}" data-toggle="tooltip" aria-label="{{$nav.contacts.1}}" title="{{$nav.contacts.1}}"class="nav-menu {{$sel.contacts}} {{$nav.contacts.2}}"><i class="fa fa-users fa-lg fa-fw"></i></a>
- </li>
- {{/if}}
+ {{if $nav.contacts}}
+ <li class="nav-segment hidden-xs">
+ <a accesskey="k" id="nav-contacts-link" href="{{$nav.contacts.0}}" data-toggle="tooltip"
+ aria-label="{{$nav.contacts.1}}" title="{{$nav.contacts.1}}"
+ class="nav-menu {{$sel.contacts}} {{$nav.contacts.2}}"><i
+ class="fa fa-users fa-lg fa-fw"></i></a>
+ </li>
+ {{/if}}
- {{* The notifications dropdown *}}
- {{if $nav.notifications}}
- <li id="nav-notification" class="nav-segment dropdown" role="presentation">
- <button id="nav-notifications-menu-btn" class="btn-link dropdown-toggle" data-toggle="dropdown" type="button" aria-haspopup="true" aria-expanded="false" aria-controls="nav-notifications-menu">
- <span id="notification-update" class="nav-notification-badge badge nav-notification"></span>
- <i class="fa fa-bell fa-lg" aria-label="{{$nav.notifications.1}}"></i>
- </button>
- {{* The notifications dropdown menu. There are two parts of menu. The second is at the bottom of this file. It is loaded via js. Look at nav-notifications-template *}}
- <ul id="nav-notifications-menu" class="dropdown-menu menu-popup" role="menu" aria-labelledby="nav-notifications-menu-btn">
- {{* the following list entry must have the id "nav-notificaionts-mark-all". Without it this isn't visable. ....strange behavior :-/ *}}
- <li role="presentation" id="nav-notifications-mark-all" class="dropdown-header">
- <div class="arrow"></div>
- {{$nav.notifications.1}}
- <div class="dropdown-header-link">
- <button role="menuitem" type="button" class="btn-link" onclick="notificationMarkAll();" data-toggle="tooltip" aria-label="{{$nav.notifications.mark.3}}" title="{{$nav.notifications.mark.3}}">{{$nav.notifications.mark.1}}</button>
- </div>
+ {{* The notifications dropdown *}}
+ {{if $nav.notifications}}
+ <li id="nav-notification" class="nav-segment dropdown" role="presentation">
+ <button id="nav-notifications-menu-btn" class="btn-link dropdown-toggle" data-toggle="dropdown"
+ type="button" aria-haspopup="true" aria-expanded="false"
+ aria-controls="nav-notifications-menu">
+ <span id="notification-update" class="nav-notification-badge badge nav-notification"></span>
+ <i class="fa fa-bell fa-lg" aria-label="{{$nav.notifications.1}}"></i>
+ </button>
+ {{* The notifications dropdown menu. There are two parts of menu. The second is at the bottom of this file. It is loaded via js. Look at nav-notifications-template *}}
+ <ul id="nav-notifications-menu" class="dropdown-menu menu-popup" role="menu"
+ aria-labelledby="nav-notifications-menu-btn">
+ {{* the following list entry must have the id "nav-notificaionts-mark-all". Without it this isn't visable. ....strange behavior :-/ *}}
+ <li role="presentation" id="nav-notifications-mark-all" class="dropdown-header">
+ <div class="arrow"></div>
+ {{$nav.notifications.1}}
+ <div class="dropdown-header-link">
+ <button role="menuitem" type="button" class="btn-link"
+ onclick="notificationMarkAll();" data-toggle="tooltip"
+ aria-label="{{$nav.notifications.mark.3}}"
+ title="{{$nav.notifications.mark.3}}">{{$nav.notifications.mark.1}}</button>
+ </div>
- </li>
+ </li>
- <li role="presentation">
-
<p role="menuitem" class="text-muted"><i>{{$emptynotifications}}</i></p>
- </li>
- </ul>
- </li>
- {{/if}}
+ <li role="presentation">
+ <p role="menuitem" class="text-muted"><i>{{$emptynotifications}}</i></p>
+ </li>
+ </ul>
+ </li>
+ {{/if}}
- </ul>
- </div>
+ </ul>
+ </div>
- {{* This is the right part of the NavBar. It includes the search and the user menu *}}
-
<div class="topbar-actions pull-right">
+ {{* This is the right part of the NavBar. It includes the search and the user menu *}}
+ <div class="topbar-actions pull-right">
+ <ul class="nav">
- {{* The search box *}}
- {{if $nav.search}}
- <li id="search-box" class="hidden-xs">
- <form class="navbar-form" role="search" method="get" action="{{$nav.search.0}}">
- <!-- <img class="hidden-xs" src="{{$nav.userinfo.icon}}" alt="{{$nav.userinfo.name}}" style="max-width:33px; max-height:33px; min-width:33px; min-height:33px; width:33px; height:33px;"> -->
- <div class="form-group form-group-search">
- <input accesskey="s" id="nav-search-input-field" class="form-control form-search" type="text" name="q" data-toggle="tooltip" title="{{$search_hint}}" placeholder="{{$nav.search.1}}">
- <button class="btn btn-default btn-sm form-button-search" type="submit">{{$nav.search.1}}</button>
- </div>
- </form>
- </li>
- {{/if}}
+ {{* The search box *}}
+ {{if $nav.search}}
+ <li id="search-box" class="hidden-xs">
+ <form class="navbar-form" role="search" method="get" action="{{$nav.search.0}}">
+ <!-- <img class="hidden-xs" src="{{$nav.userinfo.icon}}" alt="{{$nav.userinfo.name}}" style="max-width:33px; max-height:33px; min-width:33px; min-height:33px; width:33px; height:33px;"> -->
+ <div class="form-group form-group-search">
+ <input accesskey="s" id="nav-search-input-field" class="form-control form-search"
+ type="text" name="q" data-toggle="tooltip" title="{{$search_hint}}"
+ placeholder="{{$nav.search.1}}">
+ <button class="btn btn-default btn-sm form-button-search"
+ type="submit">{{$nav.search.1}}</button>
+ </div>
+ </form>
+ </li>
+ {{/if}}
- {{* The user dropdown menu *}}
- {{if $nav.userinfo}}
- <li id="nav-user-linkmenu" class="dropdown account nav-menu hidden-xs">
- <button accesskey="u" id="main-menu" class="btn-link dropdown-toggle nav-avatar" data-toggle="dropdown" type="button" aria-haspopup="true" aria-expanded="false" aria-controls="nav-user-menu">
- <div aria-hidden="true" class="user-title pull-left hidden-xs hidden-sm hidden-md">
- <strong>{{$nav.userinfo.name}}</strong><br>
- {{if $nav.remote}}<span class="trunctate">{{$nav.remote}}</span>{{/if}}
- </div>
+ {{* The user dropdown menu *}}
+ {{if $nav.userinfo}}
+ <li id="nav-user-linkmenu" class="dropdown account nav-menu hidden-xs">
+ <button accesskey="u" id="main-menu" class="btn-link dropdown-toggle nav-avatar"
+ data-toggle="dropdown" type="button" aria-haspopup="true" aria-expanded="false"
+ aria-controls="nav-user-menu">
+ <div aria-hidden="true" class="user-title pull-left hidden-xs hidden-sm hidden-md">
+ <strong>{{$nav.userinfo.name}}</strong><br>
+ {{if $nav.remote}}<span class="trunctate">{{$nav.remote}}</span>{{/if}}
+ </div>
-
<img id="avatar" src="{{$nav.userinfo.icon}}" alt="{{$nav.userinfo.name}}">
- <span class="caret"></span>
- </button>
+ <img id="avatar" src="{{$nav.userinfo.icon}}" alt="{{$nav.userinfo.name}}">
+ <span class="caret"></span>
+ </button>
- {{* The list of available usermenu links *}}
- <ul id="nav-user-menu" class="dropdown-menu pull-right menu-popup" role="menu" aria-labelledby="main-menu">
- {{if $nav.remote}}{{if $nav.sitename}}
- <li id="nav-sitename" role="menuitem">{{$nav.sitename}}</li>
- <li role="presentation" class="divider"></li>
- {{/if}}{{/if}}
- {{foreach $nav.usermenu as $usermenu}}
- <li role="presentation"><a role="menuitem" class="{{$usermenu.2}}" href="{{$usermenu.0}}" title="{{$usermenu.3}}">{{$usermenu.1}}</a></li>
- {{/foreach}}
- <li role="presentation" class="divider"></li>
- {{if $nav.notifications}}
- <li role="presentation"><a role="menuitem" href="{{$nav.notifications.all.0}}" title="{{$nav.notifications.1}}"><i class="fa fa-bell fa-fw" aria-hidden="true"></i> {{$nav.notifications.1}}</a></li>
- {{/if}}
- {{if $nav.messages}}
- <li role="presentation"><a role="menuitem" class="nav-commlink {{$nav.messages.2}} {{$sel.messages}}" href="{{$nav.messages.0}}" title="{{$nav.messages.3}}" ><i class="fa fa-envelope fa-fw" aria-hidden="true"></i> {{$nav.messages.1}} <span id="mail-update-li" class="nav-mail-badge badge nav-notification"></span></a></li>
- {{/if}}
- <li role="presentation" class="divider"></li>
- {{if $nav.contacts}}
- <li role="presentation"><a role="menuitem" id="nav-menu-contacts-link" class="nav-link {{$nav.contacts.2}}" href="{{$nav.contacts.0}}" title="{{$nav.contacts.3}}"><i class="fa fa-users fa-fw" aria-hidden="true"></i> {{$nav.contacts.1}}</a></li>
- {{/if}}
- {{if $nav.delegation}}
- <li role="presentation"><a role="menuitem" id="nav-delegation-link" class="nav-commlink {{$nav.delegation.2}} {{$sel.delegation}}" href="{{$nav.delegation.0}}" title="{{$nav.delegation.3}}"><i class="fa fa-flag fa-fw" aria-hidden="true"></i> {{$nav.delegation.1}}</a></li>
- {{/if}}
- <li role="presentation"><a role="menuitem" id="nav-directory-link" class="nav-link {{$nav.directory.2}}" href="{{$nav.directory.0}}" title="{{$nav.directory.3}}"><i class="fa fa-sitemap fa-fw" aria-hidden="true"></i>{{$nav.directory.1}}</a></li>
- <li role="presentation" class="divider"></li>
- {{if $nav.apps}}
- <li role="presentation"><a role="menuitem" id="nav-apps-link" class="nav-link {{$nav.apps.2}}" href="{{$nav.apps.0}}" title="{{$nav.apps.3}}" ><i class="fa fa-puzzle-piece fa-fw" aria-hidden="true"></i> {{$nav.apps.1}}</a>
- <li role="presentation" class="divider"></li>
- {{/if}}
- {{if $nav.help}}
- <li role="presentation"><a role="menuitem" id="nav-help-link" class="nav-link {{$nav.help.2}}" href="{{$nav.help.0}}" title="{{$nav.help.3}}" ><i class="fa fa-question-circle fa-fw" aria-hidden="true"></i> {{$nav.help.1}}</a></li>
- {{/if}}
- {{if $nav.settings}}
- <li role="presentation"><a role="menuitem" id="nav-settings-link" class="nav-link {{$nav.settings.2}}" href="{{$nav.settings.0}}" title="{{$nav.settings.3}}"><i class="fa fa-cog fa-fw" aria-hidden="true"></i> {{$nav.settings.1}}</a></li>
- {{/if}}
- {{if $nav.admin}}
- <li role="presentation"><a accesskey="a" role="menuitem" id="nav-admin-link" class="nav-link {{$nav.admin.2}}" href="{{$nav.admin.0}}" title="{{$nav.admin.3}}" ><i class="fa fa-user-secret fa-fw" aria-hidden="true"></i> {{$nav.admin.1}}</a></li>
- {{/if}}
- {{if $nav.tos}}
- <li role="presentation" class="divider"></li>
- <li role="presentation"><a role="menuitem" id="nav-tos-link" class="nav-link {{$nav.tos.2}}" href="{{$nav.tos.0}}" title="{{$nav.tos.3}}" ><i class="fa fa-file-text" aria-hidden="true"></i> {{$nav.tos.1}}</a></li>
- {{/if}}
- <li role="presentation" class="divider"></li>
- {{if $nav.logout}}
- <li role="presentation"><a role="menuitem" id="nav-logout-link" class="nav-link {{$nav.logout.2}}" href="{{$nav.logout.0}}" title="{{$nav.logout.3}}" ><i class="fa fa fa-sign-out fa-fw" aria-hidden="true"></i> {{$nav.logout.1}}</a></li>
- {{else}}
- <li role="presentation"><a role="menuitem" id="nav-login-link" class="nav-login-link {{$nav.login.2}}" href="{{$nav.login.0}}" title="{{$nav.login.3}}" ><i class="fa fa-power-off fa-fw" aria-hidden="true"></i> {{$nav.login.1}}</a></li>
- {{/if}}
- </ul>
- </li>{{* End of userinfo dropdown menu *}}
- {{/if}}
+ {{* The list of available usermenu links *}}
+ <ul id="nav-user-menu" class="dropdown-menu pull-right menu-popup" role="menu"
+ aria-labelledby="main-menu">
+ {{if $nav.remote}}
+ {{if $nav.sitename}}
+ <li id="nav-sitename" role="menuitem">{{$nav.sitename}}</li>
+ <li role="presentation" class="divider"></li>
+ {{/if}}
+ {{/if}}
+ {{foreach $nav.usermenu as $usermenu}}
+ <li role="presentation"><a role="menuitem" class="{{$usermenu.2}}" href="{{$usermenu.0}}"
+ title="{{$usermenu.3}}">{{$usermenu.1}}</a></li>
+ {{/foreach}}
+ <li role="presentation" class="divider"></li>
+ {{if $nav.notifications}}
+ <li role="presentation"><a role="menuitem" href="{{$nav.notifications.all.0}}"
+ title="{{$nav.notifications.1}}"><i class="fa fa-bell fa-fw" aria-hidden="true"></i>
+ {{$nav.notifications.1}}</a></li>
+ {{/if}}
+ {{if $nav.messages}}
+ <li role="presentation"><a role="menuitem"
+ class="nav-commlink {{$nav.messages.2}} {{$sel.messages}}"
+ href="{{$nav.messages.0}}" title="{{$nav.messages.3}}"><i
+ class="fa fa-envelope fa-fw" aria-hidden="true"></i> {{$nav.messages.1}} <span
+ id="mail-update-li" class="nav-mail-badge badge nav-notification"></span></a>
+ </li>
+ {{/if}}
+ <li role="presentation" class="divider"></li>
+ {{if $nav.contacts}}
+ <li role="presentation"><a role="menuitem" id="nav-menu-contacts-link"
+ class="nav-link {{$nav.contacts.2}}" href="{{$nav.contacts.0}}"
+ title="{{$nav.contacts.3}}"><i class="fa fa-users fa-fw" aria-hidden="true"></i>
+ {{$nav.contacts.1}}</a></li>
+ {{/if}}
+ {{if $nav.delegation}}
+ <li role="presentation"><a role="menuitem" id="nav-delegation-link"
+ class="nav-commlink {{$nav.delegation.2}} {{$sel.delegation}}"
+ href="{{$nav.delegation.0}}" title="{{$nav.delegation.3}}"><i
+ class="fa fa-flag fa-fw" aria-hidden="true"></i> {{$nav.delegation.1}}</a></li>
+ {{/if}}
+ <li role="presentation"><a role="menuitem" id="nav-directory-link"
+ class="nav-link {{$nav.directory.2}}" href="{{$nav.directory.0}}"
+ title="{{$nav.directory.3}}"><i class="fa fa-sitemap fa-fw"
+ aria-hidden="true"></i>{{$nav.directory.1}}</a></li>
+ <li role="presentation" class="divider"></li>
+ {{if $nav.apps}}
+ <li role="presentation"><a role="menuitem" id="nav-apps-link"
+ class="nav-link {{$nav.apps.2}}" href="{{$nav.apps.0}}" title="{{$nav.apps.3}}"><i
+ class="fa fa-puzzle-piece fa-fw" aria-hidden="true"></i> {{$nav.apps.1}}</a>
+ <li role="presentation" class="divider"></li>
+ {{/if}}
+ {{if $nav.help}}
+ <li role="presentation"><a role="menuitem" id="nav-help-link"
+ class="nav-link {{$nav.help.2}}" href="{{$nav.help.0}}" title="{{$nav.help.3}}"><i
+ class="fa fa-question-circle fa-fw" aria-hidden="true"></i> {{$nav.help.1}}</a>
+ </li>
+ {{/if}}
+ {{if $nav.settings}}
+ <li role="presentation"><a role="menuitem" id="nav-settings-link"
+ class="nav-link {{$nav.settings.2}}" href="{{$nav.settings.0}}"
+ title="{{$nav.settings.3}}"><i class="fa fa-cog fa-fw" aria-hidden="true"></i>
+ {{$nav.settings.1}}</a></li>
+ {{/if}}
+ {{if $nav.admin}}
+ <li role="presentation"><a accesskey="a" role="menuitem" id="nav-admin-link"
+ class="nav-link {{$nav.admin.2}}" href="{{$nav.admin.0}}"
+ title="{{$nav.admin.3}}"><i class="fa fa-user-secret fa-fw" aria-hidden="true"></i>
+ {{$nav.admin.1}}</a></li>
+ {{/if}}
+ {{if $nav.tos}}
+ <li role="presentation" class="divider"></li>
+ <li role="presentation"><a role="menuitem" id="nav-tos-link" class="nav-link {{$nav.tos.2}}"
+ href="{{$nav.tos.0}}" title="{{$nav.tos.3}}"><i class="fa fa-file-text"
+ aria-hidden="true"></i> {{$nav.tos.1}}</a></li>
+ {{/if}}
+ <li role="presentation" class="divider"></li>
+ {{if $nav.logout}}
+ <li role="presentation"><a role="menuitem" id="nav-logout-link"
+ class="nav-link {{$nav.logout.2}}" href="{{$nav.logout.0}}"
+ title="{{$nav.logout.3}}"><i class="fa fa fa-sign-out fa-fw" aria-hidden="true"></i>
+ {{$nav.logout.1}}</a></li>
+ {{else}}
+ <li role="presentation"><a role="menuitem" id="nav-login-link"
+ class="nav-login-link {{$nav.login.2}}" href="{{$nav.login.0}}"
+ title="{{$nav.login.3}}"><i class="fa fa-power-off fa-fw" aria-hidden="true"></i>
+ {{$nav.login.1}}</a></li>
+ {{/if}}
+ </ul>
+ </li>{{* End of userinfo dropdown menu *}}
+ {{/if}}
- <!-- Language selector, I do not find it relevant, activate if necessary.
+ <!-- Language selector, I do not find it relevant, activate if necessary.
<li>{{$langselector}}</li>
-->
- </ul>
- </div>{{* End of right navbar *}}
+ </ul>
+ </div>{{* End of right navbar *}}
- {{* The usermenu dropdown for the mobile view. It is called via the buttons. Have a look at the top of this file *}}
- <div id="myNavmenu" class="navmenu navmenu-default navmenu-fixed-right offcanvas">
- <div class="nav-container">
- <ul role="menu" class="list-group">
- {{if $nav.remote}}{{if $nav.sitename}}
- <li role="menuitem" class="nav-sitename list-group-item">{{$nav.sitename}}</li>
- {{/if}}{{/if}}
- <li role="presentation" class="list-group-item"><img src="{{$nav.userinfo.icon}}" alt="{{$nav.userinfo.name}}" style="max-width:15px; max-height:15px; min-width:15px; min-height:15px; width:15px; height:15px;"> {{$nav.userinfo.name}}{{if $nav.remote}} ({{$nav.remote}}){{/if}}</li>
- {{foreach $nav.usermenu as $usermenu}}
- <li role="menuitem" class="list-group-item"><a role="menuitem" class="{{$usermenu.2}}" href="{{$usermenu.0}}" title="{{$usermenu.3}}">{{$usermenu.1}}</a></li>
- {{/foreach}}
- {{if $nav.notifications}}
- <li role="presentation" class="list-group-item"><a role="menuitem" href="{{$nav.notifications.all.0}}" title="{{$nav.notifications.1}}"><i class="fa fa-bell fa-fw" aria-hidden="true"></i> {{$nav.notifications.1}}</a></li>
- {{/if}}
- {{if $nav.contacts}}
- <li role="presentation" class="list-group-item"><a role="menuitem" class="nav-link {{$nav.contacts.2}}" href="{{$nav.contacts.0}}" title="{{$nav.contacts.3}}"><i class="fa fa-users fa-fw" aria-hidden="true"></i> {{$nav.contacts.1}}</a></li>
- {{/if}}
- {{if $nav.messages}}
- <li role="presentation" class="list-group-item"><a role="menuitem" class="nav-link {{$nav.messages.2}} {{$sel.messages}}" href="{{$nav.messages.0}}" title="{{$nav.messages.3}}" ><i class="fa fa-envelope fa-fw" aria-hidden="true"></i> {{$nav.messages.1}}</a></li>
- {{/if}}
- {{if $nav.delegation}}
- <li role="presentation" class="list-group-item"><a role="menuitem" class="nav-commlink {{$nav.delegation.2}} {{$sel.delegation}}" href="{{$nav.delegation.0}}" title="{{$nav.delegation.3}}"><i class="fa fa-flag fa-fw" aria-hidden="true"></i> {{$nav.delegation.1}}</a></li>
- {{/if}}
- {{if $nav.settings}}
- <li role="presentation" class="list-group-item"><a role="menuitem" class="nav-link {{$nav.settings.2}}" href="{{$nav.settings.0}}" title="{{$nav.settings.3}}"><i class="fa fa-cog fa-fw" aria-hidden="true"></i> {{$nav.settings.1}}</a></li>
- {{/if}}
- {{if $nav.admin}}
- <li role="presentation" class="list-group-item"><a role="menuitem" class="nav-link {{$nav.admin.2}}" href="{{$nav.admin.0}}" title="{{$nav.admin.3}}" ><i class="fa fa-user-secret fa-fw" aria-hidden="true"></i> {{$nav.admin.1}}</a></li>
- {{/if}}
- {{if $nav.logout}}
- <li role="presentation" class="list-group-item"><a role="menuitem" class="nav-link {{$nav.logout.2}}" href="{{$nav.logout.0}}" title="{{$nav.logout.3}}" ><i class="fa fa fa-sign-out fa-fw" aria-hidden="true"></i> {{$nav.logout.1}}</a></li>
- {{else}}
- <li role="presentation" class="list-group-item"><a role="menuitem" class="nav-login-link {{$nav.login.2}}" href="{{$nav.login.0}}" title="{{$nav.login.3}}" ><i class="fa fa-power-off fa-fw" aria-hidden="true"></i> {{$nav.login.1}}</a></li>
- {{/if}}
- </ul>
- </div>
- </div><!--/.sidebar-offcanvas-->
- </div><!-- end of div for navbar width-->
- </div><!-- /.container -->
-</nav><!-- /.navbar -->
+ {{* The usermenu dropdown for the mobile view. It is called via the buttons. Have a look at the top of this file *}}
+ <div id="myNavmenu" class="navmenu navmenu-default navmenu-fixed-right offcanvas">
+ <div class="nav-container">
+ <ul role="menu" class="list-group">
+ {{if $nav.remote}}
+ {{if $nav.sitename}}
+ <li role="menuitem" class="nav-sitename list-group-item">{{$nav.sitename}}</li>
+ {{/if}}
+ {{/if}}
+ <li role="presentation" class="list-group-item"><img src="{{$nav.userinfo.icon}}"
+ alt="{{$nav.userinfo.name}}"
+ style="max-width:15px; max-height:15px; min-width:15px; min-height:15px; width:15px; height:15px;">
+ {{$nav.userinfo.name}}{{if $nav.remote}} ({{$nav.remote}}){{/if}}</li>
+ {{foreach $nav.usermenu as $usermenu}}
+ <li role="menuitem" class="list-group-item"><a role="menuitem" class="{{$usermenu.2}}"
+ href="{{$usermenu.0}}" title="{{$usermenu.3}}">{{$usermenu.1}}</a></li>
+ {{/foreach}}
+ {{if $nav.notifications}}
+ <li role="presentation" class="list-group-item"><a role="menuitem"
+ href="{{$nav.notifications.all.0}}" title="{{$nav.notifications.1}}"><i
+ class="fa fa-bell fa-fw" aria-hidden="true"></i> {{$nav.notifications.1}}</a></li>
+ {{/if}}
+ {{if $nav.contacts}}
+ <li role="presentation" class="list-group-item"><a role="menuitem"
+ class="nav-link {{$nav.contacts.2}}" href="{{$nav.contacts.0}}"
+ title="{{$nav.contacts.3}}"><i class="fa fa-users fa-fw" aria-hidden="true"></i>
+ {{$nav.contacts.1}}</a></li>
+ {{/if}}
+ {{if $nav.messages}}
+ <li role="presentation" class="list-group-item"><a role="menuitem"
+ class="nav-link {{$nav.messages.2}} {{$sel.messages}}" href="{{$nav.messages.0}}"
+ title="{{$nav.messages.3}}"><i class="fa fa-envelope fa-fw" aria-hidden="true"></i>
+ {{$nav.messages.1}}</a></li>
+ {{/if}}
+ {{if $nav.delegation}}
+ <li role="presentation" class="list-group-item"><a role="menuitem"
+ class="nav-commlink {{$nav.delegation.2}} {{$sel.delegation}}"
+ href="{{$nav.delegation.0}}" title="{{$nav.delegation.3}}"><i class="fa fa-flag fa-fw"
+ aria-hidden="true"></i> {{$nav.delegation.1}}</a></li>
+ {{/if}}
+ {{if $nav.settings}}
+ <li role="presentation" class="list-group-item"><a role="menuitem"
+ class="nav-link {{$nav.settings.2}}" href="{{$nav.settings.0}}"
+ title="{{$nav.settings.3}}"><i class="fa fa-cog fa-fw" aria-hidden="true"></i>
+ {{$nav.settings.1}}</a></li>
+ {{/if}}
+ {{if $nav.admin}}
+ <li role="presentation" class="list-group-item"><a role="menuitem"
+ class="nav-link {{$nav.admin.2}}" href="{{$nav.admin.0}}" title="{{$nav.admin.3}}"><i
+ class="fa fa-user-secret fa-fw" aria-hidden="true"></i> {{$nav.admin.1}}</a></li>
+ {{/if}}
+ {{if $nav.logout}}
+ <li role="presentation" class="list-group-item"><a role="menuitem"
+ class="nav-link {{$nav.logout.2}}" href="{{$nav.logout.0}}" title="{{$nav.logout.3}}"><i
+ class="fa fa fa-sign-out fa-fw" aria-hidden="true"></i> {{$nav.logout.1}}</a></li>
+ {{else}}
+ <li role="presentation" class="list-group-item"><a role="menuitem"
+ class="nav-login-link {{$nav.login.2}}" href="{{$nav.login.0}}"
+ title="{{$nav.login.3}}"><i class="fa fa-power-off fa-fw" aria-hidden="true"></i>
+ {{$nav.login.1}}</a></li>
+ {{/if}}
+ </ul>
+ </div>
+ </div>
+ <!--/.sidebar-offcanvas-->
+ </div><!-- end of div for navbar width-->
+ </div><!-- /.container -->
+ </nav><!-- /.navbar -->
{{/if}}
{{* The navbar for users which are not logged in *}}
{{if $nav.userinfo == ''}}
-<nav class="navbar navbar-fixed-top">
- <div class="container">
- <div class="navbar-header pull-left">
- <a class="navbar-brand" href="#"><div id="navbrand-container">
- <div id="logo-img"></div>
- <div id="navbar-brand-text"> Friendica</div></div>
- </a>
- </div>
- <div class="pull-right">
- <ul class="nav navbar-nav navbar-right">
- <li role="presentation">
- <a href="login?mode=none" id="nav-login"
- data-toggle="tooltip" aria-label="{{$nav.login.3}}" title="{{$nav.login.3}}">
- <i class="fa fa-sign-in fa-fw" aria-hidden="true"></i>
- </a>
- </li>
- <li role="presentation">
- <a href="{{$nav.about.0}}" id="nav-about" data-toggle="tooltip" aria-label="{{$nav.about.3}}" title="{{$nav.about.3}}">
- <i class="fa fa-info fa-fw" aria-hidden="true"></i>
- </a>
- </li>
- </ul>
- </div>
- </div>
-</nav>
+ <nav class="navbar navbar-fixed-top">
+ <div class="container">
+ <div class="navbar-header pull-left">
+ <a class="navbar-brand" href="#">
+ <div id="navbrand-container">
+ <div id="logo-img"></div>
+ <div id="navbar-brand-text"> Friendica</div>
+ </div>
+ </a>
+ </div>
+ <div class="pull-right">
+ <ul class="nav navbar-nav navbar-right">
+ <li role="presentation">
+ <a href="login?mode=none" id="nav-login" data-toggle="tooltip" aria-label="{{$nav.login.3}}"
+ title="{{$nav.login.3}}">
+ <i class="fa fa-sign-in fa-fw" aria-hidden="true"></i>
+ </a>
+ </li>
+ <li role="presentation">
+ <a href="{{$nav.about.0}}" id="nav-about" data-toggle="tooltip" aria-label="{{$nav.about.3}}"
+ title="{{$nav.about.3}}">
+ <i class="fa fa-info fa-fw" aria-hidden="true"></i>
+ </a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </nav>
{{/if}}
{{* provide a a search input for mobile view, which expands by pressing the search icon *}}
<div id="search-mobile" class="hidden-lg hidden-md hidden-sm collapse row well">
- <div class="col-xs-12">
- <form class="navbar-form" role="search" method="get" action="{{$nav.search.0}}">
- <!-- <img class="hidden-xs" src="{{$nav.userinfo.icon}}" alt="{{$nav.userinfo.name}}" style="max-width:33px; max-height:33px; min-width:33px; min-height:33px; width:33px; height:33px;"> -->
- <div class="form-group form-group-search">
- <input id="nav-search-input-field-mobile" class="form-control form-search" type="text" name="q" data-toggle="tooltip" title="{{$search_hint}}" placeholder="{{$nav.search.1}}">
- <button class="btn btn-default btn-sm form-button-search" type="submit">{{$nav.search.1}}</button>
- </div>
- </form>
- </div>
+ <div class="col-xs-12">
+ <form class="navbar-form" role="search" method="get" action="{{$nav.search.0}}">
+ <!-- <img class="hidden-xs" src="{{$nav.userinfo.icon}}" alt="{{$nav.userinfo.name}}" style="max-width:33px; max-height:33px; min-width:33px; min-height:33px; width:33px; height:33px;"> -->
+ <div class="form-group form-group-search">
+ <input id="nav-search-input-field-mobile" class="form-control form-search" type="text" name="q"
+ data-toggle="tooltip" title="{{$search_hint}}" placeholder="{{$nav.search.1}}">
+ <button class="btn btn-default btn-sm form-button-search" type="submit">{{$nav.search.1}}</button>
+ </div>
+ </form>
+ </div>
</div>
{{* The second navbar which contains nav points of the actual page - (nav points are actual handled by this theme throug js *}}
<div id="topbar-second" class="topbar">
-
<div class="container">
-
<div class="col-lg-3 col-md-3 hidden-sm hidden-xs" id="nav-short-info"></div>
-
<div class="col-lg-7 col-md-7 col-sm-11 col-xs-10" id="tabmenu"></div>
-
<div class="col-lg-2 col-md-2 col-sm-1 col-xs-2" id="navbar-button"></div>
- </div>
+ <div class="container">
+ <div class="col-lg-3 col-md-3 hidden-sm hidden-xs" id="nav-short-info"></div>
+ <div class="col-lg-7 col-md-7 col-sm-11 col-xs-10" id="tabmenu"></div>
+ <div class="col-lg-2 col-md-2 col-sm-1 col-xs-2" id="navbar-button"></div>
+ </div>
</div>
{{*The second part of the notifications dropdown menu. It handles the notifications *}}
{{if $nav.notifications}}
-<ul id="nav-notifications-template" class="media-list" style="display:none;" rel="template">
- <li class="{4} notif-entry">
- <div class="notif-entry-wrapper media">
- <div class="notif-photo-wrapper media-object pull-left" aria-hidden="true"><a href="{6}" class="userinfo click-card" tabIndex="-1"><img data-src="{1}"></a></div>
- <a href="{0}" class="notif-desc-wrapper media-body">
- {2}
- <div><time class="notif-when time" data-toggle="tooltip" title="{5}">{3}</time></div>
- </a>
- </div>
- </li>
-</ul>
+ <ul id="nav-notifications-template" class="media-list" style="display:none;" rel="template">
+ <li class="{4} notif-entry">
+ <div class="notif-entry-wrapper media">
+ <div class="notif-photo-wrapper media-object pull-left" aria-hidden="true"><a href="{6}"
+ class="userinfo click-card" tabIndex="-1"><img data-src="{1}"></a></div>
+ <a href="{0}" class="notif-desc-wrapper media-body">
+ {2}
+ <div><time class="notif-when time" data-toggle="tooltip" title="{5}">{3}</time></div>
+ </a>
+ </div>
+ </li>
+ </ul>
{{/if}}
{{* This is the mask of the firefox logo. We set the background of #logo-img to the user icon color and apply this mask to it
The result is a friendica logo in the user icon color.*}}
<svg id="friendica-logo-mask" x="0px" y="0px" width="0px" height="0px" viewBox="0 0 250 250">
- <defs>
- <mask id="logo-mask" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox">
- <path style="fill-rule:evenodd;clip-rule:evenodd;fill:#ffffff;" d="M0.796,0L0.172,0.004C0.068,0.008,0.008,0.068,0,0.172V0.824c0,0.076,0.06,0.16,0.168,0.172h0.652c0.072,0,0.148-0.06,0.172-0.144V0.14C1,0.06,0.908,0,0.796,0zM0.812,0.968H0.36v-0.224h0.312v-0.24H0.36V0.3h0.316l0-0.264l0.116-0c0.088,0,0.164,0.044,0.164,0.096l0,0.696C0.96,0.912,0.876,0.968,0.812,0.968z"></path>
- </mask>
- </defs>
-</svg>
+ <defs>
+ <mask id="logo-mask" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox">
+ <path style="fill-rule:evenodd;clip-rule:evenodd;fill:#ffffff;"
+ d="M0.796,0L0.172,0.004C0.068,0.008,0.008,0.068,0,0.172V0.824c0,0.076,0.06,0.16,0.168,0.172h0.652c0.072,0,0.148-0.06,0.172-0.144V0.14C1,0.06,0.908,0,0.796,0zM0.812,0.968H0.36v-0.224h0.312v-0.24H0.36V0.3h0.316l0-0.264l0.116-0c0.088,0,0.164,0.044,0.164,0.096l0,0.696C0.96,0.912,0.876,0.968,0.812,0.968z">
+ </path>
+ </mask>
+ </defs>
+</svg>
\ No newline at end of file
projects / friendica.git / commitdiff