Help Desk Information Stadium Documents

2016 Header for Qualtrics and Partial Reload sites

This is the responsive header for sites that use a partial reload and so break the javascript loading process for the normal CSU Header.

 

It skips the javascript call and puts the graphic directly in the page.  The SVG can’t be saved as a file and still have the several versions controlled by css, so skip that.

 

<link href=”https://secure.casa.colostate.edu/qualtrics.css” id=”externalStyleSheet” rel=”stylesheet” title=”externalStyleSheet”
type=”text/css” />
<header class=”header” itemscope=”” itemtype=”http://schema.org/WPHeader” role=”banner”>
<div class=”wrap cf” id=”inner-header” style=”padding: 5px;”>
<section id=”BrandLogo”>
<div class=”responsiveLogoContainer”>
<div id=”responsiveLogo”>
<div>
<h1>
<a href=”http://www.colostate.edu”>
<span class=”sr-only”>Colorado State University</span>
<svg xmlns=”http://www.w3.org/2000/svg”
xmlns:xlink=”http://www.w3.org/1999/xlink” viewBox=”0 0 988.5 125″ enable-background=”new 0 0 988.5 125″>
<title>Colorado State University – responsive signature graphic</title>

<g id=”signatureword”>
<g id=”signaturetop”>

<path d=”m159.1 42.2h-12.8c-5.7 0-8.8 2.8-8.8 8v22.6c0 5.2 3.1 8 8.8 8h12.8c5.7 0 8.8-2.8 8.8-8v-6h-8.5v5.6c0 .5-.1 1.1-1.4 1.1h-10.8c-1.1 0-1.3-.5-1.3-1.1v-21.8c0-.6.2-1.1 1.3-1.1h10.8c1.3 0 1.4.6 1.4 1.1v5.6h8.5v-6c0-5.1-3.2-8-8.8-8″
/>
<path d=”m198.4 42.2h-13.5c-5.7 0-8.8 2.8-8.8 8v22.6c0 5.2 3.1 8 8.8 8h13.5c5.7 0 8.8-2.8 8.8-8v-22.6c0-5.1-3.2-8-8.8-8m.3 8.4v21.9c0 .5-.1 1.1-1.4 1.1h-11.5c-1.1 0-1.3-.5-1.3-1.1v-21.9c0-.6.2-1.1 1.3-1.1h11.5c1.3 0 1.4.5 1.4 1.1″
/>
<path d=”m223.9 42.2h-8.5v38.6h26.5v-7.3h-18z” />
<path d=”m270.8 42.2h-13.5c-5.7 0-8.8 2.8-8.8 8v22.6c0 5.2 3.1 8 8.8 8h13.5c5.7 0 8.8-2.8 8.8-8v-22.6c0-5.1-3.1-8-8.8-8m.3 8.4v21.9c0 .5-.1 1.1-1.4 1.1h-11.5c-1.1 0-1.3-.5-1.3-1.1v-21.9c0-.6.2-1.1 1.3-1.1h11.5c1.3 0 1.4.5 1.4 1.1″
/>
<path d=”m317.9 58.5v-8.3c0-5.2-3.1-8-8.8-8h-21.3v38.6h8.5v-14.3h6.8l7.4 14.3h9.3l-7.6-14.6c3.7-.9 5.7-3.6 5.7-7.7m-21.6-9.1h11.9c1.1 0 1.3.5 1.3 1.1v7.8c0 .6-.2 1.1-1.3 1.1h-11.9v-10″
/>
<path d=”m339.2 42.2l-14.2 38.6h8.9l3.1-9.1h13.3l3.1 9.1h9.3l-14.2-38.6h-9.3m8.7 22.2h-8.5l4.2-12.6 4.3 12.6″
/>
<path d=”m391 42.2h-21.8v38.6h21.8c5.7 0 8.8-2.8 8.8-8v-22.6c0-5.1-3.1-8-8.8-8m-13.2 7.3h12.3c1.1 0 1.3.5 1.3 1.1v21.9c0 .6-.2 1.1-1.3 1.1h-12.3v-24.1″
/>
<path d=”m430.2 42.2h-13.5c-5.7 0-8.8 2.8-8.8 8v22.6c0 5.2 3.1 8 8.8 8h13.5c5.7 0 8.8-2.8 8.8-8v-22.6c0-5.1-3.1-8-8.8-8m.4 8.4v21.9c0 .6-.2 1.1-1.4 1.1h-11.5c-1.1 0-1.3-.5-1.3-1.1v-21.9c0-.6.2-1.1 1.3-1.1h11.5c1.3 0 1.4.5 1.4 1.1″
/>
<path d=”m481.7 58.7l-10.6-2.1c-1.9-.4-2-.8-2-1.8v-4.3c0-.5.1-1.1 1.4-1.1h9.9c1.1 0 1.3.5 1.3 1.1v4.5h8.4v-4.7c0-5.2-3.1-8-8.8-8h-11.8c-5.7 0-8.8 2.8-8.8 8v5.4c0 5.6 4.3 7.3 8.9 8.2l10.6 2.2c1.8.4 2 .7 2 1.7v4.8c0 .7-.2 1.1-1.3 1.1h-10.7c-1.1 0-1.3-.5-1.3-1.1v-4.9h-8.4v5.1c0 5.2 3.1 8 8.8 8h12.5c5.7 0 8.8-2.8 8.8-8v-6c0-5.6-4.3-7.2-8.9-8.1″
/>
<path d=”m527.4 42.2h-31v7.2h11.3v31.4h8.5v-31.4h11.2z” />
<path d=”m540.4 42.2l-14.2 38.6h8.9l3.1-9.1h13.3l3.1 9.1h9.3l-14.2-38.6h-9.3m8.7 22.2h-8.5l4.2-12.6 4.3 12.6″
/>
<path d=”m562.6 49.4h11.3v31.4h8.4v-31.4h11.3v-7.2h-31z” />
<path d=”m599.5 80.8h27.9v-7.3h-19.4v-8.8h16v-7.2h-16v-8h19.4v-7.3h-27.9z” />
</g>
<g id=”signaturebottom”>
<path d=”m672 72.4c0 .6-.2 1.1-1.3 1.1h-11.3c-1.2 0-1.4-.5-1.4-1.1v-30.2h-8.5v30.6c0 5.2 3.1 8 8.8 8h13.3c5.7 0 8.8-2.8 8.8-8v-30.6h-8.4v30.2″
/>
<path d=”m713.2 66.9l-16-24.7h-8.5v38.6h8.1v-25.4l16.5 25.4h8v-38.6h-8.1z” />
<path d=”m729.5 42.2h8.5v38.6h-8.5z” />
<path d=”m762.7 70.5l-8.8-28.3h-9.2l13.4 38.6h9.1l13.4-38.6h-9z” />
<path d=”m787.1 80.8h28v-7.3h-19.5v-8.8h16.1v-7.2h-16.1v-8h19.5v-7.3h-28z” />
<path d=”m853.1 58.5v-8.3c0-5.2-3.1-8-8.8-8h-21.3v38.6h8.5v-14.3h6.8l7.4 14.3h9.3l-7.6-14.6c3.6-.9 5.7-3.6 5.7-7.7m-21.7-9.1h11.9c1.1 0 1.3.5 1.3 1.1v7.8c0 .6-.2 1.1-1.3 1.1h-11.9v-10″
/>
<path d=”m882 58.7l-10.6-2.1c-1.9-.4-2-.8-2-1.8v-4.3c0-.5.1-1.1 1.4-1.1h9.9c1.1 0 1.3.5 1.3 1.1v4.5h8.4v-4.7c0-5.2-3.1-8-8.8-8h-11.8c-5.7 0-8.8 2.8-8.8 8v5.4c0 5.6 4.3 7.3 8.9 8.2l10.6 2.2c1.8.4 2 .7 2 1.7v4.8c0 .7-.2 1.1-1.3 1.1h-10.7c-1.1 0-1.3-.5-1.3-1.1v-4.9h-8.4v5.1c0 5.2 3.1 8 8.8 8h12.5c5.7 0 8.8-2.8 8.8-8v-6c0-5.6-4.3-7.2-8.9-8.1″
/>
<path d=”m898.8 42.2h8.5v38.6h-8.5z” />
<path d=”m913.2 49.4h11.2v31.4h8.5v-31.4h11.2v-7.2h-30.9z” />
<path d=”m974.3 42.2l-9 16.8-9-16.8h-9.3l14 25.1v13.5h8.5v-13.5l14-25.1z” />
</g>
</g>
<g id=”signaturehead”>
<g fill=”#cbc46e”>
<path d=”m62.5 117.6c-30.4 0-55.1-24.7-55.1-55.1 0-30.4 24.7-55.1 55.1-55.1 30.4 0 55.1 24.7 55.1 55.1 0 30.4-24.7 55.1-55.1 55.1″
/>
<path d=”M62.5,120C30.8,120,5,94.2,5,62.5C5,30.8,30.8,5,62.5,5C94.2,5,120,30.8,120,62.5
C120,94.2,94.2,120,62.5,120z” />
</g>
<path d=”m62.5 7.4c-30.4 0-55.1 24.7-55.1 55.1 0 30.4 24.7 55.1 55.1 55.1 30.4 0 55.1-24.7 55.1-55.1 0-30.4-24.7-55.1-55.1-55.1″
fill=”#004c23″ />
<g fill=”#fff”>
<path d=”m53.8 75.5c1.5-2.3 3.1-7.5 2.2-9.6-1.5-.6-3.3-1.8-4.4-3.4-1.1-1.6-1.7-3.3-3.6-3.8-1.3-.5-2.7-.2-3.7.4-1.7 1-2.1 3.3-2.3 5.1-.1 3.8.6 9.3 2.2 12.8 1 2.6 3.2 6.9 6 11-.8-6.5 2.8-10.8 3.6-12.5m-4.9-8.3c-.7-1.3-2.6-1-3.5-1.6-1.4-.9-1.4-2.9 0-4.2 1.8-1.6 6.3 3.5 5.3 7.6-.5.1-.7-.1-1.8-1.8″
/>
<path d=”m39.3 51.5c-2 .3-2.3 3.2-.9 5-1.4-.2-3.4-2-8.3-.5-1.7.5-3.6 1.2-3.8 3.4-.2 1.6 2 3.3 3.4 4.3 1.4 1.1 3.7 1.2 4.8 2.9 1 1.5 1.7 3.8 2 5.8.4 4 .4 8.9 3.1 12.2.5-1.9-.9-6.3-.9-11.9 0-2.1-.8-4.5-2.1-6 2.3-.2 2.3.1 2.5-.6.2-.7-.2-1.5-.7-2.1-1.6-1.9-4-.9-6.1-1.6-1.4-.5-3.5-1.2-3.6-3.1-.1-1.3 4-1.6 4-1.6 3.3.3 2.9 2.1 5.2 2.3 1.9.2 2.6-1.8 3.2-3 1-2.1 2-6.1-1.8-5.5″
/>
<path d=”m62.6 72.1c0 0 0 0 0 0-1.9 0-2.8 1.5-4.5 3.3-2.9 3.1-8.8 10.9-4.5 14.6 1.9 1.6 4.4 2.8 7.8 1.7.9-.6.4-2.3-.1-3.1-1.6-2.1-4.1-1.3-4.8-2.3-.7-1-.2-1.8.2-2.3.6-.7 1.6-.6 2.4-.3 1.5.3 2.4.9 3.4 1.8v.1c0 0 0 0 0 0v-.1c.9-.9 1.9-1.5 3.4-1.8.8-.2 1.8-.4 2.3.3.4.5.9 1.3.2 2.3-.7 1-3.2.2-4.8 2.3-.4.8-1 2.5-.1 3.1 3.5 1 5.9-.1 7.8-1.7 4.3-3.7-1.6-11.5-4.5-14.6-1.4-1.8-2.4-3.3-4.2-3.3″
/>
<path d=”m95.4 55.9c-4.8-1.5-6.9.4-8.3.5 1.5-1.7 1.2-4.7-.9-5-3.8-.6-2.7 3.5-1.8 5.4.6 1.2 1.3 3.2 3.2 3 2.3-.2 1.9-2 5.2-2.3 0 0 4.1.3 4 1.6-.2 1.9-2.3 2.6-3.7 3.1-2 .7-4.4-.3-6.1 1.6-.5.6-.9 1.4-.7 2.1.2.7.3.4 2.5.6-1.3 1.6-2 4-2 6-.1 5.6-1.5 10-.9 11.9 2.7-3.3 2.7-8.2 3.1-12.2.3-2.1 1-4.3 2-5.8 1.2-1.8 3.4-1.8 4.8-2.9 1.4-1 3.5-2.7 3.4-4.3-.3-2.1-2.2-2.7-3.8-3.3″
/>
<path d=”m62.5 10.4c-28.7 0-52.1 23.4-52.1 52.1 0 28.7 23.4 52.1 52.1 52.1 28.7 0 52.1-23.4 52.1-52.1 0-28.7-23.4-52.1-52.1-52.1m30.8 90.8c0 0 0 0 0 0m1.9-2.6c-1.6.6-3.2.9-4.9.1-1.3-.6-2.1-1.8-2.3-3.2-.3-2.1.9-4.5 1.9-6.2 1.4-2.3 4.6-6.4 8.3-9.2 5.2-3.9 8.9-5 7.5-5.8-.9-.6-5.9 2.1-6.9 2.6-5.6 2.9-13.3 11.2-14.2 17.3-.7 4.4 4 7.7 7.7 7.2-12.1 9.9-25.4 10.3-29.9 10.4-4.4-.1-17.8-.4-29.9-10.4 3.7.5 8.4-2.8 7.7-7.2-.9-6.2-8.6-14.5-14.1-17.3-1-.5-5.9-3.2-6.9-2.6-1.4.9 2.3 2 7.5 5.8 3.7 2.7 6.9 6.8 8.2 9.2 1.1 1.6 2.2 4.1 1.9 6.2-.2 1.4-1.1 2.7-2.3 3.2-1.6.7-3.3.5-4.9-.1-2.5-.9-4.5-2.8-6.2-5.2-3.3-4.4-6.5-9.5-8.1-14.9 1.4 3.1 10.2 16 14.1 16.2 4 .2-3.9-10.5-9.4-15-1.3-1.1-2.8-2.3-3.1-4.4-.2-1.5.5-2.4 2-2.5 2.2-.1 7.9 2.9 7.9 2.8-9.9-17.7 5.2-26.6-1-30.5-2.2-1.4-6.8 0-9.3.4 23.2-13.7 27.3 0 34.3 6.3 1.1 1 6 0 7-1.2 1.2-1.5 3.7-6.9.9-10.4-4-5-20.1-19.5-35.1-7.8 7.8-11.4 24.2-19.6 38.9-19.1 14.6-.4 31 7.8 38.8 19.1-15.1-11.7-31.1 2.8-35.1 7.8-2.8 3.5-.3 8.9.9 10.4 1 1.2 5.9 2.2 7 1.2 7-6.3 11.1-20 34.3-6.3-2.5-.4-7.2-1.8-9.3-.4-6.3 3.9 8.8 12.8-1 30.5.1.1 5.8-2.8 7.9-2.8 1.4.1 2.2 1 2 2.5-.3 2-1.8 3.3-3.1 4.4-5.5 4.5-13.4 15.2-9.4 15 3.9-.2 12.8-13.1 14.1-16.2-1.6 5.4-4.9 10.5-8.1 14.9-1.8 2.4-3.8 4.3-6.3 5.2″
/>
<path d=”m80.6 59c-1-.6-2.5-.8-3.7-.4-1.9.5-2.5 2.3-3.6 3.8-1.1 1.6-2.9 2.8-4.4 3.4-.9 2.2.7 7.3 2.2 9.6.9 1.8 4.4 6 3.6 12.4 2.8-4.1 5-8.4 6-11 1.6-3.5 2.4-9.1 2.2-12.8-.1-1.7-.6-4-2.3-5m-1 6.6c-.9.5-2.8.3-3.5 1.6-1 1.7-1.3 2-1.7 1.8-1-4 3.5-9.2 5.3-7.6 1.3 1.2 1.4 3.3-.1 4.2″
/>
<path d=”m68.2 92.7c-1.9.2-4 .6-5.6.6-1.7 0-3.8-.4-5.6-.6-.3 0-.5.2-.5.2-1.1 2.4 5.2 3.7 6.1 3.6.9 0 7.3-1.3 6.2-3.6 0 0-.3-.2-.6-.2″
/>
</g>
</g>

<g id=”signaturewordMD” fill=”#004c23″ transform=”translate(10,5) scale(.71)”>
<use xlink:href=”#signaturetop” transform=”translate(43 -9)” />
<use xlink:href=”#signaturebottom” transform=”translate(-469 48)” />
</g>
<g id=”signaturewordLG” fill=”#004c23″>
<use xlink:href=”#signaturetop” />
<use xlink:href=”#signaturebottom” />
</g>

<g id=”signaturecsu” fill=”#004c23″>
<path d=”m178.6 25.2h-22.2c-9.8 0-15.3 4.9-15.3 13.9v39.2c0 8.9 5.4 13.9 15.3 13.9h22.2c9.8 0 15.3-4.9 15.3-13.9v-10.5h-14.7v9.8c0 .9-.2 1.9-2.4 1.9h-18.7c-2 0-2.3-.9-2.3-1.9v-37.9c0-1 .3-1.9 2.3-1.9h18.7c2.2 0 2.4 1 2.4 1.9v9.8h14.7v-10.5c-.1-8.9-5.5-13.8-15.3-13.8″
/>
<path d=”m240.4 53.7l-18.4-3.7c-3.3-.7-3.5-1.3-3.5-3.1v-7.5c0-1 .2-2 2.4-2h17.1c1.9 0 2.3.8 2.3 2v7.7h14.5v-8.1c0-8.9-5.4-13.9-15.3-13.9h-20.5c-9.8 0-15.3 4.9-15.3 13.9v9.4c0 9.7 7.4 12.6 15.4 14.2l18.4 3.7c3.2.7 3.5 1.2 3.5 3v8.4c0 1.2-.4 2-2.3 2h-18.5c-1.9 0-2.3-.8-2.3-2v-8.4h-14.5v8.9c0 8.9 5.4 13.9 15.3 13.9h21.7c9.8 0 15.3-4.9 15.3-13.9v-10.3c.1-10.3-7.9-12.7-15.3-14.2″
/>
<path d=”m303.7 25.2v52.4c0 1-.3 1.9-2.3 1.9h-19.6c-2.2 0-2.3-1-2.3-1.9v-52.4h-14.7v53c0 8.9 5.4 13.9 15.3 13.9h23c9.8 0 15.3-4.9 15.3-13.9v-53h-14.7″
/>
</g>

</svg>
</a>
</h1>
</div>
</div> <!– end responsive logo –>
<div id=”responsiveLogoSubsytem”>
<h2>Collaborative for Student Achievement</h2>
</div>
</div>

</section>
</div>
</header>