MV5BMTQzMTU1NzQwNl5BMl5BanBnXkFtZTcwNDg4NzMzMw@@._V1_SX214_AL_1 G.I. JOE: The Rise of Cobra

Director(s)

Release Date

August 2009

Synopsis

An elite military unit comprised of special operatives known as G.I. Joe, operating out of The Pit, takes on an evil organization led by a notorious arms dealer.

VFX Studio(s)

CIS Hollywood CafeFX Digital Domain Framestore Frantic Films MPC Prime Focus

Previs Studio(s)

Halon Entertainment

G.I. JOE: The Rise of Cobra

VFX BREAKDOWN

Digital Domain

Effects Type(s)

/* ----------------------------------------- */ /* 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: Single Project Infos - start */ /* ----------------------------------------- */ .projectInfos { float: left; width: 100%; margin: 0 2% 5% 0; border: 1px solid #FFFFFF; background-color: #222; color: #888; text-align: justify; box-shadow: #000000 4px 4px 10px; -moz-box-shadow: #000000 4px 4px 10px; -webkit-box-shadow: #000000 4px 4px 10px; } .projectInfos h2 { text-align: center; background-color: #444; border-bottom: 4px solid #333; margin: 0; padding: 2%; } .projectInfos h2:hover { background-color: #555; } .projectInfos a h2 { display: block; color: #FFF; text-decoration: none; } .projectInfos a:hover { text-decoration: none; }.projectPoster { float: left; width: 100%; margin: 0 0 5% 0; padding: 10% 5%; background-color: #111; border-bottom: 20px solid #FFF; } .projectPoster img { border-top: 4px solid #FFF; border-right: 4px solid #FFF; border-bottom: 12px solid #FFF; border-left: 4px solid #FFF; margin: 0 auto; width: 100%; max-width: 210px; height: auto; }.projectInfo { float:left; padding:0.25em 1em; width:100%; } .projectInfo p { float:left; margin:2px 0; padding:0.25em 0; } .projectInfo a { background-color:#148426; border-left-style:solid; border-left-width:6px; border-right-color:#888888; border-right-style:solid; border-right-width:2px; color:#CCCCCC; float:left; margin:2px 0; padding:0.25em 0.5em; } .projectInfo a:hover { background-color:#1bb133; color: #FFFFFF; } .projectInfo label { background:#111111; border-bottom-color:#333333; border-bottom-style:solid; border-bottom-width:2px; float:left; margin:5px 0 0; padding:0.25em 0.5em; text-align:center; text-transform:uppercase; width:100%; } /* ----------------------------------------- */ /* Content Template: Single Project Infos - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Project Single Page - start */ /* ----------------------------------------- */ .projectContent { float: left; width: 100%; color: #CCC; position:relative; }.projectHeader { position: relative; width: 100%; height: 430px; background: #000; overflow: hidden; box-shadow: #000 0 0 10px; -moz-box-shadow: #000 0 0 10px; -webkit-box-shadow: #000 0 0 10px; } .projectImg { position:absolute; right: 0; top: 0; width:100%; opacity: 0.5; background: #000; } .projectImg img { width: 100%; height: auto; } .projectImgGradient { width:100%; height: 430px; position: absolute; right: 0; bottom: 0; background: -webkit-linear-gradient(bottom, rgba(30,30,30,0), rgba(30,30,30,.95)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(bottom, rgba(30,30,30,0), rgba(30,30,30,.95)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(bottom, rgba(30,30,30,0), rgba(30,30,30,.95)); /* For Firefox 3.6 to 15 */ background: linear-gradient(to bottom, rgba(30,30,30,0), rgba(30,30,30,.95)); /* Standard syntax (must be last) */ } #title { padding: 0 10px 5px 10px; margin: 0; }.projectHeaderInfo { position: absolute; bottom:0; margin: 0 auto; width: 100%; } .projectHeaderInfo p { margin: 0; padding: 0 10px; text-align: center; text-shadow: #111 2px 2px 8px; -moz-text-shadow: #111 2px 2px 8px; -webkit-text-shadow: #111 2px 2px 8px; } #sliderPostType { text-transform: uppercase; font-weight: bold; }.projectTab { padding-top: -15px; } .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover { background-color: #0E631C; color: #FFF; border-bottom-color: transparent; border-radius: 0; } .nav-tabs.nav-justified>li>a { border-left: 1px solid #444; border-right: 1px solid #444; border-radius: 0; } .nav-tabs>li>a { color: #FFFFFF; } .nav-tabs>li>a:hover { background-color: #333333; border-bottom:1px solid #FFFFFF; border-top: none; border-left: 1px solid #444; border-right: 1px solid #444; outline: none; } .nav-tabs li { font-size: 1.2em; font-weight: bold; } .contentParagraph { padding: 1%; color: #FFFFFF; } .projectVFX { float: left; width: 100%; background-color: #222; box-shadow: #000000 4px 4px 10px; -moz-box-shadow: #000000 4px 4px 10px; -webkit-box-shadow: #000000 4px 4px 10px; }.projectVFX h3 { display: block; color: #FFFFFF; width: 100%; margin: 0; padding: 1%; background: #148426; background-image: -webkit-linear-gradient(right, #148426, #0e581a); background-image: -moz-linear-gradient(right, #148426, #0e581a); background-image: -ms-linear-gradient(right, #148426, #0e581a); background-image: -o-linear-gradient(right, #148426, #0e581a); background-image: linear-gradient(to right, #148426, #0e581a); } .projectVFX h4 { display: block; color: #444; width: 100%; margin: 0; padding: 1%; background: #DDDDDD; background-image: -webkit-linear-gradient(top, #BBBBBB, #DDDDDD); background-image: -moz-linear-gradient(top, #BBBBBB, #DDDDDD); background-image: -ms-linear-gradient(top, #BBBBBB, #DDDDDD); background-image: -o-linear-gradient(top, #BBBBBB, #DDDDDD); background-image: linear-gradient(to top, #BBBBBB, #DDDDDD); } .projectVFX blockquote { border-left: 15px solid #FFFFFF; color: #FFFFFF; background: #333333; background-image: -webkit-linear-gradient(right, #333333, #222222); background-image: -moz-linear-gradient(right, #333333, #222222); background-image: -ms-linear-gradient(right, #333333, #222222); background-image: -o-linear-gradient(right, #333333, #222222); background-image: linear-gradient(to right, #333333, #222222); } .tab-content { border-left: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-top: none; } .twentytwenty-container { width: 100%; background-color: #000000; margin: 0 auto 25px auto; z-index: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; }.twentytwenty-container img { position: absolute; top: 0; display: block; width: 100%; height: auto; }#stillsRefresh { padding: 5px 15px; width: 100%; background: #050505; text-align: center; } /* ----------------------------------------- */ /* Content Template: Project Single Page - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Social Network and Stats - start */ /* ----------------------------------------- */ #twitterStat { color: #FFF; margin: 0; }/* ----------------------------------------- */ /* Content Template: Social Network and Stats - end */ /* ----------------------------------------- */