:-webkit-full-screen { /* properties */ #fullscreen > :first-child > a { background-color: #e8e8e8; background-image: -moz-linear-gradient(top, #5A5A5A 0%, #686868 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5A5A5A), color-stop(100%,#686868)); background-image: -webkit-linear-gradient(to bottom, #5A5A5A 0%,#686868 100%); background-image: -o-linear-gradient(to bottom, #5A5A5A 0%,#686868 100%); background-image: -ms-linear-gradient(to bottom, #5A5A5A 0%,#686868 100%); background-image: linear-gradient(to bottom, #5A5A5A 0%,#686868 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5A5A5A', endColorstr='#686868',GradientType=0 ); -webkit-box-shadow: inset 0px 0px 3px 1px rgba(red(@black), green(@black), blue(@black), .15); box-shadow: inset 0px 0px 3px 1px rgba(red(@black), green(@black), blue(@black), .15); color: @white; border-color:#494949; } } :-moz-full-screen { /* properties */ #fullscreen > :first-child > a { background-color: #e8e8e8; background-image: -moz-linear-gradient(top, #5A5A5A 0%, #686868 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5A5A5A), color-stop(100%,#686868)); background-image: -webkit-linear-gradient(to bottom, #5A5A5A 0%,#686868 100%); background-image: -o-linear-gradient(to bottom, #5A5A5A 0%,#686868 100%); background-image: -ms-linear-gradient(to bottom, #5A5A5A 0%,#686868 100%); background-image: linear-gradient(to bottom, #5A5A5A 0%,#686868 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5A5A5A', endColorstr='#686868',GradientType=0 ); -webkit-box-shadow: inset 0px 0px 3px 1px rgba(red(@black), green(@black), blue(@black), .15); box-shadow: inset 0px 0px 3px 1px rgba(red(@black), green(@black), blue(@black), .15); color: @white; border-color:#494949; } } :-ms-fullscreen { /* properties */ #fullscreen > :first-child > a { background-color: #e8e8e8; background-image: -moz-linear-gradient(top, #5A5A5A 0%, #686868 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5A5A5A), color-stop(100%,#686868)); background-image: -webkit-linear-gradient(to bottom, #5A5A5A 0%,#686868 100%); background-image: -o-linear-gradient(to bottom, #5A5A5A 0%,#686868 100%); background-image: -ms-linear-gradient(to bottom, #5A5A5A 0%,#686868 100%); background-image: linear-gradient(to bottom, #5A5A5A 0%,#686868 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5A5A5A', endColorstr='#686868',GradientType=0 ); -webkit-box-shadow: inset 0px 0px 3px 1px rgba(red(@black), green(@black), blue(@black), .15); box-shadow: inset 0px 0px 3px 1px rgba(red(@black), green(@black), blue(@black), .15); color: @white; border-color:#494949; } } :full-screen { /*pre-spec */ /* properties */ #fullscreen > :first-child > a { background-color: #e8e8e8; background-image: -moz-linear-gradient(top, #5A5A5A 0%, #686868 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5A5A5A), color-stop(100%,#686868)); background-image: -webkit-linear-gradient(to bottom, #5A5A5A 0%,#686868 100%); background-image: -o-linear-gradient(to bottom, #5A5A5A 0%,#686868 100%); background-image: -ms-linear-gradient(to bottom, #5A5A5A 0%,#686868 100%); background-image: linear-gradient(to bottom, #5A5A5A 0%,#686868 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5A5A5A', endColorstr='#686868',GradientType=0 ); -webkit-box-shadow: inset 0px 0px 3px 1px rgba(red(@black), green(@black), blue(@black), .15); box-shadow: inset 0px 0px 3px 1px rgba(red(@black), green(@black), blue(@black), .15); color: @white; border-color:#494949; } } :fullscreen { /* spec */ /* properties */ #fullscreen > :first-child > a { background-color: #e8e8e8; background-image: -moz-linear-gradient(top, #5A5A5A 0%, #686868 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5A5A5A), color-stop(100%,#686868)); background-image: -webkit-linear-gradient(to bottom, #5A5A5A 0%,#686868 100%); background-image: -o-linear-gradient(to bottom, #5A5A5A 0%,#686868 100%); background-image: -ms-linear-gradient(to bottom, #5A5A5A 0%,#686868 100%); background-image: linear-gradient(to bottom, #5A5A5A 0%,#686868 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5A5A5A', endColorstr='#686868',GradientType=0 ); -webkit-box-shadow: inset 0px 0px 3px 1px rgba(red(@black), green(@black), blue(@black), .15); box-shadow: inset 0px 0px 3px 1px rgba(red(@black), green(@black), blue(@black), .15); color: @white; border-color:#494949; } } /* deeper elements */ :-webkit-full-screen video { width: 100%; height: 100%; } /* styling the backdrop*/ ::backdrop { /* properties */ } ::-ms-backdrop { /* properties */ }