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

Side by Side Diff: static/css/styles.css

Issue 29354725: Issue 4461 - update Eyeo logo (Closed)
Patch Set: Fixed logo size and alignment on mobile Created Sept. 27, 2016, 1:54 p.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 | static/images/logo.png » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* 1 /*
2 * Fonts 2 * Fonts
3 */ 3 */
4 @font-face { 4 @font-face {
5 font-family: "Lato"; 5 font-family: "Lato";
6 font-style: normal; 6 font-style: normal;
7 font-weight: 400; 7 font-weight: 400;
8 src: local("Lato Regular"), local("Lato-Regular"), url(/fonts/Lato-Regular.wof f) format('woff'); 8 src: local("Lato Regular"), local("Lato-Regular"), url(/fonts/Lato-Regular.wof f) format('woff');
9 } 9 }
10 @font-face { 10 @font-face {
(...skipping 102 matching lines...) Expand 10 before | Expand all | Expand 10 after
113 113
114 #header .content-block 114 #header .content-block
115 { 115 {
116 position: relative; 116 position: relative;
117 padding: 15px 10px; 117 padding: 15px 10px;
118 min-height: 32px; 118 min-height: 32px;
119 } 119 }
120 120
121 #header.top .content-block 121 #header.top .content-block
122 { 122 {
123 padding: 25px 10px; 123 padding: 20px 10px;
124 } 124 }
125 125
126 #logo 126 #logo
127 { 127 {
128 position: absolute; 128 position: absolute;
129 top: 7px;
130 left: 10px; 129 left: 10px;
130 top: 50%;
131 margin-top: -20px;
132 height: 40px;
131 } 133 }
132 134
133 #header.top #logo 135 #logo img
134 { 136 {
135 top: 17px; 137 height: 100%;
136 } 138 }
137 139
138 #header .menu-button 140 #header .menu-button
139 { 141 {
140 margin: 0px 0px 0px 25px; 142 margin: 0px 0px 0px 20px;
141 } 143 }
142 144
143 #menu 145 #menu
144 { 146 {
145 display: inline; 147 display: inline;
146 vertical-align: middle; 148 vertical-align: middle;
147 } 149 }
148 150
149 .assistive-text 151 .assistive-text
150 { 152 {
(...skipping 15 matching lines...) Expand all
166 .menu-list li 168 .menu-list li
167 { 169 {
168 display: inline; 170 display: inline;
169 font-weight: bold; 171 font-weight: bold;
170 white-space: nowrap; 172 white-space: nowrap;
171 } 173 }
172 174
173 .menu-list li a 175 .menu-list li a
174 { 176 {
175 color: #979797; 177 color: #979797;
176 padding: 0 10px; 178 padding: 0 8px;
177 } 179 }
178 180
179 .menu-list li:hover > a, 181 .menu-list li:hover > a,
180 .menu-list li.current-menu-item > a 182 .menu-list li.current-menu-item > a
181 { 183 {
182 color: #373737; 184 color: #373737;
183 } 185 }
184 186
185 #header-hamburger 187 #header-hamburger
186 { 188 {
(...skipping 624 matching lines...) Expand 10 before | Expand all | Expand 10 after
811 { 813 {
812 padding-top: 50px; 814 padding-top: 50px;
813 } 815 }
814 816
815 #header .content-block, 817 #header .content-block,
816 #header.top .content-block 818 #header.top .content-block
817 { 819 {
818 padding: 9px 10px; 820 padding: 9px 10px;
819 } 821 }
820 822
821 #header.top #logo 823 #logo
822 { 824 {
823 top: 7px; 825 height: 30px;
saroyanm 2016/09/27 14:01:56 This change causes the logo to be overlaped by but
saroyanm 2016/09/27 14:04:32 height: 22px; margin-top: -11px; Should fix the i
824 } 826 margin-top: -15px;
825
826 #logo > img
827 {
828 height: 34px;
829 } 827 }
830 828
831 #menu 829 #menu
832 { 830 {
833 display: none; 831 display: none;
834 } 832 }
835 833
836 #menu.open 834 #menu.open
837 { 835 {
838 display: block; 836 display: block;
(...skipping 87 matching lines...) Expand 10 before | Expand all | Expand 10 after
926 padding-right: .1em; 924 padding-right: .1em;
927 border-right-width: 1px; 925 border-right-width: 1px;
928 border-right-width: 1px; 926 border-right-width: 1px;
929 } 927 }
930 928
931 #panels-openings 929 #panels-openings
932 { 930 {
933 margin-top: -40px; 931 margin-top: -40px;
934 } 932 }
935 } 933 }
OLDNEW
« no previous file with comments | « no previous file | static/images/logo.png » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld