Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Side by Side Diff: includes/index/style.html

Issue 29673627: Issue 4797 - Separate white box and text from eyeo.com homepage banner (Closed) Base URL: https://hg.adblockplus.org/web.eyeo.com
Patch Set: Change images to jpg Created Jan. 25, 2018, 11:53 a.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
« no previous file with comments | « no previous file | pages/index.tmpl » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <style> 1 <style>
2 2
3 #media 3 #media
4 { 4 {
5 text-align: center; 5 text-align: center;
6 } 6 }
7 7
8 #media-links 8 #media-links
9 { 9 {
10 list-style: none; 10 list-style: none;
(...skipping 56 matching lines...) Expand 10 before | Expand all | Expand 10 after
67 } 67 }
68 68
69 @media (min-width: 930px) 69 @media (min-width: 930px)
70 { 70 {
71 #media small 71 #media small
72 { 72 {
73 display: none; 73 display: none;
74 } 74 }
75 } 75 }
76 76
77 #home-image-container div
78 {
79 position: relative;
80 max-width: 1080px;
81 margin: 0 auto;
82 }
83
84 #home-image-container p
85 {
86 position: absolute;
87 right: 0;
88 bottom: 0;
89 width: 100%;
90 padding: 10px;
91 background-color: #fff;
92 text-transform: uppercase;
93 font-size: 18px;
94 box-sizing: border-box;
95 }
96
97 @media (min-width: 350px)
98 {
99 #home-image-container p
100 {
101 width: 80%;
102 }
103 }
104
105 @media (min-width: 450px)
106 {
107 #home-image-container p
108 {
109 width: 60%;
110 font-size: 20px;
111 }
112 }
113
114 @media (min-width: 767px)
115 {
116 #home-image-container p
117 {
118 padding: 15px;
119 width: 40%;
120 font-size: 22px;
121 }
122 }
123
77 </style> 124 </style>
OLDNEW
« no previous file with comments | « no previous file | pages/index.tmpl » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld