diff --git a/css/_beta.scss b/css/_beta.scss index 1ef3cba..c15303f 100644 --- a/css/_beta.scss +++ b/css/_beta.scss @@ -24,3 +24,12 @@ display: none; } +.soon #links .download, +.soon #features .action { + display: none; +} + +.soon #links .social { + margin: 0 10px; +} + diff --git a/css/_buttons.scss b/css/_buttons.scss index 0a6c3cd..c599029 100644 --- a/css/_buttons.scss +++ b/css/_buttons.scss @@ -29,9 +29,33 @@ box-shadow: 0px 0px 0px 0px rgba(0,0,0,0), inset 0px 1px rgba(255,255,255,.2); } } +.icon-twitter { + background: #36bff4; + &:before { + font-size: 16px; + } + &:hover { + background: #3cd0fa; + } + &:active { + background: #35bef3; + } +} +.icon-facebook { + background: #1b6fbb; + &:hover { + background: #2081d1; + } + &:active { + background: #1864a9; + } +} .btn-wider { padding: 14px 45px; } +.btn-wide { + width: 200px; +} .btn-med { width: 130px; display: block; diff --git a/css/_features.scss b/css/_features.scss index 6c45463..5b950d2 100644 --- a/css/_features.scss +++ b/css/_features.scss @@ -47,4 +47,32 @@ color: #6496b7; line-height: 25px; } +} + +.warning { + background: rgba(251, 249, 93, .5); + font-size: 16px; + padding: 15px 0; + color: #858230; + + h5 { + font-size: 18px; + color: #858230; + display: block; + width: 880px; + margin: 0 auto; + position: relative; + + &:before { + position: absolute; + left: -50px; + font-size: 30px; + } + } + p { + font-style: italic; + display: block; + width: 880px; + margin: 5px auto; + } } \ No newline at end of file diff --git a/css/_fonts.scss b/css/_fonts.scss index 9947fbb..479b389 100644 --- a/css/_fonts.scss +++ b/css/_fonts.scss @@ -103,3 +103,9 @@ .icon-window:before { content: "\e60c"; } +.icon-info:before { + content: "\e60d"; +} +.icon-close:before { + content: "\e60e"; +} \ No newline at end of file diff --git a/css/style.css b/css/style.css index 9f600a7..c3545b4 100755 --- a/css/style.css +++ b/css/style.css @@ -2649,6 +2649,12 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI .icon-window:before { content: "\e60c"; } +.icon-info:before { + content: "\e60d"; } + +.icon-close:before { + content: "\e60e"; } + body { font-family: "BrandonText"; font-size: 16px; @@ -2746,9 +2752,28 @@ h5 { background-color: #a82315; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0), inset 0px 1px rgba(255, 255, 255, 0.2); } +.icon-twitter { + background: #36bff4; } + .icon-twitter:before { + font-size: 16px; } + .icon-twitter:hover { + background: #3cd0fa; } + .icon-twitter:active { + background: #35bef3; } + +.icon-facebook { + background: #1b6fbb; } + .icon-facebook:hover { + background: #2081d1; } + .icon-facebook:active { + background: #1864a9; } + .btn-wider { padding: 14px 45px; } +.btn-wide { + width: 200px; } + .btn-med { width: 130px; display: block; @@ -2853,6 +2878,28 @@ h5 { color: #6496b7; line-height: 25px; } +.warning { + background: rgba(251, 249, 93, 0.5); + font-size: 16px; + padding: 15px 0; + color: #858230; } + .warning h5 { + font-size: 18px; + color: #858230; + display: block; + width: 880px; + margin: 0 auto; + position: relative; } + .warning h5:before { + position: absolute; + left: -50px; + font-size: 30px; } + .warning p { + font-style: italic; + display: block; + width: 880px; + margin: 5px auto; } + #how { background: url(../images/bg-how.jpg) no-repeat center #0e1226; height: 569px; @@ -3087,6 +3134,13 @@ h5 { .beta #browse-movies { display: none; } +.soon #links .download, +.soon #features .action { + display: none; } + +.soon #links .social { + margin: 0 10px; } + body.mac .dl-win, body.win .dl-mac, body.nope .dl-win { diff --git a/fonts/popcorn.eot b/fonts/popcorn.eot index 0e465af..27d9f0f 100755 Binary files a/fonts/popcorn.eot and b/fonts/popcorn.eot differ diff --git a/fonts/popcorn.svg b/fonts/popcorn.svg index e4cd476..6007e85 100755 --- a/fonts/popcorn.svg +++ b/fonts/popcorn.svg @@ -20,4 +20,6 @@ + + \ No newline at end of file diff --git a/fonts/popcorn.ttf b/fonts/popcorn.ttf index 834a93e..1cafcec 100755 Binary files a/fonts/popcorn.ttf and b/fonts/popcorn.ttf differ diff --git a/fonts/popcorn.woff b/fonts/popcorn.woff index 2e09dee..f6ca6d2 100755 Binary files a/fonts/popcorn.woff and b/fonts/popcorn.woff differ diff --git a/index.html b/index.html index d25f035..aac4c7d 100644 --- a/index.html +++ b/index.html @@ -2,10 +2,12 @@ + + @@ -25,7 +27,7 @@ - + - +
+
+
Popcorn Hour streams movies from torrents
+

Downloading copyrighted material through torrents may be illegal in your country. Use at your own risk.

+
+
+
+
+ +
The best movies
+

We're constantly searching all over the web for the best torrents from the most important sites.

+
+ +
+ +
No restrictions
+

Watch any movie as many times as you want. All you need to get started is a proper internet connection.

+
+ +
+ +
Endless catalogue
+

If the movie is out there, Popcorn Time will find the best version possible and start streaming it right away.

+
+ +
+ +
The best quality
+

No more waiting; watch your movie instantly in HD and with subtitles. And then watch one more.

+
+
+ +
+ Pochoclin +
+

Best of all... it's free!

+
+ Coming soon! + +
+
+ Coming soon! + +
+
+
+ +
+
+

Hard to believe?

+

See how easy it works

+
    +
  • Open PT & select a movie
    • +
  • Choose HD & Subtitles
    • +
  • Press play & enjoy!
    • +
+
+ Popcorn Time UI +
+ +
+
+

A whole new way to watch movies

+

You just take care of the popcorn, leave the rest to us.

+
+ +
+ +
+

These are some of the movies you'd be able to watch

+
+ + +