Motion Graphics: Sarofsky

/* ----------------------------------------- */ /* View slug: events-stats - start */ /* ----------------------------------------- */ #listEventItem { padding: 0; } /* ----------------------------------------- */ /* View slug: events-stats - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: Content Template for Login Layout - start */ /* ----------------------------------------- */ .loggedIn-info { margin: 25px 0 0 25px; color: #444; } #loggin { color: #148426; } #loginRegister { float: left; padding-left: 10px; padding-top: 30px; } #logOut { padding-left: 25px; color: #333; } #logOut:hover { color: #880000; }/* ----------------------------------------- */ /* Content Template: Content Template for Login Layout - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Loop item in Archives Template - start */ /* ----------------------------------------- */ .archiveEntity { float: left; width: 100%; height: auto; margin: 5% 0; }.archiveEntity h2 { width: 100%; font-size: 120%; text-align: center; font-weight: bold; padding: 5%; margin: 0; background-color: #44AA44; color: #FFFFFF; text-decoration: none; } .archiveEntity h2 a { color: #FFFFFF; } .archiveEntity h2 a:hover { } .archiveEntity h2:hover { background-color: #35BB35; } #search-h2 { font-size:100%; } .archiveInfos { width: 67%; height: inherit; float: left; padding: 3% 0; z-index: 0; }.archiveImage { box-shadow: 0px 0px 12px #111111; float: left; width: 33%; height: auto; vertical-align: center; overflow: hidden; background: #CCC; border: 3px solid #FFF; } .archiveImage:hover { box-shadow: 0px 0px 8px #888888; } .archiveImage img { opacity: 0.75; width: 100%; height: inherit; } .archiveImage img:hover { opacity: 1; }.archiveVfxStudio { float: left; padding: 5%; text-align: center; width: 100%; background-color: #111111; border-bottom: 10px solid #AAAAAA; color: #888888; }.archiveVfxStudio a { color: #AAAAAA; } .archiveVfxStudio a:hover { color: #FFFFFF; } #search-a a { font-size: 90%; } /* ----------------------------------------- */ /* Content Template: Loop item in Archives Template - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Loop item in Events List Widget - start */ /* ----------------------------------------- */ #listEventDate a { color: #ccc; padding-left: 30px; } /* ----------------------------------------- */ /* Content Template: Loop item in Events List Widget - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Social Network and Stats - start */ /* ----------------------------------------- */ #twitterStat { color: #FFF; margin: 0; }/* ----------------------------------------- */ /* Content Template: Social Network and Stats - end */ /* ----------------------------------------- */