html5视频模板,HTML5 数字视频工作室主页模板

CSS

语言：

CSSSCSS

确定

html,

body {

font-family: Lato, sans-serif;

position: relative;

height: 100%;

margin:0;

}

.gm-intro {

width: 720px;

margin-left: -360px;

color: #fff;

text-align: center;

position: absolute;

top: 50%;

left: 50%;

margin-top: -125px;

z-index: 10;

-webkit-transform: translate3d(0, 0, 0);

-moz-transform: translate3d(0, 0, 0);

-o-transform: translate3d(0, 0, 0);

transform: translate3d(0, 0, 0);

}

.gm-intro #welcometo {

font-family: "Playfair Display", Georgia, "Times New Roman", serif;

font-size: 33px;

font-weight: 400;

font-style: italic;

letter-spacing: -1px;

color: #a7a7a7;

display: inline-block;

text-align: center;

}

.gm-intro #welcometo img {

display: inline-block;

margin-bottom: 40px;

}

.gm-intro #welcometo .smallsep {

background: #a7a7a7;

height: 2px;

width: 50px;

margin: auto;

margin-top: 20px;

margin-bottom: 20px;

opacity: 0.3;

}

.gm-intro h1 {

font-size: 80px;

font-weight: 700;

text-transform: uppercase;

line-height: 0.85;

margin-bottom: 28px;

}

@media only screen and (max-height: 700px) {

.gm-intro h1 {

font-size: 80px;

}

}

.gm-intro p {

max-width: 600px;

margin: 0 auto;

line-height: 150%;

}

@media only screen and (min-width: 1180px) and (max-width: 1280px) {

.gm-intro h1 {

font-size: 80px;

}

}

.gm-intro h2 {

font-size: 16px;

font-weight: 400;

text-transform: uppercase;

letter-spacing: 5px;

margin-top: 50px;

}

.gotosection.arrow-down,

.gotoplace.arrow-down {

margin-top: 20px;

display: inline-block;

-webkit-transition: all 250ms ease-in-out;

-moz-transition: all 250ms ease-in-out;

-o-transition: all 250ms ease-in-out;

transition: all 250ms ease-in-out;

}

.gotosection.arrow-down:hover,

.gotoplace.arrow-down:hover {

opacity: 0.6;

}

#sky {

overflow: hidden;

}