diff --git a/css/poketube.css b/css/poketube.css index 94b9d89d..dd2fc58a 100644 --- a/css/poketube.css +++ b/css/poketube.css @@ -100,6 +100,8 @@ a { } /* RESPONSIVE STUFF */ + +/* Formula for xx50px - inital widht + 3em */ @media screen and (min-width: 1100px) { .video-info-panel.gradient { width: 41em; @@ -124,29 +126,90 @@ a { } } +@media screen and (min-width: 1400px) { + .video-info-panel.gradient { + width: 60em; + } +} + +@media screen and (min-width: 1450px) { + .video-info-panel.gradient { + width: 63em; + } +} + @media screen and (min-width: 1500px) { .video-info-panel.gradient { width: 66em; } } -@media screen and (min-width: 1400px) { +@media screen and (min-width: 1550px) { .video-info-panel.gradient { - width: 60em; + width: 69em; /* Noice */ } } + @media screen and (min-width: 1600px) { .video-info-panel.gradient { width: 73em; } } +@media screen and (min-width: 1650px) { + .video-info-panel.gradient { + width: 75em; + } +} + +@media screen and (min-width: 1700px) { + .video-info-panel.gradient { + width: 78em; + } +} + +@media screen and (min-width: 1750px) { + .video-info-panel.gradient { + width: 81em; + } +} + @media screen and (min-width: 1800px) { .video-info-panel.gradient { width: 85em; } } +@media screen and (min-width: 1850px) { + .video-info-panel.gradient { + width: 88em; + } +} + +@media screen and (min-width: 1900px) { + .video-info-panel.gradient { + width: 91em; + } +} + +@media screen and (min-width: 1950px) { + .video-info-panel.gradient { + width: 94em; + } +} + +@media screen and (min-width: 2000px) { + .video-info-panel.gradient { + width: 97em; + } +} + +@media screen and (min-width: 2050px) { + .video-info-panel.gradient { + width: 100em; + } +} + /* RESPONSIVE END */ .video-info-pill-channelname {