<div class="RateThisPage">
    <div class="page-rate">
        <ul class="rating">
            <li><a href="javascript:goRating(393);" title="Very Poor (1 Star)" class="one-star">Very Poor</a></li>
            <li><a href="javascript:goRating(392);" title="Poor (2 Stars)" class="two-stars">Poor</a></li>
            <li><a href="javascript:goRating(391);" title="OK (3 Stars)" class="three-stars">OK</a></li>
            <li><a href="javascript:goRating(390);" title="Good (4 Stars)" class="four-stars">Good</a></li>
            <li><a href="javascript:goRating(389);" title="Excellent (5 Stars)" class="five-stars">Excellent</a></li>
        </ul>
    </div>
</div>
<div class="RateThisPage">
	<div class="page-rate">
		<ul class="rating">
			<li><a href="javascript:goRating(393);" title="Very Poor (1 Star)" class="one-star">Very Poor</a></li>
			<li><a href="javascript:goRating(392);" title="Poor (2 Stars)" class="two-stars">Poor</a></li>
			<li><a href="javascript:goRating(391);" title="OK (3 Stars)" class="three-stars">OK</a></li>
			<li><a href="javascript:goRating(390);" title="Good (4 Stars)" class="four-stars">Good</a></li>
			<li><a href="javascript:goRating(389);" title="Excellent (5 Stars)" class="five-stars">Excellent</a></li>
		</ul>
	</div>
</div>
/* No context defined for this component. */
  • Content:
    <script type="text/javascript">
        function goRating(idNum)
        {
            var postRating = '<form id="cmxcssform" action="http://www.cssgov.com/web/survey/formproc.aspx" method="post">';
            postRating = postRating + '<input type="hidden" name="selected" value="1" />';
            postRating = postRating + '<input type="hidden" name="AccessKey" value= "lyRoQZO/rW/q8/bhZYtF1DPk4WJ1cJlM91hT766nj5Nn1Lk3HpTwvpOb6rcCHDyg"/>';
            postRating = postRating + '</form>';
            $('body').append(postRating);
            var postRatingForm = document.getElementById("cmxcssform");
            postRatingForm.selected.value = idNum;
            postRatingForm.submit();
        }
    </script>
  • URL: /components/raw/rate-this-page/_rate-this-page.js
  • Filesystem Path: src/patterns/patterns/rate-this-page/_rate-this-page.js
  • Size: 672 Bytes
  • Content:
    .ratingNoJS li {
        display: inline;
    }
    
    .ratingNoJS {
        position: relative;
        text-align: left;
        padding: 0;
        list-style: none;
        background-position: left top;
        margin: 5px 0 0 10px;
    }
    
    .page-rate {
        background-image: url(/images/rating_bg.gif?v=1);
        background-repeat: no-repeat;
        bottom: 0;
        height: 71px;
        padding-left: 5px;
        padding-top: 25px;
        right: 0;
        width: 156px;
        margin: 5px auto;
        clear: both;
    }
    
    .page-rate .rating,
    .page-rate .rating a:hover,
    .page-rate .rating a:active,
    .page-rate .rating a:focus,
    .page-rate .rating {
        background-image: url(/images/starsGrid.gif);
    }
    
    .rating {
        position: relative;
        width: 50px;
        height: 10px;
        overflow: hidden;
        margin: 0;
        padding: 0;
        list-style: none;
        background-position: left top;
    }
    
    .rating li {
        display: inline;
    }
    
    .rating a,
    .rating .current-rating {
        position: absolute;
        top: 0;
        left: 0;
        height: 10px;
        line-height: 10px;
        outline: none;
        text-indent: -1000em;
        overflow: hidden;
        border: none;
    }
    
    .rating a:hover,
    .rating a:active,
    .rating a:focus {
        background-position: left bottom;
    }
    
    .rating a.one-star {
        width: 20%;
        z-index: 6;
    }
    
    .rating a.two-stars {
        width: 40%;
        z-index: 5;
    }
    
    .rating a.three-stars {
        width: 60%;
        z-index: 4;
    }
    
    .rating a.four-stars {
        width: 80%;
        z-index: 3;
    }
    
    .rating a.five-stars {
        width: 100%;
        z-index: 2;
    }
    
    .rating .current-rating {
        background-position: left center;
        z-index: 1;
    }
    
    .page-rate .rating {
        position: relative;
        width: 150px;
        height: 28px;
        overflow: hidden;
        list-style: none;
        margin: 3px 0 0 0;
        padding: 0;
        background-position: left top;
    }
    
    .page-rate .rating a,
    .page-rate .rating .current-rating {
        height: 25px;
        line-height: 31px;
    }
  • URL: /components/raw/rate-this-page/_rate-this-page.scss
  • Filesystem Path: src/patterns/patterns/rate-this-page/_rate-this-page.scss
  • Size: 1.8 KB

There are no notes for this item.