devbeet #5
|
@ -92,12 +92,26 @@ body {
|
||||||
color: $link_colour;
|
color: $link_colour;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* content and posts */
|
||||||
.wall-item-photo {
|
.wall-item-photo {
|
||||||
width: 3.7rem;
|
width: 3.7rem;
|
||||||
height: 3.7rem;
|
height: 3.7rem;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
.wall-item-content-wrapper {
|
||||||
|
border-top-left-radius: 2rem;
|
||||||
|
}
|
||||||
|
.wall-item-comment-wrapper {
|
||||||
|
border-bottom-right-radius: 0.5rem;
|
||||||
|
border-bottom-left-radius: 0.5rem;
|
||||||
|
border-top: 0px;
|
||||||
|
}
|
||||||
|
.comment-edit-text {
|
||||||
|
border-radius: 0.5rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
height: 4rem;
|
||||||
|
}
|
||||||
|
|
||||||
#avatar {
|
#avatar {
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
|
@ -120,7 +134,7 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
.wall-item-head-new {
|
.wall-item-head-new {
|
||||||
border-top: 0.2rem solid #8EB726;
|
border-top: 0.2rem solid $link_bgcolour;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wall-item-title {
|
.wall-item-title {
|
||||||
|
@ -193,6 +207,12 @@ body {
|
||||||
.nav-tabs .nav-link {
|
.nav-tabs .nav-link {
|
||||||
border-radius: 0.45rem;
|
border-radius: 0.45rem;
|
||||||
}
|
}
|
||||||
|
.btn-sm {
|
||||||
|
|
||||||
|
padding: .1rem .7rem;
|
||||||
|
font-size: 1.2rem;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
|
||||||
.btn-primary, .btn-success {
|
.btn-primary, .btn-success {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
@ -216,6 +236,11 @@ body {
|
||||||
color: #8eb726;
|
color: #8eb726;
|
||||||
border-color: #8eb726;
|
border-color: #8eb726;
|
||||||
}
|
}
|
||||||
|
.btn-outline-secondary {
|
||||||
|
color: #b5b5b5;
|
||||||
|
border-color: unset;
|
||||||
|
border: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
.btn-outline-primary:hover {
|
.btn-outline-primary:hover {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
@ -228,9 +253,15 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-outline-secondary:hover {
|
.btn-outline-secondary:hover {
|
||||||
color: #fff;
|
color: #50162d;
|
||||||
background-color: #50162d;
|
border-color: unset;
|
||||||
border-color: #6c757d;
|
background-color: unset;
|
||||||
|
}
|
||||||
|
|
||||||
|
.show>.btn-outline-secondary.dropdown-toggle {
|
||||||
|
color: #50162d;
|
||||||
|
background-color: unset;
|
||||||
|
border: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-outline-success {
|
.btn-outline-success {
|
||||||
|
@ -248,11 +279,30 @@ body {
|
||||||
background-color: #8eb726;
|
background-color: #8eb726;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.dropdown-item:active,
|
||||||
|
.dropdown-item:focus,
|
||||||
|
.dropdown-item:hover,
|
||||||
|
.textcomplete-item:focus .dropdown-item,
|
||||||
|
.textcomplete-item:hover .dropdown-item,
|
||||||
|
.textcomplete-item.active .dropdown-item,
|
||||||
|
.textcomplete-item:active .dropdown-item {
|
||||||
|
color: #50162d;
|
||||||
|
background-color: unset;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-menu {
|
||||||
|
border-radius: .5rem;
|
||||||
|
border-top-left-radius: 1.5rem;
|
||||||
|
box-shadow: rgb(0 0 0 / 30%) 0px 0px 30px;
|
||||||
|
border: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
/* images */
|
/* images */
|
||||||
|
|
||||||
img {
|
img {
|
||||||
border-radius: 1%;
|
border-radius: 1rem;
|
||||||
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
|
//box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
img.smiley {
|
img.smiley {
|
||||||
|
@ -285,22 +335,22 @@ img.smiley {
|
||||||
/* Suggested and contact list */
|
/* Suggested and contact list */
|
||||||
|
|
||||||
.profile-match-wrapper, .contact-entry-wrapper {
|
.profile-match-wrapper, .contact-entry-wrapper {
|
||||||
float: none;
|
float: none;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
width: 30%;
|
width: 30%;
|
||||||
height: auto;
|
height: auto;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
margin: 8px 10px 0 0;
|
margin: 8px 10px 0 0;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: $radius;
|
border-radius: $radius;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 1366px) {
|
@media screen and (min-width: 1366px) {
|
||||||
.profile-match-wrapper, .contact-entry-wrapper {
|
profile-match-wrapper, .contact-entry-wrapper {
|
||||||
width: 20%;
|
width: 20%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#region2 .profile-match-wrapper {
|
#region2 .profile-match-wrapper {
|
||||||
|
@ -354,16 +404,16 @@ img.smiley {
|
||||||
|
|
||||||
/* Files and Photos */
|
/* Files and Photos */
|
||||||
#cloud-drag-area {
|
#cloud-drag-area {
|
||||||
border-radius: $radius;
|
border-radius: $radius;
|
||||||
}
|
}
|
||||||
[id^="cloud-index-"]:hover td:first-child {
|
[id^="cloud-index-"]:hover td:first-child {
|
||||||
border-radius: 0 0 0 $radius;
|
border-radius: 0 0 0 $radius;
|
||||||
}
|
}
|
||||||
|
|
||||||
[id^="cloud-index-"]:hover td:last-child {
|
[id^="cloud-index-"]:hover td:last-child {
|
||||||
border-radius: 0 0 $radius 0;
|
border-radius: 0 0 $radius 0;
|
||||||
}
|
}
|
||||||
.section-content-wrapper-np {
|
.section-content-wrapper-np {
|
||||||
border-radius: $radius;
|
border-radius: $radius;
|
||||||
padding: 2% 0;
|
padding: 2% 0;
|
||||||
}
|
}
|
||||||
|
|
|
@ -16,7 +16,7 @@ if(! App::$install) {
|
||||||
$banner_colour = get_pconfig($uid,'beetroot','banner_colour');
|
$banner_colour = get_pconfig($uid,'beetroot','banner_colour');
|
||||||
$narrow_navbar = get_pconfig($uid,'beetroot','narrow_navbar');
|
$narrow_navbar = get_pconfig($uid,'beetroot','narrow_navbar');
|
||||||
$link_colour = get_pconfig($uid, 'beetroot', 'link_colour');
|
$link_colour = get_pconfig($uid, 'beetroot', 'link_colour');
|
||||||
$link_bgcolour = get_pconfig($uid, 'beetroot', 'link_bgcolour');
|
// $link_bgcolour = get_pconfig($uid, 'beetroot', 'link_bgcolour');
|
||||||
$schema = get_pconfig($uid,'beetroot','schema');
|
$schema = get_pconfig($uid,'beetroot','schema');
|
||||||
$bgcolour = get_pconfig($uid, 'beetroot', 'background_colour');
|
$bgcolour = get_pconfig($uid, 'beetroot', 'background_colour');
|
||||||
$background_image = get_pconfig($uid, 'beetroot', 'background_image');
|
$background_image = get_pconfig($uid, 'beetroot', 'background_image');
|
||||||
|
@ -100,7 +100,7 @@ if (! $font_size)
|
||||||
if (! $font_colour)
|
if (! $font_colour)
|
||||||
$font_colour = '#4d4d4d';
|
$font_colour = '#4d4d4d';
|
||||||
if (! $radius)
|
if (! $radius)
|
||||||
$radius = '0.95rem';
|
$radius = '0rem';
|
||||||
if (! $shadow)
|
if (! $shadow)
|
||||||
$shadow = '0';
|
$shadow = '0';
|
||||||
if (! $converse_width)
|
if (! $converse_width)
|
||||||
|
@ -139,6 +139,7 @@ if(file_exists('view/theme/redbasic/css/style.css')) {
|
||||||
'$link_colour' => $link_colour,
|
'$link_colour' => $link_colour,
|
||||||
'$banner_colour' => $banner_colour,
|
'$banner_colour' => $banner_colour,
|
||||||
'$bgcolour' => $bgcolour,
|
'$bgcolour' => $bgcolour,
|
||||||
|
'$link_bgcolour' => $link_bgcolour,
|
||||||
'$background_image' => $background_image,
|
'$background_image' => $background_image,
|
||||||
'$item_colour' => $item_colour,
|
'$item_colour' => $item_colour,
|
||||||
'$comment_item_colour' => $comment_item_colour,
|
'$comment_item_colour' => $comment_item_colour,
|
||||||
|
|
Reference in New Issue