keith/friendica
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity
friendica/view/theme/frio/css/style.css

3548 lines
79 KiB
CSS
Raw Normal View History

first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
[frio] Fix whitespace style.css
2016-09-29 00:51:56 +00:00
/*
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
Created on : 17.02.2016, 23:55:45
Author : rabuzarus
*/
/* Imports */
Some code cleanup - move js and css to head.tpl -> this stuff should be done in theme.php but does need changings in core (this would allow theme developers more structured working)
2016-05-07 22:29:33 +00:00
/*@import url("frameworks/bootstrap/css/bootstrap.min.css");
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
@import url("frameworks/bootstrap/css/bootstrap-theme.min.css");
@import url("frameworks/font-awesome/css/font-awesome.min.css");
@import url("frameworks/jasny/css/jasny-bootstrap.min.css");
@import url("frameworks/bootstrap-select/css/bootstrap-select.min.css");
@import url("frameworks/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css");
@import url("frameworks/ekko-lightbox/ekko-lightbox.min.css");
@import url("frameworks/justifiedGallery/justifiedGallery.min.css");
@import url("frameworks/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css");
@import url("font/open_sans/open-sans.css");
Some code cleanup - move js and css to head.tpl -> this stuff should be done in theme.php but does need changings in core (this would allow theme developers more structured working)
2016-05-07 22:29:33 +00:00
@import url("css/hovercard.css");*/
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
body {
padding-top: 110px;
[frio] Rename bgcolor to background-color
2018-04-25 00:37:04 +00:00
background-color: $background_color;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
background-image: url("$background_image");
background-size: $background_size_img;
[frio] Add background-repeat attribute to background image options - Update background image options names and labels - Add background image option label tag
2018-04-25 00:42:23 +00:00
background-repeat: $background_repeat;
background: set background-attachment to fixed
2016-05-11 17:20:57 +00:00
background-attachment: fixed;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
color: #777;
/*color: #555;*/
font-family: 'Open Sans',sans-serif;
}
Improve display in minimal mode
2019-04-26 02:01:43 +00:00
body.minimal {
padding: 15px;
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
body a {
/*color: #555;*/
/*color: #6fdbe8;*/
color: $link_color;
text-decoration: none;
}
bbcode documentation: fix anchors on frio
2016-11-03 02:41:07 +00:00
/* 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]) {
bbcode documentation: minor formatting changes
2016-11-04 01:01:09 +00:00
display: block;
bbcode documentation: fix anchors on frio
2016-11-03 02:41:07 +00:00
position: relative;
top: -110px;
visibility: hidden;
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
[frio] Add narrow screen short item action button row
2020-02-13 02:26:49 +00:00
body a:hover, .btn-link:hover, .btn:hover,
body a:focus, .btn-link:focus, .btn:focus,
body a:active, .btn-link:active, .btn:active,
body a.active, .btn-link.active, .btn.active {
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
color: $link_hover_color;
text-decoration: none;
More display fixes See https://github.com/friendica/friendica/pull/3204#issuecomment-288908490
2017-03-24 02:45:40 +00:00
outline: none;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
Frio: Like, Dislike and comment are having icons, links are underlined
2016-05-28 07:57:19 +00:00
.wall-item-container a:hover {
text-decoration: underline;
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
hr {
margin-top: 10px;
margin-bottom: 10px;
}
improve transparency for some elements in style.css
2016-04-14 00:28:57 +00:00
aside hr,
section hr {
border-color: rgba(238, 238, 238, $contentbg_transp);
}
[frio] Add max-width: 100% for video tags
2018-01-20 01:14:26 +00:00
iframe, img, video {
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
max-width: 100%;
}
Set block quote size to current text-size
2016-09-28 18:25:41 +00:00
blockquote {
font-size: inherit;
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
.clear {
clear: both;
}
.no-padding {
padding: 0;
}
.fakelink {
cursor: pointer;
}
frio: restructure jot modal and make jot modal work on mobile
2016-06-27 08:33:20 +00:00
.hidden {
display: none !important;
}
use height: 0 instead of display: none to hide jot sections
2017-04-03 11:38:07 +00:00
.minimize {
max-height: 0px !important;
overflow: hidden !important;
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
Frio: Fix aside in mobile view Aside is fixed to cover page, without the need to scroll back top to see it.
2017-04-22 18:34:52 +00:00
/**
* mobile aside
*/
@media screen and (max-width: 990px) {
Add style to exception page
2019-05-05 01:54:05 +00:00
body {
padding-top: 105px;
}
Frio: Fix aside in mobile view Aside is fixed to cover page, without the need to scroll back top to see it.
2017-04-22 18:34:52 +00:00
aside{
position: fixed!important;
top: 0!important;
background-color: #fff;
width: 100%;
mobile aside: max-width and transparent overlay fix maximum aside with in mobile screen at 300px. This way the aside will not cover all the screen. The area not covered by aside element are dimmed by a semi-transparent overlay
2017-04-26 06:58:45 +00:00
max-width: 300px;
Frio: Fix aside in mobile view Aside is fixed to cover page, without the need to scroll back top to see it.
2017-04-22 18:34:52 +00:00
height: 100%;
padding-top: 100px;
z-index: 10;
}
mobile aside: max-width and transparent overlay fix maximum aside with in mobile screen at 300px. This way the aside will not cover all the screen. The area not covered by aside element are dimmed by a semi-transparent overlay
2017-04-26 06:58:45 +00:00
aside::before {
content: " ";
position: fixed;
display: block;
top: 0; left: 300px; right: 0; bottom: 0;
background-color: rgba(0,0,0,0.4);
frio mobile aside: add overlay transition
2017-04-26 08:16:39 +00:00
opacity: 0;
transition: opacity 0.5s;
}
aside.canvas-slid::before {
opacity: 1;
mobile aside: max-width and transparent overlay fix maximum aside with in mobile screen at 300px. This way the aside will not cover all the screen. The area not covered by aside element are dimmed by a semi-transparent overlay
2017-04-26 06:58:45 +00:00
}
frio mobile: disable page scroll when aside is shown
2017-05-08 13:14:31 +00:00
/* prevent page scroll when the aside is opened **/
body.aside-out { overflow: hidden; }
Frio: Fix aside in mobile view Aside is fixed to cover page, without the need to scroll back top to see it.
2017-04-22 18:34:52 +00:00
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
/*
* standard page elements
*/
[frio] Fix minimal layout
2018-12-29 05:19:07 +00:00
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
#back-to-top {
display: none;
cursor: pointer;
color: white;
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: #aaa;
line-height: 1.5;
}
Bugfix: bulk deletion button was not available anymore
2017-04-07 09:35:45 +00:00
#item-delete-selected {
item deletion: use js to delete items. so we don't have to reload the page
2016-05-11 14:04:11 +00:00
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;
}
frio - provide mobile login/register buttons for mobile view
2016-08-05 18:17:06 +00:00
#toggle_mobile_link {
display: none;
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
/*
* Overwriting and Extend Bootstrap
*/
.label, .label a {
frio: some hover card css fixes
2016-06-07 08:13:08 +00:00
color: #fff;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
/* 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;
Merge develop into 20170321_-_frio-fbbrowser Conflicts: view/theme/frio/js/filebrowser.js view/theme/frio/js/theme.js view/theme/frio/templates/filebrowser.tpl view/theme/frio/templates/jot.tpl
2017-04-02 22:51:34 +00:00
color: inherit;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
some restructuring in groups.php + Frio: provide own group template
2017-04-21 14:04:29 +00:00
a.btn:hover {
color: #333;
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
.btn-default {
background: #ededed;
acl: acl_selector.tpl and some styling to the acl
2016-04-27 20:20:45 +00:00
color: #7a7a7a;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
.btn-sm {
padding: 4px 8px;
font-size: 12px;
}
frio: saved_searches_aside & searchbox template
2016-06-07 13:29:38 +00:00
.btn-small {
padding: 6px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
Frio: implent switcher element
2017-01-03 16:33:01 +00:00
.btn-xs {
padding: 1px 5px;
font-size: 12px;
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
.btn-primary {
[frio] Restyle photo upload (#5427) * Better wording in photo upload. * [frio] Restyle photo uploader to conform to frio style.
2018-07-20 19:23:12 +00:00
background: $nav_bg !important;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
color: $btn_primary_color !important;
}
.btn-primary:hover, .btn-primary:focus {
background: $btn_primary_hover_color;
text-decoration: none;
}
.btn-primary:active, .btn-primary.active {
outline: 0;
background: $btn_primary_hover_color !important;
}
Merge develop into 20170321_-_frio-fbbrowser Conflicts: view/theme/frio/js/filebrowser.js view/theme/frio/js/theme.js view/theme/frio/templates/filebrowser.tpl view/theme/frio/templates/jot.tpl
2017-04-02 22:51:34 +00:00
frio: restructure jot modal and make jot modal work on mobile
2016-06-27 08:33:20 +00:00
.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;
}
[frio] Fix whitespace style.css
2016-09-29 00:51:56 +00:00
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
.btn-link {
All-around CSS display fixes
2017-03-18 00:28:31 +00:00
border: 0;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
color: $link_color;
More display fixes See https://github.com/friendica/friendica/pull/3204#issuecomment-288908490
2017-03-24 02:45:40 +00:00
padding-left: 0;
padding-right: 0;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
some restructuring in groups.php + Frio: provide own group template
2017-04-21 14:04:29 +00:00
.btn-clear,
.btn-clear:active {
border: 0;
background: transparent;
box-shadow: none;
}
frio: first part for event template work
2016-06-12 16:23:10 +00:00
.btn-eventnav, btn-eventnav:hover {
font-size: 16px;
background: none;
background-color: transparent;
padding: 0 14px;
}
.btn-separator {
border-left: 1px solid #777;
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
/*.btn-info {
background: #6fdbe8;
color: #fff!important;
}
.btn-info:hover, .btn-info:focus {
background: #59d6e4!important;
text-decoration: none;
}
.btn-info:active, .btn-info.active {
outline: 0;
background: #59d6e4;
}*/
.btn-main {
background: $link_color;
color: #fff!important;
}
.btn-main:hover, .btn-main:focus {
background: $link_hover_color !important;
text-decoration: none;
}
.btn-main:active, .btn-main.active {
outline: 0;
background: $link_hover_color;
}
Frio: implent switcher element
2017-01-03 16:33:01 +00:00
.toggle.btn {
border: 1px solid transparent;
}
.toggle.btn-xs {
min-width: 45px;
}
.toggle.off {
border-color: #ccc;
}
.toggle .toggle-off,
.toggle .toggle-off:hover {
color: #ccc;
background-color: #eee;
box-shadow: none;
}
.toggle.off .toggle-handle {
background-color: #eee;
}
.toggle-handle {
background-color: #fff;
border-width: 0 1px;
border: 1px solid transparent;
border-color: #ccc;
}
frio: saved_searches_aside & searchbox template
2016-06-07 13:29:38 +00:00
.form-control-sm, .input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn {
padding: .275rem .75rem;
/*font-size: .875rem;*/
line-height: 1.5;
height: 30px;
border-radius: .2rem;
}
apply bootstrap media fix (maybe we remove it again, lets test it)
2016-05-06 22:34:18 +00:00
/* Bootstrap media class fix/hack
* This is a test. I thought it does have some
* issues in some corner cases. Maybe we remove
* once more
* https://github.com/twbs/bootstrap/issues/6053
*/
.media, .media-body {
overflow: visible;
}
.media .media-body {
display: table-cell;
width: 10000px;
*width: auto;
*zoom: 1;
}
.media:before, .media:after {
content: "";
display: table;
}
.media:after {
clear: both;
}
some initial work on badges
2016-04-21 02:09:20 +00:00
/* Badges */
.badge {
vertical-align: baseline;
background-color: $link_color;
border-radius: 4px;
Bugfix: Frio css - add z-index to badges
2017-01-02 12:38:10 +00:00
z-index: 1;
some initial work on badges
2016-04-21 02:09:20 +00:00
}
aside .badge {
opacity: 0.7;
}
frio: move some more headings to the navbar
2016-06-26 09:02:12 +00:00
/* disabled elements */
.community-content-wrapper > h3, .network-content-wrapper > .section-title-wrapper {
display:none;
}
change the stream width (col-lg-7)
2016-04-03 12:06:13 +00:00
header #site-location {
display: none;
}
header #banner {
position: fixed;
top: 0px;
left:49%;
right: 49%;
z-index: 1040;
[frio] Vertically align toolbar items. (#5633)
2018-08-19 02:19:36 +00:00
margin-top: 12.5px;
change the stream width (col-lg-7)
2016-04-03 12:06:13 +00:00
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;
add some padding to the banner logo to fit better the center of the content section
2016-04-21 00:42:12 +00:00
padding-left: 55px;
change the stream width (col-lg-7)
2016-04-03 12:06:13 +00:00
}
[frio] Fix whitespace style.css
2016-09-29 00:51:56 +00:00
header #banner #logo-img,
make nav menu available for remote user and friendica visitors
2016-04-19 00:06:02 +00:00
.navbar-brand #logo-img {
change the stream width (col-lg-7)
2016-04-03 12:06:13 +00:00
-webkit-mask-image: url('img/friendica-25.png');
background-color: $nav_icon_color;
height: 25px;
width: 25px;
margin-left: auto;
margin-right: auto;
}
navbar: fix https://github.com/rabuzarus/frio/issues/1 - friendica logo isn't visible in firefox we now use for ff a svg mask - thanks to pollygeek
2016-05-03 16:20:26 +00:00
make nav menu available for remote user and friendica visitors
2016-04-19 00:06:02 +00:00
#navbrand-container {
display: flex;
}
#navbrand-container #navbar-brand-text {
padding-left: 5px;
}
change the stream width (col-lg-7)
2016-04-03 12:06:13 +00:00
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
/* NavBar */
.topbar {
position: fixed;
display: block;
height: 50px;
width: 100%;
padding-left: 15px;
padding-right: 15px
}
.topbar ul.nav {
float: left
}
.topbar ul.nav>li {
float: left
}
@media (min-width: 992px) {
[frio] Improve contrast of open notification dropdown button
2020-02-09 06:39:51 +00:00
.topbar ul.nav > li > a,
.topbar ul.nav > li > button
{
padding-top: 15px;
padding-bottom: 15px;
line-height: 20px
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
@media (max-width: 991px) {
[frio] Remove unwanted navbar-nav behavior for top nav bar on mobile - Rename overly generic notification menu button id
2020-02-09 06:37:20 +00:00
.topbar ul.nav > li > a,
.topbar ul.nav > li > button
{
padding: 15px 10px;
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
.topbar .dropdown-footer {
margin: 10px
}
.topbar .dropdown-header {
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
}
More display fixes See https://github.com/friendica/friendica/pull/3204#issuecomment-288908490
2017-03-24 02:45:40 +00:00
.topbar .dropdown-header .dropdown-header-link a,
.topbar .dropdown-header .dropdown-header-link .btn-link {
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
/*color: #6fdbe8!important;*/
color: $link_color !important;
font-size: 12px;
font-weight: 400
}
.topbar .dropdown-header:hover {
color: #bebebe
}
#topbar-first,
nav.navbar {
background-color: $nav_bg;
top: 0;
z-index: 1030;
color: $nav_icon_color;
}
[frio] Improve contrast of open notification dropdown button
2020-02-09 06:39:51 +00:00
#topbar-first .nav > li > a,
#topbar-first .nav > li > button,
nav.navbar .nav > li > a,
nav.navbar .nav > li > button
{
color: $nav_icon_color;
}
#topbar-first .nav > li > a:hover,
#topbar-first .nav > li > a:focus,
#topbar-first .nav > li > button:hover,
#topbar-first .nav > li > button:focus,
#topbar-first .nav > .open > a,
#topbar-first .nav > .open > button,
nav.navbar .nav > li > a:hover,
nav.navbar .nav > li > a:focus
nav.navbar .nav > li > button:hover,
nav.navbar .nav > li > button:focus
{
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
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 {
[frio] Vertically align toolbar items. (#5633)
2018-08-19 02:19:36 +00:00
padding: 8px 5px 0px;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
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
}
#topbar-first .topbar-actions {
position: relative;
z-index: 3
}
#topbar-first .topbar-nav {
left: 0;
right: 0;
text-align: center;
z-index: 1
}
#topbar-first .topbar-nav .nav-segment {
position: relative;
text-align: left
}
[frio] Improve contrast of open notification dropdown button
2020-02-09 06:39:51 +00:00
#topbar-first .topbar-nav .nav-segment > a
{
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
display: inline-block;
text-decoration: none;
[frio] Improve contrast of open notification dropdown button
2020-02-09 06:39:51 +00:00
text-align: left;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
rename CSS attributes notify => notification
2020-01-24 17:56:34 +00:00
#topbar-first .topbar-nav .nav-segment .nav-notification {
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
position: absolute;
top: 4px;
right: -2px;
background-color: #ff8989;
}
link contact requests badge to the contacts request page
2016-04-20 19:09:44 +00:00
#topbar-first #intro-update{
cursor: pointer;
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
#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
}
#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
}
#topbar-first .topbar-nav .dropdown-menu {
width: 350px;
margin-left: -148px
}
#topbar-first .topbar-nav .dropdown-menu ul.media-list {
max-height: 400px;
overflow: auto
}
#topbar-first .topbar-nav .dropdown-menu li {
position: relative
}
#topbar-first .topbar-nav .dropdown-menu li i.approval {
position: absolute;
left: 2px;
top: 36px;
font-size: 14px
}
#topbar-first .topbar-nav .dropdown-menu li i.accepted {
color: #5cb85c
}
#topbar-first .topbar-nav .dropdown-menu li i.declined {
color: #d9534f
}
#topbar-first .topbar-nav .dropdown-menu li .media {
position: relative
}
#topbar-first .topbar-nav .dropdown-menu li .media .img-space {
position: absolute;
top: 14px;
left: 14px
}
#topbar-first .dropdown-footer {
margin: 10px 10px 5px
}
#topbar-first .caret {
border-top-color: #bebebe
}
#topbar-first .btn-group>a {
background-color: #7f9baa
}
#topbar-first .btn-enter {
background-color: #7f9baa;
margin: 6px 0
}
#topbar-first .btn-enter:hover {
background-color: #89a2b0
}
frio - provide mobile login/register buttons for mobile view
2016-08-05 18:17:06 +00:00
.navbar-fixed-top ul.nav.navbar-nav.navbar-right {
display: flex;
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
Add style to exception page
2019-05-05 01:54:05 +00:00
#friendica-logo-mask {
display: block;
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
/* Notification Menu */
#topbar-first #nav-notifications-menu {
max-height: 400px;
}
#topbar-first #nav-notifications-menu a {
color: #555;
padding: 0;
}
#topbar-first #nav-notifications-menu li.notif-entry {
color: #555;
padding: 10px;
border-bottom: 1px solid #eee;
position: relative;
border-left: 3px solid #fff;
font-size: 12px;
}
rename CSS attributes notify => notification
2020-01-24 17:56:34 +00:00
#topbar-first #nav-notifications-menu li.notification-unseen {
Frio: unseen notifications background adjustment Background color for unseen notifications slightly changed for better visibility.
2020-02-13 22:15:29 +00:00
border-left: 3px solid #e3eff3;
background-color: #e3eff3;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
#topbar-first #nav-notifications-menu li.notif-entry:hover {
background-color: #f7f7f7;
/*border-left: 3px solid #6fdbe8;*/
border-left: 3px solid $link_color;
}
/*#topbar-first #nav-notifications-menu i.accepted {
color: #6fdbe8!important
}
#topbar-first #nav-notifications-menu i.declined {
color: #ff8989!important
}*/
#topbar-first #nav-notifications-menu li.placeholder {
border-bottom: none
}
#topbar-first #nav-notifications-menu .media .media-body {
font-size: 13px!important;
font-weight: 600!important;
Frio: When hovering over the notification entries the cursor is now a pointer
2016-05-27 18:33:29 +00:00
cursor: pointer;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
#topbar-first #nav-notifications-menu .media .media-body .contactname {
font-weight: bold;
}
#topbar-first #nav-notifications-menu .media .media-body .label {
padding: .1em .5em
}
#topbar-first #nav-notifications-menu li.notif-entry .media-object a img {
height: 32px;
width: 32px;
border-radius: 3px;
}
visual notice when user is remote user or visitor
2016-04-20 16:03:22 +00:00
/* The Top Nav Bar user menu */
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
#topbar-first .account .user-title {
The user name moved to the central.
2016-05-31 20:27:36 +00:00
text-align: right;
margin-top: 7px;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
#topbar-first .account .user-title span {
visual notice when user is remote user or visitor
2016-04-20 16:03:22 +00:00
color: $nav_icon_color;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
rename CSS attributes notify => notification
2020-01-24 17:56:34 +00:00
#topbar-first .account #main-menu .nav-notification {
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
position: absolute;
top: 4px;
right: -2px;
background-color: #ff8989;
}
first fix for mobile nav user menu (needs more work)
2016-04-03 13:07:13 +00:00
#myNavmenu li,
#myNavmenu a {
background-color: $nav_bg;
color: $nav_icon_color;
}
visual notice when user is remote user or visitor
2016-04-20 16:03:22 +00:00
#myNavmenu li.nav-sitename {
font-weight: bold;
}
More display fixes See https://github.com/friendica/friendica/pull/3204#issuecomment-288908490
2017-03-24 02:45:40 +00:00
#topbar-first .dropdown.account > a,
#topbar-first .dropdown.account.open > a,
Various fixes - Removed superfluous CSS rule - Fixed whitespace - Restored separators in search_item.tpl
2017-03-26 00:43:33 +00:00
#topbar-first .dropdown.account > button,
#topbar-first .dropdown.account.open > button,
More display fixes See https://github.com/friendica/friendica/pull/3204#issuecomment-288908490
2017-03-24 02:45:40 +00:00
#topbar-first .dropdown.account > :hover,
#topbar-first .dropdown.account.open > :hover {
visual notice when user is remote user or visitor
2016-04-20 16:03:22 +00:00
background-color: $nav_bg;
}
#topbar-first .dropdown.account li#nav-sitename {
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;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
/* Nav Search */
#topbar-first #search-box .navbar-form {
margin: 0px;
[frio] Vertically align toolbar items. (#5633)
2018-08-19 02:19:36 +00:00
padding: 12px 12px;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
frio: improvements in search behavior - search value woll be added to nav search input - focus on nav search input as main search - save search button appears in the second navbar if search is available - search heading appears in the second navbar - provide a mobile search by pressing the search icon - dirfind: heading distinguish between people and form search - some js fixes in theme.js
2016-06-10 18:34:25 +00:00
#search-mobile .navbar-form {
margin: 0;
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
#topbar-first #search-box .form-search {
height: 25px;
font-size: 13px;
background-position: 8px 4px;
}
#topbar-first #search-box .btn {
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
}
#topbar-second > .container {
height: 100%;
}
@media screen and (max-width: 767px) {
#topbar-second > .container,
#topbar-second #navbar-button {
Fix frio style.css indentation
2017-03-18 00:46:31 +00:00
padding: 0;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
}
#topbar-second .dropdown-menu {
padding-top: 0;
padding-bottom: 0
}
#topbar-second .dropdown-menu .divider {
margin: 0
}
#topbar-second #space-menu-dropdown,
#topbar-second #search-menu-dropdown {
width: 400px
}
#topbar-second #space-menu-dropdown .media-list,
#topbar-second #search-menu-dropdown .media-list {
max-height: 400px;
overflow: auto
}
@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 form,
#topbar-second #search-menu-dropdown form {
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 .nav>li>a {
padding: 6px 13px 0;
text-decoration: none;
text-shadow: none;
font-weight: 600;
font-size: 10px;
text-transform: uppercase;
text-align: center;
min-height: 49px
}
#topbar-second .nav>li>a:hover,
#topbar-second .nav>li>a:active,
#topbar-second .nav>li>a:focus {
/*border-bottom: 3px solid #6fdbe8;*/
border-bottom: 3px solid $link_color;
background-color: #f7f7f7;
color: #555;
text-decoration: none
}
#topbar-second .nav>li>a i {
font-size: 14px
}
#topbar-second .nav>li>a .caret {
border-top-color: #7a7a7a
}
#topbar-second .nav>li>ul>li>a {
border-left: 3px solid #fff;
background-color: #fff;
color: #555
}
#topbar-second .nav>li>ul>li>a:hover,
#topbar-second .nav>li>ul>li>a.active {
/*border-left: 3px solid #6fdbe8;*/
border-left: 3px solid $link_color;
background-color: #f7f7f7;
color: #555
}
#topbar-second .nav>li.active>a {
min-height: 46px
}
#topbar-second .nav>li>a#space-menu {
padding-right: 13px;
border-right: 1px solid #ededed
}
#topbar-second .nav>li>a#search-menu {
padding-top: 15px
}
#topbar-second .nav>li>a:hover,
#topbar-second .nav .open>a,
#topbar-second .nav>li.active {
/*border-bottom: 3px solid #6fdbe8;*/
border-left: 3px solid $link_color;
background-color: #f7f7f7;
color: #555
}
#topbar-second .nav>li.active>a:hover {
border-bottom: none
}
#topbar-second #space-menu-dropdown li>ul>li>a>.media .media-body p {
color: #bebebe;
font-size: 11px;
margin: 0;
font-weight: 400
}
frio: move some more headings to the navbar
2016-06-26 09:02:12 +00:00
#topbar-second #nav-short-info .heading {
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;
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
/* Dropdown Menus */
More display fixes See https://github.com/friendica/friendica/pull/3204#issuecomment-288908490
2017-03-24 02:45:40 +00:00
.nav > li > .btn-link {
position: relative;
display: block;
padding: 10px 15px;
}
[frio] Improve contrast of open notification dropdown button
2020-02-09 06:39:51 +00:00
.nav .open > .btn-link {
All-around CSS display fixes
2017-03-18 00:28:31 +00:00
background-color: #eee;
border-color: #337ab7;
}
Turn all the action <a> tags into buttons - Add CSS changes to support both <a> and <button class="btn btn-link"> - Removed unnecessary "return false" in onclick attributes - Simplified tabs in profile page to native Bootstrap behavior
2017-03-15 03:47:02 +00:00
.nav-pills > li > .btn-link {
Fix frio style.css indentation
2017-03-18 00:46:31 +00:00
border-radius: 4px;
Turn all the action <a> tags into buttons - Add CSS changes to support both <a> and <button class="btn btn-link"> - Removed unnecessary "return false" in onclick attributes - Simplified tabs in profile page to native Bootstrap behavior
2017-03-15 03:47:02 +00:00
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
.nav-pills .dropdown-menu,
.nav-tabs .dropdown-menu,
.account .dropdown-menu,
.contact-photo-wrapper .dropdown-menu {
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
}
.nav-pills .dropdown-menu li,
.nav-tabs .dropdown-menu li,
.account .dropdown-menu li,
.contact-photo-wrapper .dropdown-menu li {
border-left: 3px solid $nav_bg;
}
Turn action links into buttons - Turns <a role="button"> into <button type="button"> for responses and dropdown menu in wall_thread.tpl - Removes extraneous decorations - Updates dropdown style to prevent hover shenanigans - Add theme color to active "btn-default" buttons - Add margin top to comment box that was stuck to the action buttons
2017-03-03 06:00:52 +00:00
.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 {
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
color: $nav_icon_color;
font-weight: 400;
font-size: 13px;
[frio] Capitalize dropdown menu links
2016-09-29 00:59:54 +00:00
padding: 4px 15px;
text-transform: capitalize;
Fix frio style.css indentation
2017-03-18 00:46:31 +00:00
width: 100%;
Turn all the action <a> tags into buttons - Add CSS changes to support both <a> and <button class="btn btn-link"> - Removed unnecessary "return false" in onclick attributes - Simplified tabs in profile page to native Bootstrap behavior
2017-03-15 03:47:02 +00:00
text-align: left;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
Turn action links into buttons - Turns <a role="button"> into <button type="button"> for responses and dropdown menu in wall_thread.tpl - Removes extraneous decorations - Updates dropdown style to prevent hover shenanigans - Add theme color to active "btn-default" buttons - Add margin top to comment box that was stuck to the action buttons
2017-03-03 06:00:52 +00:00
.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 {
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
margin-right: 5px;
font-size: 14px;
display: inline-block;
width: 14px
}
Turn action links into buttons - Turns <a role="button"> into <button type="button"> for responses and dropdown menu in wall_thread.tpl - Removes extraneous decorations - Updates dropdown style to prevent hover shenanigans - Add theme color to active "btn-default" buttons - Add margin top to comment box that was stuck to the action buttons
2017-03-03 06:00:52 +00:00
.nav-pills .dropdown-menu li a:hover, .nav-pills .dropdown-menu li .btn-link:hover,
.nav-tabs .dropdown-menu li a:hover, .nav-tabs .dropdown-menu li .btn-link:hover,
.account .dropdown-menu li a:hover, .account .dropdown-menu li .btn-link:hover,
.contact-photo-wrapper .dropdown-menu li a:hover, .contact-photo-wrapper .dropdown-menu li .btn-link:hover,
.nav-pills .dropdown-menu li a:visited, .nav-pills .dropdown-menu li .btn-link:visited,
.nav-tabs .dropdown-menu li a:visited, .nav-tabs .dropdown-menu li .btn-link:visited,
.account .dropdown-menu li a:visited, .account .dropdown-menu li .btn-link:visited,
.contact-photo-wrapper .dropdown-menu li a:visited, .contact-photo-wrapper .dropdown-menu li .btn-link:visited,
.nav-pills .dropdown-menu li a:hover, .nav-pills .dropdown-menu li .btn-link:hover,
.nav-tabs .dropdown-menu li a:hover, .nav-tabs .dropdown-menu li .btn-link:hover,
.account .dropdown-menu li a:hover, .account .dropdown-menu li .btn-link:hover,
.contact-photo-wrapper .dropdown-menu li a:hover, .contact-photo-wrapper .dropdown-menu li .btn-link:hover,
.nav-pills .dropdown-menu li a:focus, .nav-pills .dropdown-menu li .btn-link:focus,
.nav-tabs .dropdown-menu li a:focus, .nav-tabs .dropdown-menu li .btn-link:focus,
.account .dropdown-menu li a:focus, .account .dropdown-menu li .btn-link:focus,
.contact-photo-wrapper .dropdown-menu li a:focus, .contact-photo-wrapper .dropdown-menu li .btn-link:focus {
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
background: 0 0
}
.nav-pills .dropdown-menu li:hover,
.nav-tabs .dropdown-menu li:hover,
.account .dropdown-menu li:hover,
.contact-photo-wrapper .dropdown-menu li:hover,
.nav-pills .dropdown-menu li.selected,
.nav-tabs .dropdown-menu li.selected,
.account .dropdown-menu li.selected,
.contact-photo-wrapper .dropdown-menu li.selected {
/*border-left: 3px solid #6fdbe8;*/
border-left: 3px solid $link_color;
color: #fff!important;
frio: provide a edit profile button for the advanced profile page
2016-10-05 16:07:58 +00:00
background-color: $menu_background_hover_color !important;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
Add icons on photo view page. This page still had textual links, change them to icons. Also remove missleading header.
2018-08-18 21:47:04 +00:00
#photo-edit-link-wrap {
color: #555;
margin-bottom: 15px;
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
[Suggestion] Move New User Tip Link (#5342) * Move new member tips to navigation bar. The link looks so forlorn when its just somewhere in there. Put it in the nav bar. * Style new member hints link propery. * Make changes requested by @MrPetovan.
2018-07-09 22:20:57 +00:00
#newmember-tab > a {
font-size: 1.2em;
font-weight: 800;
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
/*
* Aside
*
*/
aside .widget,
.nav-container .widget {
border: none;
color: #777;
/*background-color: #fff;*/
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;
[frio] Fix profile edit links. [#5474] (#5475)
2018-07-24 14:20:16 +00:00
overflow: auto;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
aside .widget h3,
.nav-container .widget h3 {
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;
/*padding-left: 10px;*/
list-style: none;
}
aside .widget li,
.nav-container .widget li {
padding-top: 2px;
padding-bottom: 2px;
padding-left: 20px;
[frio] Improve Group Editing (#5349) * Improve group-editing and edit-navigation. Use icons next to groups and header for navigation to editing groups and adding new groups. Also use icon from group-sidebar for editing groups. * Unify look&feel of contact search bars. * Remove nogroup page and replace with /group/none. * Make sure proper items are selected in aside. * Use icon instead of link for 'View Contacs' on profile page. * Fix none-working /group/none. * Fix highlighting for everyone in group aside.
2018-07-09 22:36:50 +00:00
padding-right: 10px;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
aside .widget li:hover,
aside .widget li.selected,
.nav-container .widget li:hover {
z-index: 2;
color: #555;
improve transparency for some elements in style.css
2016-04-14 00:28:57 +00:00
/*background-color: #f7f7f7;*/
background-color: rgba(247, 247, 247, $contentbg_transp);
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
/*border-left: 3px solid #6fdbe8!important;*/
border-left: 3px solid $link_color !important;
padding-left: 17px;
}
aside .widget li a,
aside .widget li a:hover {
color: #555;
}
/* forumlist widget */
fix some more HTML violations in posted_date_widget.tpl
2017-10-19 14:34:08 +00:00
aside > #datebrowse-sidebar li.posted-date-selector-months {
margin-bottom: 10px;;
padding: 0;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
width: 100%
}
fix some more HTML violations in posted_date_widget.tpl
2017-10-19 14:34:08 +00:00
aside > #datebrowse-sidebar li.posted-date-selector-months:hover {
border-left: none !important;
background-color: transparent !important;
}
aside > #datebrowse-sidebar .posted-date-selector-months > ul {
margin: 0;
}
aside > #datebrowse-sidebar .posted-date-selector-months > ul > li{
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
padding-left: 30px;
}
fix some more HTML violations in posted_date_widget.tpl
2017-10-19 14:34:08 +00:00
aside > #datebrowse-sidebar .posted-date-selector-months > ul > li:hover{
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
padding-left: 27px;
}
adding desaturation and transition for forumlist widget
2019-08-26 21:33:03 +00:00
.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;
}
#forumlist-sidbar-ul li:hover a > .forumlist-img {
-webkit-filter: unset;
filter: unset;
opacity: unset;
}
frio - fix help toc aside
2018-04-25 21:30:56 +00:00
/* help page widget */
aside > .help-aside-wrapper p strong:first-child {
display: block;
margin: 1em 0 0em;
}
aside > .help-aside-wrapper h1 {
font-weight: bold;
font-size: 16px;
margin: 0;
padding: 20px 0 10px;
}
aside > .help-aside-wrapper h2 {
font-weight: bold;
font-size: 14px;
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
/* vcard / h-card */
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;
}
aside .vcard .tool a {
frio - improve some hover effects to action link/buttons
2018-08-11 11:41:55 +00:00
color: rgba(255,255,255,.85);
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
aside .vcard #profile-photo-wrapper:hover .tool .action {
opacity: 1;
}
update javascript cropper library
2018-03-29 15:57:06 +00:00
aside .vcard #profile-photo-wrapper.crop-preview {
padding: 0;
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
aside .vcard .profile-header {
Frio - Bring back some padding space (#5585) * frio - bring back the optical dividing space in the profile widget * frio - bring back the optical dividing space between the profile picture and the separator line
2018-08-08 10:58:58 +00:00
padding: 5px 0px 20px 0px;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
aside .vcard .fn {
font-weight: bold;
[frio] Fix layout of profile aside. (#5497) (#5498) See issue (#5497)[https://github.com/friendica/friendica/issues/5497] for details.
2018-07-25 20:12:30 +00:00
padding: 5px 0px 5px 0px;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
aside .vcard .p-addr {
font-style: italic;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-bottom: 2px;
}
frio: add account type to the profile vcard
2019-02-04 23:18:07 +00:00
aside .vcard .title {
margin-top: 10px;
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
aside .vcard .detail {
display: table;
padding: 5px 0;
}
The XMPP address is now in the profile and will be transmitted
2016-09-25 15:28:00 +00:00
aside .xmpp {
display: table;
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
aside .vcard .icon {
display: table-cell;
padding-right: 10px;
[frio] Fix layout of profile aside. (#5497) (#5498) See issue (#5497)[https://github.com/friendica/friendica/issues/5497] for details.
2018-07-25 20:12:30 +00:00
width: 30px;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
#profile-extra-links {
[frio] Fix layout of profile aside. (#5497) (#5498) See issue (#5497)[https://github.com/friendica/friendica/issues/5497] for details.
2018-07-25 20:12:30 +00:00
overflow: auto;
frio: add account type to the profile vcard
2019-02-04 23:18:07 +00:00
margin-bottom: 10px;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
aside .vcard #dfrn-request-link-button,
aside .vcard #wallmessage-link-botton {
width: 50%;
margin: 0 0 0 -5px;
float: left;
padding: 0 5px;
}
aside .vcard #dfrn-request-link,
aside .vcard #wallmessage-link {
width: 100%;
}
frio: a short contact informations will be provided at the second nav bar by scrolling down (on pages where vcard is available)
2016-06-10 23:28:25 +00:00
/* vcard-short-info */
#vcard-short-info,
#nav-short-info .contact-wrapper {
frio short contact informations - some optical polishing
2016-06-11 15:43:02 +00:00
margin-top: 2px;
frio: a short contact informations will be provided at the second nav bar by scrolling down (on pages where vcard is available)
2016-06-10 23:28:25 +00:00
height: 40px;
white-space: nowrap;
overflow: hidden;
padding-right: 20px;
frio short contact informations - some optical polishing
2016-06-11 15:43:02 +00:00
margin-left: -14px;
frio: a short contact informations will be provided at the second nav bar by scrolling down (on pages where vcard is available)
2016-06-10 23:28:25 +00:00
}
Buxfix: fix image floating in frios nav-short-info
2017-10-15 15:54:35 +00:00
#nav-short-info .contact-photo-wrapper.media-left {
float: left;
}
frio: a short contact informations will be provided at the second nav bar by scrolling down (on pages where vcard is available)
2016-06-10 23:28:25 +00:00
#vcard-short-photo-wrapper img,
#nav-short-info .contact-wrapper img {
height: 34px;
width: 34px;
frio: a short contact informations - add border-radius to profile picture (this fits better to the rest of the profile pictures)
2016-06-10 23:32:29 +00:00
border-radius: 3px;
frio: a short contact informations will be provided at the second nav bar by scrolling down (on pages where vcard is available)
2016-06-10 23:28:25 +00:00
}
#vcard-short-desc,
#nav-short-info .contact-wrapper .media-body {
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;
}
#vcard-short-desc > .media-heading,
#nav-short-info .contact-wrapper .media-heading {
margin-bottom: 1px;
font-weight: bold;
}
#nav-short-info .contact-wrapper .media-heading a {
color: #555;
font-size: 14px !important;
}
frio short contact informations - some optical polishing
2016-06-11 15:43:02 +00:00
#vcard-short-desc > .vcard-short-addr,
frio: a short contact informations will be provided at the second nav bar by scrolling down (on pages where vcard is available)
2016-06-10 23:28:25 +00:00
#nav-short-info .contact-wrapper #contact-entry-url-network {
color: #777;
frio short contact informations - some optical polishing
2016-06-11 15:43:02 +00:00
font-size: 12px;
frio: a short contact informations will be provided at the second nav bar by scrolling down (on pages where vcard is available)
2016-06-10 23:28:25 +00:00
}
.network-content-wrapper > #viewcontact_wrapper-network,
#nav-short-info .contact-wrapper .contact-photo-overlay,
#nav-short-info .contact-wrapper .contact-actions{
display: none
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
frio: follow & peoplefind widget template
2016-06-06 22:38:39 +00:00
aside #peoplefind-sidebar input,
aside #follow-sidebar input {
height: 30px;
background-position: 10px 5px;
}
fix some HTML violations in frio
2017-10-20 13:21:42 +00:00
aside #peoplefind-sidebar label,
aside #follow-sidebar label {
font-weight: normal;
}
frio: follow & peoplefind widget template
2016-06-06 22:38:39 +00:00
aside #peoplefind-sidebar .form-group-search .form-button-search,
aside #follow-sidebar .form-group-search .form-button-search {
padding: 2px 8px;
}
[frio] Improve Group Editing (#5349) * Improve group-editing and edit-navigation. Use icons next to groups and header for navigation to editing groups and adding new groups. Also use icon from group-sidebar for editing groups. * Unify look&feel of contact search bars. * Remove nogroup page and replace with /group/none. * Make sure proper items are selected in aside. * Use icon instead of link for 'View Contacs' on profile page. * Fix none-working /group/none. * Fix highlighting for everyone in group aside.
2018-07-09 22:36:50 +00:00
div#sidebar-group-header h3 {
float: left;
}
div#sidebar-group-list {
clear: both;
}
.group-new-form {
clear: both;
}
.group-edit-tool {
color: #555;
}
Make frio more consistent by replacing textual links with icons everywhere. (#5415) * Make frio more consistent by replacing textual links with icons everywhere I could find them. * [frio] Move profile add link to icon.
2018-07-21 11:31:05 +00:00
.faded-icon {
[frio] Improve Group Editing (#5349) * Improve group-editing and edit-navigation. Use icons next to groups and header for navigation to editing groups and adding new groups. Also use icon from group-sidebar for editing groups. * Unify look&feel of contact search bars. * Remove nogroup page and replace with /group/none. * Make sure proper items are selected in aside. * Use icon instead of link for 'View Contacs' on profile page. * Fix none-working /group/none. * Fix highlighting for everyone in group aside.
2018-07-09 22:36:50 +00:00
color: #555;
Make frio more consistent by replacing textual links with icons everywhere. (#5415) * Make frio more consistent by replacing textual links with icons everywhere I could find them. * [frio] Move profile add link to icon.
2018-07-21 11:31:05 +00:00
opacity: 0.3;
transition: all 0.1s ease-in-out;
frio: add group_side widget template
2016-06-06 23:28:38 +00:00
}
Make frio more consistent by replacing textual links with icons everywhere. (#5415) * Make frio more consistent by replacing textual links with icons everywhere I could find them. * [frio] Move profile add link to icon.
2018-07-21 11:31:05 +00:00
.faded-icon:hover {
frio - improve some hover effects to action link/buttons
2018-08-11 11:41:55 +00:00
color: #555;
Make frio more consistent by replacing textual links with icons everywhere. (#5415) * Make frio more consistent by replacing textual links with icons everywhere I could find them. * [frio] Move profile add link to icon.
2018-07-21 11:31:05 +00:00
opacity: 1;
}
.icon-padding {
margin-left: 20px;
}
frio - improve some hover effects to action link/buttons
2018-08-11 11:41:55 +00:00
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;
}
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 {
frio: add group_side widget template
2016-06-06 23:28:38 +00:00
opacity: 1;
}
frio: fix an css issue with sidebar-group checkbox alignment
2016-06-13 10:17:33 +00:00
aside #group-sidebar li .group-checkbox {
margin: 0;
}
aside #group-sidebar li .group-edit-tool {
padding-right: 10px;
}
aside #group-sidebar li .group-edit-tool:first-child {
padding-right: 0px;
}
frio: add group_side widget template
2016-06-06 23:28:38 +00:00
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
/* contact block widget */
Issue 8136: Optical enhancements for delegation page
2020-01-20 05:05:20 +00:00
.contact-block-content {
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
clear: both;
overflow: auto;
height: auto;
}
Issue 8136: Optical enhancements for delegation page
2020-01-20 05:05:20 +00:00
.contact-block-div {
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
float: left;
margin: 0px 5px 5px 0px;
/* height: 90px;
width: 90px;*/
}
Issue 8136: Optical enhancements for delegation page
2020-01-20 05:05:20 +00:00
.contact-block-link {
[frio] Fix whitespace style.css
2016-09-29 00:51:56 +00:00
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
Issue 8136: Optical enhancements for delegation page
2020-01-20 05:05:20 +00:00
.contact-block-img {
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
height: 75px;
width: 75px;
border-radius: 4px;
}
port tag cloud widget from hubzilla
2017-11-22 20:29:07 +00:00
/* Tag cloud widget */
tag-cloud: some polishing + remove authors (we don't use it at the moment)
2017-11-22 22:18:01 +00:00
.tagblock.widget > .tag-cloud {
port tag cloud widget from hubzilla
2017-11-22 20:29:07 +00:00
text-align: center;
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
/* Section */
section ul.tabs {
display: none !important;
}
/* Jot */
section #jotOpen {
display: none;
}
[frio] Merge compose/jot buttons features
2020-02-19 20:11:35 +00:00
#jotOpen {
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
margin-top: 3px;
float: right;
}
#jot-content {
display: none;
}
.jothidden {
/*display: none;*/
}
attachment preview: scroll the content not the mocal (adds scroll bars to the modal conent if it is to large)
2019-02-03 23:44:38 +00:00
.modal #jot-sections {
max-height: calc(100vh - 22px);
}
@media (min-width: 768px) {
.modal #jot-sections {
max-height: calc(100vh - 62px);
}
}
#jot-modal #jot-sections,
#jot-modal #jot-modal-body,
#jot-modal #profile-jot-form,
#jot-modal #profile-jot-wrapper,
#jot-modal #jot-text-wrap,
#jot-modal #jot-preview-content,
#jot-modal #tread-wrapper--1,
#jot-modal #item-Q0,
#jot-modal #profile-jot-acl-wrapper,
#jot-modal #acl-wrapper {
overflow: hidden;
display: flex;
flex: auto;
flex-direction: column;
}
All-around CSS display fixes
2017-03-18 00:28:31 +00:00
#jot-modal .modal-header a, #jot-modal .modal-header .btn-link,
#profile-jot-submit-wrapper a, #profile-jot-submit-wrapper .btn-link {
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
color: #555;
[frio] Capitalize Jot tabs title - Revert translation term change for "permissions"
2016-09-29 01:09:03 +00:00
text-transform: capitalize;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
#jot-modal .modal-header {
border-bottom: none;
}
[frio] Add link to Compose page in jot
2020-04-01 14:10:57 +00:00
#jot-modal .modal-header .compose-link {
float: right;
margin-right: 20px;
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
#jot-title-wrap, #jot-category-wrap {
margin-bottom: 5px;
}
#jot-text-wrap {
margin-top: 20px;
}
#jot-text-wrap textarea {
min-height: 100px;
attachment preview: scroll the content not the mocal (adds scroll bars to the modal conent if it is to large)
2019-02-03 23:44:38 +00:00
overflow-y: auto !important;
overflow-y: overlay !important;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
attachment preview: frontend work (works with frio)
2019-02-01 18:18:08 +00:00
/*#jot-attachment-preview {
display: none;
}*/
#jot-text-wrap .preview textarea {
width: 100%;
}
Add frio-specific /compose module
2019-07-15 01:49:38 +00:00
#preview_profile-jot-text,
.comment-edit-form .preview {
attachment preview: frontend work (works with frio)
2019-02-01 18:18:08 +00:00
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: #555;
}
Add frio-specific /compose module
2019-07-15 01:49:38 +00:00
textarea#profile-jot-text:focus + #preview_profile-jot-text,
textarea.comment-edit-text:focus + .comment-edit-form .preview {
attachment preview: frontend work (works with frio)
2019-02-01 18:18:08 +00:00
border: 2px solid #6fdbe8;
border-top: none;
}
.preview hr.previewseparator {
margin-top: 0px;
border-color: #D2D2D2;
}
#previewImgBtn_profile-jot-text,
.closePreview {
position: absolute;
top: 15px;
}
.closePreview {
right: 15px;
z-index: 1;
}
.previewImgBtn {
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;
}
.preview button.previewActionBtn:hover {
opacity: 1;
}
.preview .closePreview button.previewActionBtn {
font-size: 25px;
}
#previewInputTitle_profile-jot-text {
width: 100%;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
fix some HTML violations in frio
2017-10-20 13:21:42 +00:00
#profile-jot-wrapper button#profile-jot-submit {
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
margin-top: 5px;
}
frio: add a very simple character counter to the jot
2016-11-18 22:48:31 +00:00
#profile-jot-wrapper #character-counter {
padding: 10px 15px;
}
attachment preview: scroll the content not the mocal (adds scroll bars to the modal conent if it is to large)
2019-02-03 23:44:38 +00:00
.modal .wall-item-container.preview {
overflow-y: auto;
overflow-y: overlay;
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
/* ACL */
Frio: new photos upload template (#5637) * frio - add missing page template to various photo pages (fix missing background) * frio - rework photo upload album selection * frio - rework photo upload button * frio - fix photo upload button and acl
2018-08-20 04:29:50 +00:00
.fa.lock:before {
Replaced FontAwesome by ForkAwesome Migrated from manual installed files in frameworks/ to composer based install Migrated paths to new view/asset/ structure
2019-08-22 18:45:41 +00:00
font-family: ForkAwesome;
Frio: new photos upload template (#5637) * frio - add missing page template to various photo pages (fix missing background) * frio - rework photo upload album selection * frio - rework photo upload button * frio - fix photo upload button and acl
2018-08-20 04:29:50 +00:00
content: "\f023";
}
.fa.unlock:before {
Replaced FontAwesome by ForkAwesome Migrated from manual installed files in frameworks/ to composer based install Migrated paths to new view/asset/ structure
2019-08-22 18:45:41 +00:00
font-family: ForkAwesome;
Frio: new photos upload template (#5637) * frio - add missing page template to various photo pages (fix missing background) * frio - rework photo upload album selection * frio - rework photo upload button * frio - fix photo upload button and acl
2018-08-20 04:29:50 +00:00
content: "\f09c";
}
[frio] Make whole ACL panel heading clickable to change visibility panel - Addresses https://libranet.de/display/0b6b25a8-155d-e27f-6cc4-2e4568491578
2019-11-30 15:47:25 +00:00
#acl-wrapper label.panel-heading {
display: block;
margin-bottom: 0;
cursor: pointer;
}
Bugfix: fbrowser did insert 2 Pictures instead of only 1
2017-03-20 21:45:24 +00:00
/* Filebrowser */
frio: gui work for fbrowser + switch between image and file mode
2017-03-21 02:35:25 +00:00
.fbrowser .breadcrumb {
margin-bottom: 0px;
}
.fbrowser .path a:before {
content: "";
padding: 0;
}
.fbrowser .breadcrumb > li:last-of-type a{
color: #777;
pointer-events: none;
cursor: default;
}
.fbrowser .folders {
box-shadow: -1.5px 0 0 0 rgba(0, 0, 0, .1) inset;
padding-right: 1px;
}
.fbrowser .folders ul {
enable fbrowser for mobile view
2017-03-25 22:33:53 +00:00
padding: 0px;
frio: gui work for fbrowser + switch between image and file mode
2017-03-21 02:35:25 +00:00
margin-left: -15px;
enable fbrowser for mobile view
2017-03-25 22:33:53 +00:00
margin-bottom: 0px;
overflow-y: auto;
css: border for images, min-with for folders list
2017-03-26 12:00:00 +00:00
min-width: 100px;
enable fbrowser for mobile view
2017-03-25 22:33:53 +00:00
max-height: calc(100vh - 210px);
css: border for images, min-with for folders list
2017-03-26 12:00:00 +00:00
line-height: 1.3;
frio: gui work for fbrowser + switch between image and file mode
2017-03-21 02:35:25 +00:00
}
fix max-height for screens bigger than 768px
2017-04-03 10:46:31 +00:00
@media (min-width: 768px) {
.fbrowser .folders ul {
max-height: calc(100vh - 255px);
}
}
frio: gui work for fbrowser + switch between image and file mode
2017-03-21 02:35:25 +00:00
.fbrowser .folders li {
padding-left: 20px;
padding-right: 10px;
css: border for images, min-with for folders list
2017-03-26 12:00:00 +00:00
padding-top: 3px;
padding-bottom: 3px;
frio: gui work for fbrowser + switch between image and file mode
2017-03-21 02:35:25 +00:00
}
.fbrowser .folders li:hover {
z-index: 2;
color: #555;
background-color: rgba(247, 247, 247, $contentbg_transp);
border-left: 3px solid $link_color !important;
padding-left: 17px;
}
.fbrowser .folders li a,
.fbrowser .folders li a:hover {
color: #555;
font-size: 13px;
}
.fbrowser .folders + .list {
padding-left: 10px;
}
enable fbrowser for mobile view
2017-03-25 22:33:53 +00:00
.fbrowser .fbrowser-content-container {
overflow-y: auto;
max-height: calc(100vh - 175px);
}
fix max-height for screens bigger than 768px
2017-04-03 10:46:31 +00:00
@media (min-width: 768px) {
.fbrowser .fbrowser-content-container {
max-height: calc(100vh - 220px);
}
}
use box-shadow instead of border
2017-04-03 12:20:34 +00:00
.fbrowser.image .photo-album-image-wrapper {
change fbrowser image margin and box-shadow
2017-04-05 10:46:09 +00:00
box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
css: border for images, min-with for folders list
2017-03-26 12:00:00 +00:00
}
[frio] Enable click through image caption in file browser
2018-10-19 14:46:09 +00:00
.fbrowser.image .photo-album-image-wrapper .caption {
pointer-events: none;
}
Bugfix: fbrowser did insert 2 Pictures instead of only 1
2017-03-20 21:45:24 +00:00
.fbrowser .profile-rotator-wrapper {
min-height: 200px;
}
.fbrowser .fa-spin {
position: absolute;
left: 45%;
top: 40%;
font-size: 48px;
margin:0px auto;
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
/*
/* Stream
*/
.panel {
border: none;
/*background-color: #fff;*/
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;
}
some restructuring in groups.php + Frio: provide own group template
2017-04-21 14:04:29 +00:00
.panel.panel-inline {
margin-left: -15px;
margin-right: -15px;
margin-top: 15px;
padding: 15px;
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
.panel .panel-body {
wrong intend
2019-03-02 16:27:51 +00:00
word-wrap: break-word;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
.panel .panel-body .wall-item-content {
color: #555;
}
.tread-wrapper .media {
overflow: visible;
word-wrap: break-word;
}
[frio] Fix layout of profile aside. (#5497) (#5498) See issue (#5497)[https://github.com/friendica/friendica/issues/5497] for details.
2018-07-25 20:12:30 +00:00
aside .panel-body {
padding: 0px;
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
/* Thread hover effects */
Frio - on mobiles the links in thread will always have the link color (disabling thread hover effect)
2018-10-31 09:14:02 +00:00
.desktop-view .wall-item-container .wall-item-content a,
.desktop-view .wall-item-container a,
.desktop-view .wall-item-container .fakelink,
.desktop-view .toplevel_item .fakelink,
.desktop-view .toplevel_item .wall-item-container .wall-item-responses a {
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
color: #555;
-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 .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,
rework the contact info header of postings (move plink to dropdown) - reorder the post actions dropdown
2016-04-26 12:07:40 +00:00
.wall-item-container:hover .wall-item-name,
.wall-item-container:hover .wall-item-location a {
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
/*color: #6fdbe8;*/
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 {
[frio] Thread display redesign - Add fake form at end of comment list - Shuffle comment box buttons around using flex display - Convert divs into paragraphs - Remove unused commentInsert() and qCommentInsert() function from textedit.js
2019-02-15 03:28:38 +00:00
border-top: 1px solid rgba(255, 255, 255, 0.8);
}
[frio] Remove outer post padding - Include mobile view changes - Includes search view changes
2019-07-16 02:46:22 +00:00
.wall-item-container.panel-body {
padding: 0;
border-top: none;
}
[frio] Thread display redesign - Add fake form at end of comment list - Shuffle comment box buttons around using flex display - Convert divs into paragraphs - Remove unused commentInsert() and qCommentInsert() function from textedit.js
2019-02-15 03:28:38 +00:00
.wall-item-container .media {
margin-top: 0;
[frio] Remove outer post padding - Include mobile view changes - Includes search view changes
2019-07-16 02:46:22 +00:00
padding: 10px;
background-color: rgba(0, 0, 0, 0.03);
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
/* wall items contact photo */
.contact-photo {
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;
}
.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;
}
.contact-photo-overlay:hover {
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;
}
.contact-photo-xs{
height: 38px;
width: 38px;
border-radius: 3px;
}
.wwto .contact-photo {
width: auto;
[frio] Fix shared posts avatars size/position between desktop/mobile
2018-08-04 19:54:02 +00:00
height: 25px;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
font-size: 8.8px;
border-radius: 2px;
position: absolute;
[frio] Increase content space on <600px width devices
2018-08-04 18:54:58 +00:00
top: 28px;
left: 28px;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
display: inline-block;
}
/* wall items action dropdown menu */
[frio] Prevent more action menu to be clipped by the post box - Address https://friendica.mrpetovan.com/display/0b6b25a8-615e-3dda-937e-21e937937450 - Move external link back to the post top right - Prevent more action menu to become semi-transparent on post mouseout
2020-02-09 22:47:41 +00:00
.preferences {
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
position: absolute;
right: 15px;
top: 10px;
}
[frio] Prevent more action menu to be clipped by the post box - Address https://friendica.mrpetovan.com/display/0b6b25a8-615e-3dda-937e-21e937937450 - Move external link back to the post top right - Prevent more action menu to become semi-transparent on post mouseout
2020-02-09 22:47:41 +00:00
.comment .preferences {
right: 10px;
[frio] Remove outer post padding - Include mobile view changes - Includes search view changes
2019-07-16 02:46:22 +00:00
top: 5px;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
.wall-item-network {
font-size: 13px;
}
/* wall items contact info */
.media .media-body {
font-size: 13px;
}
.media .media-body h4.media-heading {
font-size: 14px;
font-weight: 500;
color: #555;
}
Some location changes
2016-05-29 13:33:36 +00:00
.media .media-body .addional-info a, .media .media-body h5.media-heading > a {
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
display: block;
}
hovercard: some polishing
2016-05-06 20:28:12 +00:00
.media .contact-info-comment {
display: table-cell;
}
.media .contact-info-xs h5,
.media .contact-info-comment {
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
margin: 0 0 5px;
}
.media-heading {
margin: 0 0 5px;
}
New template for shared content instead of hardcoded stuff in source
2016-06-07 20:29:50 +00:00
.wall-item-name,
.shared-author {
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
font-size: 15px;
font-weight: bold;
}
hovercard: some polishing
2016-05-06 20:28:12 +00:00
.wall-item-name.xs {
font-weight: 700;
font-size: 14px;
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
[frio] Add click card on contact avatars
2019-10-30 03:18:17 +00:00
/* Contact avatar click card */
.userinfo.click-card {
position: relative;
}
.userinfo.click-card > *:hover:after {
content: '⌄';
color: #bebebe;
font-size: 1em;
font-weight: bold;
background-color: #ffffff;
text-align: center;
line-height: 40%;
position: absolute;
top: 0;
left: 0;
width: 33%;
height: 33%;
opacity: .8;
border-radius: 0 0 40% 0;
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
/* 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;
}
Update wall_thread.tpl (#5352) * Update wall_thread.tpl named an unnamed style definition to can address it via css * Update style.css Added div wall-spacer definition * Update wall_thread.tpl removed wall-spacer definition. moved to main css * Update style.css * Update wall_thread.tpl
2018-07-10 13:31:29 +00:00
/* Space between content and head */
.wall-spacer {
updated wall-spacer and color of preview (#5357) * Update wall_thread.tpl named an unnamed style definition to can address it via css * Update style.css Added div wall-spacer definition * Update wall_thread.tpl removed wall-spacer definition. moved to main css * Update style.css * Update wall_thread.tpl * Update plusminus.css wall-spacer and color of preview changed * Update plusminus.css * spaces spaces * Update style.css * Update style.css removed tabs and spaces
2018-07-11 18:33:44 +00:00
height: 10px;
Update wall_thread.tpl (#5352) * Update wall_thread.tpl named an unnamed style definition to can address it via css * Update style.css Added div wall-spacer definition * Update wall_thread.tpl removed wall-spacer definition. moved to main css * Update style.css * Update wall_thread.tpl
2018-07-10 13:31:29 +00:00
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
/* wall items content */
.wall-item-content {
word-break: break-word;
}
change the stream width (col-lg-7)
2016-04-03 12:06:13 +00:00
.wall-item-content img {
max-height: 480px;
keep aspect ratio on very height wall images
2016-04-25 20:21:47 +00:00
object-fit: contain;
change the stream width (col-lg-7)
2016-04-03 12:06:13 +00:00
}
frio: give images in the networstream a little border-radius
2016-06-02 20:11:41 +00:00
.wall-item-body > img,
.wall-item-body > a > img {
border-radius: 3px;
}
frio: show attachment icons in posts
2016-09-06 14:21:14 +00:00
.wall-item-body .body-attach > a {
color: #555;
display: inline-block;
}
.wall-item-body .body-attach > a div {
color: #555;
width: 20px;
}
frio: improve readabillity for code blocks
2016-10-01 19:16:23 +00:00
/* wall-item content elements */
frio: remove js part for shared-content div because it's now done by core
2016-06-02 18:59:31 +00:00
.shared-wrapper,
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
.vevent {
padding: 10px;
box-shadow: 0 0 0 1.5px rgba(0, 0, 0, .1) inset, 0 1px 1px rgba(0, 0, 0, .05);
}
@media screen and (max-width: 767px) {
frio: remove js part for shared-content div because it's now done by core
2016-06-02 18:59:31 +00:00
.shared-wrapper,
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
.vevent {
Fix frio style.css indentation
2017-03-18 00:46:31 +00:00
margin-left: 0px;
margin-right: 0px;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
}
frio: remove js part for shared-content div because it's now done by core
2016-06-02 18:59:31 +00:00
.shared-wrapper:hover,
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
.vevent:hover {
box-shadow: 0 0 0 1.5px rgba(0, 0, 0, .15) inset, 0 1px 1px rgba(0, 0, 0, .05);
}
.shared_header {
margin-left: 0px;
[frio] Increase available width for shared content - Added a bottom margin to the shared header - Removed padding and horizontal margins for the shared content
2016-09-28 17:08:58 +00:00
margin-top: 0px;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
padding-top: 0px;
[frio] Increase available width for shared content - Added a bottom margin to the shared header - Removed padding and horizontal margins for the shared content
2016-09-28 17:08:58 +00:00
margin-bottom: 10px;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
border-top: none;
color: inherit;
}
blockquote.shared_content {
[frio] Increase available width for shared content - Added a bottom margin to the shared header - Removed padding and horizontal margins for the shared content
2016-09-28 17:08:58 +00:00
padding: 0px;
margin-left: 0px;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
color: inherit;
}
frio: improve readabillity for code blocks
2016-10-01 19:16:23 +00:00
code > .hl-main {
padding: 10px 10px 1px 0;
}
.hl-main ol {
line-height: 1.7;
}
fix some optical glitches with oembedded links and videos
2017-09-02 16:56:22 +00:00
.type-link img.attachment-image {
width: 100%;
}
.type-link blockquote, .type-video blockquote {
margin: 0;
padding: 10px 0;
}
.oembed.video .embed_video > div::before {
Replaced FontAwesome by ForkAwesome Migrated from manual installed files in frameworks/ to composer based install Migrated paths to new view/asset/ structure
2019-08-22 18:45:41 +00:00
font-family: ForkAwesome;
fix some optical glitches with oembedded links and videos
2017-09-02 16:56:22 +00:00
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;
}
.oembed.video .embed_video > div:hover {
background-color: rgba(0,0,0,0);
}
fixed view of active embedded videos
2018-10-19 07:37:15 +00:00
.oembed.video .embed_video.active {
updated to match coding styles
2018-10-19 07:45:00 +00:00
margin: 1em 0;
fixed view of active embedded videos
2018-10-19 07:37:15 +00:00
}
.oembed.video .embed_video.active iframe {
updated to match coding styles
2018-10-19 07:45:00 +00:00
width: 100% !important;
fixed view of active embedded videos
2018-10-19 07:37:15 +00:00
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
.wall-item-tags,
.itemedited {
[frio] Remove outer post padding - Include mobile view changes - Includes search view changes
2019-07-16 02:46:22 +00:00
margin: 10px 0;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
font-size: 13px;
}
.wall-item-tags a {
color: #555;
}
Frio: Like, Dislike and comment are having icons, links are underlined
2016-05-28 07:57:19 +00:00
.wall-item-tags a:hover {
text-decoration: none;
}
frio: some hover card css fixes
2016-06-07 08:13:08 +00:00
.wall-item-bottom .label,
.wall-item-bottom .label a {
color: #fff;
}
Bugfix: remove useless </a> for categories from wall_thread template
2019-02-06 16:08:13 +00:00
.wall-item-tags .category,
.wall-item-tags .folder {
margin-right: 3px;
}
Frio: Like, Dislike and comment are having icons, links are underlined
2016-05-28 07:57:19 +00:00
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
/* item social action buttons */
More display fixes See https://github.com/friendica/friendica/pull/3204#issuecomment-288908490
2017-03-24 02:45:40 +00:00
.wall-item-actions {
[frio] Thread display redesign - Add fake form at end of comment list - Shuffle comment box buttons around using flex display - Convert divs into paragraphs - Remove unused commentInsert() and qCommentInsert() function from textedit.js
2019-02-15 03:28:38 +00:00
display: flex;
[frio] Remove outer post padding - Include mobile view changes - Includes search view changes
2019-07-16 02:46:22 +00:00
margin: 0;
[frio] Thread display redesign - Add fake form at end of comment list - Shuffle comment box buttons around using flex display - Convert divs into paragraphs - Remove unused commentInsert() and qCommentInsert() function from textedit.js
2019-02-15 03:28:38 +00:00
justify-content: space-between;
More display fixes See https://github.com/friendica/friendica/pull/3204#issuecomment-288908490
2017-03-24 02:45:40 +00:00
}
[frio] Thread display redesign - Add fake form at end of comment list - Shuffle comment box buttons around using flex display - Convert divs into paragraphs - Remove unused commentInsert() and qCommentInsert() function from textedit.js
2019-02-15 03:28:38 +00:00
.wall-item-actions a, .wall-item-actions button {
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
font-size: 13px;
color: #555;
}
Reverted original display for item action links + jot bbcode buttons - Cleaned useless CSS
2017-03-16 02:00:07 +00:00
.wall-item-actions .active {
[frio] Add active class to responses current user holds - Add active class when the self attribute is found - Add CSS styling to active response links
2016-09-24 16:05:14 +00:00
font-weight: bold;
}
Reverted original display for item action links + jot bbcode buttons - Cleaned useless CSS
2017-03-16 02:00:07 +00:00
.wall-item-actions .active:hover {
[frio] Add active class to responses current user holds - Add active class when the self attribute is found - Add CSS styling to active response links
2016-09-24 16:05:14 +00:00
color: $link_color;
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
.wall-item-actions-left {
display: table-cell;
vertical-align: middle;
}
.wall-item-actions-right {
display: flex;
}
.wall-item-actions .checkbox {
margin: 0;
margin-left: 20px;
}
Frio: Like, Dislike and comment are having icons, links are underlined
2016-05-28 07:57:19 +00:00
.wall-item-actions .button-comments,
.wall-item-actions .button-votes,
.wall-item-actions .button-likes {
frio: improve readabillity for code blocks
2016-10-01 19:16:23 +00:00
text-transform: capitalize;
Frio: Like, Dislike and comment are having icons, links are underlined
2016-05-28 07:57:19 +00:00
}
Merge develop into 20170321_-_frio-fbbrowser Conflicts: view/theme/frio/js/filebrowser.js view/theme/frio/js/theme.js view/theme/frio/templates/filebrowser.tpl view/theme/frio/templates/jot.tpl
2017-04-02 22:51:34 +00:00
.wall-item-actions button:hover {
color: #555;
text-decoration: underline;
}
Restore separator margins
2017-03-26 02:58:17 +00:00
.wall-item-actions .separator {
Fix indentation in frio/css/style.css
2018-02-16 15:47:34 +00:00
margin: 0 .3em;
Restore separator margins
2017-03-26 02:58:17 +00:00
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
[frio] Remove outer post padding - Include mobile view changes - Includes search view changes
2019-07-16 02:46:22 +00:00
.wall-item-responses > div > p {
margin: 0;
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
/* wall item hover effects */
[frio] Add narrow screen short item action button row
2020-02-13 02:26:49 +00:00
@media (min-width: 768px) {
.wall-item-container .wall-item-links,
.wall-item-container .wall-item-actions button,
.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;
-o-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:hover .wall-item-links,
.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;
-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;
}
frio: show attachment icons in posts
2016-09-06 14:21:14 +00:00
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
/*
[frio] Prevent more action menu to be clipped by the post box - Address https://friendica.mrpetovan.com/display/0b6b25a8-615e-3dda-937e-21e937937450 - Move external link back to the post top right - Prevent more action menu to become semi-transparent on post mouseout
2020-02-09 22:47:41 +00:00
* Comments
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
*/
.well {
border: none;
box-shadow: none;
improve transparency for some elements in style.css
2016-04-14 00:28:57 +00:00
/*background-color: #ededed;*/
background-color: rgba(237, 237, 237, $contentbg_transp);
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
background-image: none;
margin-bottom: 1px;
}
.well-small {
padding: 10px;
border-radius: 3px;
}
.well hr {
border-top: 1px solid #d9d9d9;
}
.wall-entry .well {
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;
}
.comment .media {
position: relative!important;
margin-top: 0;
}
[frio] Thread display redesign - Add fake form at end of comment list - Shuffle comment box buttons around using flex display - Convert divs into paragraphs - Remove unused commentInsert() and qCommentInsert() function from textedit.js
2019-02-15 03:28:38 +00:00
.hide-comments-outer {
background-color: rgba(0, 0, 0, 0.03);
padding: 0.5em;
border-radius: 0.5em 0.5em 0 0;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
.hide-comments-total {
cursor: pointer;
}
/*
* Comment Box
*/
[frio] Thread display redesign - Add fake form at end of comment list - Shuffle comment box buttons around using flex display - Convert divs into paragraphs - Remove unused commentInsert() and qCommentInsert() function from textedit.js
2019-02-15 03:28:38 +00:00
.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 10px 10px;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
[frio] Thread display redesign - Add fake form at end of comment list - Shuffle comment box buttons around using flex display - Convert divs into paragraphs - Remove unused commentInsert() and qCommentInsert() function from textedit.js
2019-02-15 03:28:38 +00:00
.comment-fake-form {
border-color: #d9d9d9;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
[frio] Prevent unwanted textaera resizing in comment forms
2019-02-15 14:15:39 +00:00
.comment-fake-form textarea {
resize: none;
}
[frio] Thread display redesign - Add fake form at end of comment list - Shuffle comment box buttons around using flex display - Convert divs into paragraphs - Remove unused commentInsert() and qCommentInsert() function from textedit.js
2019-02-15 03:28:38 +00:00
.comment-container .wall-item-comment-wrapper {
margin-top: 0.5em;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
[frio] Thread display redesign - Add fake form at end of comment list - Shuffle comment box buttons around using flex display - Convert divs into paragraphs - Remove unused commentInsert() and qCommentInsert() function from textedit.js
2019-02-15 03:28:38 +00:00
[frio] Prevent unwanted textaera resizing in comment forms
2019-02-15 14:15:39 +00:00
.comment-edit-form textarea {
resize: vertical;
}
[frio] Thread display redesign - Add fake form at end of comment list - Shuffle comment box buttons around using flex display - Convert divs into paragraphs - Remove unused commentInsert() and qCommentInsert() function from textedit.js
2019-02-15 03:28:38 +00:00
.comment-edit-submit-wrapper {
[frio] Use text-align instead of flex display for submit buttons
2019-02-15 03:49:13 +00:00
text-align: right;
[frio] Thread display redesign - Add fake form at end of comment list - Shuffle comment box buttons around using flex display - Convert divs into paragraphs - Remove unused commentInsert() and qCommentInsert() function from textedit.js
2019-02-15 03:28:38 +00:00
}
.comment-icon-list {
display: flex;
justify-content: space-between;
append poke and private message template
2016-05-07 02:41:57 +00:00
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
some changes to use friendicas new autocomplete function
2016-04-16 21:07:29 +00:00
/* acpopup + textcompletion*/
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
.acpopup {
some changes to use friendicas new autocomplete function
2016-04-16 21:07:29 +00:00
/* max-height: 150px; */
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
background-color: #ffffff;
border-radius: 4px;
overflow: auto;
z-index: 100000;
box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
some changes to use friendicas new autocomplete function
2016-04-16 21:07:29 +00:00
nav .acpopup {
/*top: 35px !important;*/
margin-left: -23px;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
some changes to use friendicas new autocomplete function
2016-04-16 21:07:29 +00:00
/** @todo: we schould consider the possebility to overwrite bootstrap dropdowns
some more css changes for autocomplete acpopup
2016-04-16 21:24:19 +00:00
at the beginning of this file to get rid of the !important */
.textcomplete-item > a {
some changes to use friendicas new autocomplete function
2016-04-16 21:07:29 +00:00
color: #555 !important;
some more css changes for autocomplete acpopup
2016-04-16 21:24:19 +00:00
padding: 5px 20px !important;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
some changes to use friendicas new autocomplete function
2016-04-16 21:07:29 +00:00
.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;
}
.textcomplete-item a .forum {
color: $link_color;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
some more css changes for autocomplete acpopup
2016-04-16 21:24:19 +00:00
img.acpopup-img {
border-radius: 4px;
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
some changes to use friendicas new autocomplete function
2016-04-16 21:07:29 +00:00
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
/* The wall-item thread levels */
/*.wall-item-container.thread_level_3 {
margin-left: 80px;
width: calc(100% - 90px);
}
.wall-item-container.thread_level_4 {
margin-left: 95px;
width: calc(100% - 105px);
}
.wall-item-container.thread_level_5 {
margin-left: 110px;
width: calc(100% - 120px);
}
.wall-item-container.thread_level_6 {
margin-left: 125px;
width: calc(100% - 135px);
}
.wall-item-container.thread_level_7 {
margin-left: 140px;
width: calc(100% - 150px);
}*/
.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 {
[frio] Reduce replies right padding
2019-02-17 20:00:24 +00:00
margin-left: 15px;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
issue 8268: Birthday reminders are now more visible
2020-03-08 09:33:17 +00:00
/* 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;
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
/* Menubar Tabs */
frio - fix tabbar on mobile view
2017-02-08 00:34:36 +00:00
section > .tabbar-wrapper {
Bugfix: frio - the tabbar should be hidden if it is in the section element
2017-02-03 18:00:55 +00:00
/* The tabbar shouldn't' be visibile inside
the section element. Only after we have
moved it to the nav through js */
display: none !important;
}
tabbar: more responsive through flexmenu.js
2016-04-27 17:45:07 +00:00
#tabmenu,
frio - fix tabbar on mobile view
2017-02-08 00:34:36 +00:00
.tabbar-wrapper,
tabbar: more responsive through flexmenu.js
2016-04-27 17:45:07 +00:00
.tabbar,
.tabbar > li {
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
height: 100%;
/*margin-left: -15px;*/
padding: 0;
}
frio: improvements in search behavior - search value woll be added to nav search input - focus on nav search input as main search - save search button appears in the second navbar if search is available - search heading appears in the second navbar - provide a mobile search by pressing the search icon - dirfind: heading distinguish between people and form search - some js fixes in theme.js
2016-06-10 18:34:25 +00:00
#tabmenu .search-heading {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
ul.tabs {
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 #6fdbe8;*/
border-bottom: 0 solid $link_color;
font-size: 13px;
change the stream width (col-lg-7)
2016-04-03 12:06:13 +00:00
height: 102%;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
transition: all .15s ease;
}
tabbar: more responsive through flexmenu.js
2016-04-27 17:45:07 +00:00
/*ul.tabs.visible-xs > li.active {
[frio] Fix whitespace style.css
2016-09-29 00:51:56 +00:00
min-width: 150px; This is a workaround to make the topbar-second dropdown better visible on mobile. We need something better here
tabbar: more responsive through flexmenu.js
2016-04-27 17:45:07 +00:00
}*/
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
ul.tabs li a {
margin-left: 10px;
margin-right: 10px;
/*color: #6fdbe8;*/
color: $link_color !important;
}
ul.tabs li:hover, ul.tabs li.active {
border-bottom-width: 4px;
}
tabbar: more responsive through flexmenu.js
2016-04-27 17:45:07 +00:00
ul.tabbar ul.tabs-extended li.active {
width: 100%;
border-bottom-width: 2px;
}
ul.tabbar ul.tabs-extended li.active a {
background: none;
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
ul.dropdown-menu li:hover {
border-bottom-width: 0;
}
/* Dropdown Menu */
Turn all the action <a> tags into buttons - Add CSS changes to support both <a> and <button class="btn btn-link"> - Removed unnecessary "return false" in onclick attributes - Simplified tabs in profile page to native Bootstrap behavior
2017-03-15 03:47:02 +00:00
.dropdown-menu li a,
.dropdown-menu li .btn-link {
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
font-size: 13px!important;
font-weight: 600!important;
}
Turn all the action <a> tags into buttons - Add CSS changes to support both <a> and <button class="btn btn-link"> - Removed unnecessary "return false" in onclick attributes - Simplified tabs in profile page to native Bootstrap behavior
2017-03-15 03:47:02 +00:00
.dropdown-menu li > :hover,
.dropdown-menu li > :visited,
.dropdown-menu li > :focus {
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
background: 0 0;
}
.dropdown-menu li:first-child {
margin-top: 3px;
}
/* Notificaiotn badges */
[frio] Fix user menu messages notification badge display
2019-01-04 04:18:27 +00:00
#mail-update-li.show {
display: inline-block!important;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
/* Media Classes */
rework the contact info header of postings (move plink to dropdown) - reorder the post actions dropdown
2016-04-26 12:07:40 +00:00
.media .time,
New template for shared content instead of hardcoded stuff in source
2016-06-07 20:29:50 +00:00
.media .shared-time,
Update delivery count display - Hide display when item is preceding the feature - Wrap the display in its own span - Remove delivery bullet from wall_thread.tpl - [frio] Make delivery icon fainter
2019-01-23 05:05:53 +00:00
.media .delivery,
rework the contact info header of postings (move plink to dropdown) - reorder the post actions dropdown
2016-04-26 12:07:40 +00:00
.media .location,
.media .location a {
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
font-size: 11px;
color: #bebebe;
}
initial work for contact page
2016-04-20 00:59:32 +00:00
.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,$contentbg_transp);*/
border-left: 3px solid rgba(255,255,255,0);
font-size: 12px;
}
.media-list > li:hover,
some restructuring in groups.php + Frio: provide own group template
2017-04-21 14:04:29 +00:00
.media-list > li.selected,
.media-list > li.active {
initial work for contact page
2016-04-20 00:59:32 +00:00
border-left: 3px solid $link_color;
background-color: rgba(247, 247, 247, $contentbg_transp);
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
/* Forms */
.form-control {
border: 2px solid #ededed;
box-shadow: none;
}
.form-control:focus {
/*border: 2px solid #6fdbe8;*/
border: 2px solid $link_color;
outline: 0;
box-shadow: none;
}
.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before {
/*border: 2px solid #6fdbe8;*/
border: 2px solid $link_color;
outline: 0;
box-shadow: none;
}
/* 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;
}
.form-group-search {
position: relative;
contacts page: style search wrapper
2016-04-20 22:00:58 +00:00
width: 100%;
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
}
.form-group-search .form-button-search {
position: absolute;
top: 4px;
right: 4px;
border-radius: 30px;
}
contacts page: style search wrapper
2016-04-20 22:00:58 +00:00
.search-input.form-control.form-search {
width: 100%;
}
ohh some spelling mistakes heading is written only with one d :-)
2016-05-19 23:50:56 +00:00
.search-heading {
directory page: some reordering of elements.
2016-04-21 00:36:29 +00:00
text-align: center;
color: $link_color;
font-size: 20px;
}
frio: improvements in search behavior - search value woll be added to nav search input - focus on nav search input as main search - save search button appears in the second navbar if search is available - search heading appears in the second navbar - provide a mobile search by pressing the search icon - dirfind: heading distinguish between people and form search - some js fixes in theme.js
2016-06-10 18:34:25 +00:00
.search-content-wrapper > #search-header-wrapper {
display: none;
}
.search-content-wrapper > .section-title-wrapper {
display: none;
}
Replace path parameter with query string parameter in Module\Search\Saved
2019-10-13 12:39:41 +00:00
#navbar-button > #search-save {
frio: improvements in search behavior - search value woll be added to nav search input - focus on nav search input as main search - save search button appears in the second navbar if search is available - search heading appears in the second navbar - provide a mobile search by pressing the search icon - dirfind: heading distinguish between people and form search - some js fixes in theme.js
2016-06-10 18:34:25 +00:00
margin-top: 3px;
}
profice a general content wrapper template.
2016-06-07 14:32:02 +00:00
/* Section-Content-Wrapper */
#search-header-wrapper {
padding: 15px;
padding-bottom: 20px;
margin-bottom: 20px;
border: none;
/*background-color: #fff;*/
background-color: rgba(255,255,255,$contentbg_transp);
border-radius: 4px;
position: relative;
/*overflow: hidden;*/
color: #555;
box-shadow: 0 0 3px #dadada;
-webkit-box-shadow: 0 0 3px #dadada;
-moz-box-shadow: 0 0 3px #dadada;
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
frio: add some missing page background
2016-08-08 20:16:32 +00:00
/* *******
* PAGES
*********/
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
Move poke module to src/ - Add new route contact/<cid>/poke and update all references - Rework template with form field includes - [frio] Enable modal behavior
2020-04-20 15:42:27 +00:00
.generic-page-wrapper, .contact-content-wrapper, .videos-content-wrapper,
frio: add some missing page background
2016-08-08 20:16:32 +00:00
.suggest-content-wrapper, .common-content-wrapper, .help-content-wrapper,
contacts page: change the contact-photo size according to display size
2016-04-20 23:52:39 +00:00
.allfriends-content-wrapper, .match-content-wrapper, .dirfind-content-wrapper,
Move mod/manage to src/Module/Delegation - Move templates/manage to templates/delegation - Update navigation links - Update CSS classes
2019-10-11 16:37:24 +00:00
.delegation-content-wrapper, .notes-content-wrapper,
[frio] Increase content space on <600px width devices
2018-08-04 18:54:58 +00:00
.message-content-wrapper, .apps-content-wrapper,
frio - add missing page styles for user setting pages
2018-04-21 14:22:11 +00:00
#adminpage, .delegate-content-wrapper, .uexport-content-wrapper,
Move /viewcontacts to /profile/{nickname}/contacts[/{type}] - Add contact relationship filter to profile contacts page - Include feed contacts in contacts page and contact widget
2019-05-18 15:47:39 +00:00
.dfrn_request-content-wrapper,
some restructuring in groups.php + Frio: provide own group template
2017-04-21 14:04:29 +00:00
.friendica-content-wrapper, .credits-content-wrapper, .nogroup-content-wrapper,
Frio: background color for fsuggest module
2018-06-14 16:57:30 +00:00
.profperm-content-wrapper, .invite-content-wrapper, .tos-content-wrapper,
.fsuggest-content-wrapper {
standard pages does have now a standard min-height
2016-04-29 14:54:40 +00:00
min-height: calc(100vh - 150px);
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
padding: 15px;
padding-bottom: 20px;
margin-bottom: 20px;
border: none;
/*background-color: #fff;*/
background-color: rgba(255,255,255,$contentbg_transp);
border-radius: 4px;
position: relative;
css: uncomment overflow: hidden for standard page section. !We have to prove if this has a negative impact
2016-04-21 01:18:09 +00:00
/*overflow: hidden;*/
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
color: #555;
box-shadow: 0 0 3px #dadada;
-webkit-box-shadow: 0 0 3px #dadada;
-moz-box-shadow: 0 0 3px #dadada;
}
frio - improve some hover effects to action link/buttons
2018-08-11 11:41:55 +00:00
#content:hover .page-action.faded-icon {
opacity: 0.8;
transition: all 0.25s ease-in-out;
}
#content .page-action.faded-icon:hover {
opacity: 1;
}
frio: add some missing page background
2016-08-08 20:16:32 +00:00
frio: add notifications templates to frio
2016-12-21 19:39:07 +00:00
.section-title-wrapper {
overflow: hidden;
}
frio: disable nav login button on home and login module
2018-02-08 17:36:39 +00:00
/* Home and Login Page */
frio - add "info about the instance" link into the navbar for non-authed users
2018-05-22 10:44:35 +00:00
body.mod-home nav.navbar .nav>li>a:hover {
background-color: rgba(255,255,255,0.2);
}
frio: disable nav login button on home and login module
2018-02-08 17:36:39 +00:00
body.mod-home .navbar #nav-login,
body.mod-login .navbar #nav-login {
display: none;
}
frio: add some missing page background
2016-08-08 20:16:32 +00:00
/* Profile-page */
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
#profile-content-standard,
#profile-content-advanced {
overflow: hidden;
}
#profile-menu {
margin-top: 20px;
margin-bottom: 20px;
}
.contact-block-div.forumlist-profile-advanced {
float: left;
}
initial work for contact page
2016-04-20 00:59:32 +00:00
/* contacts page */
ul.viewcontact_wrapper {
margin-left: -15px;
margin-right: -15px;
}
ul.viewcontact_wrapper > li {
padding-left: 15px;
}
.contact-wrapper {
/* padding: 10px;
border-bottom: 1px solid rgba(238, 238, 238, $contentbg_transp);;
position: relative;*/
/*border-left: 3px solid white;*/
}
some restructuring in groups.php + Frio: provide own group template
2017-04-21 14:04:29 +00:00
.contact-wrapper .contact-photo-wrapper button {
padding: 0;
}
initial work for contact page
2016-04-20 00:59:32 +00:00
.contact-wrapper.media {
overflow: visible;
word-wrap: break-word;
introduce a filter function at the contact page. This is done with the help of textcomplete and jsmart.js. There is annoying bug inside. If the screensize is to small, the browser freezes. It is traced back to the "media-body" class (and its css attributes) which we use in the template.
2016-04-28 19:35:33 +00:00
margin-top: 0;
initial work for contact page
2016-04-20 00:59:32 +00:00
}
contacts page: change the contact-photo size according to display size
2016-04-20 23:52:39 +00:00
/* bootstrap hack for .media */
.contact-wrapper.media .media-body {
apply bootstrap media fix (maybe we remove it again, lets test it)
2016-05-06 22:34:18 +00:00
display: table-cell;
width: 10000px;
*width: auto;
*zoom: 1;
contacts page: change the contact-photo size according to display size
2016-04-20 23:52:39 +00:00
}
.contact-wrapper.media:before, .media:after {
apply bootstrap media fix (maybe we remove it again, lets test it)
2016-05-06 22:34:18 +00:00
content: "";
display: table;
contacts page: change the contact-photo size according to display size
2016-04-20 23:52:39 +00:00
}
.contact-wrapper.media:after {
apply bootstrap media fix (maybe we remove it again, lets test it)
2016-05-06 22:34:18 +00:00
clear: both;
contacts page: change the contact-photo size according to display size
2016-04-20 23:52:39 +00:00
}
.contact-wrapper .contact-photo-image-wrapper img.contact-photo.xl {
height: 80px;
[frio] Fix whitespace style.css
2016-09-29 00:51:56 +00:00
width: 80px;
contacts page: change the contact-photo size according to display size
2016-04-20 23:52:39 +00:00
}
.contact-wrapper .contact-photo-image-wrapper img.contact-photo-xs {
height: 48px;
width: 48px;
}
.contact-wrapper .contact-photo-overlay-content.xl {
font-size: 48px;
}
some restructuring in groups.php + Frio: provide own group template
2017-04-21 14:04:29 +00:00
.contact-wrapper .contact-photo-menu {
top: auto;
}
contacts page: change the contact-photo size according to display size
2016-04-20 23:52:39 +00:00
initial work for contact page
2016-04-20 00:59:32 +00:00
.contact-entry-desc {
color: #555;
}
.contact-entry-checkbox {
margin-top: -20px;
}
frio: adding contact actions on hover for contacts in contact view
2016-06-01 15:21:57 +00:00
.contact-wrapper .media-body .contact-entry-name h4.media-heading a {
[frio] Fix whitespace style.css
2016-09-29 00:51:56 +00:00
font-weight: bold !important;
frio: adding contact actions on hover for contacts in contact view
2016-06-01 15:21:57 +00:00
color: $link_color;
font-size: 15px !important;
}
.contact-wrapper .contact-actions {
display: flex;
}
Turn all the action <a> tags into buttons - Add CSS changes to support both <a> and <button class="btn btn-link"> - Removed unnecessary "return false" in onclick attributes - Simplified tabs in profile page to native Bootstrap behavior
2017-03-15 03:47:02 +00:00
.contact-wrapper .contact-action-link,
.contact-wrapper .contact-action-link:hover,
.textcomplete-item .contact-wrapper .contact-action-link {
padding: 0 5px;
color: #555;
Fix frio style.css indentation
2017-03-18 00:46:31 +00:00
border: 0;
Turn all the action <a> tags into buttons - Add CSS changes to support both <a> and <button class="btn btn-link"> - Removed unnecessary "return false" in onclick attributes - Simplified tabs in profile page to native Bootstrap behavior
2017-03-15 03:47:02 +00:00
}
.contact-wrapper .contact-action-link {
frio: adding contact actions on hover for contacts in contact view
2016-06-01 15:21:57 +00:00
opacity: 0.1;
frio: give the contact actions a little transition effect
2016-06-05 07:56:53 +00:00
transition: all 0.25s ease-in-out;
frio: adding contact actions on hover for contacts in contact view
2016-06-01 15:21:57 +00:00
}
Turn all the action <a> tags into buttons - Add CSS changes to support both <a> and <button class="btn btn-link"> - Removed unnecessary "return false" in onclick attributes - Simplified tabs in profile page to native Bootstrap behavior
2017-03-15 03:47:02 +00:00
ul li:hover .contact-wrapper .contact-action-link {
frio: adding contact actions on hover for contacts in contact view
2016-06-01 15:21:57 +00:00
opacity: 0.8;
frio: give the contact actions a little transition effect
2016-06-05 07:56:53 +00:00
transition: all 0.25s ease-in-out;
frio: adding contact actions on hover for contacts in contact view
2016-06-01 15:21:57 +00:00
}
Turn all the action <a> tags into buttons - Add CSS changes to support both <a> and <button class="btn btn-link"> - Removed unnecessary "return false" in onclick attributes - Simplified tabs in profile page to native Bootstrap behavior
2017-03-15 03:47:02 +00:00
ul li:hover .contact-wrapper .contact-action-link:hover {
frio: adding contact actions on hover for contacts in contact view
2016-06-01 15:21:57 +00:00
opacity: 1;
initial work for contact page
2016-04-20 00:59:32 +00:00
}
style directory page
2016-04-21 00:14:37 +00:00
#contacts-search-wrapper,
#directory-search-wrapper{
contacts page: style search wrapper
2016-04-20 22:00:58 +00:00
padding: 10px 0;
}
frio: provide confirm modal
2016-07-26 08:36:34 +00:00
#contact-drop-confirm .contact-actions,
#contact-drop-confirm .contact-photo-overlay,
#contact-drop-confirm .contact-photo-menu {
display: none;
}
#contact-drop-confirm #confirm-form {
margin-top: 20px;
}
initial work for contact page
2016-04-20 00:59:32 +00:00
frio: templates for contact_edit and crepair
2016-07-26 07:09:40 +00:00
/* contact-edit */
#contact-edit-actions {
position: absolute;
}
#contact-edit-status-wrapper {
border: none;
background-color: #E1F5FE;
margin: 15px -15px;
}
#contact-edit-tools {
margin-left: -15px;
margin-right: -15px;
}
#contact-edit-tools > .panel {
padding-left: 15px;
padding-right: 15px;
}
#contact-edit-settings {
display: block;
margin: 0;
}
style directory page
2016-04-21 00:14:37 +00:00
/* directory page */
ohh some spelling mistakes heading is written only with one d :-)
2016-05-19 23:50:56 +00:00
#directory-search-heading {
style directory page
2016-04-21 00:14:37 +00:00
padding-top: 10px;
}
some restructuring in groups.php + Frio: provide own group template
2017-04-21 14:04:29 +00:00
/* group edit page */
.group-actions {
[frio] Improve Group Editing (#5349) * Improve group-editing and edit-navigation. Use icons next to groups and header for navigation to editing groups and adding new groups. Also use icon from group-sidebar for editing groups. * Unify look&feel of contact search bars. * Remove nogroup page and replace with /group/none. * Make sure proper items are selected in aside. * Use icon instead of link for 'View Contacs' on profile page. * Fix none-working /group/none. * Fix highlighting for everyone in group aside.
2018-07-09 22:36:50 +00:00
margin-top: 4px;
some restructuring in groups.php + Frio: provide own group template
2017-04-21 14:04:29 +00:00
margin-bottom: 10px;
font-size: 30px;
}
.group-actions button,
.group-actions a {
font-size: 18px;
}
[frio] Add color to group membership action buttons
2018-04-07 03:54:32 +00:00
.contact-group-actions .fa-times-circle { color: #D00000;}
.contact-group-actions .fa-plus-circle { color: #008000;}
some restructuring in groups.php + Frio: provide own group template
2017-04-21 14:04:29 +00:00
#group-edit-wrapper {
[frio] Improve Group Editing (#5349) * Improve group-editing and edit-navigation. Use icons next to groups and header for navigation to editing groups and adding new groups. Also use icon from group-sidebar for editing groups. * Unify look&feel of contact search bars. * Remove nogroup page and replace with /group/none. * Make sure proper items are selected in aside. * Use icon instead of link for 'View Contacs' on profile page. * Fix none-working /group/none. * Fix highlighting for everyone in group aside.
2018-07-09 22:36:50 +00:00
margin-top: 14px;
some restructuring in groups.php + Frio: provide own group template
2017-04-21 14:04:29 +00:00
display: none;
}
[frio] Improve Group Editing (#5349) * Improve group-editing and edit-navigation. Use icons next to groups and header for navigation to editing groups and adding new groups. Also use icon from group-sidebar for editing groups. * Unify look&feel of contact search bars. * Remove nogroup page and replace with /group/none. * Make sure proper items are selected in aside. * Use icon instead of link for 'View Contacs' on profile page. * Fix none-working /group/none. * Fix highlighting for everyone in group aside.
2018-07-09 22:36:50 +00:00
#group-edit-header {
display: block;
}
some restructuring in groups.php + Frio: provide own group template
2017-04-21 14:04:29 +00:00
#group-update-wrapper .contact-photo-overlay {
display: none;
}
#group-update-wrapper .viewcontact_wrapper .contact-group-actions {
height: 100%;
margin-top: -10px;
display: flex;
}
[frio] Improve Group Editing (#5349) * Improve group-editing and edit-navigation. Use icons next to groups and header for navigation to editing groups and adding new groups. Also use icon from group-sidebar for editing groups. * Unify look&feel of contact search bars. * Remove nogroup page and replace with /group/none. * Make sure proper items are selected in aside. * Use icon instead of link for 'View Contacs' on profile page. * Fix none-working /group/none. * Fix highlighting for everyone in group aside.
2018-07-09 22:36:50 +00:00
#group-update-wrapper .viewcontact_wrapper .contact-group-link {
some restructuring in groups.php + Frio: provide own group template
2017-04-21 14:04:29 +00:00
opacity: 0.8;
font-size: 20px;
line-height: 50px;
}
#group-update-wrapper .viewcontact_wrapper .contact-action-link:hover {
opacity: 1;
}
#group-update-wrapper .shortmode {
height: 53px;
overflow: hidden;
}
#group-update-wrapper .shortmode .contact-photo {
height: 32px;
width: 32px;
}
#group-update-wrapper .shortmode .media {
overflow: hidden;
}
#group-update-wrapper .shortmode .contact-entry-desc {
font-size: 12px !important;
}
#group-update-wrapper .shortmode .contact-entry-desc h4.media-heading {
margin: 0;
}
#group-update-wrapper .shortmode .contact-entry-desc h4.media-heading a {
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;
}
append poke and private message template
2016-05-07 02:41:57 +00:00
/* private mail */
private messages: some work for the standard messages overview
2016-05-20 01:40:53 +00:00
.message-content-wrapper > li {
/* we need this overwriting because we have no template file
for the general mail page /message
*/
list-style-type: none;
}
some more work on private messages mail_display.tpl & mail_conv.tpl
2016-05-12 00:49:55 +00:00
.mail-thread {
max-height: calc(100vh - 200px);
}
#mail-conversation {
overflow-y: auto;
max-height: calc(100vh - 400px);
max-height: auto;
/*height: 500px;*/
margin-bottom: 0px;
private messages: some work for the standard messages overview
2016-05-20 01:40:53 +00:00
padding: 0 15px;
some more work on private messages mail_display.tpl & mail_conv.tpl
2016-05-12 00:49:55 +00:00
}
#mail-conversation.can-reply {
private mail: insert some space between conversation and textarea
2016-05-19 23:46:33 +00:00
/* border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;*/
some more work on private messages mail_display.tpl & mail_conv.tpl
2016-05-12 00:49:55 +00:00
}
private messages: fix - contact photos aren't visible
2016-05-20 01:45:50 +00:00
.mail-conv-wrapper .media .contact-photo-wrapper img {
some more work on private messages mail_display.tpl & mail_conv.tpl
2016-05-12 00:49:55 +00:00
height: 48px;
width: 48px;
}
.mail-thread #prvmail-to-label,
.mail-thread #prvmail-subject-label {
display: none;
}
.mail-thread #prvmail-message-label > label {
display:none;
}
.mail-thread #prvmail-message-label textarea {
private mail: insert some space between conversation and textarea
2016-05-19 23:46:33 +00:00
/* border-top: none;
some more work on private messages mail_display.tpl & mail_conv.tpl
2016-05-12 00:49:55 +00:00
margin-top: -10px;
border-top-left-radius: 0px;
private mail: insert some space between conversation and textarea
2016-05-19 23:46:33 +00:00
border-top-right-radius: 0px;*/
some more work on private messages mail_display.tpl & mail_conv.tpl
2016-05-12 00:49:55 +00:00
max-height: 120px;
}
.mail-conv-wrapper {
private messages: some work for the standard messages overview
2016-05-20 01:40:53 +00:00
padding: 15px 0;
border-bottom: 1px solid rgba(238, 238, 238, $contentbg_transp);
}
#message-sidebar {
height: calc(100vh - 150px);
}
#message-preview {
/*padding: 0 10px;*/
height: calc(100% - 20px);
}
#message-preview ul {
margin: 0px;
}
#message-preview .media-list li {
padding: 0px 10px;
border: none;
some more work on private messages mail_display.tpl & mail_conv.tpl
2016-05-12 00:49:55 +00:00
}
private messages: some work for the standard messages overview
2016-05-20 01:40:53 +00:00
#message-preview .media-list li:hover {
border-left: none !important;
}
#message-preview .media-list li a {
color: $link_color;
}
.mail-list-outside-wrapper {
padding: 5px 0;
border-bottom: 1px solid rgba(238, 238, 238, $contentbg_transp);
}
private messages: fix - contact photos aren't visible
2016-05-20 01:45:50 +00:00
.mail-list-outside-wrapper .contact-photo-wrapper img {
private messages: some work for the standard messages overview
2016-05-20 01:40:53 +00:00
height: 48px;
width: 48px;
}
append poke and private message template
2016-05-07 02:41:57 +00:00
#prvmail-end {
clear:both;
}
frio - don't show the "insert image" button in modals (because it doesn't work at the current state)
2018-04-21 12:27:57 +00:00
#modal #prvmail-text-edit-bb .bb-img {
display: none;
}
photos - include paginate into the templates - provide a photo_album.tpl for frio
2016-08-04 19:53:22 +00:00
/* photos */
[frio] Restyle album edit header. (#5426)
2018-07-20 19:23:51 +00:00
#photo-album-edit-name-label {
width: 100%;
}
.photo-album-edit-name {
width: 60%;
}
photos - include paginate into the templates - provide a photo_album.tpl for frio
2016-08-04 19:53:22 +00:00
.photo-album-actions {
margin-bottom: 10px;
}
.photo-album-actions .photos-order-link {
float: right;
}
frio: first part for event template work
2016-06-12 16:23:10 +00:00
/* Events page */
update to fullCalendar 3.0.1, frio: cal list view, frio: cal month hover
2016-10-16 14:04:53 +00:00
.fc .fc-month-view .fc-content .fc-title .item-desc:hover {
color: $link_hover_color;
frio: first part for event template work
2016-06-12 16:23:10 +00:00
}
update to fullCalendar 3.0.1, frio: cal list view, frio: cal month hover
2016-10-16 14:04:53 +00:00
.fc .fc-list-item-title a {
color: $link_color;
frio: first part for event template work
2016-06-12 16:23:10 +00:00
}
update to fullCalendar 3.0.1, frio: cal list view, frio: cal month hover
2016-10-16 14:04:53 +00:00
.fc .fc-list-item-title a[href]:hover {
color: $link_hover_color;
text-decoration: none;
frio: first part for event template work
2016-06-12 16:23:10 +00:00
}
update to fullCalendar 3.0.1, frio: cal list view, frio: cal month hover
2016-10-16 14:04:53 +00:00
/*.event-date-wrapper.medium .event-hover-short-month {
color: $link_color;
}*/
frio: first part for event template work
2016-06-12 16:23:10 +00:00
.event-wrapper .event-owner {
margin-bottom: 15px;
}
frio - event - some js and template refactoring + event view css styling
2016-06-17 12:09:18 +00:00
.event-wrapper .event-owner img {
display: block;
}
frio: first part for event template work
2016-06-12 16:23:10 +00:00
.event-owner img {
margin-right: 5px;
height: 48px;
width: 48;
border-radius: 3px;
}
frio - event - some js and template refactoring + event view css styling
2016-06-17 12:09:18 +00:00
.event-wrapper .vevent {
margin-left: 0;
margin-right: 0;
box-shadow: 1.5px 0 0 0 rgba(0, 0, 0, .1) inset;
}
frio: first part for event template work
2016-06-12 16:23:10 +00:00
.event-wrapper .event-buttons {
margin-top: 15px;
}
frio - event - some js and template refactoring + event view css styling
2016-06-17 12:09:18 +00:00
#event-form-wrapper {
padding-top: 5px;
}
#event-edit-form-wrapper {
padding-top: 15px;
}
#event-nav a {
color: #555;
}
#event-edit-form-wrapper #event-edit-time {
padding: 10px 0;
frio - events - restore lost css bracket after merging develop branch
2016-06-17 12:39:59 +00:00
}
add dop event & fix event edit
2017-03-16 19:15:25 +00:00
.event-buttons .plink-event-link {
margin-left: 20px;
}
fix event html construction (fixes #2646)
2017-10-13 18:03:47 +00:00
.vevent .event-summary {
font-size: 16px;
}
event items are now more themeable in the networkstream. The event description stays the same - but the theme developer can provide an template how the other event data should be organized and look
2017-10-13 17:42:27 +00:00
.vevent .event-description {
padding: 10px 0;
}
fix event html construction (fixes #2646)
2017-10-13 18:03:47 +00:00
.vevent .event-location .location {
font-size: inherit;
color: inherit;
}
.modal-body .vevent .event-summary {
display: none;
}
frio: fix margin and title for events
2017-10-18 18:18:50 +00:00
#event-preview .vevent .event-summary {
display: block;
}
Frio: provide single photo view template
2017-08-28 12:29:11 +00:00
event items are now more themeable in the networkstream. The event description stays the same - but the theme developer can provide an template how the other event data should be organized and look
2017-10-13 17:42:27 +00:00
/* Event Cards */
.event-card-details, .event-card-header {
width: 100%;
}
.event-card-header, .event-card-left-date {
float: left;
}
.vevent .event-card-header {
display: table;
}
.event-card-left-date {
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;
}
.event-card .event-date-wrapper .event-card-short-month {
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;
}
.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: #777;
position: relative;
}
.event-card .event-card-content .event-map-btn {
position: absolute;
right: 0;
top:0;
line-height: 15px;
}
.event-card .event-card-title {
font-size: 14px;
color: #555;
line-height: 15px;
font-weight: bold;
frio: fix margin and title for events
2017-10-18 18:18:50 +00:00
margin: 0;
event items are now more themeable in the networkstream. The event description stays the same - but the theme developer can provide an template how the other event data should be organized and look
2017-10-13 17:42:27 +00:00
}
.event-card .event-card-location {
margin-top: 10px;
font-size: 13px;
}
.event-card .event-card-location br {
content: " ";
}
.event-card .event-card-location br::after {
content: " ";
}
.event-card-profile-name a {
color: $link_color;
}
.event-card-profile-name a:hover {
color: $link_hover_color;
}
.event-card .event-card-content .event-location-map {
position: absolute;
left: -9999px;
top: -9999px;
}
.event-card .event-card-content .event-location-map .map{
margin-top: 10px;
}
frio: fix event seperator
2017-10-18 18:44:29 +00:00
.event-card .description {
margin-top: 10px;
event items are now more themeable in the networkstream. The event description stays the same - but the theme developer can provide an template how the other event data should be organized and look
2017-10-13 17:42:27 +00:00
box-shadow: 0 1.5px 0 0 rgba(0, 0, 0, .1) inset;
}
Frio: provide single photo view template
2017-08-28 12:29:11 +00:00
/* 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: 27px;*/
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;
}
.photo-prev-link {
left: 20px;
}
.photo-next-link {
right: 20px;
}
#photo-photo:hover .photo-next-link,
#photo-photo:hover .photo-prev-link {
opacity: 0.4;
}
#photo-photo .photo-next-link:hover,
#photo-photo .photo-prev-link:hover {
opacity: 1;
color: #fff;
}
.photo-comment-wrapper .comment {
position: relative;
}
.photo-comment-wrapper .wall-item-content {
color: #555;
font-size: 13px;
}
.photo-comment-wrapper .comment-wwedit-wrapper,
.photo-comment-wrapper .wall-item-outside-wrapper.media:first-child {
margin-top: 15px;
}
frio + core: some restructure in profiles.php + frio template for profiles settings
2016-06-10 09:24:38 +00:00
/* Profiles Page */
.profile-listing-table {
display: table;
width: 100%;
}
.profile-listing-row {
display: table-row;
}
.profile-listing-cell {
display: table-cell;
}
.profile-listing-photo {
width: 48px;
height: 48px;
margin: 10px 0px;
}
#profile-listing-new-link-wrapper {
margin-bottom: 20px;
}
Move /profile_photo to Module\Settings\Profile\Photo
2019-10-27 13:56:27 +00:00
#profile-photo-upload-section {
frio + core: some restructure in profiles.php + frio template for profiles settings
2016-06-10 09:24:38 +00:00
display: none;
Move /profile_photo to Module\Settings\Profile\Photo
2019-10-27 13:56:27 +00:00
padding: 10px;
frio + core: some restructure in profiles.php + frio template for profiles settings
2016-06-10 09:24:38 +00:00
}
#profile-photo-upload-close {
font-size: 14px;
}
/* Settings */
.section-subtitle-wrapper {
padding: 1px 10px;
}
Optical indicator for connector accordion added
2019-12-03 06:05:44 +00:00
details.profile-jot-net[open] summary:before, .panel .section-subtitle-wrapper a.accordion-toggle:before {
Replaced FontAwesome by ForkAwesome Migrated from manual installed files in frameworks/ to composer based install Migrated paths to new view/asset/ structure
2019-08-22 18:45:41 +00:00
font-family: ForkAwesome;
frio + core: some restructure in profiles.php + frio template for profiles settings
2016-06-10 09:24:38 +00:00
content: "\f0d7";
padding-right: 5px;
}
Optical indicator for connector accordion added
2019-12-03 06:05:44 +00:00
details.profile-jot-net summary:before, .panel .section-subtitle-wrapper a.accordion-toggle.collapsed:before {
Replaced FontAwesome by ForkAwesome Migrated from manual installed files in frameworks/ to composer based install Migrated paths to new view/asset/ structure
2019-08-22 18:45:41 +00:00
font-family: ForkAwesome;
frio + core: some restructure in profiles.php + frio template for profiles settings
2016-06-10 09:24:38 +00:00
content: "\f0da";
}
Optical indicator for connector accordion added
2019-12-03 06:05:44 +00:00
details.profile-jot-net summary:before {
padding-right: 5px;
padding-left: 3px;
}
The padding is only meant for the jot settings
2019-12-03 06:07:36 +00:00
details.profile-jot-net[open] summary:before {
Optical indicator for connector accordion added
2019-12-03 06:05:44 +00:00
padding-right: 5px;
padding-left: 0px;
}
frio: add css for settings templates
2016-06-12 17:59:27 +00:00
#settings-nick-wrapper {
margin-bottom: 20px;
}
.group {
margin-left: 20px;
frio - event - some js and template refactoring + event view css styling
2016-06-17 12:09:18 +00:00
}
frio: intro notifications + some restructuring in core for notifications
2016-07-27 17:53:22 +00:00
[frio] Make settings/addon look like settings/display
2018-02-16 04:22:50 +00:00
/* Emulates Bootstrap display */
.settings-block {
Refactor features pages - Create frio template for admin features page - Fix header hierarchy
2020-04-01 22:27:14 +00:00
margin: 0 0 5px;
Fix indentation in frio/css/style.css
2018-02-16 15:47:34 +00:00
color: #333;
background-color: rgba(255,255,255,0.95);
border-radius: 4px;
padding: 10px 15px;
box-shadow: 0 0 3px #dadada;
[frio] Make settings/addon look like settings/display
2018-02-16 04:22:50 +00:00
-webkit-box-shadow: 0 0 3px #dadada;
-moz-box-shadow: 0 0 3px #dadada;
}
.settings-block.fakelink, .settings-block > .fakelink {
Fix indentation in frio/css/style.css
2018-02-16 15:47:34 +00:00
padding: 10px 25px;
display: block;
[frio] Make settings/addon look like settings/display
2018-02-16 04:22:50 +00:00
}
.settings-block > .fakelink {
Fix indentation in frio/css/style.css
2018-02-16 15:47:34 +00:00
margin: -10px -15px 10px -15px;
border-radius: 4px 4px 0 0;
[frio] Make settings/addon look like settings/display
2018-02-16 04:22:50 +00:00
}
.settings-block.fakelink:hover, .settings-block > .fakelink:hover {
Fix indentation in frio/css/style.css
2018-02-16 15:47:34 +00:00
color: $link_hover_color;
[frio] Make settings/addon look like settings/display
2018-02-16 04:22:50 +00:00
}
.settings-block.fakelink > h3, .settings-block > .fakelink > h3 {
Fix indentation in frio/css/style.css
2018-02-16 15:47:34 +00:00
margin: 0;
padding: 0;
color: $link_color;
font-size: 18px;
[frio] Make settings/addon look like settings/display
2018-02-16 04:22:50 +00:00
}
Refactor user settings page - Fix header hierarchy - [frio] Fix panel display - Move checkbox sub-template calls to template
2020-04-01 01:38:56 +00:00
.section-subtitle-wrapper > h2 {
font-size: 18px;
margin-top: 10px;
margin-bottom: 10px;
}
[frio] Make settings/addon look like settings/display
2018-02-16 04:22:50 +00:00
.fakelink > h3:before {
Fix indentation in frio/css/style.css
2018-02-16 15:47:34 +00:00
padding-right: 10px;
[frio] Make settings/addon look like settings/display
2018-02-16 04:22:50 +00:00
}
Added open/close indicator for Frio
2020-01-11 09:33:52 +00:00
.widget.fakelink > h3:before,
[frio] Make settings/addon look like settings/display
2018-02-16 04:22:50 +00:00
.settings-block.fakelink > h3:before {
Replaced FontAwesome by ForkAwesome Migrated from manual installed files in frameworks/ to composer based install Migrated paths to new view/asset/ structure
2019-08-22 18:45:41 +00:00
font-family: ForkAwesome;
[frio] Make settings/addon look like settings/display
2018-02-16 04:22:50 +00:00
content: "\f0da"; /* Right Plain Pointer */
}
Added open/close indicator for Frio
2020-01-11 09:33:52 +00:00
.widget > .fakelink > h3:before,
Group sidebar now has got the indicator as well
2020-01-11 09:40:10 +00:00
#sidebar-group-header > .fakelink > h3:before,
[frio] Make settings/addon look like settings/display
2018-02-16 04:22:50 +00:00
.settings-block > .fakelink > h3:before {
Replaced FontAwesome by ForkAwesome Migrated from manual installed files in frameworks/ to composer based install Migrated paths to new view/asset/ structure
2019-08-22 18:45:41 +00:00
font-family: ForkAwesome;
[frio] Make settings/addon look like settings/display
2018-02-16 04:22:50 +00:00
content: "\f0d7"; /* Bottom Plain Pointer */
}
h3.connector {
Fix indentation in frio/css/style.css
2018-02-16 15:47:34 +00:00
line-height: 40px;
[frio] Make settings/addon look like settings/display
2018-02-16 04:22:50 +00:00
}
frio: add notifications templates to frio
2016-12-21 19:39:07 +00:00
/* Intro Notifications */
frio: intro notifications + some restructuring in core for notifications
2016-07-27 17:53:22 +00:00
ul.notif-network-list {
margin-left: -15px;
margin-right: -15px;
}
ul.notif-network-list > li {
padding-left: 15px;
padding-right: 15px;
}
.intro-wrapper.media {
overflow: visible;
word-wrap: break-word;
margin-top: 0;
}
frio: add notifications templates to frio
2016-12-21 19:39:07 +00:00
.intro-photo-wrapper img.intro-photo {
frio: revert img.intro-photo to 80pxx80px
2016-12-22 00:54:41 +00:00
height:80px;
width: 80px;
frio: intro notifications + some restructuring in core for notifications
2016-07-27 17:53:22 +00:00
border-radius: 4px;
}
.intro-actions {
display: flex;
}
.intro-enty-name h4 {
font-size: 15px !important;
}
.intro-wrapper button.intro-action-link {
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: #555;
}
ul li:hover .intro-wrapper button.intro-action-link {
opacity: 0.8;
transition: all 0.25s ease-in-out;
}
ul li:hover .intro-wrapper button.intro-action-link:hover {
opacity: 1;
}
frio: add intro action buttons for mobile devices
2016-08-04 09:36:31 +00:00
.intro-action-buttons {
margin-top: 15px;
/*display: none;*/
max-height: 0px;
overflow: hidden;
transition: max-height 0.1s ease-out;
}
ul.notif-network-list > li:hover .intro-action-buttons {
/*display: block;*/
max-height: 30px;
transition: max-height 0.1s ease-in;
}
frio: intro notifications + some restructuring in core for notifications
2016-07-27 17:53:22 +00:00
.intro-desc-label, .intro-url-label, .intro-network-label,
No more gender
2020-02-16 10:55:18 +00:00
.intro-location-label, .intro-keywords-label,
Frio: provide a template for received contact suggestions
2018-06-14 15:05:23 +00:00
.intro-about-label, .intro-knowyou-label, .intro-madeby-label {
frio: intro notifications + some restructuring in core for notifications
2016-07-27 17:53:22 +00:00
font-weight: bold;
}
frio: add intro action buttons for mobile devices
2016-08-04 09:36:31 +00:00
.intro-contact-info.xs .intro-url-label, .intro-contact-info.xs .intro-network-label,
No more gender
2020-02-16 10:55:18 +00:00
.intro-contact-info.xs .intro-location-label,
frio: add intro action buttons for mobile devices
2016-08-04 09:36:31 +00:00
.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
}
frio: background for people search
2016-08-08 19:54:34 +00:00
frio: add notifications templates to frio
2016-12-21 19:39:07 +00:00
/* Notifications Page */
frio: add profile link to the notifications url
2016-12-21 22:17:55 +00:00
ul.notif-network-list li.unseen {
Frio: unseen notifications background adjustment Background color for unseen notifications slightly changed for better visibility.
2020-02-13 22:15:29 +00:00
background-color: #e3eff3;
frio: add profile link to the notifications url
2016-12-21 22:17:55 +00:00
}
frio: add notifications templates to frio
2016-12-21 19:39:07 +00:00
.notif-item img.notif-image {
height: 48px;
width: 48px;
border-radius: 4px;
}
.notif-item .notif-desc-wrapper {
height: 48px;
}
.notif-item .notif-desc-wrapper a {
height: 100%;
display: block;
color: #555;
font-size: 13px;
font-weight: 600;
}
frio: background for people search
2016-08-08 19:54:34 +00:00
/* Search Page */
[frio] Fix whitespace style.css
2016-09-29 00:51:56 +00:00
/* This is a little bit hacky. Since the search page is used for diferent
frio: correct spelling
2016-08-08 20:25:54 +00:00
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 */
frio: background for people search
2016-08-08 19:54:34 +00:00
.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: #fff;*/
background-color: rgba(255,255,255,$contentbg_transp);
border-radius: 4px;
position: relative;
/*overflow: hidden;*/
color: #555;
box-shadow: 0 0 3px #dadada;
-webkit-box-shadow: 0 0 3px #dadada;
-moz-box-shadow: 0 0 3px #dadada;
}
frio: some css work for help docs
2016-11-28 17:40:25 +00:00
/* Help Page */
section.help-content-wrapper h1 {
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;
}
section.help-content-wrapper h3 {
font-size: 1.2em;
}
docu docs: some polishing
2016-12-06 14:03:57 +00:00
section.help-content-wrapper h4 {
font-size: 1em;
}
frio: some css work for help docs
2016-11-28 17:40:25 +00:00
section.help-content-wrapper h1,
section.help-content-wrapper h2,
section.help-content-wrapper h3,
docu docs: some polishing
2016-12-06 14:03:57 +00:00
section.help-content-wrapper h4,
frio: some css work for help docs
2016-11-28 17:40:25 +00:00
section.help-content-wrapper h5,
section.help-content-wrapper h6 {
margin-top: 24px;
margin-bottom: 16px;
font-weight: 600;
line-height: 1.25;
}
section.help-content-wrapper p {
margin: 0.4em 0;
}
section.help-content-wrapper p,
docu docs: some polishing
2016-12-06 14:03:57 +00:00
section.help-content-wrapper a,
section.help-content-wrapper li {
frio: some css work for help docs
2016-11-28 17:40:25 +00:00
line-height: 1.6;
font-size: 0.96em;
}
frio: add the possibility for the admin to change the colors for non personal pages
2017-10-23 18:26:31 +00:00
/*Admin Page*/
#adminpage #frio_background_image .image-select {
display: none;
}
#adminpage #frio_background_image.input-group {
display: block;
}
Frio: add admin summary template
2018-02-07 15:14:12 +00:00
#admin-summary-wrapper {
padding-top: 10px;
}
some plugins left over (#5369) * tinymce is not used anymore, we can delete the cuson CSS file * mv the plugins_details template to addon_details * renamed template called from admin panel * some CSS classes that should be addon where still plugin * Insert a warning into the generated quattro CSS files
2018-07-12 17:18:45 +00:00
#adminpage ul#addonslist, li.addon {
Only make changes for frio. (#5347)
2018-07-11 15:28:38 +00:00
list-style: none;
Frio: better styling for the admin addons/themes selection page
2018-02-06 15:13:19 +00:00
}
#adminpage li .icon {
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;
background-color: #fff;
-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 {
Replaced FontAwesome by ForkAwesome Migrated from manual installed files in frameworks/ to composer based install Migrated paths to new view/asset/ structure
2019-08-22 18:45:41 +00:00
font-family: "ForkAwesome";
Frio: better styling for the admin addons/themes selection page
2018-02-06 15:13:19 +00:00
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: #555555;
}
some plugins left over (#5369) * tinymce is not used anymore, we can delete the cuson CSS file * mv the plugins_details template to addon_details * renamed template called from admin panel * some CSS classes that should be addon where still plugin * Insert a warning into the generated quattro CSS files
2018-07-12 17:18:45 +00:00
#adminpage .addon .desc {
Frio: better styling for the admin addons/themes selection page
2018-02-06 15:13:19 +00:00
padding-left: 10px;
}
frio - some work on the admin users template to be more consistant with other setting pages
2018-04-22 18:23:24 +00:00
.adminpage .admin-settings-action-link,
.adminpage .admin-settings-action-link:hover {
color: #555;
}
.adminpage .admin-settings-action-link:hover {
opacity: 1;
}
.adminpage .admin-settings-action-link {
opacity: 0.8;
}
#admin-users tr.blocked {
background-color: #f8efc0;
}
.adminpage .table-hover > tbody > tr:hover + tr.details {
background-color: #f5f5f5;
}
Only make changes for frio. (#5347)
2018-07-11 15:28:38 +00:00
.offset-anchor::before {
[frio] Increase content space on <600px width devices
2018-08-04 18:54:58 +00:00
display: block;
content: " ";
margin-top: -100px;
Only make changes for frio. (#5347)
2018-07-11 15:28:38 +00:00
height: 100px;
[frio] Increase content space on <600px width devices
2018-08-04 18:54:58 +00:00
visibility: hidden;
Only make changes for frio. (#5347)
2018-07-11 15:28:38 +00:00
pointer-events: none;
}
frio: add the possibility for the admin to change the colors for non personal pages
2017-10-23 18:26:31 +00:00
frio - some small styling fixes for the manage page (badges, center name, paddings)
2019-02-14 02:06:57 +00:00
/* Manage Page */
#identity-selector-wrapper {
width: auto;
height: auto;
margin-top: 20px;
}
#identity-selector-wrapper .identity-match-photo {
width: auto;
float: none;
}
#identity-selector-wrapper .identity-match-photo button {
position: relative;
}
#identity-selector-wrapper .identity-match-photo .badge {
position: absolute;
top: -8px;
right: -8px;
}
#identity-selector-wrapper .identity-match-name {
text-align: center;
}
#identity-selector-wrapper .identity-match-details {
width: auto;
float: none;
}
/* Register Page */
Frio: add register template
2017-09-02 15:49:55 +00:00
#register-openid-wrapper, #register-name-wrapper, #register-invite-wrapper, #profile-publish-wrapper {
margin-top: 20px;
}
#register-openid-end, #register-nickname-end
{
margin-top: 40px;
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
/*
* 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);
}
improve transparency for some elements in style.css
2016-04-14 00:28:57 +00:00
/*
* Modal
*/
.modal hr {
border-color: #eee;
}
first files - move to Version 0.1
2016-03-28 14:29:05 +00:00
jRange: slider color and width 100%
2016-04-14 01:14:12 +00:00
/*
* Framework overwrite
*/
introduce a filter function at the contact page. This is done with the help of textcomplete and jsmart.js. There is annoying bug inside. If the screensize is to small, the browser freezes. It is traced back to the "media-body" class (and its css attributes) which we use in the template.
2016-04-28 19:35:33 +00:00
/* 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;
}
#contact-list ul.dropdown-menu.textcomplete-dropdown.media-list > li {
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;
}
[frio] Fix whitespace style.css
2016-09-29 00:51:56 +00:00
#contact-list ul.dropdown-menu.textcomplete-dropdown.media-list
introduce a filter function at the contact page. This is done with the help of textcomplete and jsmart.js. There is annoying bug inside. If the screensize is to small, the browser freezes. It is traced back to the "media-body" class (and its css attributes) which we use in the template.
2016-04-28 19:35:33 +00:00
.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;
}
Aside is now scrollable on mobile through a workaround. This fixes https://github.com/rabuzarus/frio/issues/2
2016-04-29 14:25:36 +00:00
frio: some hover card css fixes
2016-06-07 08:13:08 +00:00
/* hovercard fix */
body .tread-wrapper .hovercard a,
body .tread-wrapper .hovercard a:hover {
color: $link_color;
}
body .tread-wrapper .hovercard:hover .hover-card-content a {
color: $link_color !important;
}
Bugfix: float for remote-friends-in-common wrapper
2016-11-19 20:14:28 +00:00
Improve pagination on frio theme - Add pager class discrimination - Change links order to first / prev / 1 / ... / 10 / next / last - Enable dynamic pagination coloring - Prevent click on disabled links
2017-03-02 04:41:54 +00:00
/* Pagination improvements */
limit pagination page buttons to max 10
2017-03-14 17:31:03 +00:00
.pagination {
text-align: center;
display: block;
}
Improve pagination on frio theme - Add pager class discrimination - Change links order to first / prev / 1 / ... / 10 / next / last - Enable dynamic pagination coloring - Prevent click on disabled links
2017-03-02 04:41:54 +00:00
.pagination > li > a,
.pagination > li > span {
limit pagination page buttons to max 10
2017-03-14 17:31:03 +00:00
color: $link_color;
float: none;
}
.pagination>li>a:hover,
.pagination>li>span:hover {
color: $link_hover_color;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
background-color: $link_color;
Improve pagination on frio theme - Add pager class discrimination - Change links order to first / prev / 1 / ... / 10 / next / last - Enable dynamic pagination coloring - Prevent click on disabled links
2017-03-02 04:41:54 +00:00
border-color: $link_color;
limit pagination page buttons to max 10
2017-03-14 17:31:03 +00:00
border-radius: 3px;
Improve pagination on frio theme - Add pager class discrimination - Change links order to first / prev / 1 / ... / 10 / next / last - Enable dynamic pagination coloring - Prevent click on disabled links
2017-03-02 04:41:54 +00:00
}
limit pagination page buttons to max 10
2017-03-14 17:31:03 +00:00
.pagination li.pager_n a {
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;
}
.pagination .pager_next a {
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;
}
.pagination .disabled > a,
.pager .disabled > a {
display: none;
Improve readability - Move CSS block above the temporary block - Add template description
2017-03-02 16:30:41 +00:00
}
/*
* some temporary workarounds until this will solved
* elsewhere (e.g. new templates)
*/
section .profile-match-wrapper {
float: left;
}
event items are now more themeable in the networkstream. The event description stays the same - but the theme developer can provide an template how the other event data should be organized and look
2017-10-13 17:42:27 +00:00
[frio] Add max-width: 100% for video tags
2018-01-20 01:14:26 +00:00
/**
New home/login page style
2018-01-14 17:45:00 +00:00
* Login page
*/
frio: tweak login template, fix style move lost pwd link and register to submit wrapper, use flexbox for submit row in login form, show register link as button fix form label colors in mobile
2018-01-17 15:01:34 +00:00
#login-submit-wrapper {
Fix login dialog layout for frio. Rearrange login dialog distinguish better between logging und registering.
2018-04-23 20:03:29 +00:00
float: right;
frio: tweak login template, fix style move lost pwd link and register to submit wrapper, use flexbox for submit row in login form, show register link as button fix form label colors in mobile
2018-01-17 15:01:34 +00:00
}
#lost-password-link { flex-grow: 2; }
Fix login dialog layout for frio. Rearrange login dialog distinguish better between logging und registering.
2018-04-23 20:03:29 +00:00
#login-lost-password-link {
margin-bottom: 10px;
float: right;
}
#div_id_remember {
float: left;
}
#id_password_wrapper {
margin-bottom: unset;
}
#login_openid {
clear: both;
}
#register-link {
Make register-link less obtrusive.
2018-04-24 21:18:31 +00:00
color: white;
background: #8ad0a1;
Fix login dialog layout for frio. Rearrange login dialog distinguish better between logging und registering.
2018-04-23 20:03:29 +00:00
width: 100%;
}
Fix missing background tiles.
2018-04-24 21:16:15 +00:00
#login-end {
clear: both;
}
frio: tweak login template, fix style move lost pwd link and register to submit wrapper, use flexbox for submit row in login form, show register link as button fix form label colors in mobile
2018-01-17 15:01:34 +00:00
New home/login page style
2018-01-14 17:45:00 +00:00
.mod-home.is-not-singleuser,
.mod-login {
Frio: add login background color admin option
2018-01-17 15:33:27 +00:00
background-color: $login_bg_color;
New home/login page style
2018-01-14 17:45:00 +00:00
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-home.is-not-singleuser #topbar-second,
[frio] Add max-width: 100% for video tags
2018-01-20 01:14:26 +00:00
.mod-login #topbar-second {
New home/login page style
2018-01-14 17:45:00 +00:00
background-color: transparent;
box-shadow: unset;
border: 0
}
Frio: fix home page Add home.tpl, fix style with custom home.html, fix style with custom page content from addon
2018-01-17 12:29:04 +00:00
.mod-home.is-not-singleuser .login-content,
.mod-login .login-content {
Frio: add login background color admin option
2018-01-17 15:33:27 +00:00
color: #eee;
margin-top: 2.5%;
New home/login page style
2018-01-14 17:45:00 +00:00
}
Fix login dialog layout for frio. Rearrange login dialog distinguish better between logging und registering.
2018-04-23 20:03:29 +00:00
.mod-home.is-not-singleuser .login-form > #login-extra-links {
margin-top: 4em;
}
frio: tweak login template, fix style move lost pwd link and register to submit wrapper, use flexbox for submit row in login form, show register link as button fix form label colors in mobile
2018-01-17 15:01:34 +00:00
.mod-home.is-not-singleuser .login-form > #login-form label,
.mod-login #content #login-form label {
[frio] Add max-width: 100% for video tags
2018-01-20 01:14:26 +00:00
color: #eee;
Frio: fix home page Add home.tpl, fix style with custom home.html, fix style with custom page content from addon
2018-01-17 12:29:04 +00:00
}
frio: tweak login template, fix style move lost pwd link and register to submit wrapper, use flexbox for submit row in login form, show register link as button fix form label colors in mobile
2018-01-17 15:01:34 +00:00
Frio: fix home page Add home.tpl, fix style with custom home.html, fix style with custom page content from addon
2018-01-17 12:29:04 +00:00
.mod-home.is-not-singleuser .login-panel-content,
[frio] Add max-width: 100% for video tags
2018-01-20 01:14:26 +00:00
.mod-login .login-panel-content {
Frio: add login background color admin option
2018-01-17 15:33:27 +00:00
background-color: rgba(255,255,255,.85);
Frio: fix home page Add home.tpl, fix style with custom home.html, fix style with custom page content from addon
2018-01-17 12:29:04 +00:00
}
[frio] Restyle photo upload (#5427) * Better wording in photo upload. * [frio] Restyle photo uploader to conform to frio style.
2018-07-20 19:23:12 +00:00
.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;
}
.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;
}
Frio: fix home page Add home.tpl, fix style with custom home.html, fix style with custom page content from addon
2018-01-17 12:29:04 +00:00
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
Frio: add login background color admin option
2018-01-17 15:33:27 +00:00
.mod-home.is-not-singleuser #content,
Frio: fix home page Add home.tpl, fix style with custom home.html, fix style with custom page content from addon
2018-01-17 12:29:04 +00:00
.mod-login #content {
Frio: add login background color admin option
2018-01-17 15:33:27 +00:00
margin-top: 100px!important;
}
Frio: fix home page Add home.tpl, fix style with custom home.html, fix style with custom page content from addon
2018-01-17 12:29:04 +00:00
Frio: add login background color admin option
2018-01-17 15:33:27 +00:00
.mod-home.is-not-singleuser .login-form > #login-form,
Fix login dialog layout for frio. Rearrange login dialog distinguish better between logging und registering.
2018-04-23 20:03:29 +00:00
.mod-home.is-not-singleuser .login-form > #login-extra-links,
[frio] Add max-width: 100% for video tags
2018-01-20 01:14:26 +00:00
.mod-login #content #login-form {
New home/login page style
2018-01-14 17:45:00 +00:00
background-color: #fff;
padding: 1em;
position: relative;
}
Fix login dialog layout for frio. Rearrange login dialog distinguish better between logging und registering.
2018-04-23 20:03:29 +00:00
.mod-home.is-not-singleuser .login-form > #login-extra-links {
margin-top: unset;
Make register-link less obtrusive.
2018-04-24 21:18:31 +00:00
background-color: white;
New home/login page style
2018-01-14 17:45:00 +00:00
}
Frio: add login background color admin option
2018-01-17 15:33:27 +00:00
.mod-home.is-not-singleuser .login-form > #login-form label,
.mod-login #content #login-form label {
[frio] Add max-width: 100% for video tags
2018-01-20 01:14:26 +00:00
color: #444;
Frio: add login background color admin option
2018-01-17 15:33:27 +00:00
}
frio: tweak login template, fix style move lost pwd link and register to submit wrapper, use flexbox for submit row in login form, show register link as button fix form label colors in mobile
2018-01-17 15:01:34 +00:00
Fix login page layout without OpenId. When OpenId is disabled and the input therefore is missing from the login the page looks weird. Fix that.
2018-04-27 20:00:46 +00:00
.mod-home.is-not-singleuser .login-form::before,
frio: tweak login template, fix style move lost pwd link and register to submit wrapper, use flexbox for submit row in login form, show register link as button fix form label colors in mobile
2018-01-17 15:01:34 +00:00
.mod-login #content #login-form::before {
New home/login page style
2018-01-14 17:45:00 +00:00
display: block;
position: absolute;
content: " ";
background-color: rgba(255,255,255,0.1);
width:90%;
height: 110%;
top: -5%;
left: 5%;
z-index: -1;
}
Fix login page layout without OpenId. When OpenId is disabled and the input therefore is missing from the login the page looks weird. Fix that.
2018-04-27 20:00:46 +00:00
.mod-home.is-not-singleuser .login-form::after,
frio: tweak login template, fix style move lost pwd link and register to submit wrapper, use flexbox for submit row in login form, show register link as button fix form label colors in mobile
2018-01-17 15:01:34 +00:00
.mod-login #content #login-form::after {
New home/login page style
2018-01-14 17:45:00 +00:00
display: block;
position: absolute;
content: " ";
background-color: rgba(255,255,255,0.2);
width:80%;
height: 120%;
top: -10%;
left: 10%;
z-index: -1;
Frio: add login background color admin option
2018-01-17 15:33:27 +00:00
}
Frio: fix home page Add home.tpl, fix style with custom home.html, fix style with custom page content from addon
2018-01-17 12:29:04 +00:00
New home/login page style
2018-01-14 17:45:00 +00:00
}
[frio] Increase content space on <600px width devices
2018-08-04 18:54:58 +00:00
/* Mobile display */
@media (max-width: 600px) {
body {
padding-top: 95px;
}
Improve display in minimal mode
2019-04-26 02:01:43 +00:00
body.minimal {
padding: 15px;
}
[frio] Increase content space on <600px width devices
2018-08-04 18:54:58 +00:00
Improve display in minimal mode
2019-04-26 02:01:43 +00:00
#friendica-logo-mask {
[frio] Increase content space on <600px width devices
2018-08-04 18:54:58 +00:00
display: none;
}
.container {
padding-right: 0;
padding-left: 0;
}
.panel {
border-radius: 0;
margin-bottom: 5px;
}
New home/login page style
2018-01-14 17:45:00 +00:00
[frio] Increase content space on <600px width devices
2018-08-04 18:54:58 +00:00
.panel .panel-body {
padding: 10px;
}
New home/login page style
2018-01-14 17:45:00 +00:00
[frio] Remove outer post padding - Include mobile view changes - Includes search view changes
2019-07-16 02:46:22 +00:00
.toplevel_item > .wall-item-container {
padding: 0;
}
[frio] Increase content space on <600px width devices
2018-08-04 18:54:58 +00:00
.wall-spacer {
height: 0px;
}
.wall-item-actions {
margin-top: 10px;
}
.media {
margin-top: 0;
}
[frio] Prevent more action menu to be clipped by the post box - Address https://friendica.mrpetovan.com/display/0b6b25a8-615e-3dda-937e-21e937937450 - Move external link back to the post top right - Prevent more action menu to become semi-transparent on post mouseout
2020-02-09 22:47:41 +00:00
.preferences {
[frio] Increase content space on <600px width devices
2018-08-04 18:54:58 +00:00
right: 10px;
}
Move /profile_photo to Module\Settings\Profile\Photo
2019-10-27 13:56:27 +00:00
.generic-page-wrapper, .videos-content-wrapper, .suggest-content-wrapper, .common-content-wrapper, .help-content-wrapper, .allfriends-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 {
[frio] Increase content space on <600px width devices
2018-08-04 18:54:58 +00:00
border-radius: 0;
padding: 10px;
}
.row {
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 {
padding-right: 0;
}
[frio] Fix shared posts avatars size/position between desktop/mobile
2018-08-04 19:54:02 +00:00
.wwto .contact-photo {
height: 19px;
padding: 0;
top: 24px;
left: 24px;
}
[frio] Mobile: force input font size to 16px
2018-08-25 23:28:40 +00:00
/*
Prevent automatic zoom on input focus on iOS
see https://stackoverflow.com/a/16255670
*/
.form-control {
font-size: 16px;
}
[frio] Reduce replies right padding
2019-02-17 20:00:24 +00:00
.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;
}
[frio] Increase content space on <600px width devices
2018-08-04 18:54:58 +00:00
}
Reference in a new issue Copy permalink