font size and post title adjust

This commit is contained in:
Mario Vavti 2017-03-11 15:07:30 +01:00
parent 0f9ddbf3b2
commit 83d07b9551
6 changed files with 65 additions and 135 deletions

View file

@ -11,7 +11,7 @@ nav .badge {
} }
.nav-item.nav-item-hack { .nav-item.nav-item-hack {
height: 1.9rem; height: 2.3rem;
} }
#navbar-collapse-1 i { #navbar-collapse-1 i {

View file

@ -98,15 +98,7 @@
/* conv_item */ /* conv_item */
.wall-item-head { .wall-item-head {
padding: 10px 10px 0.5em 10px; line-height: 1.2;
}
.wall-item-content {
padding: 0.5em 10px;
}
.wall-item-tools {
padding: 0.5em 10px 10px 10px;
} }
.wall-item-info { .wall-item-info {
@ -138,6 +130,7 @@ a.wall-item-name-link {
} }
.wall-item-ago .fa-check { .wall-item-ago .fa-check {
font-size: 0.75rem;
cursor: pointer; cursor: pointer;
} }
@ -145,17 +138,6 @@ a.wall-item-name-link {
overflow: hidden; overflow: hidden;
} }
.wall-item-content h1,
.wall-item-content h2 {
font-size: 1.319em;
}
.wall-item-title h3,
.wall-item-content h3,
.wall-item-content h4 {
font-size: 1.112em;
}
.wall-item-content img { .wall-item-content img {
max-width: 100%; max-width: 100%;
} }
@ -163,9 +145,6 @@ a.wall-item-name-link {
.wall-item-title h3 { .wall-item-title h3 {
font-weight: bold; font-weight: bold;
margin: 0px; margin: 0px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} }
.wall-item-title-end { .wall-item-title-end {

View file

@ -11,10 +11,6 @@
padding-bottom: 0.3em; padding-bottom: 0.3em;
} }
#doco-content h4 {
font-weight: bold;
}
#region_1 .widget ul ul { #region_1 .widget ul ul {
list-style-type: none; list-style-type: none;
} }

View file

@ -54,27 +54,27 @@ main {
} }
h1, .h1 { h1, .h1 {
font-size: 1.75em; font-size: 2rem;
} }
h2, .h2 { h2, .h2 {
font-size: 1.5rem; font-size: 1.6rem;
} }
h3, .h3 { h3, .h3 {
font-size: 1.25rem; font-size: 1.2rem;
} }
h4, .h4 { h4, .h4 {
font-size: 1rem; font-size: 1.05rem;
} }
h5, .h5 { h5, .h5 {
font-size: 0.75rem; font-size: 0.9rem;
} }
h6, .h6 { h6, .h6 {
font-size: 0.5rem; font-size: 0.75rem;
} }
@ -347,7 +347,7 @@ footer {
.fn { .fn {
font-weight: bold; font-weight: bold;
font-size: 16px; font-size: $font_size;
color: #444444; color: #444444;
} }
@ -1333,10 +1333,6 @@ img.mail-conv-sender-photo {
border-top-left-radius: $radiuspx; border-top-left-radius: $radiuspx;
} }
.wall-item-title {
font-size: $font_size;
}
.wall-item-footer { .wall-item-footer {
font-size: $body_font_size; font-size: $body_font_size;
margin-top: 2em; margin-top: 2em;
@ -1407,14 +1403,8 @@ img.mail-conv-sender-photo {
.wall-item-ago, .wall-item-ago,
.dropdown-sub-text { .dropdown-sub-text {
color: #777; color: #777;
font-size: 0.833em;
} }
.wall-item-ago i {
font-size: 0.833em;
}
.wall-item-content, .wall-item-content,
.mail-conv-body, .mail-conv-body,
.page-body, .page-body,
@ -1541,24 +1531,6 @@ nav img {
border-radius: $radiuspx; border-radius: $radiuspx;
} }
/*
nav .dropdown-menu {
font-size: $body_font_size;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
border-bottom-right-radius: $radiuspx;
border-bottom-left-radius: $radiuspx;
}
.dropdown-menu > .show > a,
.dropdown-menu > .show > a:focus,
.dropdown-menu > .show > a:hover {
color: #333;
background-color: #f5f5f5;
}
*/
.dropdown-menu-img-sm { .dropdown-menu-img-sm {
float: left; float: left;
width: 36px; width: 36px;
@ -1847,14 +1819,6 @@ blockquote {
font-size: $body_font_size; font-size: $body_font_size;
} }
.btn-xs {
font-size: 0.75rem;
}
.btn-default {
background-color: transparent;
}
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
aside#region_1 { aside#region_1 {
@ -1875,16 +1839,6 @@ blockquote {
border:1px; border:1px;
} }
.wall-item-photo {
width: 48px !important;
height: 48px !important;
}
.comment .wall-item-photo {
width: 32px !important;
height: 32px !important;
}
.acl-list-item { .acl-list-item {
width: 98%; /* fallback if browser does not support calc() */ width: 98%; /* fallback if browser does not support calc() */
width: calc(100% - 10px); width: calc(100% - 10px);

View file

@ -10,33 +10,33 @@ if(! App::$install) {
} }
// Load the owners pconfig // Load the owners pconfig
$nav_bg = get_pconfig($uid, "redbasic", "nav_bg"); $nav_bg = get_pconfig($uid, 'redbasic', 'nav_bg');
$nav_gradient_top = get_pconfig($uid, "redbasic", "nav_gradient_top"); $nav_gradient_top = get_pconfig($uid, 'redbasic', 'nav_gradient_top');
$nav_gradient_bottom = get_pconfig($uid, "redbasic", "nav_gradient_bottom"); $nav_gradient_bottom = get_pconfig($uid, 'redbasic', 'nav_gradient_bottom');
$nav_active_gradient_top = get_pconfig($uid, "redbasic", "nav_active_gradient_top"); $nav_active_gradient_top = get_pconfig($uid, 'redbasic', 'nav_active_gradient_top');
$nav_active_gradient_bottom = get_pconfig($uid, "redbasic", "nav_active_gradient_bottom"); $nav_active_gradient_bottom = get_pconfig($uid, 'redbasic', 'nav_active_gradient_bottom');
$nav_bd = get_pconfig($uid, "redbasic", "nav_bd"); $nav_bd = get_pconfig($uid, 'redbasic', 'nav_bd');
$nav_icon_colour = get_pconfig($uid, "redbasic", "nav_icon_colour"); $nav_icon_colour = get_pconfig($uid, 'redbasic', 'nav_icon_colour');
$nav_active_icon_colour = get_pconfig($uid, "redbasic", "nav_active_icon_colour"); $nav_active_icon_colour = get_pconfig($uid, 'redbasic', 'nav_active_icon_colour');
$narrow_navbar = get_pconfig($uid,'redbasic','narrow_navbar'); $narrow_navbar = get_pconfig($uid,'redbasic','narrow_navbar');
$banner_colour = get_pconfig($uid,'redbasic','banner_colour'); $banner_colour = get_pconfig($uid,'redbasic','banner_colour');
$link_colour = get_pconfig($uid, "redbasic", "link_colour"); $link_colour = get_pconfig($uid, 'redbasic', 'link_colour');
$schema = get_pconfig($uid,'redbasic','schema'); $schema = get_pconfig($uid,'redbasic','schema');
$bgcolour = get_pconfig($uid, "redbasic", "background_colour"); $bgcolour = get_pconfig($uid, 'redbasic', 'background_colour');
$background_image = get_pconfig($uid, "redbasic", "background_image"); $background_image = get_pconfig($uid, 'redbasic', 'background_image');
$toolicon_colour = get_pconfig($uid,'redbasic','toolicon_colour'); $toolicon_colour = get_pconfig($uid,'redbasic','toolicon_colour');
$toolicon_activecolour = get_pconfig($uid,'redbasic','toolicon_activecolour'); $toolicon_activecolour = get_pconfig($uid,'redbasic','toolicon_activecolour');
$item_colour = get_pconfig($uid, "redbasic", "item_colour"); $item_colour = get_pconfig($uid, 'redbasic', 'item_colour');
$comment_item_colour = get_pconfig($uid, "redbasic", "comment_item_colour"); $comment_item_colour = get_pconfig($uid, 'redbasic', 'comment_item_colour');
$comment_border_colour = get_pconfig($uid, "redbasic", "comment_border_colour"); $comment_border_colour = get_pconfig($uid, 'redbasic', 'comment_border_colour');
$comment_indent = get_pconfig($uid, "redbasic", "comment_indent"); $comment_indent = get_pconfig($uid, 'redbasic', 'comment_indent');
$body_font_size = get_pconfig($uid, "redbasic", "body_font_size"); $body_font_size = get_pconfig($uid, 'redbasic', 'body_font_size');
$font_size = get_pconfig($uid, "redbasic", "font_size"); $font_size = get_pconfig($uid, 'redbasic', 'font_size');
$font_colour = get_pconfig($uid, "redbasic", "font_colour"); $font_colour = get_pconfig($uid, 'redbasic', 'font_colour');
$radius = get_pconfig($uid, "redbasic", "radius"); $radius = get_pconfig($uid, 'redbasic', 'radius');
$shadow = get_pconfig($uid,"redbasic","photo_shadow"); $shadow = get_pconfig($uid,'redbasic','photo_shadow');
$converse_width=get_pconfig($uid,"redbasic","converse_width"); $converse_width=get_pconfig($uid,'redbasic','converse_width');
$align_left=get_pconfig($uid,"redbasic","align_left"); $align_left=get_pconfig($uid,'redbasic','align_left');
$nav_min_opacity=get_pconfig($uid,'redbasic','nav_min_opacity'); $nav_min_opacity=get_pconfig($uid,'redbasic','nav_min_opacity');
$top_photo=get_pconfig($uid,'redbasic','top_photo'); $top_photo=get_pconfig($uid,'redbasic','top_photo');
$reply_photo=get_pconfig($uid,'redbasic','reply_photo'); $reply_photo=get_pconfig($uid,'redbasic','reply_photo');
@ -86,59 +86,59 @@ if (! $schema) {
//Set some defaults - we have to do this after pulling owner settings, and we have to check for each setting //Set some defaults - we have to do this after pulling owner settings, and we have to check for each setting
//individually. If we don't, we'll have problems if a user has set one, but not all options. //individually. If we don't, we'll have problems if a user has set one, but not all options.
if (! $nav_bg) if (! $nav_bg)
$nav_bg = "#222"; $nav_bg = '#222';
if (! $nav_gradient_top) if (! $nav_gradient_top)
$nav_gradient_top = "#3c3c3c"; $nav_gradient_top = '#3c3c3c';
if (! $nav_gradient_bottom) if (! $nav_gradient_bottom)
$nav_gradient_bottom = "#222"; $nav_gradient_bottom = '#222';
if (! $nav_active_gradient_top) if (! $nav_active_gradient_top)
$nav_active_gradient_top = "#222"; $nav_active_gradient_top = '#222';
if (! $nav_active_gradient_bottom) if (! $nav_active_gradient_bottom)
$nav_active_gradient_bottom = "#282828"; $nav_active_gradient_bottom = '#282828';
if (! $nav_bd) if (! $nav_bd)
$nav_bd = "#222"; $nav_bd = '#222';
if (! $nav_icon_colour) if (! $nav_icon_colour)
$nav_icon_colour = "#999"; $nav_icon_colour = '#999';
if (! $nav_active_icon_colour) if (! $nav_active_icon_colour)
$nav_active_icon_colour = "#fff"; $nav_active_icon_colour = '#fff';
if (! $link_colour) if (! $link_colour)
$link_colour = "#0275d8"; $link_colour = '#0275d8';
if (! $banner_colour) if (! $banner_colour)
$banner_colour = "#fff"; $banner_colour = '#fff';
if (! $bgcolour) if (! $bgcolour)
$bgcolour = "rgb(254,254,254)"; $bgcolour = 'rgb(254,254,254)';
if (! $background_image) if (! $background_image)
$background_image =''; $background_image ='';
if (! $item_colour) if (! $item_colour)
$item_colour = "rgb(238,238,238)"; $item_colour = 'rgb(238,238,238)';
if (! $comment_item_colour) if (! $comment_item_colour)
$comment_item_colour = "rgb(255,255,255)"; $comment_item_colour = 'rgb(255,255,255)';
if (! $comment_border_colour) if (! $comment_border_colour)
$comment_border_colour = "rgb(255,255,255)"; $comment_border_colour = 'rgb(255,255,255)';
if (! $toolicon_colour) if (! $toolicon_colour)
$toolicon_colour = '#777'; $toolicon_colour = '#777';
if (! $toolicon_activecolour) if (! $toolicon_activecolour)
$toolicon_activecolour = '#000'; $toolicon_activecolour = '#000';
if (! $item_opacity) if (! $item_opacity)
$item_opacity = "1"; $item_opacity = '1';
if (! $font_size) if (! $font_size)
$font_size = "1rem"; $font_size = '1rem';
if (! $body_font_size) if (! $body_font_size)
$body_font_size = "0.75rem"; $body_font_size = '0.9rem';
if (! $font_colour) if (! $font_colour)
$font_colour = "#4d4d4d"; $font_colour = '#4d4d4d';
if (! $radius) if (! $radius)
$radius = "4"; $radius = '4';
if (! $shadow) if (! $shadow)
$shadow = "0"; $shadow = '0';
if (! $converse_width) if (! $converse_width)
$converse_width = "790"; $converse_width = '790';
if(! $top_photo) if(! $top_photo)
$top_photo = '48px'; $top_photo = '2.2rem';
if(! $comment_indent) if(! $comment_indent)
$comment_indent = '0px'; $comment_indent = '0px';
if(! $reply_photo) if(! $reply_photo)
$reply_photo = '32px'; $reply_photo = '2.2rem';
if($nav_min_opacity === false || $nav_min_opacity === '') { if($nav_min_opacity === false || $nav_min_opacity === '') {
$nav_float_min_opacity = 1.0; $nav_float_min_opacity = 1.0;
$nav_percent_min_opacity = 100; $nav_percent_min_opacity = 100;

View file

@ -18,18 +18,19 @@
{{$item.event}} {{$item.event}}
</div> </div>
{{/if}} {{/if}}
<div class="wall-item-head"> {{if $item.title}}
<div class="p-2 wall-item-title" id="wall-item-title-{{$item.id}}" title="{{$item.title}}">
<h3>{{if $item.title_tosource}}{{if $item.plink}}<a href="{{$item.plink.href}}" title="{{$item.title}} ({{$item.plink.title}})">{{/if}}{{/if}}{{$item.title}}{{if $item.title_tosource}}{{if $item.plink}}</a>{{/if}}{{/if}}</h3>
</div>
<hr class="my-0">
{{/if}}
<div class="p-2 wall-item-head">
<div class="wall-item-info" id="wall-item-info-{{$item.id}}" > <div class="wall-item-info" id="wall-item-info-{{$item.id}}" >
<div class="wall-item-photo-wrapper{{if $item.owner_url}} wwfrom{{/if}} h-card p-author" id="wall-item-photo-wrapper-{{$item.id}}"> <div class="wall-item-photo-wrapper{{if $item.owner_url}} wwfrom{{/if}} h-card p-author" id="wall-item-photo-wrapper-{{$item.id}}">
<a href="{{$item.profile_url}}" title="{{$item.linktitle}}" class="wall-item-photo-link u-url" id="wall-item-photo-link-{{$item.id}}"><img src="{{$item.thumb}}" class="wall-item-photo{{$item.sparkle}} u-photo p-name" id="wall-item-photo-{{$item.id}}" alt="{{$item.name}}" /></a> <a href="{{$item.profile_url}}" title="{{$item.linktitle}}" class="wall-item-photo-link u-url" id="wall-item-photo-link-{{$item.id}}"><img src="{{$item.thumb}}" class="wall-item-photo{{$item.sparkle}} u-photo p-name" id="wall-item-photo-{{$item.id}}" alt="{{$item.name}}" /></a>
</div> </div>
<div class="wall-item-photo-end" style="clear:both"></div> <div class="wall-item-photo-end" style="clear:both"></div>
</div> </div>
{{if $item.title}}
<div class="wall-item-title" id="wall-item-title-{{$item.id}}" title="{{$item.title}}">
<h3>{{if $item.title_tosource}}{{if $item.plink}}<a href="{{$item.plink.href}}" title="{{$item.title}} ({{$item.plink.title}})">{{/if}}{{/if}}{{$item.title}}{{if $item.title_tosource}}{{if $item.plink}}</a>{{/if}}{{/if}}</h3>
</div>
{{/if}}
{{if $item.lock}} {{if $item.lock}}
<div class="wall-item-lock dropdown"> <div class="wall-item-lock dropdown">
<i class="fa fa-lock lockview dropdown-toggle" data-toggle="dropdown" title="{{$item.lock}}" onclick="lockview('item',{{$item.id}});" ></i><ul id="panel-{{$item.id}}" class="lockview-panel dropdown-menu"></ul>&nbsp; <i class="fa fa-lock lockview dropdown-toggle" data-toggle="dropdown" title="{{$item.lock}}" onclick="lockview('item',{{$item.id}});" ></i><ul id="panel-{{$item.id}}" class="lockview-panel dropdown-menu"></ul>&nbsp;
@ -45,7 +46,7 @@
</div> </div>
{{if $item.body}} {{if $item.body}}
<div class="wall-item-content" id="wall-item-content-{{$item.id}}"> <div class="p-2 wall-item-content" id="wall-item-content-{{$item.id}}">
<div class="wall-item-body e-content" id="wall-item-body-{{$item.id}}" > <div class="wall-item-body e-content" id="wall-item-body-{{$item.id}}" >
{{$item.body}} {{$item.body}}
</div> </div>
@ -53,7 +54,7 @@
</div> </div>
{{/if}} {{/if}}
{{if $item.has_tags}} {{if $item.has_tags}}
<div class="wall-item-tools"> <div class="p-2 wall-item-tools">
{{if $item.mentions}} {{if $item.mentions}}
<div class="body-tags" id="item-mentions"> <div class="body-tags" id="item-mentions">
<span class="tag">{{$item.mentions}}</span> <span class="tag">{{$item.mentions}}</span>
@ -77,7 +78,7 @@
<div class="clear"></div> <div class="clear"></div>
</div> </div>
{{/if}} {{/if}}
<div class="wall-item-tools"> <div class="p-2 wall-item-tools">
<div class="wall-item-tools-right pull-right"> <div class="wall-item-tools-right pull-right">
{{if $item.toplevel && $item.emojis && $item.reactions}} {{if $item.toplevel && $item.emojis && $item.reactions}}
<div class="btn-group dropdown"> <div class="btn-group dropdown">