'),
135 |
136 | // Variables for cached values or use across multiple functions
137 | settings,
138 | interfaceHeight,
139 | interfaceWidth,
140 | loadedHeight,
141 | loadedWidth,
142 | element,
143 | index,
144 | photo,
145 | open,
146 | active,
147 | closing,
148 | loadingTimer,
149 | publicMethod,
150 | div = "div",
151 | className,
152 | requests = 0,
153 | init;
154 |
155 | // ****************
156 | // HELPER FUNCTIONS
157 | // ****************
158 |
159 | // Convience function for creating new jQuery objects
160 | function $tag(tag, id, css) {
161 | var element = document.createElement(tag);
162 |
163 | if (id) {
164 | element.id = prefix + id;
165 | }
166 |
167 | if (css) {
168 | element.style.cssText = css;
169 | }
170 |
171 | return $(element);
172 | }
173 |
174 | // Get the window height using innerHeight when available to avoid an issue with iOS
175 | // http://bugs.jquery.com/ticket/6724
176 | function winheight() {
177 | return window.innerHeight ? window.innerHeight : $(window).height();
178 | }
179 |
180 | // Determine the next and previous members in a group.
181 | function getIndex(increment) {
182 | var
183 | max = $related.length,
184 | newIndex = (index + increment) % max;
185 |
186 | return (newIndex < 0) ? max + newIndex : newIndex;
187 | }
188 |
189 | // Convert '%' and 'px' values to integers
190 | function setSize(size, dimension) {
191 | return Math.round((/%/.test(size) ? ((dimension === 'x' ? $window.width() : winheight()) / 100) : 1) * parseInt(size, 10));
192 | }
193 |
194 | // Checks an href to see if it is a photo.
195 | // There is a force photo option (photo: true) for hrefs that cannot be matched by the regex.
196 | function isImage(settings, url) {
197 | return settings.photo || settings.photoRegex.test(url);
198 | }
199 |
200 | function retinaUrl(settings, url) {
201 | return settings.retinaUrl && window.devicePixelRatio > 1 ? url.replace(settings.photoRegex, settings.retinaSuffix) : url;
202 | }
203 |
204 | function trapFocus(e) {
205 | if ('contains' in $box[0] && !$box[0].contains(e.target)) {
206 | e.stopPropagation();
207 | $box.focus();
208 | }
209 | }
210 |
211 | // Assigns function results to their respective properties
212 | function makeSettings() {
213 | var i,
214 | data = $.data(element, colorbox);
215 |
216 | if (data == null) {
217 | settings = $.extend({}, defaults);
218 | if (console && console.log) {
219 | console.log('Error: cboxElement missing settings object');
220 | }
221 | } else {
222 | settings = $.extend({}, data);
223 | }
224 |
225 | for (i in settings) {
226 | if ($.isFunction(settings[i]) && i.slice(0, 2) !== 'on') { // checks to make sure the function isn't one of the callbacks, they will be handled at the appropriate time.
227 | settings[i] = settings[i].call(element);
228 | }
229 | }
230 |
231 | settings.rel = settings.rel || element.rel || $(element).data('rel') || 'nofollow';
232 | settings.href = settings.href || $(element).attr('href');
233 | settings.title = settings.title || element.title;
234 |
235 | if (typeof settings.href === "string") {
236 | settings.href = $.trim(settings.href);
237 | }
238 | }
239 |
240 | function trigger(event, callback) {
241 | // for external use
242 | $(document).trigger(event);
243 |
244 | // for internal use
245 | $events.trigger(event);
246 |
247 | if ($.isFunction(callback)) {
248 | callback.call(element);
249 | }
250 | }
251 |
252 | // Slideshow functionality
253 | function slideshow() {
254 | var
255 | timeOut,
256 | className = prefix + "Slideshow_",
257 | click = "click." + prefix,
258 | clear,
259 | set,
260 | start,
261 | stop;
262 |
263 | if (settings.slideshow && $related[1]) {
264 | clear = function () {
265 | clearTimeout(timeOut);
266 | };
267 |
268 | set = function () {
269 | if (settings.loop || $related[index + 1]) {
270 | timeOut = setTimeout(publicMethod.next, settings.slideshowSpeed);
271 | }
272 | };
273 |
274 | start = function () {
275 | $slideshow
276 | .html(settings.slideshowStop)
277 | .unbind(click)
278 | .one(click, stop);
279 |
280 | $events
281 | .bind(event_complete, set)
282 | .bind(event_load, clear)
283 | .bind(event_cleanup, stop);
284 |
285 | $box.removeClass(className + "off").addClass(className + "on");
286 | };
287 |
288 | stop = function () {
289 | clear();
290 |
291 | $events
292 | .unbind(event_complete, set)
293 | .unbind(event_load, clear)
294 | .unbind(event_cleanup, stop);
295 |
296 | $slideshow
297 | .html(settings.slideshowStart)
298 | .unbind(click)
299 | .one(click, function () {
300 | publicMethod.next();
301 | start();
302 | });
303 |
304 | $box.removeClass(className + "on").addClass(className + "off");
305 | };
306 |
307 | if (settings.slideshowAuto) {
308 | start();
309 | } else {
310 | stop();
311 | }
312 | } else {
313 | $box.removeClass(className + "off " + className + "on");
314 | }
315 | }
316 |
317 | function launch(target) {
318 | if (!closing) {
319 |
320 | element = target;
321 |
322 | makeSettings();
323 |
324 | $related = $(element);
325 |
326 | index = 0;
327 |
328 | if (settings.rel !== 'nofollow') {
329 | $related = $('.' + boxElement).filter(function () {
330 | var data = $.data(this, colorbox),
331 | relRelated;
332 |
333 | if (data) {
334 | relRelated = $(this).data('rel') || data.rel || this.rel;
335 | }
336 |
337 | return (relRelated === settings.rel);
338 | });
339 | index = $related.index(element);
340 |
341 | // Check direct calls to Colorbox.
342 | if (index === -1) {
343 | $related = $related.add(element);
344 | index = $related.length - 1;
345 | }
346 | }
347 |
348 | $overlay.css({
349 | opacity: parseFloat(settings.opacity),
350 | cursor: settings.overlayClose ? "pointer" : "auto",
351 | visibility: 'visible'
352 | }).show();
353 |
354 |
355 | if (className) {
356 | $box.add($overlay).removeClass(className);
357 | }
358 | if (settings.className) {
359 | $box.add($overlay).addClass(settings.className);
360 | }
361 | className = settings.className;
362 |
363 | $close.html(settings.close).show();
364 |
365 | if (!open) {
366 | open = active = true; // Prevents the page-change action from queuing up if the visitor holds down the left or right keys.
367 |
368 | // Show colorbox so the sizes can be calculated in older versions of jQuery
369 | $box.css({visibility:'hidden', display:'block'});
370 |
371 | $loaded = $tag(div, 'LoadedContent', 'width:0; height:0; overflow:hidden').appendTo($content);
372 |
373 | // Cache values needed for size calculations
374 | interfaceHeight = $topBorder.height() + $bottomBorder.height() + $content.outerHeight(true) - $content.height();//Subtraction needed for IE6
375 | interfaceWidth = $leftBorder.width() + $rightBorder.width() + $content.outerWidth(true) - $content.width();
376 | loadedHeight = $loaded.outerHeight(true);
377 | loadedWidth = $loaded.outerWidth(true);
378 |
379 |
380 | // Opens inital empty Colorbox prior to content being loaded.
381 | settings.w = setSize(settings.initialWidth, 'x');
382 | settings.h = setSize(settings.initialHeight, 'y');
383 | publicMethod.position();
384 |
385 | if (isIE6) {
386 | $window.bind('resize.' + event_ie6 + ' scroll.' + event_ie6, function () {
387 | $overlay.css({width: $window.width(), height: winheight(), top: $window.scrollTop(), left: $window.scrollLeft()});
388 | }).trigger('resize.' + event_ie6);
389 | }
390 |
391 | slideshow();
392 |
393 | trigger(event_open, settings.onOpen);
394 |
395 | $groupControls.add($title).hide();
396 |
397 | $box.focus();
398 |
399 | // Confine focus to the modal
400 | // Uses event capturing that is not supported in IE8-
401 | if (document.addEventListener) {
402 |
403 | document.addEventListener('focus', trapFocus, true);
404 |
405 | $events.one(event_closed, function () {
406 | document.removeEventListener('focus', trapFocus, true);
407 | });
408 | }
409 |
410 | // Return focus on closing
411 | if (settings.returnFocus) {
412 | $events.one(event_closed, function () {
413 | $(element).focus();
414 | });
415 | }
416 | }
417 |
418 | load();
419 | }
420 | }
421 |
422 | // Colorbox's markup needs to be added to the DOM prior to being called
423 | // so that the browser will go ahead and load the CSS background images.
424 | function appendHTML() {
425 | if (!$box && document.body) {
426 | init = false;
427 |
428 | $window = $(window);
429 | $box = $tag(div).attr({
430 | id: colorbox,
431 | 'class': isIE ? prefix + (isIE6 ? 'IE6' : 'IE') : '',
432 | role: 'dialog',
433 | tabindex: '-1'
434 | }).hide();
435 | $overlay = $tag(div, "Overlay", isIE6 ? 'position:absolute' : '').hide();
436 | $loadingOverlay = $tag(div, "LoadingOverlay").add($tag(div, "LoadingGraphic"));
437 | $wrap = $tag(div, "Wrapper");
438 | $content = $tag(div, "Content").append(
439 | $title = $tag(div, "Title"),
440 | $current = $tag(div, "Current"),
441 | $prev = $tag('button', "Previous"),
442 | $next = $tag('button', "Next"),
443 | $slideshow = $tag('button', "Slideshow"),
444 | $loadingOverlay,
445 | $close = $tag('button', "Close")
446 | );
447 |
448 | $wrap.append( // The 3x3 Grid that makes up Colorbox
449 | $tag(div).append(
450 | $tag(div, "TopLeft"),
451 | $topBorder = $tag(div, "TopCenter"),
452 | $tag(div, "TopRight")
453 | ),
454 | $tag(div, false, 'clear:left').append(
455 | $leftBorder = $tag(div, "MiddleLeft"),
456 | $content,
457 | $rightBorder = $tag(div, "MiddleRight")
458 | ),
459 | $tag(div, false, 'clear:left').append(
460 | $tag(div, "BottomLeft"),
461 | $bottomBorder = $tag(div, "BottomCenter"),
462 | $tag(div, "BottomRight")
463 | )
464 | ).find('div div').css({'float': 'left'});
465 |
466 | $loadingBay = $tag(div, false, 'position:absolute; width:9999px; visibility:hidden; display:none');
467 |
468 | $groupControls = $next.add($prev).add($current).add($slideshow);
469 |
470 | $(document.body).append($overlay, $box.append($wrap, $loadingBay));
471 | }
472 | }
473 |
474 | // Add Colorbox's event bindings
475 | function addBindings() {
476 | function clickHandler(e) {
477 | // ignore non-left-mouse-clicks and clicks modified with ctrl / command, shift, or alt.
478 | // See: http://jacklmoore.com/notes/click-events/
479 | if (!(e.which > 1 || e.shiftKey || e.altKey || e.metaKey || e.control)) {
480 | e.preventDefault();
481 | launch(this);
482 | }
483 | }
484 |
485 | if ($box) {
486 | if (!init) {
487 | init = true;
488 |
489 | // Anonymous functions here keep the public method from being cached, thereby allowing them to be redefined on the fly.
490 | $next.click(function () {
491 | publicMethod.next();
492 | });
493 | $prev.click(function () {
494 | publicMethod.prev();
495 | });
496 | $close.click(function () {
497 | publicMethod.close();
498 | });
499 | $overlay.click(function () {
500 | if (settings.overlayClose) {
501 | publicMethod.close();
502 | }
503 | });
504 |
505 | // Key Bindings
506 | $(document).bind('keydown.' + prefix, function (e) {
507 | var key = e.keyCode;
508 | if (open && settings.escKey && key === 27) {
509 | e.preventDefault();
510 | publicMethod.close();
511 | }
512 | if (open && settings.arrowKey && $related[1] && !e.altKey) {
513 | if (key === 37) {
514 | e.preventDefault();
515 | $prev.click();
516 | } else if (key === 39) {
517 | e.preventDefault();
518 | $next.click();
519 | }
520 | }
521 | });
522 |
523 | if ($.isFunction($.fn.on)) {
524 | // For jQuery 1.7+
525 | $(document).on('click.'+prefix, '.'+boxElement, clickHandler);
526 | } else {
527 | // For jQuery 1.3.x -> 1.6.x
528 | // This code is never reached in jQuery 1.9, so do not contact me about 'live' being removed.
529 | // This is not here for jQuery 1.9, it's here for legacy users.
530 | $('.'+boxElement).live('click.'+prefix, clickHandler);
531 | }
532 | }
533 | return true;
534 | }
535 | return false;
536 | }
537 |
538 | // Don't do anything if Colorbox already exists.
539 | if ($.colorbox) {
540 | return;
541 | }
542 |
543 | // Append the HTML when the DOM loads
544 | $(appendHTML);
545 |
546 |
547 | // ****************
548 | // PUBLIC FUNCTIONS
549 | // Usage format: $.colorbox.close();
550 | // Usage from within an iframe: parent.jQuery.colorbox.close();
551 | // ****************
552 |
553 | publicMethod = $.fn[colorbox] = $[colorbox] = function (options, callback) {
554 | var $this = this;
555 |
556 | options = options || {};
557 |
558 | appendHTML();
559 |
560 | if (addBindings()) {
561 | if ($.isFunction($this)) { // assume a call to $.colorbox
562 | $this = $('');
563 | options.open = true;
564 | } else if (!$this[0]) { // colorbox being applied to empty collection
565 | return $this;
566 | }
567 |
568 | if (callback) {
569 | options.onComplete = callback;
570 | }
571 |
572 | $this.each(function () {
573 | $.data(this, colorbox, $.extend({}, $.data(this, colorbox) || defaults, options));
574 | }).addClass(boxElement);
575 |
576 | if (($.isFunction(options.open) && options.open.call($this)) || options.open) {
577 | launch($this[0]);
578 | }
579 | }
580 |
581 | return $this;
582 | };
583 |
584 | publicMethod.position = function (speed, loadedCallback) {
585 | var
586 | css,
587 | top = 0,
588 | left = 0,
589 | offset = $box.offset(),
590 | scrollTop,
591 | scrollLeft;
592 |
593 | $window.unbind('resize.' + prefix);
594 |
595 | // remove the modal so that it doesn't influence the document width/height
596 | $box.css({top: -9e4, left: -9e4});
597 |
598 | scrollTop = $window.scrollTop();
599 | scrollLeft = $window.scrollLeft();
600 |
601 | if (settings.fixed && !isIE6) {
602 | offset.top -= scrollTop;
603 | offset.left -= scrollLeft;
604 | $box.css({position: 'fixed'});
605 | } else {
606 | top = scrollTop;
607 | left = scrollLeft;
608 | $box.css({position: 'absolute'});
609 | }
610 |
611 | // keeps the top and left positions within the browser's viewport.
612 | if (settings.right !== false) {
613 | left += Math.max($window.width() - settings.w - loadedWidth - interfaceWidth - setSize(settings.right, 'x'), 0);
614 | } else if (settings.left !== false) {
615 | left += setSize(settings.left, 'x');
616 | } else {
617 | left += Math.round(Math.max($window.width() - settings.w - loadedWidth - interfaceWidth, 0) / 2);
618 | }
619 |
620 | if (settings.bottom !== false) {
621 | top += Math.max(winheight() - settings.h - loadedHeight - interfaceHeight - setSize(settings.bottom, 'y'), 0);
622 | } else if (settings.top !== false) {
623 | top += setSize(settings.top, 'y');
624 | } else {
625 | top += Math.round(Math.max(winheight() - settings.h - loadedHeight - interfaceHeight, 0) / 2);
626 | }
627 |
628 | $box.css({top: offset.top, left: offset.left, visibility:'visible'});
629 |
630 | // setting the speed to 0 to reduce the delay between same-sized content.
631 | speed = ($box.width() === settings.w + loadedWidth && $box.height() === settings.h + loadedHeight) ? 0 : speed || 0;
632 |
633 | // this gives the wrapper plenty of breathing room so it's floated contents can move around smoothly,
634 | // but it has to be shrank down around the size of div#colorbox when it's done. If not,
635 | // it can invoke an obscure IE bug when using iframes.
636 | $wrap[0].style.width = $wrap[0].style.height = "9999px";
637 |
638 | function modalDimensions(that) {
639 | $topBorder[0].style.width = $bottomBorder[0].style.width = $content[0].style.width = (parseInt(that.style.width,10) - interfaceWidth)+'px';
640 | $content[0].style.height = $leftBorder[0].style.height = $rightBorder[0].style.height = (parseInt(that.style.height,10) - interfaceHeight)+'px';
641 | }
642 |
643 | css = {width: settings.w + loadedWidth + interfaceWidth, height: settings.h + loadedHeight + interfaceHeight, top: top, left: left};
644 |
645 | if(speed===0){ // temporary workaround to side-step jQuery-UI 1.8 bug (http://bugs.jquery.com/ticket/12273)
646 | $box.css(css);
647 | }
648 | $box.dequeue().animate(css, {
649 | duration: speed,
650 | complete: function () {
651 | modalDimensions(this);
652 |
653 | active = false;
654 |
655 | // shrink the wrapper down to exactly the size of colorbox to avoid a bug in IE's iframe implementation.
656 | $wrap[0].style.width = (settings.w + loadedWidth + interfaceWidth) + "px";
657 | $wrap[0].style.height = (settings.h + loadedHeight + interfaceHeight) + "px";
658 |
659 | if (settings.reposition) {
660 | setTimeout(function () { // small delay before binding onresize due to an IE8 bug.
661 | $window.bind('resize.' + prefix, publicMethod.position);
662 | }, 1);
663 | }
664 |
665 | if (loadedCallback) {
666 | loadedCallback();
667 | }
668 | },
669 | step: function () {
670 | modalDimensions(this);
671 | }
672 | });
673 | };
674 |
675 | publicMethod.resize = function (options) {
676 | if (open) {
677 | options = options || {};
678 |
679 | if (options.width) {
680 | settings.w = setSize(options.width, 'x') - loadedWidth - interfaceWidth;
681 | }
682 | if (options.innerWidth) {
683 | settings.w = setSize(options.innerWidth, 'x');
684 | }
685 | $loaded.css({width: settings.w});
686 |
687 | if (options.height) {
688 | settings.h = setSize(options.height, 'y') - loadedHeight - interfaceHeight;
689 | }
690 | if (options.innerHeight) {
691 | settings.h = setSize(options.innerHeight, 'y');
692 | }
693 | if (!options.innerHeight && !options.height) {
694 | $loaded.css({height: "auto"});
695 | settings.h = $loaded.height();
696 | }
697 | $loaded.css({height: settings.h});
698 |
699 | publicMethod.position(settings.transition === "none" ? 0 : settings.speed);
700 | }
701 | };
702 |
703 | publicMethod.prep = function (object) {
704 | if (!open) {
705 | return;
706 | }
707 |
708 | var callback, speed = settings.transition === "none" ? 0 : settings.speed;
709 |
710 | $loaded.empty().remove(); // Using empty first may prevent some IE7 issues.
711 |
712 | $loaded = $tag(div, 'LoadedContent').append(object);
713 |
714 | function getWidth() {
715 | settings.w = settings.w || $loaded.width();
716 | settings.w = settings.mw && settings.mw < settings.w ? settings.mw : settings.w;
717 | return settings.w;
718 | }
719 | function getHeight() {
720 | settings.h = settings.h || $loaded.height();
721 | settings.h = settings.mh && settings.mh < settings.h ? settings.mh : settings.h;
722 | return settings.h;
723 | }
724 |
725 | $loaded.hide()
726 | .appendTo($loadingBay.show())// content has to be appended to the DOM for accurate size calculations.
727 | .css({width: getWidth(), overflow: settings.scrolling ? 'auto' : 'hidden'})
728 | .css({height: getHeight()})// sets the height independently from the width in case the new width influences the value of height.
729 | .prependTo($content);
730 |
731 | $loadingBay.hide();
732 |
733 | // floating the IMG removes the bottom line-height and fixed a problem where IE miscalculates the width of the parent element as 100% of the document width.
734 |
735 | $(photo).css({'float': 'none'});
736 |
737 | callback = function () {
738 | var total = $related.length,
739 | iframe,
740 | frameBorder = 'frameBorder',
741 | allowTransparency = 'allowTransparency',
742 | complete;
743 |
744 | if (!open) {
745 | return;
746 | }
747 |
748 | function removeFilter() {
749 | if (isIE) {
750 | $box[0].style.removeAttribute('filter');
751 | }
752 | }
753 |
754 | complete = function () {
755 | clearTimeout(loadingTimer);
756 | $loadingOverlay.hide();
757 | trigger(event_complete, settings.onComplete);
758 | };
759 |
760 | if (isIE) {
761 | //This fadeIn helps the bicubic resampling to kick-in.
762 | if (photo) {
763 | $loaded.fadeIn(100);
764 | }
765 | }
766 |
767 | $title.html(settings.title).add($loaded).show();
768 |
769 | if (total > 1) { // handle grouping
770 | if (typeof settings.current === "string") {
771 | $current.html(settings.current.replace('{current}', index + 1).replace('{total}', total)).show();
772 | }
773 |
774 | $next[(settings.loop || index < total - 1) ? "show" : "hide"]().html(settings.next);
775 | $prev[(settings.loop || index) ? "show" : "hide"]().html(settings.previous);
776 |
777 | if (settings.slideshow) {
778 | $slideshow.show();
779 | }
780 |
781 | // Preloads images within a rel group
782 | if (settings.preloading) {
783 | $.each([getIndex(-1), getIndex(1)], function(){
784 | var src,
785 | img,
786 | i = $related[this],
787 | data = $.data(i, colorbox);
788 |
789 | if (data && data.href) {
790 | src = data.href;
791 | if ($.isFunction(src)) {
792 | src = src.call(i);
793 | }
794 | } else {
795 | src = $(i).attr('href');
796 | }
797 |
798 | if (src && isImage(data, src)) {
799 | src = retinaUrl(data, src);
800 | img = new Image();
801 | img.src = src;
802 | }
803 | });
804 | }
805 | } else {
806 | $groupControls.hide();
807 | }
808 |
809 | if (settings.iframe) {
810 | iframe = $tag('iframe')[0];
811 |
812 | if (frameBorder in iframe) {
813 | iframe[frameBorder] = 0;
814 | }
815 |
816 | if (allowTransparency in iframe) {
817 | iframe[allowTransparency] = "true";
818 | }
819 |
820 | if (!settings.scrolling) {
821 | iframe.scrolling = "no";
822 | }
823 |
824 | $(iframe)
825 | .attr({
826 | src: settings.href,
827 | name: (new Date()).getTime(), // give the iframe a unique name to prevent caching
828 | 'class': prefix + 'Iframe',
829 | allowFullScreen : true, // allow HTML5 video to go fullscreen
830 | webkitAllowFullScreen : true,
831 | mozallowfullscreen : true
832 | })
833 | .one('load', complete)
834 | .appendTo($loaded);
835 |
836 | $events.one(event_purge, function () {
837 | iframe.src = "//about:blank";
838 | });
839 |
840 | if (settings.fastIframe) {
841 | $(iframe).trigger('load');
842 | }
843 | } else {
844 | complete();
845 | }
846 |
847 | if (settings.transition === 'fade') {
848 | $box.fadeTo(speed, 1, removeFilter);
849 | } else {
850 | removeFilter();
851 | }
852 | };
853 |
854 | if (settings.transition === 'fade') {
855 | $box.fadeTo(speed, 0, function () {
856 | publicMethod.position(0, callback);
857 | });
858 | } else {
859 | publicMethod.position(speed, callback);
860 | }
861 | };
862 |
863 | function load () {
864 | var href, setResize, prep = publicMethod.prep, $inline, request = ++requests;
865 |
866 | active = true;
867 |
868 | photo = false;
869 |
870 | element = $related[index];
871 |
872 | makeSettings();
873 |
874 | trigger(event_purge);
875 |
876 | trigger(event_load, settings.onLoad);
877 |
878 | settings.h = settings.height ?
879 | setSize(settings.height, 'y') - loadedHeight - interfaceHeight :
880 | settings.innerHeight && setSize(settings.innerHeight, 'y');
881 |
882 | settings.w = settings.width ?
883 | setSize(settings.width, 'x') - loadedWidth - interfaceWidth :
884 | settings.innerWidth && setSize(settings.innerWidth, 'x');
885 |
886 | // Sets the minimum dimensions for use in image scaling
887 | settings.mw = settings.w;
888 | settings.mh = settings.h;
889 |
890 | // Re-evaluate the minimum width and height based on maxWidth and maxHeight values.
891 | // If the width or height exceed the maxWidth or maxHeight, use the maximum values instead.
892 | if (settings.maxWidth) {
893 | settings.mw = setSize(settings.maxWidth, 'x') - loadedWidth - interfaceWidth;
894 | settings.mw = settings.w && settings.w < settings.mw ? settings.w : settings.mw;
895 | }
896 | if (settings.maxHeight) {
897 | settings.mh = setSize(settings.maxHeight, 'y') - loadedHeight - interfaceHeight;
898 | settings.mh = settings.h && settings.h < settings.mh ? settings.h : settings.mh;
899 | }
900 |
901 | href = settings.href;
902 |
903 | loadingTimer = setTimeout(function () {
904 | $loadingOverlay.show();
905 | }, 100);
906 |
907 | if (settings.inline) {
908 | // Inserts an empty placeholder where inline content is being pulled from.
909 | // An event is bound to put inline content back when Colorbox closes or loads new content.
910 | $inline = $tag(div).hide().insertBefore($(href)[0]);
911 |
912 | $events.one(event_purge, function () {
913 | $inline.replaceWith($loaded.children());
914 | });
915 |
916 | prep($(href));
917 | } else if (settings.iframe) {
918 | // IFrame element won't be added to the DOM until it is ready to be displayed,
919 | // to avoid problems with DOM-ready JS that might be trying to run in that iframe.
920 | prep(" ");
921 | } else if (settings.html) {
922 | prep(settings.html);
923 | } else if (isImage(settings, href)) {
924 |
925 | href = retinaUrl(settings, href);
926 |
927 | $(photo = new Image())
928 | .addClass(prefix + 'Photo')
929 | .bind('error',function () {
930 | settings.title = false;
931 | prep($tag(div, 'Error').html(settings.imgError));
932 | })
933 | .one('load', function () {
934 | var percent;
935 |
936 | if (request !== requests) {
937 | return;
938 | }
939 |
940 | if (settings.retinaImage && window.devicePixelRatio > 1) {
941 | photo.height = photo.height / window.devicePixelRatio;
942 | photo.width = photo.width / window.devicePixelRatio;
943 | }
944 |
945 | if (settings.scalePhotos) {
946 | setResize = function () {
947 | photo.height -= photo.height * percent;
948 | photo.width -= photo.width * percent;
949 | };
950 | if (settings.mw && photo.width > settings.mw) {
951 | percent = (photo.width - settings.mw) / photo.width;
952 | setResize();
953 | }
954 | if (settings.mh && photo.height > settings.mh) {
955 | percent = (photo.height - settings.mh) / photo.height;
956 | setResize();
957 | }
958 | }
959 |
960 | if (settings.h) {
961 | photo.style.marginTop = Math.max(settings.mh - photo.height, 0) / 2 + 'px';
962 | }
963 |
964 | if ($related[1] && (settings.loop || $related[index + 1])) {
965 | photo.style.cursor = 'pointer';
966 | photo.onclick = function () {
967 | publicMethod.next();
968 | };
969 | }
970 |
971 | if (isIE) {
972 | photo.style.msInterpolationMode = 'bicubic';
973 | }
974 |
975 | setTimeout(function () { // A pause because Chrome will sometimes report a 0 by 0 size otherwise.
976 | prep(photo);
977 | }, 1);
978 | });
979 |
980 | setTimeout(function () { // A pause because Opera 10.6+ will sometimes not run the onload function otherwise.
981 | photo.src = href;
982 | }, 1);
983 | } else if (href) {
984 | $loadingBay.load(href, settings.data, function (data, status) {
985 | if (request === requests) {
986 | prep(status === 'error' ? $tag(div, 'Error').html(settings.xhrError) : $(this).contents());
987 | }
988 | });
989 | }
990 | }
991 |
992 | // Navigates to the next page/image in a set.
993 | publicMethod.next = function () {
994 | if (!active && $related[1] && (settings.loop || $related[index + 1])) {
995 | index = getIndex(1);
996 | launch($related[index]);
997 | }
998 | };
999 |
1000 | publicMethod.prev = function () {
1001 | if (!active && $related[1] && (settings.loop || index)) {
1002 | index = getIndex(-1);
1003 | launch($related[index]);
1004 | }
1005 | };
1006 |
1007 | // Note: to use this within an iframe use the following format: parent.jQuery.colorbox.close();
1008 | publicMethod.close = function () {
1009 | if (open && !closing) {
1010 |
1011 | closing = true;
1012 |
1013 | open = false;
1014 |
1015 | trigger(event_cleanup, settings.onCleanup);
1016 |
1017 | $window.unbind('.' + prefix + ' .' + event_ie6);
1018 |
1019 | $overlay.fadeTo(200, 0);
1020 |
1021 | $box.stop().fadeTo(300, 0, function () {
1022 |
1023 | $box.add($overlay).css({'opacity': 1, cursor: 'auto'}).hide();
1024 |
1025 | trigger(event_purge);
1026 |
1027 | $loaded.empty().remove(); // Using empty first may prevent some IE7 issues.
1028 |
1029 | setTimeout(function () {
1030 | closing = false;
1031 | trigger(event_closed, settings.onClosed);
1032 | }, 1);
1033 | });
1034 | }
1035 | };
1036 |
1037 | // Removes changes Colorbox made to the document, but does not remove the plugin
1038 | // from jQuery.
1039 | publicMethod.remove = function () {
1040 | $([]).add($box).add($overlay).remove();
1041 | $box = null;
1042 | $('.' + boxElement)
1043 | .removeData(colorbox)
1044 | .removeClass(boxElement);
1045 |
1046 | $(document).unbind('click.'+prefix);
1047 | };
1048 |
1049 | // A method for fetching the current element Colorbox is referencing.
1050 | // returns a jQuery object.
1051 | publicMethod.element = function () {
1052 | return $(element);
1053 | };
1054 |
1055 | publicMethod.settings = defaults;
1056 |
1057 | }(jQuery, document, window));
1058 | $(document).ready(function(){
1059 | //Examples of how to assign the ColorBox event to elements
1060 | $(".group1").colorbox({rel:'group1'});
1061 | $(".group2").colorbox({rel:'group2', transition:"fade"});
1062 | $(".group3").colorbox({rel:'group3', transition:"none", width:"75%", height:"75%"});
1063 | $(".group4").colorbox({rel:'group4', slideshow:true});
1064 | $(".ajax").colorbox({transition:"elastic"});
1065 | $(".youtube").colorbox({iframe:true, innerWidth:853, innerHeight:480});
1066 | $(".iframe").colorbox({iframe:true, width:"1008", height:"770"});
1067 | $(".inline").colorbox({inline:true, width:"50%"});
1068 | $(".callbacks").colorbox({
1069 | onOpen:function(){ alert('onOpen: colorbox is about to open'); },
1070 | onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
1071 | onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
1072 | onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
1073 | onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
1074 | });
1075 |
1076 | //Example of preserving a JavaScript event for inline calls.
1077 | $("#click").click(function(){
1078 | $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
1079 | return false;
1080 | });
1081 | });
1082 | // On window load. This waits until images have loaded which is essential
1083 |
1084 |
1085 | $(window).load(function(){
1086 |
1087 | // Fade in images so there isn't a color "pop" document load and then on window load
1088 | $(".grayimg img").fadeIn(500);
1089 |
1090 | // clone image
1091 | $('.grayimg img').each(function(){
1092 | var el = $(this);
1093 | el.css({"position":"absolute"}).wrap("").clone().addClass('img_grayscale').css({"position":"absolute","z-index":"2","opacity":"1"}).insertBefore(el).queue(function(){
1094 | var el = $(this);
1095 | el.parent().css({"width":this.width,"height":this.height});
1096 | el.dequeue();
1097 | });
1098 | // Brother version
1099 | var ua = $.browser;
1100 |
1101 | // IE < 9 Brother
1102 | if ( ua.msie && ua.version.slice(0,3) < 9 ) {
1103 | el.css('filter',"progid:DXImageTransform.Microsoft.BasicImage(grayScale=1)");
1104 |
1105 | }
1106 |
1107 | // Canvas Brother
1108 | else {
1109 |
1110 | this.src = grayscale(this.src);
1111 |
1112 | }
1113 | });
1114 |
1115 | // Fade image
1116 | $('.grayimg img').mouseout(function(){
1117 | $(this).parent().find('img:first').stop().animate({opacity:1}, 200);
1118 | })
1119 | $('.img_grayscale').mouseover(function(){
1120 | $(this).stop().animate({opacity:0}, 200);
1121 | });
1122 | });
1123 |
1124 | // Grayscale w canvas method
1125 | function grayscale(src){
1126 | var canvas = document.createElement('canvas');
1127 | var ctx = canvas.getContext('2d');
1128 | var imgObj = new Image();
1129 | imgObj.src = src;
1130 | canvas.width = imgObj.width;
1131 | canvas.height = imgObj.height;
1132 | ctx.drawImage(imgObj, 0, 0);
1133 | var imgPixels = ctx.getImageData(0, 0, canvas.width, canvas.height);
1134 | for(var y = 0; y < imgPixels.height; y++){
1135 | for(var x = 0; x < imgPixels.width; x++){
1136 | var i = (y * 4) * imgPixels.width + x * 4;
1137 | var avg = (imgPixels.data[i] + imgPixels.data[i + 1] + imgPixels.data[i + 2]) / 3;
1138 | imgPixels.data[i] = avg;
1139 | imgPixels.data[i + 1] = avg;
1140 | imgPixels.data[i + 2] = avg;
1141 | }
1142 | }
1143 | ctx.putImageData(imgPixels, 0, 0, 0, 0, imgPixels.width, imgPixels.height);
1144 | return canvas.toDataURL();
1145 | }
1146 |
1147 |
1148 | (function() {
1149 | var config = {
1150 | kitId: 'ndr8xcq',
1151 | scriptTimeout: 3000
1152 | };
1153 | var h=document.getElementsByTagName("html")[0];h.className+=" wf-loading";var t=setTimeout(function(){h.className=h.className.replace(/(\s|^)wf-loading(\s|$)/g," ");h.className+=" wf-inactive"},config.scriptTimeout);var tk=document.createElement("script"),d=false;tk.src='//use.typekit.net/'+config.kitId+'.js';tk.type="text/javascript";tk.async="true";tk.onload=tk.onreadystatechange=function(){var a=this.readyState;if(d||a&&a!="complete"&&a!="loaded")return;d=true;clearTimeout(t);try{Typekit.load(config)}catch(b){}};var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(tk,s)
1154 | })();
1155 |
--------------------------------------------------------------------------------
/external/css/style.css:
--------------------------------------------------------------------------------
1 | @media screen {
2 | /* =============================================================================
3 | HTML5 display definitions
4 | ========================================================================== */
5 | audio, canvas, video {
6 | display: inline-block;
7 | *display: inline;
8 | *zoom: 1;
9 | }
10 | audio:not([controls]) {
11 | display: none;
12 | }
13 | [hidden] {
14 | display: none;
15 | }
16 | /* =============================================================================
17 | Base
18 | ========================================================================== */
19 |
20 | /*
21 | * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
22 | * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
23 | */
24 |
25 | html {
26 | font-size: 100%;
27 | -webkit-text-size-adjust: 100%;
28 | -ms-text-size-adjust: 100%;
29 | }
30 | html, button, input, select, textarea {
31 | color: #535353;
32 | }
33 | body {
34 | margin: 0px;
35 | padding:0px;
36 | *font-size:100%;
37 | min-width: 1008px;
38 | font-family: "pragmatica-web-condensed", Arial, Helvetica, sans-serif;
39 | font-style:normal;
40 | font-size:100%;
41 | line-height:1.6;
42 | }
43 | .wf-loading * {
44 | visibility: hidden;
45 | }
46 | /*Selections and Highlights*/
47 | ::-moz-selection {
48 | background: #FF6;
49 | text-shadow: none;
50 | }
51 | ::selection {
52 | background: #FF6;
53 | color: #5f6a72;
54 | text-shadow: none;
55 | }
56 | .highlight {
57 | background-color: #FF6;
58 | }
59 | /* =============================================================================
60 | Links
61 | ========================================================================== */
62 |
63 | a {
64 | color: #1690A9;
65 | text-decoration: none;
66 | vertical-align:baseline;
67 | }
68 | a:visited {
69 | color: #1690A9;
70 | text-decoration: none;
71 | }
72 | a:hover {
73 | color: #5f6a72;
74 | background-color: #F6F4F0;
75 | }
76 | a:focus {
77 | outline: thin dotted;
78 | }
79 | /* Improve readability when focused and hovered in all browsers: h5bp.com/h */
80 | a:hover, a:active {
81 | outline: 0;
82 | color: #5f6a72;
83 | }
84 | /* =============================================================================
85 | Typography
86 | ========================================================================== */
87 | p {
88 | padding-top: 0.5em;
89 | padding-right: 0;
90 | padding-bottom: 0.5em;
91 | padding-left: 0;
92 | margin-top: 8px;
93 | margin-right: 0px;
94 | margin-bottom: 1%;
95 | margin-left: 0px;
96 | font-weight:300;
97 | }
98 | .decrotive p:first-letter {
99 | font-size: 4em;
100 | vertical-align: baseline;
101 | white-space: pre;
102 | color: #9F1B32;
103 | }
104 | h1, h2, h3, h4, h5, h6 {
105 | *font-size: 100%;
106 | }
107 | h1 {
108 | text-transform: uppercase;
109 | color: #87081f;
110 | font-style:normal;
111 | font-weight: 300;
112 | font-size: 180%;
113 | line-height: 130%;
114 | padding: 0px;
115 | margin-top: 2%;
116 | margin-right: 0px;
117 | margin-bottom: 4%;
118 | margin-left: 0px;
119 | letter-spacing: 3px;
120 | }
121 | h2 {
122 | font-weight:400;
123 | font-style:normal;
124 | line-height:130%;
125 | font-size:150%;
126 | letter-spacing:1px;
127 | padding: 0px;
128 | margin-top: 2%;
129 | margin-right: 0px;
130 | margin-bottom: 0%;
131 | margin-left: 0px;
132 | letter-spacing: 1px;
133 | }
134 | h3 {
135 | font-size: 100%;
136 | padding: 0px;
137 | font-weight:500;
138 | font-style:normal;
139 | line-height:130%;
140 | color: #424242;
141 | margin-top: 2%;
142 | margin-right: 0px;
143 | margin-bottom: -1%;
144 | margin-left: 0px;
145 | color: #565656;
146 | text-transform: uppercase;
147 | letter-spacing: 1px;
148 | }
149 | h4 {
150 | font-size: 120%;
151 | padding: 0px;
152 | font-weight:400;
153 | line-height: 100%;
154 | color: #87081f;
155 | margin-top: 2%;
156 | margin-right: 0px;
157 | margin-bottom: -.5%;
158 | margin-left: 0px;
159 | }
160 | h5 {
161 | font-size:120%;
162 | font-weight:400;
163 | margin-top: 2%;
164 | margin-right: 0px;
165 | margin-bottom: 0px;
166 | margin-left: 0px;
167 | padding: 0px;
168 | line-height: 100%;
169 | color: #565656;
170 | }
171 | h6 {
172 | font-size:120%;
173 | font-style: oblique;
174 | font-weight:600;
175 | margin-top: 2%;
176 | margin-right: 0px;
177 | margin-bottom: -.5%;
178 | margin-left: 0px;
179 | padding: 0px;
180 | line-height: 100%;
181 | color: #565656;
182 | }
183 | .addCrimson {
184 | color: #9F1B32;
185 | }
186 | .addGray {
187 | color: #5f6a72;
188 | }
189 | [title~=WSU] {
190 | /*color:#991e33;*/
191 | }
192 | .strong {
193 | font-weight:bold;
194 | }
195 | .italic {
196 | font-style:italic;
197 | }
198 | .shadow {
199 | /* For IE 8 */
200 | 06.-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
201 | 07./* For IE 5.5 - 7 */
202 | 08.filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
203 | }
204 | .letterstyle {
205 | font-family: "Calluna", Georgia, "Times New Roman", Times, serif;
206 | font-weight: 300;
207 | line-height: 18pt;
208 | font-size:90%
209 | }
210 | abbr[title] {
211 | border-bottom: 1px dotted;
212 | }
213 | b, strong {
214 | font-weight: bold;
215 | }
216 | blockquote {
217 | font-style: oblique;
218 | width: 200px;
219 | line-height: 1.45;
220 | position: relative;
221 | color: #666666;
222 | border-left-width: 10px;
223 | border-left-style: solid;
224 | border-left-color: #b8bfc4;
225 | padding-top: 0.25em;
226 | padding-right: 40px;
227 | padding-bottom: 0.25em;
228 | padding-left: 20px;
229 | display: inline-block;
230 | font-size: 11pt;
231 | text-align: left;
232 | margin-top: 10px;
233 | margin-right: 10px;
234 | margin-bottom: 10px;
235 | margin-left: 10px;
236 | }
237 | blockquote:before {
238 | display: block;
239 | content: "\201C";
240 | font-size: 80px;
241 | position: absolute;
242 | left: -20px;
243 | top: -30px;
244 | color: #535353;
245 | }
246 | blockquote:after {
247 | display: block;
248 | content: "\201d";
249 | font-size: 80px;
250 | position: absolute;
251 | left: 210px;
252 | bottom:-50px;
253 | color: #535353;
254 | }
255 | blockquote cite {
256 | color: #535353;
257 | font-size: 10pt;
258 | display: block;
259 | margin-top: 10px;
260 | }
261 | blockquote cite:before {
262 | content: "\2014 \2009";
263 | }
264 | dfn {
265 | font-style: italic;
266 | }
267 | hr {
268 | display: block;
269 | height: 1px;
270 | border: 0;
271 | border-top: 1px solid #5F6A72;
272 | margin: 1em 0;
273 | padding: 0;
274 | }
275 | ins {
276 | background: #ff9;
277 | color: #000;
278 | text-decoration: none;
279 | }
280 | mark {
281 | background: #ff0;
282 | color: #000;
283 | font-style: italic;
284 | font-weight: bold;
285 | }
286 | /* Redeclare monospace font family: h5bp.com/j */
287 | pre, code, kbd, samp {
288 | font-family: monospace, serif;
289 | _font-family: 'courier new', monospace;
290 | font-size: 1em;
291 | }
292 | /* Improve readability of pre-formatted text in all browsers */
293 | pre {
294 | white-space: pre;
295 | white-space: pre-wrap;
296 | word-wrap: break-word;
297 | }
298 | :lang(en-us)>q {
299 | quotes: "\201c" "\201d" "\2018" "\2019";
300 | }
301 | Q {
302 | quotes: '„' '“'
303 | }
304 | q::before {
305 | content: "„";
306 | content: none;
307 | }
308 | q::after {
309 | content:"“";
310 | content: none;
311 | }
312 | small {
313 | font-size: 80%;
314 | vertical-align: text-top;
315 | }
316 | /* Position subscript and superscript content without affecting line-height: h5bp.com/k */
317 | sub, sup {
318 | font-size: 75%;
319 | line-height: 0;
320 | position: relative;
321 | vertical-align: baseline;
322 | }
323 | sup {
324 | top: -00.625em;
325 | }
326 | sub {
327 | bottom: -0.25em;
328 | }
329 | /*==============================================================================
330 | Clears and Margins
331 | ===============================================================================*/
332 | .indent {
333 | margin-left: 20px;
334 | display: block;
335 | margin-top: 2px;
336 | margin-right: 0;
337 | margin-bottom: 2px;
338 | }
339 | .clear {
340 | display: block;
341 | height: 1px;
342 | width: 0px;
343 | margin-top: 3px;
344 | margin-bottom: 3px;
345 | }
346 | /* =============================================================================
347 | Lists
348 | ========================================================================== */
349 |
350 | ul {
351 | margin-top: 0;
352 | margin-left: 10px;
353 | padding-top: 0;
354 | padding-right: 0;
355 | padding-bottom: 0;
356 | padding-left: 20px;
357 | list-style-type: disc;
358 | font-weight: 100;
359 | }
360 | ol {
361 | font-size:95%;
362 | margin-left: 20px;
363 | margin-right:8px;
364 | margin-bottom:8px;
365 | margin-top:4px;
366 | list-style-position: outside;
367 | font-weight: 100;
368 | }
369 | dd {
370 | margin: 0 0 0 40px;
371 | }
372 | nav ul, nav ol {
373 | list-style: none;
374 | list-style-image: none;
375 | }
376 | .insideBODYcontent ul {
377 | margin-top: -1%;
378 | margin-bottom: 1%;
379 | }
380 | .insideBODYcontent ul li {
381 | margin-top: -2px;
382 | font-size:95%;
383 | }
384 | .insideBODYcontent ul ul {
385 | margin-top: 0%;
386 | margin-bottom: 0%;
387 | }
388 | .insideBODYcontent ol {
389 | margin-top: -1%;
390 | margin-bottom: 2%;
391 | }
392 | .insideBODYcontent ol ol {
393 | margin-top: 0%;
394 | margin-bottom: 0%;
395 | }
396 | /* =============================================================================
397 | Embedded content
398 | ========================================================================== */
399 |
400 | /*
401 | * 1. Improve image quality when scaled in IE7: h5bp.com/d
402 | * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
403 | */
404 |
405 | img {
406 | border: 0;
407 | -ms-interpolation-mode: bicubic;
408 | vertical-align: middle;
409 | }
410 | a img {
411 | background-color: transparent;
412 | display:block;
413 | }
414 | a:hover img {
415 | background-color: transparent !important;
416 | display:block;
417 | }
418 | .imgshadow { /* Better style on light background */
419 | background:#FFFFFF;
420 | padding:4px;
421 | border:1px solid #777777;
422 | margin-top:5px;
423 | -moz-box-shadow:0px 0px 5px #666666;
424 | -webkit-box-shadow:0px 0px 5px #666666;
425 | box-shadow:0px 0px 5px #666666;
426 | }
427 | .img_left { /* Image sticks to the left */
428 | width:auto;
429 | float:left;
430 | margin:5px 15px 5px 5px;
431 | }
432 | .img_right { /* Image sticks to the right */
433 | width:auto;
434 | float:right;
435 | margin:5px 15px 5px 5px;
436 | }
437 | /*
438 | * Correct overflow not hidden in IE9
439 | */
440 |
441 | svg:not(:root) {
442 | overflow: hidden;
443 | }
444 | /* =============================================================================
445 | Figures
446 | ========================================================================== */
447 | figure {
448 | }
449 | figcaption {
450 | font-size: 9pt;
451 | font-style: italic;
452 | display: block;
453 | text-align: left;
454 | width:inherit;
455 | margin-top: 4px;
456 | margin-right: 4px;
457 | margin-bottom: 0px;
458 | margin-left: 4px;
459 | }
460 | /* =============================================================================
461 | Forms
462 | ========================================================================== */
463 |
464 | form {
465 | margin: 0;
466 | }
467 | fieldset {
468 | border: 0;
469 | margin: 0;
470 | padding: 0;
471 | }
472 | /* Indicate that 'label' will shift focus to the associated form element */
473 | label {
474 | cursor: pointer;
475 | }
476 | /*
477 | * 1. Correct color not inheriting in IE6/7/8/9
478 | * 2. Correct alignment displayed oddly in IE6/7
479 | */
480 |
481 | legend {
482 | border: 0;
483 | *margin-left: -7px;
484 | padding: 0;
485 | white-space: normal;
486 | }
487 | /*
488 | * 1. Correct font-size not inheriting in all browsers
489 | * 2. Remove margins in FF3/4 S5 Chrome
490 | * 3. Define consistent vertical alignment display in all browsers
491 | */
492 |
493 | button, input, select, textarea {
494 | font-size: 10pt;
495 | margin: 0;
496 | vertical-align: baseline;
497 | *vertical-align: middle;
498 | background-color: #fff;
499 | border: 1px solid #b8bfc4;
500 | font-weight: lighter;
501 | color: #5f6a72;
502 | padding: 8px;
503 | }
504 | /*
505 | * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
506 | */
507 |
508 | button, input {
509 | line-height: normal;
510 | }
511 | /*
512 | * 1. Display hand cursor for clickable form elements
513 | * 2. Allow styling of clickable form elements in iOS
514 | * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
515 | */
516 |
517 | button, input[type="button"], input[type="reset"], input[type="submit"] {
518 | cursor: pointer;
519 | -webkit-appearance: button;
520 | *overflow: visible;
521 | color: #1690a9;
522 | -webkit-border-radius: 4px;
523 | border-radius: 4px;
524 | background: #fff; /* Old browsers */
525 | }
526 | button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
527 | background-color: #FFFFFF;
528 | }
529 | /*
530 | * Re-set default cursor for disabled elements
531 | */
532 |
533 | button[disabled], input[disabled] {
534 | cursor: default;
535 | }
536 | /*
537 | * Consistent box sizing and appearance
538 | */
539 |
540 | input[type="checkbox"], input[type="radio"] {
541 | box-sizing: border-box;
542 | padding: 0;
543 | *width: 13px;
544 | *height: 13px;
545 | }
546 | input[type="search"] {
547 | -webkit-appearance: textfield;
548 | -moz-box-sizing: content-box;
549 | -webkit-box-sizing: content-box;
550 | box-sizing: content-box;
551 | }
552 | input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
553 | -webkit-appearance: none;
554 | }
555 |
556 | /*
557 | * Remove inner padding and border in FF3/4: h5bp.com/l
558 | */
559 |
560 | button::-moz-focus-inner, input::-moz-focus-inner {
561 | border: 0;
562 | padding: 0;
563 | }
564 | /*
565 | * 1. Remove default vertical scrollbar in IE6/7/8/9
566 | * 2. Allow only vertical resizing
567 | */
568 |
569 | textarea {
570 | border: 1;
571 | -ms-interpolation-mode: bicubic;
572 | vertical-align: middle;
573 | }
574 | /*
575 | * Correct overflow not hidden in IE9
576 | */
577 |
578 | svg:not(:root) {
579 | overflow: hidden;
580 | }
581 | /* Colors for form validity */
582 | input:valid, textarea:valid {
583 | }
584 | input:invalid, textarea:invalid {
585 | background-color: #f0dddd;
586 | }
587 | .additional-text h5 {
588 | font-size: 16px;
589 | font-weight: 350;
590 | margin-bottom: 8px;
591 | line-height:21px;
592 | }
593 | /* =============================================================================
594 | Tables
595 | ========================================================================== */
596 |
597 | table {
598 | border-spacing: 0;
599 | width: 100%;
600 | border-top: 1px solid #5F6A72;
601 | padding-top: 15px;
602 | }
603 | td {
604 | vertical-align: top;
605 | padding:3px;
606 | font-size: 90%;
607 | }
608 | #tablestyleA {
609 | border-collapse: collapse;
610 | width:100%;
611 | border-top:none;
612 | }
613 | #tablestyleA th {
614 | padding: 3px;
615 | font-weight: 500;
616 | font-size: 100%;
617 | text-align: left;
618 | border-bottom-width: 1px;
619 | border-bottom-style: solid;
620 | border-bottom-color: #5F6A72;
621 | }
622 | #tablestyleA tbody {
623 | background-color: #FFFFFF;
624 | }
625 | #tablestyleA td {
626 | padding: 4px;
627 | /*border-top: 1px dashed #fff;*/
628 | text-align: left;
629 | font-size: 94%;
630 | font-weight:300;
631 | }
632 | #tablestyleA tbody tr:hover td {
633 | background-color: #F6F4F0;
634 | }
635 | /* =============================================================================
636 | Chrome Frame Prompt
637 | ========================================================================== */
638 |
639 | .chromeframe {
640 | margin: 0.2em 0;
641 | background: #ccc;
642 | color: black;
643 | padding: 0.2em 0;
644 | }
645 | /* ==|== primary styles =====================================================
646 | Author: WSU Foundation
647 | ========================================================================== */
648 |
649 |
650 | /* ==========================================================================
651 | Header
652 | ============================================================================= */
653 | #PrintLogo {
654 | display:none;
655 | }
656 | #utilitybarContainer {
657 | height: 30px;
658 | width: 100%;
659 | min-width:1008px;
660 | margin: 0px;
661 | padding: 0px;
662 | background: #5f6a72;
663 | position:relative;
664 | z-index:2000;
665 | }
666 | #utilitybar {
667 | height: 30px;
668 | width: 1008px;
669 | margin-top: 0px;
670 | margin-right: auto;
671 | margin-bottom: 0px;
672 | margin-left: auto;
673 | z-index: 100;
674 | }
675 | .up {
676 | margin: 0px;
677 | padding: 0px;
678 | float: left;
679 | height: 30px;
680 | width: 400px;
681 | }
682 | .up a:hover {
683 | background-color:transparent;
684 | }
685 | .up a img {
686 | margin-top: 2px;
687 | margin-bottom:2px;
688 | margin-right:10px;
689 | display: inline-block;
690 | }
691 | .up a:hover img {
692 | display: inline-block;
693 | }
694 | #utilityNav {
695 | list-style:none;
696 | width:350px;
697 | height:30px;
698 | position: absolute;
699 | z-index: 100;
700 | float: left;
701 | display: block;
702 | padding: 0px;
703 | margin-top: 0px;
704 | margin-right: 0px;
705 | margin-bottom: 0px;
706 | margin-left: 658px;
707 | *margin-left:258px;
708 | }
709 | #utilityNav .utilityNav_right {
710 | position:relative;
711 | margin-top:0px;
712 | border:none;
713 | padding-top: 4px;
714 | padding-right: 10px;
715 | padding-bottom: 4px;
716 | padding-left: 10px;
717 | }
718 | #utilityNav li:hover {
719 | background: #F6F4F0;
720 | }
721 | #utilityNav li a {
722 | color: #FFFFFF;
723 | outline:0;
724 | text-decoration:none;
725 | }
726 | #utilityNav li:hover a {
727 | color:#5f6a72;
728 | }
729 | #utilityNav li .drop {
730 | padding-right:21px;
731 | background-image: url(/img/drop.png);
732 | background-repeat: no-repeat;
733 | background-position: right 6px;
734 | }
735 | #utilityNav li:hover .drop {
736 | background-image: url(/img/menudrop.png);
737 | background-repeat: no-repeat;
738 | background-position: right 6px;
739 | padding-right:21px;
740 | }
741 | .dropdown_1column, .dropdown_2columns, .dropdown_3columns, .dropdown_4columns, .dropdown_5columns {
742 | position:absolute;
743 | left:-999em; /* Hides the drop down */
744 | text-align:left;
745 | background-color:#fff;
746 | border-right-width: 1px;
747 | border-bottom-width: 1px;
748 | border-left-width: 1px;
749 | border-right-style: solid;
750 | border-bottom-style: solid;
751 | border-left-style: solid;
752 | border-right-color: #5F6A72;
753 | border-bottom-color: #5F6A72;
754 | border-left-color: #5F6A72;
755 | margin-top: 0px;
756 | }
757 | .dropdown_1column {
758 | width: 128px;
759 | *margin-top: 20px;
760 | }
761 | .dropdown_2columns {
762 | padding: 10px;
763 | width: 280px;
764 | *margin-top: 20px;
765 | }
766 | .dropdown_3columns {
767 | padding: 10px;
768 | width: 300px;
769 | *margin-top: 20px;
770 | float: left;
771 | }
772 | .dropdown_3columns input {
773 | width:285px;
774 | margin-bottom: 8px;
775 | margin-top: 3px;
776 | }
777 | .dropdown_4columns {
778 | width: 370px;
779 | *margin-top: 20px;
780 | padding: 10px;
781 | }
782 | .dropdown_5columns {
783 | padding: 10px;
784 | width: 700px;
785 | *margin-top: 20px;
786 | border-top-width: 7px;
787 | }
788 | #utilityNav li:hover .dropdown_1column, #utilityNav li:hover .dropdown_2columns, #utilityNav li:hover .dropdown_3columns, #utilityNav li:hover .dropdown_4columns, #utilityNav li:hover .dropdown_5columns {
789 | left:-1px;
790 | top:auto;
791 | }
792 | #utilityNav .utilityNav_right {
793 | float:right;
794 | margin-right:0px;
795 | }
796 | #utilityNav li .align_right {
797 | }
798 | #utilityNav li:hover .align_right {
799 | left:auto;
800 | right:-1px;
801 | top:auto;
802 | }
803 | #utilityNav p, #utilityNav h2, #utilityNav h3, #utilityNav ul li {
804 | font-size:95%;
805 | }
806 | #utilityNav h2 {
807 | margin-top: 5px;
808 | font-size:105%;
809 | letter-spacing: 0px;
810 | padding-top:5px;
811 | border-top-width: 1px;
812 | border-top-style: solid;
813 | border-top-color: #f0f1f1;
814 | }
815 | #utilityNav p {
816 | margin-left: 15px;
817 | }
818 | #utilityNav li:hover div a {
819 | color:#1690a9;
820 | }
821 | #utilityNav li:hover div a:hover {
822 | color:#5f6a72;
823 | background-color: #F0EDE6;
824 | }
825 | #utilityNav li ul {
826 | list-style:none;
827 | margin: 0px;
828 | padding: 0px;
829 | }
830 | #utilityNav li ul li {
831 | margin-top: 1px;
832 | margin-bottom: 1px;
833 | padding-left: 15px;
834 | }
835 | /*End utility nav*/
836 | #GiveContainer {
837 | height: 30px;
838 | width: 100%;
839 | border-bottom-width: 1px;
840 | border-bottom-style: solid;
841 | border-bottom-color: #5F6A72;
842 | margin: 0px;
843 | padding: 0px;
844 | }
845 | #GiveTop {
846 | height: 30px;
847 | width: 1008px;
848 | margin-top: 0px;
849 | margin-right: auto;
850 | margin-bottom: 0px;
851 | margin-left: auto;
852 | border-right-width: 1px;
853 | border-left-width: 1px;
854 | border-right-style: solid;
855 | border-left-style: solid;
856 | border-right-color: #5F6A72;
857 | border-left-color: #5F6A72;
858 | }
859 | .GlobalGiveNowTop {
860 | position: absolute;
861 | z-index: 900;
862 | margin-right: 190px;
863 | margin-top: 10px;
864 | margin-left: 753px;
865 | }
866 | #HeadBrandingContainer {
867 | height: 190px;
868 | width: 100%;
869 | border-bottom-width: 1px;
870 | border-bottom-style: solid;
871 | border-bottom-color: #5F6A72;
872 | }
873 | #HeadBranding {
874 | height: 190px;
875 | width: 1008px;
876 | margin-top: 0px;
877 | margin-right: auto;
878 | margin-bottom: 0px;
879 | margin-left: auto;
880 | border-right-width: 1px;
881 | border-left-width: 1px;
882 | border-right-style: solid;
883 | border-left-style: solid;
884 | border-right-color: #5F6A72;
885 | border-left-color: #5F6A72;
886 | }
887 | .headLogo {
888 | display: block;
889 | top: 100px;
890 | position: absolute;
891 | z-index: 10;
892 | }
893 | /*==========================================================
894 | FULL CSS MENU
895 | ============================================================*/
896 | #GlobalMainMenuContainer {
897 | margin: 0px;
898 | height: 35px;
899 | width: 100%;
900 | border-bottom-width: 1px;
901 | border-bottom-style: solid;
902 | border-bottom-color: #5F6A72;
903 | background-color: #FFF;
904 | z-index: 100!important;
905 | position: relative;
906 | padding: 0px;
907 | }
908 | #GlobalMainMenu ul {
909 | padding:0px;
910 | width:1008px;
911 | height:35px;
912 | display: block;
913 | margin-top: 0px;
914 | margin-right: auto;
915 | margin-bottom: 0px;
916 | margin-left: auto;
917 | z-index: 100!important;
918 | border-right-width: 1px;
919 | border-left-width: 1px;
920 | border-right-style: solid;
921 | border-left-style: solid;
922 | border-right-color: #5F6A72;
923 | border-left-color: #5F6A72;
924 | }
925 | #GlobalMainMenu ul li {
926 | display: inline-block;
927 | list-style-type: none;
928 | float: left;
929 | width:252px;
930 | height: 25px;
931 | text-align: center;
932 | vertical-align: middle;
933 | text-transform: uppercase;
934 | padding-top: 5px;
935 | padding-bottom: 5px;
936 | letter-spacing: 1px;
937 | }
938 | #GlobalMainMenu ul li a {
939 | color: #535353;
940 | height: 25px;
941 | display: block;
942 | }
943 | #GlobalMainMenu ul li a:hover {
944 | color: #1690A9;
945 | }
946 | .menuline {
947 | border-left-width: 1px;
948 | border-left-style: solid;
949 | border-left-color: #5F6A72;
950 | }
951 | /*==========================================================
952 | END FULL CSS MENU
953 | ============================================================*/
954 |
955 | /*===========================================================
956 | INSIDE CSS MENU
957 | ============================================================*/
958 | #GlobalMainMenu .insidemenu ul li {
959 | display: inline-block;
960 | list-style-type: none;
961 | float: left;
962 | width:190px;
963 | height: 25px;
964 | text-align: center;
965 | text-transform: uppercase;
966 | padding-top: 5px;
967 | padding-bottom: 5px;
968 | }
969 | /*==========================================================
970 | END INSIDE CSS MENU
971 | ============================================================*/
972 |
973 | /*==========================================================
974 | Secondary Menu
975 | ============================================================*/
976 | .secondaryMenu {
977 | width:252px;
978 | background-color:#fff;
979 | z-index: 400!important;
980 | margin-right: 0px;
981 | margin-bottom: 25px;
982 | position: absolute;
983 | margin-left: 725px;
984 | *margin-left:-215px;
985 | margin-top:-90px;
986 | border-left-width: 1px;
987 | border-left-style: solid;
988 | border-left-color: #5F6A72;
989 | display: block;
990 | float: left;
991 | }
992 | #accordion3 {
993 | border-bottom-width: 7px;
994 | border-bottom-style: solid;
995 | border-bottom-color: #f0f1f1;
996 | border-top-width: 7px;
997 | border-top-style: solid;
998 | border-top-color: #f0f1f1;
999 | padding: 10px;
1000 | width:232px;
1001 | }
1002 | #accordion4 {
1003 | padding: 10px;
1004 | width:212px;
1005 | }
1006 | #accordion6 .accHeader3 {
1007 | margin-left:10px;
1008 | }
1009 | #accordion6 ul {
1010 | margin-left:15px;
1011 | padding:0px;
1012 | font-style: oblique;
1013 | }
1014 | #accordion7 .accHeader3 {
1015 | margin-left:10px;
1016 | }
1017 | #accordion7 ul {
1018 | margin-left:15px;
1019 | padding:0px;
1020 | font-style: oblique;
1021 | }
1022 | .secondaryMenu a {
1023 | color:#5f6a72;
1024 | border-bottom-width: 1px;
1025 | border-bottom-style: solid;
1026 | border-bottom-color: #a1a8ad;
1027 | display: block;
1028 | padding-left: 22px;
1029 | }
1030 | .secondaryMenu a:hover {
1031 | display:block;
1032 | }
1033 | .secondaryMenu ul {
1034 | margin:0px;
1035 | padding:0px;
1036 | }
1037 | .secondaryMenu ul li {
1038 | font-size: 12pt;
1039 | line-height: 27px;
1040 | display: block;
1041 | font-weight: 400;
1042 | margin-top:0px;
1043 | }
1044 | .secondaryMenu ul ul {
1045 | border-bottom-width: 1px;
1046 | border-bottom-style: solid;
1047 | border-bottom-color: #a1a8ad;
1048 | }
1049 | .secondaryMenu ul ul li {
1050 | font-size: 11pt;
1051 | line-height: 20px;
1052 | display: block;
1053 | font-weight: 400;
1054 | margin-left:8px;
1055 | margin-top: 2px;
1056 | margin-bottom: 2px;
1057 | border:none !important;
1058 | }
1059 | .secondaryMenu ul ul li a {
1060 | border:none;
1061 | }
1062 | .secondaryMenu ul ul li .acc-plus {
1063 | background-position: 6px 4px;
1064 | }
1065 | .secondaryMenu ul ul li .acc-minus {
1066 | background-position: 4px 4px;
1067 | }
1068 | .secondaryMenu ul ul ul {
1069 | border:none !important;
1070 | margin:0px;
1071 | padding:0px;
1072 | }
1073 | .secondaryMenu ul ul ul li {
1074 | font-size: 11pt;
1075 | line-height: 20px;
1076 | display: block;
1077 | font-weight: 300;
1078 | margin-left:8px;
1079 | margin-top: 2px;
1080 | margin-bottom: 2px;
1081 | }
1082 | .secondaryMenu ul ul ul a {
1083 | border:none;
1084 | }
1085 | .secondaryMenu ul ul ul li ul {
1086 | margin:0px;
1087 | padding:0px;
1088 | }
1089 | .secondaryMenu .sublast {
1090 | border:none;
1091 | }
1092 | .secondaryMenu .ui-accordion .ui-accordion-content {
1093 | margin-left: 0px;
1094 | padding-left: 0px;
1095 | padding-top: 5px;
1096 | padding-bottom: 5px;
1097 | }
1098 | .secondaryMenu .ui-accordion .ui-accordion-header {
1099 | margin:0px;
1100 | padding:0px;
1101 | }
1102 | .secondaryMenu .ui-accordion .ui-accordion-header a:hover {
1103 | }
1104 | .current {
1105 | color: #5f6a72 !important;
1106 | background-color: #F6F4F0;
1107 | display:block;
1108 | }
1109 | /*==========================================================
1110 | End Secondary Menu
1111 | ============================================================*/
1112 | /*==========================================================
1113 | Custom Buttons
1114 | ============================================================*/
1115 | .imgbutton {
1116 | width:190px;
1117 | height:175px;
1118 | border: 1px solid #5f6a72;
1119 | display: block;
1120 | float: left;
1121 | position:relative;
1122 | margin-top: 0px;
1123 | margin-right: 22px;
1124 | margin-bottom: 22px;
1125 | margin-left:0px;
1126 | padding-top: 15px;
1127 | padding-right: 15px;
1128 | padding-bottom: 5px;
1129 | padding-left: 15px;
1130 | }
1131 | .imgbutton img {
1132 | display:block;
1133 | z-index:1;
1134 | }
1135 | .imgbutton p {
1136 | position: absolute;
1137 | top: 136px;
1138 | z-index:0;
1139 | margin: 0px;
1140 | padding: 0px;
1141 | font-size: 22pt;
1142 | line-height: 20pt;
1143 | font-weight: lighter;
1144 | text-transform: uppercase;
1145 | letter-spacing: 1px;
1146 | }
1147 | .imgbutton a {
1148 | display:block;
1149 | width:190px;
1150 | height:180px;
1151 | z-index:2;
1152 | color: #535353;
1153 | }
1154 | .imgbutton a:hover {
1155 | color:#1690A9;
1156 | background-color:#fff !important;
1157 | }
1158 | .squareSectionButton {
1159 | background-color: #FFF;
1160 | float: left;
1161 | height: 100%;
1162 | width: 170px;
1163 | text-align: center;
1164 | display: block;
1165 | font-size: 14pt;
1166 | text-transform: uppercase;
1167 | padding: 5px;
1168 | color: #5f6a72;
1169 | margin-top: 5px;
1170 | margin-bottom: 5px;
1171 | border: 1px solid #5f6a72;
1172 | letter-spacing: 2px;
1173 | }
1174 | .squareSectionButton:hover {
1175 | color: #1690A9;
1176 | background-color: #F6F4F0;
1177 | }
1178 | /*==========================================================
1179 | End Custom Buttons
1180 | ============================================================*/
1181 | /*==========================================================================
1182 | Accordian Styles
1183 | ==========================================================================*/
1184 | /*! jQuery UI - v1.10.0 - 2013-01-17
1185 | * http://jqueryui.com
1186 | * Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
1187 | * Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */
1188 |
1189 | /* Layout helpers
1190 | ----------------------------------*/
1191 | .ui-helper-hidden {
1192 | display: none;
1193 | }
1194 | .ui-helper-hidden-accessible {
1195 | border: 0;
1196 | clip: rect(0 0 0 0);
1197 | height: 1px;
1198 | margin: -1px;
1199 | overflow: hidden;
1200 | padding: 0;
1201 | position: absolute;
1202 | width: 1px;
1203 | }
1204 | .ui-helper-reset {
1205 | margin: 0;
1206 | padding: 0;
1207 | border: 0;
1208 | outline: 0;
1209 | line-height: 1.3;
1210 | text-decoration: none;
1211 | font-size: 100%;
1212 | list-style: none;
1213 | }
1214 | .ui-helper-clearfix:before, .ui-helper-clearfix:after {
1215 | content: "";
1216 | display: table;
1217 | }
1218 | .ui-helper-clearfix:after {
1219 | clear: both;
1220 | }
1221 | .ui-helper-clearfix {
1222 | min-height: 0; /* support: IE7 */
1223 | }
1224 | .ui-helper-zfix {
1225 | width: 100%;
1226 | height: 100%;
1227 | top: 0;
1228 | left: 0;
1229 | position: absolute;
1230 | opacity: 0;
1231 | filter:Alpha(Opacity=0);
1232 | }
1233 | .ui-front {
1234 | z-index: 100;
1235 | }
1236 | /* Interaction Cues
1237 | ----------------------------------*/
1238 | .ui-state-disabled {
1239 | cursor: default !important;
1240 | }
1241 | /* Overlays */
1242 |
1243 | .ui-accordion .ui-accordion-header {
1244 | display: block;
1245 | cursor: pointer;
1246 | position: relative;
1247 | margin-top: 2px;
1248 | padding: 0.625em 0.625em 0.625em .7em;
1249 | min-height: 0; /* support: IE7 */
1250 | border-bottom-width: 1px;
1251 | border-bottom-style: solid;
1252 | border-bottom-color: #EDEDED;
1253 | color: #1690a9;
1254 | }
1255 | .ui-accordion .ui-accordion-header:hover {
1256 | color: #5f6a72;
1257 | background-color: #F6F4F0;
1258 | }
1259 | .acc-plus {
1260 | background-image: url(/img/menuside.png);
1261 | background-repeat: no-repeat;
1262 | position: absolute;
1263 | width:20px;
1264 | height:20px;
1265 | background-position: 3px 8px;
1266 | }
1267 | .acc-minus {
1268 | background-image: url(/img/menudrop.png);
1269 | background-repeat: no-repeat;
1270 | position: absolute;
1271 | width:20px;
1272 | height:20px;
1273 | background-position: 3px 7px;
1274 | }
1275 | .insideBodycolumnLeft .ui-accordion .ui-accordion-header .acc-plus {
1276 | background-position: 0px 3px;
1277 | }
1278 | .insideBodycolumnLeft .ui-accordion .ui-accordion-header .acc-minus {
1279 | background-position: 0px 3px;
1280 | }
1281 | /*.ui-accordion .ui-accordion-icons {
1282 | padding-left: 2.2em;
1283 | }
1284 | .ui-accordion .ui-accordion-noicons {
1285 | padding-left: .7em;
1286 | }
1287 | .ui-accordion .ui-accordion-icons .ui-accordion-icons {
1288 | padding-left: 2.2em;
1289 | }
1290 | .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
1291 | position: absolute;
1292 | left: .5em;
1293 | top: 50%;
1294 | margin-top: -8px;
1295 | }*/
1296 | .ui-accordion .ui-accordion-content {
1297 | margin-left: 20px;
1298 | display: block;
1299 | border-top: 0;
1300 | overflow: auto;
1301 | }
1302 | /*==========================================================================
1303 | End Accordion Styles
1304 | ==========================================================================*/
1305 | /*==========================================================================
1306 | Why we give WP generated stories
1307 | ==========================================================================*/
1308 | .whyWeGive {
1309 | display:block;
1310 | width:100%;
1311 | border-bottom-width: 1px;
1312 | border-bottom-style: solid;
1313 | border-bottom-color: #5f6a72;
1314 | background-image: url(/img/whywegivBG.png);
1315 | background-repeat: no-repeat;
1316 | background-position: 100% 100%;
1317 | padding: 0px;
1318 | margin-top: 12px;
1319 | margin-right: 0px;
1320 | margin-bottom: 12px;
1321 | margin-left: 0px;
1322 | }
1323 | .whyWeGive .wwgStoryWrap {
1324 | width:100%;
1325 | height:100%;
1326 | padding-left:80px;
1327 | padding-top:50px;
1328 | padding-bottom:50px;
1329 | padding-right:50px;
1330 | vertical-align: top;
1331 | }
1332 | .whyWeGive h2 {
1333 | width:100%;
1334 | color: #5f6a72;
1335 | border-bottom-width: 1px;
1336 | border-bottom-style: solid;
1337 | border-bottom-color: #ffa914;
1338 | font-style: oblique;
1339 | margin-bottom:0px;
1340 | }
1341 | .whyWeGive .wwgth {
1342 | display:inline-block;
1343 | width:90px;
1344 | height:90px;
1345 | margin:0px;
1346 | padding: 0px;
1347 | }
1348 | .whyWeGive .wwgStory {
1349 | display:inline-block;
1350 | width:78%;
1351 | height:100%;
1352 | padding: 0px;
1353 | margin-top: 0px;
1354 | margin-right: 0px;
1355 | margin-bottom: 0px;
1356 | margin-left: 15px;
1357 | vertical-align: top;
1358 | }
1359 | .whyWeGive .wwgstoryline {
1360 | display:block;
1361 | width:510px;
1362 | height:100%;
1363 | padding-top:12px;
1364 | padding-bottom:12px;
1365 | border-bottom-width: 1px;
1366 | border-bottom-style: solid;
1367 | border-bottom-color: #5f6a72;
1368 | }
1369 | .whyWeGive .wwgstoryline:last-child {
1370 | border-bottom:none;
1371 | }
1372 | .whyWeGive .wwgStory h3 {
1373 | font-weight:100;
1374 | margin:0px;
1375 | padding:0px;
1376 | font-size:110%;
1377 | }
1378 | .whyWeGive .wwgStory h3 a {
1379 | color: #5f6a72;
1380 | }
1381 | .whyWeGive .wwgStory p {
1382 | padding-top:0px;
1383 | margin-top:0px;
1384 | font-size:88%;
1385 | margin-bottom: 0px;
1386 | padding-bottom: 0px;
1387 | }
1388 | #featuredstoryCCWrap {
1389 | height: 100%;
1390 | width: 100%;
1391 | margin-bottom: 25px;
1392 | margin-top: 20px;
1393 | }
1394 | /*=========================================================================
1395 | Read more styles
1396 | ===========================================================================*/
1397 | .toggle:after {
1398 | content:"Read more";
1399 | margin-left: 16px;
1400 | color: #1690A9;
1401 | }
1402 | .expanded:after {
1403 | content:"Read less";
1404 | margin-left: 20px;
1405 | color: #1690A9;
1406 | }
1407 | .toggle {
1408 | display:block;
1409 | background-image: url(/img/side.png);
1410 | background-position: 2px 3px;
1411 | height: 20px;
1412 | width: 100px;
1413 | background-repeat: no-repeat;
1414 | cursor: hand;
1415 | cursor: pointer;
1416 | margin-bottom: 15px;
1417 | }
1418 | .toggle.expanded {
1419 | background-image: url(/img/up.png);
1420 | background-position: 0px 7px;
1421 | }
1422 | /*=========================================================================
1423 | End Read more styles
1424 | ===========================================================================*/
1425 | /*=========================================================================
1426 | Main Structure
1427 | ===========================================================================*/
1428 | main {
1429 | height: 100%;
1430 | width: 100%;
1431 | margin: 0px;
1432 | padding: 0px;
1433 | }
1434 | #mainContentWrap {
1435 | width: 1008px;
1436 | margin-top: 0px;
1437 | margin-right: auto;
1438 | margin-bottom: 0px;
1439 | margin-left: auto;
1440 | border-right-width: 1px;
1441 | border-left-width: 1px;
1442 | border-right-style: solid;
1443 | border-left-style: solid;
1444 | border-right-color: #5f6a72;
1445 | border-left-color: #5f6a72;
1446 | padding: 0px;
1447 | height: 100%;
1448 | overflow: hidden;
1449 | z-index: 10;
1450 | }
1451 | .insideBODYcontent {
1452 | width:1008px;
1453 | min-height:250px;
1454 | float:left;
1455 | background-color: #FFF;
1456 | z-index: 500;
1457 | padding:30px;
1458 | }
1459 | .insideBodycolumnLeft {
1460 | width: 640px;
1461 | height:100%;
1462 | z-index:0;
1463 | float:left;
1464 | margin-top: 0px;
1465 | margin-right: 92px;
1466 | margin-bottom: 0px;
1467 | margin-left: 0px;
1468 | position:relative;
1469 | }
1470 | .insideBodycolumnRight {
1471 | width: 216px;
1472 | height:100%;
1473 | float:right;
1474 | z-index:0;
1475 | font-size:0.9em;
1476 | padding: 0px;
1477 | position: relative;
1478 | float:left;
1479 | margin-top: 25%;
1480 | margin-right: 0px;
1481 | margin-bottom: 0px;
1482 | margin-left: 0px;
1483 | }
1484 | .footSeperaterContainer {
1485 | border-top-width: 1px;
1486 | border-top-style: solid;
1487 | border-top-color: #5f6a72;
1488 | border-bottom-width: 1px;
1489 | border-bottom-style: solid;
1490 | border-bottom-color: #5F6A72;
1491 | }
1492 | footer {
1493 | margin: 0px;
1494 | padding: 0px;
1495 | height: 100%;
1496 | width: 100%;
1497 | }
1498 | .footSeperater {
1499 | background: #5f6a72;
1500 | background: -moz-linear-gradient(top, #6f767b, #5f6a72);
1501 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6f767b), to(#5f6a72));
1502 | height: 35px;
1503 | width: 1008px;
1504 | margin-top: 0px;
1505 | margin-right: auto;
1506 | margin-bottom: 0px;
1507 | margin-left: auto;
1508 | border-right-width: 1px;
1509 | border-left-width: 1px;
1510 | border-right-style: solid;
1511 | border-left-style: solid;
1512 | border-right-color: #5f6a72;
1513 | border-left-color: #5f6a72;
1514 | }
1515 | #FooterContent {
1516 | padding-left: 0px;
1517 | padding-right:0px;
1518 | padding-bottom:30px;
1519 | padding-top:35px;
1520 | height:100%;
1521 | width: 1008px;
1522 | margin-top: 0px;
1523 | margin-right: auto;
1524 | margin-bottom: 0px;
1525 | margin-left: auto;
1526 | border-right-width: 1px;
1527 | border-left-width: 1px;
1528 | border-right-style: solid;
1529 | border-left-style: solid;
1530 | border-right-color: #5f6a72;
1531 | border-left-color: #5f6a72;
1532 | border-bottom-width:1px;
1533 | border-bottom-style:solid;
1534 | border-bottom-color:#5f6a72;
1535 | font-size: 15px;
1536 | line-height:1.4;
1537 | }
1538 | #FooterContent ul li {
1539 | list-style-type: none;
1540 | margin-top:-1px;
1541 | }
1542 | #FooterContent img {
1543 | margin-top: 10px;
1544 | margin-bottom: 10px;
1545 | }
1546 | #FooterContent .footColumn {
1547 | width: 582px;
1548 | height: 130px;
1549 | padding-left: 15px;
1550 | padding-right: 15px;
1551 | line-height: 20px;
1552 | display:inline-block;
1553 | }
1554 | #FooterContent .footColumn p {
1555 | margin-top:11px;
1556 | }
1557 | #FooterContent .footColumnTwo {
1558 | width: 210px;
1559 | height: 130px;
1560 | display:inline-block;
1561 | border-left: solid 1px #5f6a72;
1562 | }
1563 | #FooterContent .footColumnThree {
1564 | width: 170px;
1565 | height: 130px;
1566 | display:inline-block;
1567 | border-left: solid 1px #5f6a72;
1568 | }
1569 | #FooterContent > .footColumnTwo, .footColumnThree {
1570 | font-size: 12px;
1571 | line-height: 25px;
1572 | }
1573 | #FooterContent .footColumnThree Ul li img {
1574 | vertical-align: middle;
1575 | margin-right: 8px;
1576 | }
1577 | #FooterContent .footColumnThree a img {
1578 | display: inline-block;
1579 | }
1580 |
1581 | /* For image replacement */
1582 | .ir {
1583 | display: block;
1584 | border: 0;
1585 | text-indent: -999em;
1586 | overflow: hidden;
1587 | background-color: transparent;
1588 | background-repeat: no-repeat;
1589 | text-align: left;
1590 | direction: ltr;
1591 | *line-height: 0;
1592 | }
1593 | .ir br {
1594 | display: none;
1595 | }
1596 | /* Hide from both screenreaders and browsers */
1597 | .hidden {
1598 | display: none !important;
1599 | visibility: hidden;
1600 | }
1601 | /* Hide only visually, but have it available for screenreaders */
1602 | .visuallyhidden {
1603 | border: 0;
1604 | clip: rect(0 0 0 0);
1605 | height: 1px;
1606 | margin: -1px;
1607 | overflow: hidden;
1608 | padding: 0;
1609 | position: absolute;
1610 | width: 1px;
1611 | }
1612 | /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard*/
1613 | .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
1614 | clip: auto;
1615 | height: auto;
1616 | margin: 0;
1617 | overflow: visible;
1618 | position: static;
1619 | width: auto;
1620 | }
1621 | /* Hide visually and from screenreaders, but maintain layout */
1622 | .invisible {
1623 | visibility: hidden;
1624 | }
1625 | /* Contain floats */
1626 | .clearfix:before, .clearfix:after {
1627 | content: "";
1628 | display: table;
1629 | }
1630 | .clearfix:after {
1631 | clear: both;
1632 | }
1633 | .clearfix {
1634 | *zoom: 1;
1635 | }
1636 |
1637 | /*=========================================================================
1638 | End Main Structure
1639 | ===========================================================================*/
1640 | /*=========================================================================
1641 | Error 404 Structure
1642 | ===========================================================================*/
1643 | .error404 #HeadBranding {
1644 | background-image: url(http://foundation.wsu.edu/img/banners/404.jpg) !important;
1645 | }
1646 | .error404 #searchform {
1647 | background-color:#f7f2e2 !important;
1648 | }
1649 | .error404 #searchsubmit {
1650 | color:white;
1651 | background-color:#a80532;
1652 | text-transform:uppercase;
1653 | letter-spacing:1px;
1654 | }
1655 | .error404 .entry-content p {
1656 | font-size:1.485em;
1657 | }
1658 | .error404 .errorUL {
1659 | list-style:none;
1660 | margin-top:2em;
1661 | font-size:1.2em;
1662 | }
1663 | .error404 .errorUL li:before {
1664 | content: "\25A0";
1665 | color: #68737a;
1666 | margin-right:8px;
1667 | vertical-align:text-bottom;
1668 | }
1669 | .error404 .search-goog {
1670 | padding:2%;
1671 | margin-top:2em;
1672 | }
1673 | .error404 .search-goog #goog-wm-sb {
1674 | color:white;
1675 | background-color:#a80532;
1676 | text-transform:uppercase;
1677 | letter-spacing:1px;
1678 | margin-left:10px;
1679 | }
1680 | .error404 .other-things {
1681 | display:none;
1682 | }
1683 | /* =========================================================================
1684 | Begin 'Colorbox'
1685 | ============================================================================*/
1686 | /*
1687 | Colorbox Core Style:
1688 | The following CSS is consistent between example themes and should not be altered.
1689 | */
1690 | #colorbox, #cboxOverlay, #cboxWrapper {
1691 | position:absolute;
1692 | top:0;
1693 | left:0;
1694 | z-index:9999;
1695 | overflow:hidden;
1696 | }
1697 | #cboxOverlay {
1698 | position:fixed;
1699 | width:100%;
1700 | height:100%;
1701 | }
1702 | #cboxMiddleLeft, #cboxBottomLeft {
1703 | clear:left;
1704 | }
1705 | #cboxContent {
1706 | position:relative;
1707 | }
1708 | #cboxLoadedContent {
1709 | overflow:auto;
1710 | -webkit-overflow-scrolling: touch;
1711 | }
1712 | #cboxTitle {
1713 | margin:0;
1714 | }
1715 | #cboxLoadingOverlay, #cboxLoadingGraphic {
1716 | position:absolute;
1717 | top:0;
1718 | left:0;
1719 | width:100%;
1720 | height:100%;
1721 | }
1722 | #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
1723 | cursor:pointer;
1724 | }
1725 | .cboxPhoto {
1726 | float:left;
1727 | margin:auto;
1728 | border:0;
1729 | display:block;
1730 | max-width:none;
1731 | }
1732 | .cboxIframe {
1733 | width:100%;
1734 | height:100%;
1735 | display:block;
1736 | border:0;
1737 | }
1738 | #colorbox, #cboxContent, #cboxLoadedContent {
1739 | box-sizing:content-box;
1740 | -moz-box-sizing:content-box;
1741 | -webkit-box-sizing:content-box;
1742 | }
1743 | /*
1744 | User Style:
1745 | Change the following styles to modify the appearance of Colorbox. They are
1746 | ordered & tabbed in a way that represents the nesting of the generated HTML.
1747 | */
1748 | #cboxOverlay {
1749 | background:url(/img/lightbox/overlay.png) repeat 0 0;
1750 | }
1751 | #colorbox {
1752 | outline:0;
1753 | border: 1px solid #b8bfc4;
1754 | background-color: #FFF;
1755 | }
1756 | #cboxTopLeft {
1757 | width:8px;
1758 | height:8px;
1759 | }
1760 | #cboxTopRight {
1761 | width:8px;
1762 | height:8px;
1763 | }
1764 | #cboxBottomLeft {
1765 | width:8px;
1766 | height:8px;
1767 | }
1768 | #cboxBottomRight {
1769 | width:8px;
1770 | height:8px;
1771 | }
1772 | #cboxMiddleLeft {
1773 | width:8px;
1774 | }
1775 | #cboxMiddleRight {
1776 | width:8px;
1777 | }
1778 | #cboxTopCenter {
1779 | height:8px;
1780 | }
1781 | #cboxBottomCenter {
1782 | height:8px;
1783 | }
1784 | #cboxContent {
1785 | background:#fff;
1786 | overflow:hidden;
1787 | border-top-width: 11px;
1788 | border-bottom-width: 11px;
1789 | border-top-style: solid;
1790 | border-bottom-style: solid;
1791 | border-top-color: #b8bfc4;
1792 | border-bottom-color: #b8bfc4;
1793 | }
1794 | .cboxIframe {
1795 | background:#fff;
1796 | }
1797 | #cboxError {
1798 | padding:50px;
1799 | border:1px solid #ccc;
1800 | }
1801 | #cboxLoadedContent {
1802 | margin-top: 76px;
1803 | margin-right: 28px;
1804 | margin-bottom: 44px;
1805 | margin-left: 28px;
1806 | }
1807 | #cboxTitle {
1808 | position:absolute;
1809 | top:48px;
1810 | left:0;
1811 | text-align:center;
1812 | width:100%;
1813 | color:#5f6a72;
1814 | font-weight:200;
1815 | font-size:110%;
1816 | letter-spacing: 2px;
1817 | text-transform: uppercase;
1818 | }
1819 | #cboxCurrent {
1820 | position:absolute;
1821 | top:4px;
1822 | left:58px;
1823 | color:#535353;
1824 | }
1825 | #cboxLoadingOverlay {
1826 | background:url(/img/lightbox/loading_background.png) no-repeat center center;
1827 | }
1828 | #cboxLoadingGraphic {
1829 | background:url(/img/lightbox/loading.gif) no-repeat center center;
1830 | }
1831 | /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
1832 | #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
1833 | border:0;
1834 | padding:0;
1835 | margin:0;
1836 | overflow:visible;
1837 | width:auto;
1838 | background:none;
1839 | }
1840 | /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
1841 | #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
1842 | outline:0;
1843 | }
1844 | /*#cboxSlideshow {
1845 | position:absolute;
1846 | bottom:4px;
1847 | right:30px;
1848 | color:#0092ef;
1849 | }
1850 | #cboxPrevious {
1851 | position:absolute;
1852 | bottom:0;
1853 | left:0;
1854 | background:url(/img/lightbox/controls.png) no-repeat -75px 0;
1855 | width:25px;
1856 | height:25px;
1857 | text-indent:-9999px;
1858 | }
1859 | #cboxPrevious:hover {
1860 | background-position:-75px -25px;
1861 | }
1862 | #cboxNext {
1863 | position:absolute;
1864 | bottom:0;
1865 | left:27px;
1866 | background:url(/img/lightbox/controls.png) no-repeat -50px 0;
1867 | width:25px;
1868 | height:25px;
1869 | text-indent:-9999px;
1870 | }
1871 | #cboxNext:hover {
1872 | background-position:-50px -25px;
1873 | }*/
1874 | #cboxClose {
1875 | position:absolute;
1876 | top:5px;
1877 | right:0;
1878 | width:27px;
1879 | height:27px;
1880 | text-indent:-9999px;
1881 | background-image: url(/img/lightbox/close.png);
1882 | background-repeat: no-repeat;
1883 | background-position: 0px 0;
1884 | }
1885 | #cboxClose:hover {
1886 | background-position:0px 0px;
1887 | background-image: url(/img/lightbox/closeHover.png);
1888 | }
1889 | /*
1890 | The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
1891 | when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9.
1892 | See: http://jacklmoore.com/notes/ie-transparency-problems/
1893 | */
1894 | .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight {
1895 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
1896 | }
1897 | /*===========================================================================
1898 | Include styles
1899 | ===========================================================================*/
1900 | }
1901 | /* ==|== print styles =======================================================
1902 | ========================================================================== */
1903 |
1904 | @media print {
1905 | * {
1906 | background: transparent !important;
1907 | color: black !important;
1908 | box-shadow:none !important;
1909 | text-shadow: none !important;
1910 | filter:none !important;
1911 | -ms-filter: none !important;
1912 | font-family: Arial, Helvetica, sans-serif;
1913 | }
1914 | #PrintLogo {
1915 | display:block;
1916 | width:200px;
1917 | height:97px;
1918 | margin-top: 0px;
1919 | margin-right: auto;
1920 | margin-bottom: 1cm;
1921 | margin-left: auto;
1922 | }
1923 | a {
1924 | text-decoration:none;
1925 | }
1926 | pre, blockquote {
1927 | border: 1px solid #999;
1928 | page-break-inside: avoid;
1929 | }
1930 | thead {
1931 | display: table-header-group;
1932 | } /* h5bp.com/t */
1933 | tr, img {
1934 | page-break-inside: avoid;
1935 | }
1936 | img {
1937 | max-width: 100% !important;
1938 | }
1939 |
1940 | tr, td {
1941 | padding:2pt;
1942 | font-size:10pt;
1943 | }
1944 | @page {
1945 | margin-left:3cm !important;
1946 | margin-right:3cm !important;
1947 | margin-top:2cm !important;
1948 | margin-bottom:2cm !important;
1949 | }
1950 | p, ol, ul {
1951 | font-size: 9pt;
1952 | line-height: 14pt;
1953 | }
1954 | p, h1, h2, h3, h4, h5, h6 {
1955 | orphans: 3;
1956 | widows: 3;
1957 | }
1958 | h1, h2, h3, h4, h5, h6 {
1959 | page-break-before: avoid !important;
1960 | page-break-after: avoid !important;
1961 | font-weight: 200;
1962 | }
1963 | h1 {
1964 | text-transform: uppercase;
1965 | font-style:normal;
1966 | font-weight: 300;
1967 | font-size: 120%;
1968 | line-height: 150%;
1969 | padding: 0px;
1970 | margin-top: 2%;
1971 | margin-right: 0px;
1972 | margin-bottom: 2%;
1973 | margin-left: 0px;
1974 | letter-spacing: 3px;
1975 | }
1976 | h2 {
1977 | font-weight:400;
1978 | font-style:normal;
1979 | line-height:130%;
1980 | font-size:110%;
1981 | letter-spacing:1px;
1982 | padding: 0px;
1983 | margin-top: 2%;
1984 | margin-right: 0px;
1985 | margin-bottom: 0%;
1986 | margin-left: 0px;
1987 | letter-spacing: 1px;
1988 | }
1989 | h3 {
1990 | font-size: 100%;
1991 | padding: 0px;
1992 | font-weight:500;
1993 | font-style:normal;
1994 | line-height:100%;
1995 | margin-top: 2%;
1996 | margin-right: 0px;
1997 | margin-bottom: 0%;
1998 | margin-left: 0px;
1999 | text-transform: uppercase;
2000 | letter-spacing: 1px;
2001 | }
2002 | h4 {
2003 | font-size: 120%;
2004 | padding: 0px;
2005 | font-weight:400;
2006 | line-height: 100%;
2007 | margin-top: 2%;
2008 | margin-right: 0px;
2009 | margin-bottom: -.5%;
2010 | margin-left: 0px;
2011 | }
2012 | h5 {
2013 | font-size:120%;
2014 | font-weight:400;
2015 | margin-top: 2%;
2016 | margin-right: 0px;
2017 | margin-bottom: 0px;
2018 | margin-left: 0px;
2019 | padding: 0px;
2020 | line-height: 100%;
2021 | }
2022 | h6 {
2023 | font-size:120%;
2024 | font-style: oblique;
2025 | font-weight:600;
2026 | margin-top: 2%;
2027 | margin-right: 0px;
2028 | margin-bottom: -.5%;
2029 | margin-left: 0px;
2030 | padding: 0px;
2031 | line-height: 100%;
2032 | }
2033 | .accordion {
2034 | display:block;
2035 | width:100%;
2036 | overflow: visible !important;
2037 | float:left;
2038 | clear:both;
2039 | }
2040 | .accordionPanelContent {
2041 | display: block !important;
2042 | overflow: visible !important;
2043 | height: auto !important;
2044 | }
2045 | #accordion {
2046 | display:block;
2047 | width:100%;
2048 | overflow: visible !important;
2049 | float:left;
2050 | clear:both;
2051 | }
2052 | #accordionPanelContent {
2053 | display: block !important;
2054 | overflow: visible !important;
2055 | height: auto !important;
2056 | }
2057 | #accordion h5 {
2058 | font-size:100%;
2059 | margin-left:-18px;
2060 | margin-bottom:2px;
2061 | padding-bottom:0px;
2062 | }
2063 | #accordion div p:first-child {
2064 | margin-top:0px;
2065 | padding-top:0px;
2066 | }
2067 | #accordion div {
2068 | display: block !important;
2069 | overflow: visible !important;
2070 | height: auto !important;
2071 | margin-bottom:10px;
2072 | padding-bottom:10px;
2073 | border-bottom: solid 1px black;
2074 | }
2075 | #accordion div:last-child {
2076 | border-bottom:none;
2077 | }
2078 | #utilitybarContainer, #GiveContainer, #GlobalMainMenuContainer, .secondaryMenu, .footColCenter, .footColRight {
2079 | display:none !important;
2080 | }
2081 | .insideBodycolumnRight {
2082 | margin-top:16px !important;
2083 | margin-bottom:16px;
2084 | }
2085 | .footCol {
2086 | page-break-inside:avoid;
2087 | display:block;
2088 | clear:both;
2089 | width: 100%;
2090 | padding-top: 15px;
2091 | margin-top:20px;
2092 | border-top-width: 1px;
2093 | border-top-style: solid;
2094 | border-top-color: black;
2095 | }
2096 | .footCol p {
2097 | font-size: 8pt;
2098 | line-height: 11pt;
2099 | margin-left:18px;
2100 | }
2101 | .campaignleftcol {
2102 | display:none;
2103 | }
2104 | .campaignrightcol {
2105 | margin-left:1.5cm;
2106 | margin-top:0px;
2107 | margin-bottom:0px;
2108 | }
2109 | .ajax {
2110 | display:none !important;
2111 | }
2112 | .campaign_index h1 {
2113 | display:none !important;
2114 | }
2115 | .letterstyle {
2116 | font-family: "Times New Roman", Times, serif !important;
2117 | font-size: 10pt;
2118 | line-height: 16pt;
2119 | }
2120 | .currentprogressbar1 {
2121 | background-color:#ccc !important;
2122 | }
2123 | #featuredstoryCCWrap {
2124 | display:none !important;
2125 | }
2126 | .becoming {
2127 | width:7in !important;
2128 | }
2129 | #payrollCalc {
2130 | display:none;
2131 | }
2132 | #employeeCampaign {
2133 | display:none !important;
2134 | }
2135 | }
--------------------------------------------------------------------------------
 . '/images/foundation-give-icon.svg' ); ?>){kind=icon}
Give to WSU
4 |  . '/images/Wash-State-Silhouette-gray1.svg' ); ?>)
4 | 
11 |