Skip to content

Instantly share code, notes, and snippets.

@DeskSupport
Created October 18, 2011 20:39
Show Gist options
  • Save DeskSupport/1296648 to your computer and use it in GitHub Desktop.
Save DeskSupport/1296648 to your computer and use it in GitHub Desktop.
QNA 18th QNA Modifications
1. UPDATES TO HEADER SECTION:
Copy the Updates to Header Section CSS to the end of the main <style> block of the Advanced Mode Template editor. You will insert this new CSS after:
#gs_search_title h5 {
font-size:20px;
border-bottom:1px solid #DDDDDD;
margin:0 0 20px;
padding:0 0 20px;
}
and before:
</style>
<!-- OVERRIDES -->
{{ override_css }}
<!-- OVERRIDES -->
2. UPDATES TO HEADER SECTION:
Copy the Update to Page(Index) from below into the Page(Index) section of the Advanced Mode Template editor in a new line after "<div id='support-main'>"
{% comment %}
INSTRUCTIONS:
Copy the following CSS to the end of the <style> block of the Advanced Mode Template editor in after:
#gs_search_title h5 {
font-size:20px;
border-bottom:1px solid #DDDDDD;
margin:0 0 20px;
padding:0 0 20px;
}
and before:
</style>
<!-- OVERRIDES -->
{{ override_css }}
<!-- OVERRIDES -->
{% endcomment %}
#question-best-answer {
border: 1px solid #ddd;
background: #FFF;
border-radius: 5px;
margin: 0 0 25px 70px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 20px 20px 0;
}
#support-main .agent-answer-label {
margin: 0 0 10px;
}
#support-main #question-best-answer .reply {
height: 1%;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
}
#support-main .best-answer-green {
position: absolute;
right: 0;
background: url('{{ "/images/portal/check.png" | portal_image_url: image_asset_host }}') 0 center no-repeat;
padding: 0 0 0 15px;
color: #6db400;
font-weight: bold;
}
#support-main .best-answer-green a {
color: #6db400;
}
#support-main .best-answer-green a:hover {
text-decoration: none;
}
#support-main #question-best-answer-heading {
margin: 30px 0 10px 0;
}
{% if just_moderated %}
<div id="modal-screen">&nbsp;</div>
<div id="modal">
<div class="inner">
<div class="main">
<h1>Your post is being submitted to a moderator</h1>
<p class='subheader'>
It will not be shown until it has been reviewed and approved.
</p>
<div id='form'>
<div class='input-button'>
<input id='moderation_okay_button' name='commit' type='submit' value='OKAY, I UNDERSTAND' />
<img alt='Ajax-loader-small' id='question_submit_spinner' src='{{ "/images/ajax-loader-small.gif" | portal_image_url: image_asset_host }}' style='display: none; margin: 7px 0 0 5px; position: absolute;'/>
</div>
</div>
</div>
</div>
</div>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('h5 a').css('display', 'none');
});
$("#moderation_okay_button").click(function() {
$('h5 a').css('display', 'inline');
$('#modal-screen').hide();
$('#modal').hide();
});
$("#modal-screen").css({
"opacity":"0.7"
});
if($.browser.msie && $.browser.version < 7) {
$("#qna_kb_topic_id").css("display","none");
$("#modal-screen").css({
"width": $(window).width() + "px",
"height": $(window).height() + "px"
});
}
</script>
{% endif %}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment