X close button for retina displays

X close button for retina displays

Close button looks blurry on zoom-in when on touch device? Not anymore. Just add this to your EXTRA.css

Code:

.xenOverlay a.close


top: 8px;

right: 8px;

width: 23px;

height: 23px;

background: #2e5660;

border: 2px solid #fff;

border-radius: 50%;

text-align:center;

.xenOverlay a.close:before


content: ‘×';

color: #fff;

font: 32px/24px Arial;


The '×' is a rare symbol that not many people take advantage of and they should.

Source: Team Skull
X close button for retina displays

Read
more @ www.teamskull.com