diff -r 000000000000 -r d970ebf37754 wp/wp-content/themes/IN-MOTION-package-u1/in-motion/css/isotope.css --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/wp/wp-content/themes/IN-MOTION-package-u1/in-motion/css/isotope.css Wed Nov 06 03:21:17 2013 +0000 @@ -0,0 +1,370 @@ +/* Start: Recommended Isotope styles */ + +/**** Isotope Filtering ****/ + +.page-id-1330 .isotope-item { + z-index: 2; +} + +.page-id-1330 .isotope-hidden.isotope-item { + pointer-events: none; + z-index: 1; +} + +/**** Isotope CSS3 transitions ****/ + +.page-id-1330 .isotope, +.page-id-1330 .isotope .isotope-item { + -webkit-transition-duration: 0.8s; + -moz-transition-duration: 0.8s; + -ms-transition-duration: 0.8s; + -o-transition-duration: 0.8s; + transition-duration: 0.8s; +} + +.page-id-1330 .isotope { + -webkit-transition-property: height, width; + -moz-transition-property: height, width; + -ms-transition-property: height, width; + -o-transition-property: height, width; + transition-property: height, width; +} + +.page-id-1330 .isotope .isotope-item { + -webkit-transition-property: -webkit-transform, opacity; + -moz-transition-property: -moz-transform, opacity; + -ms-transition-property: -ms-transform, opacity; + -o-transition-property: -o-transform, opacity; + transition-property: transform, opacity; +} + +/**** disabling Isotope CSS3 transitions ****/ + +.page-id-1330 .isotope.no-transition, +.page-id-1330 .isotope.no-transition .isotope-item, +.page-id-1330 .isotope .isotope-item.no-transition { + -webkit-transition-duration: 0s; + -moz-transition-duration: 0s; + -ms-transition-duration: 0s; + -o-transition-duration: 0s; + transition-duration: 0s; +} + +/* End: Recommended Isotope styles */ + + + +/* disable CSS transitions for containers with infinite scrolling*/ +.page-id-1330 .isotope.infinite-scrolling { + -webkit-transition: none; + -moz-transition: none; + -ms-transition: none; + -o-transition: none; + transition: none; +} + +.page-id-1330 #container { + border: 1px solid #666; + padding: 5px; + margin-bottom: 20px; +} + +.page-id-1330 .element { + width: 110px; + height: 110px; + margin: 5px; + float: left; + overflow: hidden; + position: relative; + background: #888; + color: #222; + -webkit-border-top-right-radius: 1.2em; + -moz-border-radius-topright: 1.2em; + border-top-right-radius: 1.2em; +} + +.page-id-1330 .element.alkali { background: #F00; background: hsl( 0, 100%, 50%); } +.page-id-1330 .element.alkaline-earth { background: #F80; background: hsl( 36, 100%, 50%); } +.page-id-1330 .element.lanthanoid { background: #FF0; background: hsl( 72, 100%, 50%); } +.page-id-1330 .element.actinoid { background: #0F0; background: hsl( 108, 100%, 50%); } +.page-id-1330 .element.transition { background: #0F8; background: hsl( 144, 100%, 50%); } +.page-id-1330 .element.post-transition { background: #0FF; background: hsl( 180, 100%, 50%); } +.page-id-1330 .element.metalloid { background: #08F; background: hsl( 216, 100%, 50%); } +.page-id-1330 .element.other.nonmetal { background: #00F; background: hsl( 252, 100%, 50%); } +.page-id-1330 .element.halogen { background: #F0F; background: hsl( 288, 100%, 50%); } +.page-id-1330 .element.noble-gas { background: #F08; background: hsl( 324, 100%, 50%); } + + +.page-id-1330 .element * { + position: absolute; + margin: 0; +} + +.page-id-1330 .element .symbol { + left: 0.2em; + top: 0.4em; + font-size: 3.8em; + line-height: 1.0em; + color: #FFF; +} +.page-id-1330 .element.large .symbol { + font-size: 4.5em; +} + +.page-id-1330 .element.fake .symbol { + color: #000; +} + +.page-id-1330 .element .name { + left: 0.5em; + bottom: 1.6em; + font-size: 1.05em; +} + +.page-id-1330 .element .weight { + font-size: 0.9em; + left: 0.5em; + bottom: 0.5em; +} + +.page-id-1330 .element .number { + font-size: 1.25em; + font-weight: bold; + color: hsla(0,0%,0%,.5); + right: 0.5em; + top: 0.5em; +} + +.page-id-1330 .variable-sizes .element.width2 { width: 230px; } + +.page-id-1330 .variable-sizes .element.height2 { height: 230px; } + +.page-id-1330 .variable-sizes .element.width2.height2 { + font-size: 2.0em; +} + +.page-id-1330 .element.large, +.page-id-1330 .variable-sizes .element.large, +.page-id-1330 .variable-sizes .element.large.width2.height2 { + font-size: 3.0em; + width: 350px; + height: 350px; + z-index: 100; +} + +.page-id-1330 .clickable .element:hover { + cursor: pointer; +} + +.page-id-1330 .clickable .element:hover h3 { + text-shadow: + 0 0 10px white, + 0 0 10px white + ; +} + +.page-id-1330 .clickable .element:hover h2 { + color: white; +} + +/**** Example Options ****/ + +#.page-id-1330 options { + padding-bottom: 1.0em; +} + +.page-id-1330 #options h3 { + margin-bottom: 0.2em; + font-size: 15px; +} + +.page-id-1330 #options h4 { + font-weight: bold; +} + +.page-id-1330 #options ul { + margin: 0; + list-style: none; +} + +.page-id-1330 #options ul ul { + margin-left: 1.5em; +} + +.page-id-1330 #options li { + float: left; + margin-bottom: 0.2em; +} + +.page-id-1330 #options li a { + display: block; + padding: 0.4em 0.5em; + background-color: #DDD; + color: #222; + font-weight: bold; + text-shadow: 0 1px hsla( 0, 0%, 100%, 0.5 ); + background-image: -webkit-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) ); + background-image: -moz-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) ); + background-image: -ms-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) ); + background-image: -o-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) ); + background-image: linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) ); +} + +.page-id-1330 #options li a:hover { + background-color: #5BF; +} + +.page-id-1330 #options li a:active { + background-color: #39D; + -webkit-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 ); + -moz-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 ); + -o-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 ); + box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 ); +} + +.page-id-1330 #options li a { + border-left: 1px solid hsla( 0, 0%, 100%, 0.3 ); + border-right: 1px solid hsla( 0, 0%, 0%, 0.2 ); +} + +.page-id-1330 #options li:first-child a { + border-radius: 7px 0 0 7px; + border-left: none; +} + +.page-id-1330 #options li:last-child a { + border-radius: 0 7px 7px 0; +} + +.page-id-1330 #options li a.selected { + background-color: #13F; + text-shadow: none; + color: white; +} + +/* Combination filter options*/ + +.page-id-1330 #options .option-combo { + display: inline-block; + float: left; + margin-right: 10px; +} + +.page-id-1330 #options .option-combo ul { + margin-right: 20px; + display: inline-block; +} + +.page-id-1330 #options .option-combo h2, +.page-id-1330 #options .option-combo h4 { + line-height: 34px; + margin-bottom: 0; + margin-right: 5px; + display: inline-block; + vertical-align: top; +} + +/* Color shapes */ + +.page-id-1330 .color-shape { + width: 70px; + height: 70px; + margin: 5px; + float: left; +} + +.page-id-1330 .color-shape.round { + -webkit-border-radius: 35px; + -moz-border-radius: 35px; + border-radius: 35px; +} + +.page-id-1330 .color-shape.big.round { + -webkit-border-radius: 75px; + -moz-border-radius: 75px; + border-radius: 75px; +} + +.page-id-1330 .color-shape.red { background: red; } +.page-id-1330 .color-shape.blue { background: blue; } +.page-id-1330 .color-shape.yellow { background: yellow; } + +.page-id-1330 .color-shape.wide, .color-shape.big { width: 150px; } +.page-id-1330 .color-shape.tall, .color-shape.big { height: 150px; } + +.page-id-1330 .color-shape a { + display: block; + height: 100%; +} + +.page-id-1330 .color-shape a:hover { + background: white; + background: hsla( 0, 0%, 100%, 0.5 ); +} + +/**** Horizontal ****/ + +.page-id-1330 .horizontal #container { + height: 80%; +} + +.page-id-1330 #copy { + max-width: 640px; +} + +/**** Photo demo ****/ + +.page-id-1330 .photos .photo { + width: 320px; + margin: 5px; + float: left; +} + +.page-id-1330 .photos .photo img { + display: block; + width: 100%; +} + +.page-id-1330 #content { + margin-left: 210px; +} + +.page-id-1330 .demos #content { + height: 100%; +} + +/**** Docs ****/ + +.page-id-1330 .docs #content { + max-width: 640px; +} + +.page-id-1330 .docs #content a:hover { + border-bottom: 1px dotted; +} + +/**** Infinite Scroll ****/ + +.page-id-1330 #infscr-loading { + position: fixed; + text-align: center; + bottom: 30px; + left: 42%; + z-index: 100; + background: white; + background: hsla( 0, 0%, 100%, 0.9 ); + padding: 20px; + color: #222; + font-size: 15px; + font-weight: bold; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; +} + + + +/* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */ +.page-id-1330 .clearfix:before, .clearfix:after { content: ""; display: table; } +.page-id-1330 .clearfix:after { clear: both; } +.page-id-1330 .clearfix { zoom: 1; }