http://bellsareringing.forumotion.com
phpBB3
Hi,
On the new mobile version, I have (as mod/admin) three editing tools:
1. Edit.
2. Delete.
3. Quote.
If I click EDIT, it directs me to the mobile version of a screen called "Modify". Perfect.
If I click DELETE, it directs to the mobile version of a screen called "Information" where I'm asked to confirm if I wish to delete the post. Perfect.
If I click QUOTE, it directs me back to the classic version. Why?
Is there a fix for this so that I can quote within the mobile version rather than jumping back to the classic version where I have to do the pinch-squeezy-finger thing to see what I'm doing?
My full CSS is below as well as the mobile "view topic_body""
CSS:
view topic_body:
phpBB3
Hi,
On the new mobile version, I have (as mod/admin) three editing tools:
1. Edit.
2. Delete.
3. Quote.
If I click EDIT, it directs me to the mobile version of a screen called "Modify". Perfect.
If I click DELETE, it directs to the mobile version of a screen called "Information" where I'm asked to confirm if I wish to delete the post. Perfect.
If I click QUOTE, it directs me back to the classic version. Why?
Is there a fix for this so that I can quote within the mobile version rather than jumping back to the classic version where I have to do the pinch-squeezy-finger thing to see what I'm doing?
My full CSS is below as well as the mobile "view topic_body""
CSS:
- Code:
/*Vote Button*/
.vote .vote-button, .vote-no-bar {
display:none;
}
.vote .vote-button:first-child {
display:block;
}
.vote .vote-button a {
background-image: url('http://i86.servimg.com/u/f86/19/33/21/71/blue_l10.png') !important;
background-repeat:no-repeat;
padding-right: 50px;
padding-top: 50px;
font-size:0 !important;
}
.vote { width:auto }
/*Vote System*/
.VCount:before{
content: url('http://i86.servimg.com/u/f86/19/33/21/71/blue_l10.png');
opacity:1;
filter:alpha(opacity=50);
}
.VCount{
color:#00;
font-size:12px;
font-weight:bold;
text-shadow:1px 1px 0px rgba(0,120,0, 0.3);
font-family: Verdana,Arial,Helvetica,sans-serif;
cursor:default;
}
.VPlus{
color:#00 !important;
font-size:15px;
font-weight:bold;
text-shadow:1px 1px 0px rgba(0,120,0, 0.1);
font-family: Verdana,Arial,Helvetica,sans-serif;
position:relative;
left:9px;
z-index:1;
}
.vote{
opacity:0;
filter:alpha(opacity=0);
}
/*Header Logo*/
#logo img { width:100%; }
/*page width*/
#wrap { width:97% !important; }
body {
@media (max-width: 700px)}
/*Toolbar colour*/
#fa_toolbar, #fa_toolbar_hidden {background-color: #4A1D1D !important;}
/*Hide Search Bar*/
#page-header #search-box { display:none }
/*Icon Spacing ToolBar*/
.fa_network {
margin:0 5px;
max-height:40px;
max-width:40px;
}
#fa_toolbar { height: 50px ! important }
#fa_toolbar { width : 100% ! Important }
/* button image */
.sceditor-button-mention div { background-image:url(http://i19.servimg.com/u/f19/18/21/60/73/scemen10.png) !important }
/* drop down input */
#fa-mention {
background:url(http://i19.servimg.com/u/f19/18/21/60/73/scemen10.png) no-repeat 3px 50% #FFF;
padding-left:22px;
}
/*Profile Box*/
.postprofile {
text-align:center;
background:#;
border:1px solid #CCC;
border-radius:3px;
margin: 10px 0px 0px;
padding: 10px 3px 3px;
box-shadow: 01px 1px 5px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0);
min-height: 80px;
position: relative;
max-width: 277px;
word-wrap: break-word;
}
.postprofile dd, .postprofile dt { margin-left:0 }
blockquote blockquote {
background-color: #ECECEC;
font-size: 1.0em;
margin: 0.5em 1px 0pt 15px;}
.postprofile dd, .postprofile dt { margin-left:0 }
/* offline image */
.post .postprofile {
background-image:url('http://i86.servimg.com/u/f86/18/45/72/48/tbar_n33.png');
background-repeat:no-repeat;
background-position:center 0px;
}
/* online image */
.post.online .postprofile {
background-image:url('http://i86.servimg.com/u/f86/18/45/72/48/tbar_n32.png');
background-repeat:no-repeat;
background-position:center 0px;
}
.postprofile .label {
float: left;
margin-left: -3px;
margin-right: 3px;
width: 50%;
text-align: right;
}
.postprofile .label, .postprofile .label span {
font-weight: 700;
color: #39C !important;
}
* {
margin: 0px;
padding: 00px;}
.postprofile dd {
color: #333;
text-align: left;
}
.postprofile dd, .postprofile dt {
line-height: 1.2em;}
.postprofile dd:last-child, .postprofile dt + dd {
text-align: center;}
.postprofile { padding-top:70px }
#content-container div#right {
float: right;
overflow: hidden;
width: 220px;
padding-top: 46px;
}
li.row { position:relative }
/*Last Post Icon location*/
.lastpost > span > a:last-child, .lastpost > div > span > a, .last-post-icon {
position:absolute;
right:10px;
top:10%;
}
ul.topics dd.dterm, ul.topics dt {
display: block;
float: left;
padding-left: 55px;
width: 50%;
}
.dterm a[href$="?view=newest"] { display:none; }
.postprofile dt img {
max-height:125px;
max-width:125px;
}
#login_popup{background-color: #07005e;max-height:600px;colour:#d4c196;border:1px solid white;border-radius:5px;padding:25px;}
ul.linklist li.rightside a {
display: inline-block !important;
}
div#main-content ul.linklist {
display: none !important;
}
/* Spacing between topic and body text */
.postbody .content {
margin-top:10px; !important;
}
/* Topic border width */
.forabg {
padding: 1px;
}
/* Footer width for all devices */
.floating_foot_list {
float: left;
width: 25%;
min-width: 320px;
}
/* Customised Quote box */
blockquote div { margin-left: 3px!important; }
blockquote blockquote { margin: 0.5em 10px 0pt 10px!important; }
blockquote, .codebox {
background:#FFF;
border:1px solid #A0C9E3;
border-bottom-width:1px;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 5px;
padding-left: 0px !important;
}
blockquote cite, .codebox dt {
color:#FFF;
background:#A0C9E3;
border-radius:1px;
padding:6px;
}
blockquote cite, .cite_content {
border:none;
padding:5px;
border-radius:1px;
margin-bottom:10px;
}
/* Customised Spoiler box */
dl.codebox {
background:#A0C9E3;
border:1px solid #A0C9E3;
border-radius:1px;
}
dl.codebox dt {
color:#FFF;
padding:1px;
}
dl.codebox dd, .spoiler_content {
color:#666;
background:#FFF;
border:none;
padding:6px;
border-radius:1px;
}
/* LAST POST AVATAR */
#fa_popup_content > div.post .postprofile dt > a, #main-content > div.post .postprofile dt > a,
#userAvatar, .avatar, .mod-login-avatar dt, .postprofile dt > img,
td.avatar-mini img {
background: transparent;
border-radius: 100px;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4), 0 -1px 1px rgba(0, 0, 0, 0.4);
display: inline-block;
height: 100px;
margin: 0px 10px;
margin-bottom: 10px;
overflow: hidden;
padding: 5px;
width: 100px
}
#fa_popup_content > div.post .postprofile dt img, #main-content > div.post .postprofile dt img,
#userAvatar img, .avatar img, .lastpost-avatar img, .mod-login-avatar dt > img,
td.avatar-mini img {
border-radius: 100px;
height: 100px;
width: 100px
}
.lastpost-avatar, td.avatar-mini img {
height: 54px;
width: 54px;
}
.lastpost-avatar img {
background: none repeat scroll 0 0 #fff;
border: 1px solid #d8d8d8;
float: left;
height: 54px;
margin-right: 5px;
padding: 2px;
width: 54px;
}
/* mention styles */
a.fa-mention {
color:#A0C9E3;
}
/* mention hover styles */
a.fa-mention:hover {
color:#FFF;
background:#A0C9E3;
border-radius:1px;
padding:6px;
}
body .tooltipster-default {
background:#A0C9E3;
color:#FFF;
}
body .tooltip-actions {
background:#FFF;
color:#FFF;
}
.tooltipster-arrow span {
border-top-color:#A0C9E3 !important;
color:#FFF;
}
.tooltip-avatar img { background: #FFF; border: 1px solid #CCC; border-radius: 100px; height: 80px; overflow: hidden; padding: 2px; width: 80px;}
/* hover-over avatar */
/* mention avatar */
.mentiontag {
background:rgba(0, 0, 0, 0.05);
border:1px solid rgba(0, 0, 0, 0.1);
border-radius:3px;
display:inline-block;
padding:1px 3px;
margin:1px;
}
/* mobile header and text colour */
#wrap .mobile_title{
background-color:#4A1D1D;
color:#FFF;
}
/* mobile pagination arrow colours */
.mobile_title .mobile_next_button:after, .mobile_title .mobile_prev_button:after {
color: #FFF;
}
.mobile_prev_button p, .mobile_next_button p {
color:#FFF;
text-shadow:none;
font-size: 14px;
}
.mobile_title .mobile_next_button:after, .mobile_title .mobile_prev_button:after {
color: #222222;
font-size: 0px;
}
.forum_new:before, .folder_new:before {
background-color: #91BFDE;
border-color: #91BFDE;
}
.avatarMobile img {
width:40px;
height:40px;
}
#mpage-body .vote {
float:right;
text-align:center;
}
#fa_notifications {display:none!important}
body #fa_toolbar, body #fa_toolbar_hidden {
display:none;
}
main .vote { margin-top:10px; }
main .vote-button a {
color:#FFF;
background:#0598E4;
padding:0 6px;
height:24px;
line-height:24px;
display:inline-block;
border-radius:3px;
}
#mpage-body-modern .post-content img {
max-width:100%;
}
#mpage-body .vote {
float:right;
text-align:center;
}
#fa_popup_overlay {
background-color:#FFF;
opacity:0.8;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
}
#fa_popup {
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#FFF;
border-radius:3px;
position:fixed;
top:50px;
left:12%;
right:12%;
bottom:30px;
padding:3px;
width:auto;
overflow:hidden;
box-shadow:0px 3px 10px rgba(34, 25, 25, 0.4);
}
#fa_popup_content {
border:1px solid #EEE;
border-radius:3px;
padding:3px;
overflow:auto;
height:90%;
}
.fa_popup_title {
color:#333;
font-size:12px;
font-weight:bold;
font-family:"Trebuchet MS", Arial, Verdana, Sans-serif;
border-bottom:1px solid #333;
margin:8px 0;
padding-bottom:2px;
}
input.fa_popup_button, a.fa_popup_button {
color:#FFF !important;
font-size:12px;
font-weight:bold;
text-indent:0;
text-decoration:none !important;
background-color:#39C;
border:none;
border-bottom:2px solid #17A;
border-radius:3px;
display:inline-block;
line-height:20px;
padding:0 6px;
cursor:pointer;
transition:300ms;
}
input.fa_popup_close {
background-color:#E53;
border-color:#C31;
min-width:25px;
position:absolute;
top:2px;
right:2px;
}
input.fa_popup_button:hover, a.fa_popup_button:hover {
background-color:#333;
border-color:#111;
}
input.fa_popup_button:focus, a.fa_popup_button:active, a.fa_popup_button:focus {
background-color:#EB5;
border-color:#C93;
outline:none;
}
.fa_popup_error {
color:#966;
font-size:12px;
background:#FEE;
border:1px solid #ECC;
border-bottom-width:2px;
border-radius:3px;
padding:9px 6px;
margin:6px;
}
.fa_popup_friends {
background:#EEE;
border:1px solid #DDD;
border-bottom-width:2px;
border-radius:3px;
display:inline-block;
padding:3px;
margin:3px;
float:none;
overflow:hidden;
}
#fa_popup .add_success { color:#8B5 }
#fa_popup .deny_success { color:#E53 }
#fa_popup .add_failed { color:#EB5 }
.fa_popup_loading {
color:#333;
font-size:14px;
font-weight:bold;
text-align:center;
padding:25px;
}
.fa_popup_more {
text-align:center;
margin:3px;
clear:both;
}
/* data corrections */
#fa_popup_content > td { display:block }
#fa_popup.pun tbody.statused span.status { position:static }
#fa_popup .post .vote { display:none }
/*
** The Bells Are Ringing
** May 2016
** By Troy Eccles
**/
view topic_body:
- Code:
<script type="text/javascript">
//<![CDATA[
var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
try
{
var regId = parseInt(id, 10);
if( isNaN(regId) ) { regId = 0; }
if( regId > 0)
{
$('.post--' + id).toggle(0, function()
{
if( $(this).is(":visible") )
{
$('#hidden-title--' + id).html(hiddenMsgLabel.visible);
}
else
{
$('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
}
});
}
}
catch(e) { }
return false;
};
//]]>
</script>
<!-- BEGIN topicpagination -->
{PAGINATION}
<!-- END topicpagination -->
{POLL_DISPLAY}
<!-- BEGIN postrow -->
<div id="{postrow.U_POST_ID}" class="topic">
<!-- BEGIN hidden -->
<div class="post {postrow.hidden.ROW_CLASS}" style="{postrow.displayed.DISPLAYABLE_STATE}">
<p style="text-align:center">{postrow.hidden.MESSAGE}</p>
</div>
<!-- END hidden -->
<!-- BEGIN displayed -->
<div id="p{postrow.displayed.U_POST_ID}" class="post-section {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}">
<div class="post-head">
<div class="post-icon"><i class="material-icons">person</i>{postrow.displayed.POSTER_AVATAR}</div>
<div class="post-info">
<h2>{postrow.displayed.POST_DATE_NEW}</h2>
<div class="post-details">{L_TOPIC_BY} {postrow.displayed.POSTER_NAME}</div>
</div>
</div>
<div class="post-content">
{postrow.displayed.MESSAGE}
<!-- BEGIN switch_attachments -->
<div class="attachbox">
<p class="title">{postrow.displayed.switch_attachments.L_ATTACHMENTS}</p>
<dl class="attachments">
<!-- BEGIN switch_post_attachments -->
<dt>
<!-- BEGIN switch_dl_att -->
<a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
<!-- END switch_dl_att -->
<!-- BEGIN switch_no_dl_att -->
{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
<!-- END switch_no_dl_att -->
</dt>
<dd>
<!-- BEGIN switch_no_comment -->
<p>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</p>
<!-- END switch_no_comment -->
<!-- BEGIN switch_no_dl_att -->
<p><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></p>
<!-- END switch_no_dl_att -->
<p>(<span class="ltr">{postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}</span>) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</p>
</dd>
<!-- END switch_post_attachments -->
</dl>
</div>
<!-- END switch_attachments -->
</div>
{postrow.displayed.EDITED_MESSAGE}
<ul class="post-buttons">
<li>{postrow.displayed.QUOTE_IMG}</li>
<li>{postrow.displayed.EDIT_IMG}</li>
<li>{postrow.displayed.DELETE_IMG}</li>
</ul>
</div>
<!-- BEGIN first_post_br -->
<hr id="first-post-br" />
<!-- END first_post_br -->
<!-- END displayed -->
</div>
<!-- END postrow -->
<!-- BEGIN topicpagination -->
{PAGINATION}
<!-- END topicpagination -->
{INLINE_MESSAGE}
{QUICK_REPLY_FORM}
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}" rel="nofollow" class="btn-floating">
<i class="material-icons"></i>
</a>
<!-- END switch_user_authreply -->
<style>
/* css fix button quote mobile forumotion ww.hotrofm.net */
a[href*="mode=quote"] img {
display: none;
}
a[href*="mode=quote"]:after {
content: "❝";
font-size: 30px;
line-height: 50px;
}</style>