From 2e1cf36ee0b2574a6ee092a07bc638da1ed7e591 Mon Sep 17 00:00:00 2001 From: joshua stein Date: Wed, 2 Mar 2016 09:41:52 -0600 Subject: [PATCH] css: apparently safari still doesn't support min-resolution add webkit-specific thing to show high-res L logo closes #267 --- app/assets/stylesheets/application.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css index 7afc22c..bfdb885 100644 --- a/app/assets/stylesheets/application.css +++ b/app/assets/stylesheets/application.css @@ -280,7 +280,9 @@ div#inside { margin-right: 11px; } -@media screen and (min-resolution: 2dppx) { +@media +only screen and (min-resolution: 2dppx), +only screen and (-webkit-min-device-pixel-ratio: 2) { #l_holder { background: #ee0000 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QAAAD/AAauuCqnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wsCAS8I72AnqAAAACZpVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVAgb24gYSBNYWOV5F9bAAABE0lEQVRYw+2WMUoEMRSG34uDs4jaW1go2HgBvYOdjb3VnsDKSvAAdh7BM4i9LNiJsJ3gtDMqKDOzZOaLjcIimXUZd3dE8kGa5Cf5XlLkiQQCHaNNC1VVHRhjLqbZBOhHUXTTRiCasFZ+jh1VXfYFnHNvIjJ0zo3mdkVlWW4D7+4bwGOWZWsLeSfg2iNwOYu9zZS5Z8/c6yIF5kYQCAJB4H8LAGfAeScCRVFsisipiBx2IhDHcV9VVUTqWQise+ZWmsLW2n0ROflqLX5VSZqmq0Dq+Q2HeZ5vjGeTJOnVdX0MvIzl7lodbK3dA66AJ9cAUAEPwC1wD4w8mUGrjsgYs6WqRxP7OdUlEdn9oZZKAoHAX+YDqSbY/ekOWr0AAAAASUVORK5CYII=) no-repeat; background-size: 16px; @@ -547,7 +549,7 @@ li .domain { li input.comment_folder_button { display: none; } -li .comment_folder{ +li .comment_folder { display: inline-block; font-size: 9pt; letter-spacing: 0.1em;