VFX Studio: Mokko

/* ----------------------------------------- */ /* WordPress Archive slug: studios-archive-template - start */ /* ----------------------------------------- */ .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .studio-infos-detailsBox { max-width: 1250px; margin: 0 auto; }.pageTitle { margin: 0 auto; max-width: 1250px; font-size: 5em; padding: 2% 2% 10px 0; text-align:center; } .studio-infos { height: auto; max-width: 1250px; margin: 0 auto; }#studio-location { position:relative; width:100%; height:500px; overflow-y:hidden; } .studio-infos-logo { width: 246px; /* min-width: 300px; */ /* height: 498px; */ position: relative; /* float: left; */ margin: 75px auto 0; outline: solid #fff 12px; z-index: 1; } .studio-infos-logo img { width: 246px; height: auto; /* margin: 22% 28%; */ } .studio-infos-logo a:hover img { outline: 1px solid #fff; } .studio-infos-video { width: 100%; height: auto; float: left; } #studio-web { background-color: #FFF; } #studio-web img { width: 42px; } #studio-fb { background-color: #FFF; } #studio-twitter { background-color: #FFF; } #studio-linkedIn { background-color: #FFF; } #studio-vimeo { background-color: #FFF; } #studio-insta { background-color: #FFF; } #studio-description { width:100%; } .studio-infos-details { width:100%; float: left; background: #eee; } .studio-info { float: left; background: #ccc; padding: 10px 15px; margin: 0 0 2px 3px; color: #222; font-weight: 700; } #studio-website { margin: 11px 2px 11px 3px; } #studio-creation { margin: 11px 2px 11px 3px; } #studio-cities { margin: 11px 2px 11px 11px; } .studio-description { padding: 50px 24%; background-color: #222; color: #ccc; outline: 1px solid #fff; outline-offset: -1px; text-align: justify; } .studio-description h4 { font-size: 20px; text-transform: uppercase; color: #fff; } .studio-description h3 { font-size: 24px; background-color: #135516; padding: 1% 0; margin: 0 0 20px 0; } #studio-info-desc { margin-bottom: 20px; } .studio-details-submit { background-color: #ccc; padding: 10px 20px; margin: 100px 0 20px 0; width: 100%; font-weight: bold; text-align: right; font-style: italic; float: left; } .studio-details-submit a:hover { color: #b16300; } /* ----------------------------------------- */ /* WordPress Archive slug: studios-archive-template - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* 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 copy - 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 copy - 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 */ /* ----------------------------------------- */