To change this template file, choose Tools | Templates
and open the template in the editor.
*/
-/*
+/*
Created on : 17.02.2016, 23:55:45
Author : rabuzarus
*/
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
+ * content in the visible part of the page.
+ *
+ * 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, body a:focus, body a:active, body a.active, body .btn-link:hover{
/*color: #59d6e4;*/
iframe, img {
max-width: 100%;
}
+blockquote {
+ font-size: inherit;
+}
.clear {
clear: both;
}
.hidden {
display: none !important;
}
+code {
+ white-space: pre;
+}
/*
* standard page elements
background: $btn_primary_hover_color;
border-color: none;
}
-
+
.btn-link {
/* color: #6fdbe8;*/
color: $link_color;
whitespace: nowrap;
padding-left: 55px;
}
-header #banner #logo-img,
+header #banner #logo-img,
.navbar-brand #logo-img {
/*mask: url('network#m1');*/
/*mask-image: url('img/friendica-25.png');*/
top: 4px;
right: -2px;
background-color: #ff8989;
-
+
/* text-transform: uppercase;
display: inline-block;
padding: 3px 5px 4px;
color: $nav_icon_color;
font-weight: 400;
font-size: 13px;
- padding: 4px 15px
+ padding: 4px 15px;
+ text-transform: capitalize;
}
.nav-pills .dropdown-menu li a i,
.nav-tabs .dropdown-menu li a i,
/*border-left: 3px solid #6fdbe8;*/
border-left: 3px solid $link_color;
color: #fff!important;
- background-color: $menu_background_hover_color !important
+ background-color: $menu_background_hover_color !important;
}
-.nav-pills.preferences .dropdown .dropdown-toggle {
- color: #bebebe
+.nav-pills.preferences .dropdown .dropdown-toggle,
+.nav-pills.preferences > li > .btn {
+ color: #bebebe;
}
.nav-pills.preferences .dropdown.open .dropdown-toggle,
.nav-pills.preferences .dropdown.open .dropdown-toggle:hover {
- background-color: $nav_bg
+ background-color: $nav_bg;
}
-.nav-pills.preferences .dropdown .dropdown-toggle {
+.nav-pills.preferences .dropdown .dropdown-toggle,
+.nav-pills.preferences > li > .btn {
padding: 2px 10px;
}
white-space: nowrap;
padding-bottom: 2px;
}
+
aside .vcard .detail {
display: table;
padding: 5px 0;
}
+aside .xmpp {
+ display: table;
+}
aside .vcard .icon {
display: table-cell;
padding-right: 10px;
width: 90px;*/
}
#contact-block contact-block-link {
-
+
}
#contact-block .contact-block-img {
height: 75px;
#jot-modal .modal-header a,
#profile-jot-submit-wrapper a {
color: #555;
+ text-transform: capitalize;
}
#jot-modal .modal-header {
border-bottom: none;
#profile-jot-wrapper button#jot-submit {
margin-top: 5px;
}
+#profile-jot-wrapper #character-counter {
+ padding: 10px 15px;
+}
/* ACL */
/*#jot-modal-body {
.wall-item-body > a > img {
border-radius: 3px;
}
+.wall-item-body .body-attach > a {
+ color: #555;
+ display: inline-block;
+}
+.wall-item-body .body-attach > a div {
+ color: #555;
+ width: 20px;
+}
+
+/* wall-item content elements */
.shared-wrapper,
.vevent {
- margin-left: 50px;
- margin-right: 50px;
padding: 10px;
box-shadow: 0 0 0 1.5px rgba(0, 0, 0, .1) inset, 0 1px 1px rgba(0, 0, 0, .05);
}
}
.shared_header {
margin-left: 0px;
- margin-top: 0px;
+ margin-top: 0px;
padding-top: 0px;
+ margin-bottom: 10px;
border-top: none;
color: inherit;
}
blockquote.shared_content {
- margin-left: 20px;
+ padding: 0px;
+ margin-left: 0px;
color: inherit;
}
+code > .hl-main {
+ padding: 10px 10px 1px 0;
+}
+.hl-main ol {
+ line-height: 1.7;
+}
.wall-item-tags,
.itemedited {
margin-top: 10px;
.wall-item-actions .button-likes {
padding-left: 0px;
padding-right: 0px;
+ text-transform: capitalize;
}
/* wall item hover effects */
.wall-item-container .wall-item-links,
-.wall-item-container .wall-item-actions {
+.wall-item-container .wall-item-actions,
+.wall-item-container .body-attach > a {
opacity: 0.3;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.wall-item-container:hover .wall-item-links,
-.wall-item-container:hover .wall-item-actions {
+.wall-item-container:hover .wall-item-actions,
+.wall-item-container:hover .body-attach > a {
opacity: 0.6;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
+.wall-item-container .wall-item-body .body-attach > a:hover {
+ opacity: 1;
+}
/*
/* Comments
.wall-item-container.thread_level_6,
.wall-item-container.thread_level_7 {
margin-left: 15px;
-
+
}
/* Menubar Tabs */
#tabmenu,
transition: all .15s ease;
}
/*ul.tabs.visible-xs > li.active {
- min-width: 150px; This is a workaround to make the topbar-second dropdown better visible on mobile. We need something better here
+ min-width: 150px; This is a workaround to make the topbar-second dropdown better visible on mobile. We need something better here
}*/
ul.tabs li a {
margin-left: 10px;
}
.contact-wrapper .contact-photo-image-wrapper img.contact-photo.xl {
height: 80px;
- width: 80px;
+ width: 80px;
}
.contact-wrapper .contact-photo-image-wrapper img.contact-photo-xs {
height: 48px;
margin-top: -20px;
}
.contact-wrapper .media-body .contact-entry-name h4.media-heading a {
- font-weight: bold !important;
+ font-weight: bold !important;
color: $link_color;
font-size: 15px !important;
}
}
/* Events page */
-#fc-header {
- margin-top: 20px;
- margin-bottom: 10px;
-}
-#fc-header-left,
-#fc-header-right,
-#event-calendar-title {
- display: inline-block;
-}
-#fc-title {
- margin: 0;
- padding-left: 20px;
+
+.fc .fc-month-view .fc-content .fc-title .item-desc:hover {
+ color: $link_hover_color;
}
-#fc-header-right {
- margin-top: -4px;
-}
-#event-calendar-title {
- vertical-align: middle;
-}
-a#event-calendar-views {
- padding: 6px 9px;
- font-size: 14px
-}
-tr.fc-first,
-tr.fc-first th {
- border-left: none;
- border-right: none;
- border-top: none;
-}
-td.fc-day {
- border-left: none;
- border-right: none;
- padding: 0 6px;
+.fc .fc-list-item-title a {
+ color: $link_color;
}
-#events-calendar .fc-grid .fc-day-number {
- float: left;
- font-size: 0.9em;
+.fc .fc-list-item-title a[href]:hover {
+ color: $link_hover_color;
+ text-decoration: none;
}
+/*.event-date-wrapper.medium .event-hover-short-month {
+ color: $link_color;
+}*/
.event-wrapper .event-owner {
margin-bottom: 15px;
}
/* Search Page */
-/* This is a little bit hacky. Since the search page is used for diferent
+/* This is a little bit hacky. Since the search page is used for diferent
content types we can't apply the generic-page-wrapper class.
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 */
#contact-list ul.dropdown-menu.textcomplete-dropdown.media-list > li:first-child {
display: none;
}
-#contact-list ul.dropdown-menu.textcomplete-dropdown.media-list
+#contact-list ul.dropdown-menu.textcomplete-dropdown.media-list
.textcomplete-item > a {
padding: 0 !important;
border-left: none;
body .tread-wrapper .hovercard:hover .hover-card-content a {
color: $link_color !important;
}
+
+/*
+ * some temporary workarounds until this will solved
+ * elsewhere (e.g. new templates)
+ */
+section .profile-match-wrapper {
+ float: left;
+}