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

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

Issue 29401619: Issue 4963 - Wrong size used for text logo on acceptableads.com (Closed) Base URL: https://hg.adblockplus.org/web.acceptableads.com
Patch Set: Addressed comments Created June 7, 2017, 3:42 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 | « includes/sidebar.tmpl ('k') | static/scss/layout/_navbar.scss » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 .m-a-na { 1 .m-a-na {
2 margin: 0 0 !important; } 2 margin: 0 0 !important; }
3 3
4 .m-t-na { 4 .m-t-na {
5 margin-top: 0 !important; } 5 margin-top: 0 !important; }
6 6
7 .m-b-na { 7 .m-b-na {
8 margin-bottom: 0 !important; } 8 margin-bottom: 0 !important; }
9 9
10 .m-x-na { 10 .m-x-na {
(...skipping 1211 matching lines...) Expand 10 before | Expand all | Expand 10 after
1222 #navbar img { 1222 #navbar img {
1223 height: 16px; 1223 height: 16px;
1224 margin: 0; } 1224 margin: 0; }
1225 1225
1226 .js #navbar { 1226 .js #navbar {
1227 position: fixed; 1227 position: fixed;
1228 z-index: 1; 1228 z-index: 1;
1229 top: 0; 1229 top: 0;
1230 left: 0; } 1230 left: 0; }
1231 1231
1232 .site-title {
1233 margin: 0;
1234 font-size: 17px;
1235 line-height: 64px; }
1236
1237 .site-title a {
1238 color: #161616;
1239 text-decoration: none;
1240 font-weight: 300; }
1241
1242 .site-title .non-space {
1243 display: inline-block;
1244 width: 1px; }
1245
1246 .site-title a strong {
1247 font-weight: 400; }
1248
1232 @media (min-width: 1200px) { 1249 @media (min-width: 1200px) {
1233 html[dir="rtl"] #navbar-logo { 1250 html[dir="rtl"] .site-title {
1234 margin-right: 208px; } 1251 margin-right: 208px; }
1235 html[dir="ltr"] #navbar-logo { 1252 html[dir="ltr"] .site-title {
1236 margin-left: 208px; } } 1253 margin-left: 208px; } }
1237 1254
1238 @media (max-width: 1199px) { 1255 @media (max-width: 1199px) {
1239 .js #navbar { 1256 .js #navbar {
1240 display: none; } } 1257 display: none; } }
1241 1258
1242 #sidebar { 1259 #sidebar {
1243 text-transform: uppercase; 1260 text-transform: uppercase;
1244 color: #FFFFFF; 1261 color: #FFFFFF;
1245 background-color: #161616; 1262 background-color: #161616;
1246 font-size: 16px; 1263 font-size: 16px;
1247 font-weight: 400; 1264 font-weight: 400;
1248 line-height: 100%; } 1265 line-height: 100%; }
1249 #sidebar ul, 1266 #sidebar ul,
1250 #sidebar li { 1267 #sidebar li {
1251 margin: 0; 1268 margin: 0;
1252 padding: 0; 1269 padding: 0;
1253 text-align: inherit; } 1270 text-align: inherit; }
1254 #sidebar a,
1255 #sidebar a:hover,
1256 #sidebar a:active {
1257 display: block;
1258 text-decoration: none;
1259 color: inherit; }
1260 #sidebar #sidebar-brand { 1271 #sidebar #sidebar-brand {
1261 height: 64px; 1272 height: 64px;
1262 line-height: 64px; } 1273 line-height: 64px; }
1263 #sidebar #sidebar-logo { 1274 #sidebar #sidebar-logo {
1264 display: block; 1275 display: block;
1265 padding: 0 32px; 1276 padding: 0 32px;
1266 text-align: inherit; 1277 text-align: inherit;
1267 background-color: #8CC63E; } 1278 background-color: #8CC63E; }
1268 #sidebar #sidebar-logo img { 1279 #sidebar #sidebar-logo img {
1269 width: 32px; 1280 width: 32px;
1270 height: 32px; 1281 height: 32px;
1271 vertical-align: middle; } 1282 vertical-align: middle; }
1272 #sidebar #sidebar-open, 1283 #sidebar #sidebar-open,
1273 #sidebar #sidebar-close, 1284 #sidebar #sidebar-close,
1274 #sidebar #sidebar-title { 1285 #sidebar .site-title {
1275 display: none; } 1286 display: none; }
1276 #sidebar #sidebar-close img { 1287 #sidebar #sidebar-close img {
1277 width: 20px; 1288 width: 20px;
1278 height: 20px; } 1289 height: 20px; }
1279 #sidebar #sidebar-open img { 1290 #sidebar #sidebar-open img {
1280 width: 36px; 1291 width: 36px;
1281 height: 18px; } 1292 height: 18px; }
1282 1293
1294 #sidebar-menus a,
1295 #sidebar-menus a:hover,
1296 #sidebar-menus a:active {
1297 display: block;
1298 text-decoration: none;
1299 color: inherit; }
1300
1283 @media (min-width: 1200px) { 1301 @media (min-width: 1200px) {
1284 #sidebar { 1302 #sidebar {
1285 position: absolute; 1303 position: absolute;
1286 top: 0; 1304 top: 0;
1287 width: 208px; } 1305 width: 208px; }
1288 .js #sidebar { 1306 .js #sidebar {
1289 position: fixed; 1307 position: fixed;
1290 z-index: 2; 1308 z-index: 2;
1291 height: 100%; } 1309 height: 100%; }
1292 html[dir="ltr"] #sidebar { 1310 html[dir="ltr"] #sidebar {
(...skipping 11 matching lines...) Expand all
1304 left: 0; 1322 left: 0;
1305 overflow: hidden; 1323 overflow: hidden;
1306 width: 100%; 1324 width: 100%;
1307 height: 64px; } 1325 height: 64px; }
1308 .js #sidebar.open { 1326 .js #sidebar.open {
1309 height: 100%; } 1327 height: 100%; }
1310 html[dir="ltr"].js #sidebar { 1328 html[dir="ltr"].js #sidebar {
1311 text-align: left; } 1329 text-align: left; }
1312 html[dir="rtl"].js #sidebar { 1330 html[dir="rtl"].js #sidebar {
1313 text-align: right; } 1331 text-align: right; }
1314 #sidebar #sidebar-title, 1332 #sidebar .site-title,
1315 #sidebar #sidebar-open { 1333 #sidebar #sidebar-open {
1316 display: block; } 1334 display: block; }
1317 #sidebar.open #sidebar-open { 1335 #sidebar.open #sidebar-open {
1318 display: none; } 1336 display: none; }
1319 #sidebar.open #sidebar-close { 1337 #sidebar.open #sidebar-close {
1320 display: block; } 1338 display: block; }
1321 #sidebar #sidebar-brand { 1339 #sidebar #sidebar-brand {
1322 background-color: #FFFFFF; } 1340 background-color: #FFFFFF; }
1323 #sidebar #sidebar-open, 1341 #sidebar #sidebar-open,
1324 #sidebar #sidebar-close, 1342 #sidebar #sidebar-close,
1325 #sidebar #sidebar-logo, 1343 #sidebar #sidebar-logo,
1326 #sidebar #sidebar-title { 1344 #sidebar .site-title {
1327 padding: 0 16px; } 1345 padding: 0 16px; }
1328 #sidebar #sidebar-open, 1346 #sidebar #sidebar-open,
1329 #sidebar #sidebar-close, 1347 #sidebar #sidebar-close,
1330 #sidebar #sidebar-title { 1348 #sidebar .site-title {
1331 height: 64px; 1349 height: 64px;
1332 line-height: 64px; } 1350 line-height: 64px; }
1333 #sidebar #sidebar-open, 1351 #sidebar #sidebar-open,
1334 #sidebar #sidebar-close { 1352 #sidebar #sidebar-close {
1335 width: 64px; 1353 width: 64px;
1336 min-width: 64px; 1354 min-width: 64px;
1337 margin: 0; 1355 margin: 0;
1338 color: #FFFFFF; 1356 color: #FFFFFF;
1339 border: none; 1357 border: none;
1340 background-color: #161616; 1358 background-color: #161616;
1341 font-size: 32px; } 1359 font-size: 32px; }
1342 #sidebar #sidebar-title img {
1343 display: inline-block;
1344 height: 16px;
1345 vertical-align: middle; }
1346 html[dir="ltr"] #sidebar-open, 1360 html[dir="ltr"] #sidebar-open,
1347 html[dir="ltr"] #sidebar-close, 1361 html[dir="ltr"] #sidebar-close,
1348 html[dir="ltr"] #sidebar-logo, 1362 html[dir="ltr"] #sidebar-logo,
1349 html[dir="ltr"] #sidebar-title { 1363 html[dir="ltr"] #sidebar .site-title {
1350 float: left; } 1364 float: left; }
1351 html[dir="rtl"] #sidebar-open, 1365 html[dir="rtl"] #sidebar-open,
1352 html[dir="rtl"] #sidebar-close, 1366 html[dir="rtl"] #sidebar-close,
1353 html[dir="rtl"] #sidebar-logo, 1367 html[dir="rtl"] #sidebar-logo,
1354 html[dir="rtl"] #sidebar-title { 1368 html[dir="rtl"] #sidebar .site-title {
1355 float: right; } } 1369 float: right; } }
1356 1370
1357 #primary-navigation li { 1371 #primary-navigation li {
1358 position: relative; } 1372 position: relative; }
1359 1373
1360 #primary-navigation ul ul li { 1374 #primary-navigation ul ul li {
1361 color: #8CC63E; 1375 color: #8CC63E;
1362 font-size: 14px; } 1376 font-size: 14px; }
1363 1377
1364 #primary-navigation .active > a { 1378 #primary-navigation .active > a {
(...skipping 185 matching lines...) Expand 10 before | Expand all | Expand 10 after
1550 height: 0; 1564 height: 0;
1551 content: " "; 1565 content: " ";
1552 border-top: 2px solid #FFFFFF; } 1566 border-top: 2px solid #FFFFFF; }
1553 #footer a { 1567 #footer a {
1554 color: #FFFFFF; } 1568 color: #FFFFFF; }
1555 #footer a:hover { 1569 #footer a:hover {
1556 text-decoration: underline; 1570 text-decoration: underline;
1557 color: #8CC63E !important; } 1571 color: #8CC63E !important; }
1558 #footer p { 1572 #footer p {
1559 color: #E1E1E1; } 1573 color: #E1E1E1; }
OLDNEW
« no previous file with comments | « includes/sidebar.tmpl ('k') | static/scss/layout/_navbar.scss » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld