QNA 18th QNA Modifications

Instructions

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'>"

Updates to Header Section

{% 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;
  }

Updates to Page(Index)

  {% 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 %}