/** =======================================================================
 *  Erik Dahlström , Vincent Hardy
 *  License terms: see svg-wow.org
 *  CC0 http://creativecommons.org/publicdomain/zero/1.0/
 *  ======================================================================= */

/* =============================================================================
 * Styling for the index page 
 * ========================================================================== */

#disclaimer { text-align: center; }

/* =============================================================================
 * Styling for license terms
 * ========================================================================== */
#terms, #about {
    font-size: 12px;
    font-weight: normal;
    padding-top: 20px;
    color: #f2f2f2;
    font-style: italic;
}

#terms p, #about p {
    color: #606060;
}

#license img {
    border: none;
}

/* =============================================================================
 * Browser support section
 * ========================================================================== */
#browserSupport {
    font-size: 12px;
    font-weight: normal;
    padding-bottom: 20px;
    padding-top: 20px;
    color: #f2f2f2;
    font-style: italic;
}

#browserSupport p {
    color: #606060;
}

#browserSupport ul {
    list-style: none;
    color: #606060;
    display: block;
    padding-top: 1em;
    padding-left: 0px;
}

#browserSupport li {
    color: #606060;
    display: inline-block;
    padding-right: 10px;
}



/* =============================================================================
 * Styling for the index page
 * ========================================================================== */
#demoThumbs {
    width: 700px;
    overflow: hidden;
    height: auto;
}

@media screen and (min-width: 800px) and (max-width: 960px) {
	#demoThumbs {
		width: 500px;
	}
}

@media screen and (min-width: 750px) and (max-width: 800px) {
	#demoThumbs {
		width: 700px;
	}
}

@media screen and (min-width: 520px) and (max-width: 750px) {
	#demoThumbs {
		width: 500px;
	}
}

@media screen and (max-width: 520px) {
	#demoThumbs {
		width: 300px;
	}
}

.demoEntry {
    float: left;
    width: 200px;
    height: 95px;
}

.demoThumb img {
    border: 1px solid #2f2f2f;
    float: left;
}

.demoTitle a {
    color: rgb(247, 171, 21);
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    padding-left: 5px;
}

#demoThumbs {
    padding-top: 20px;
}


.demoAuthor a {
    color: rgb(250,250,250);
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
    padding-left: 5px;
}






/*
     FILE ARCHIVED ON 17:26:52 Oct 7, 2016 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 14:51:04 Aug 26, 2025.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/