Василий

Не увидел чтобы окно вообще всплывало, по приведенной ссылке.

border, border-image

Все библиотеки-генераторы pdf из html, которые пробовал, у меня корректно работали только с абсолютно позиционированными элементами с точным указанием фиксированных размеров и отступов от тела документа.

Используй один класс + медиа-запросы (media handheld)

%{HTTP_HOST}

https://www.myfonts.com/WhatTheFont/ подскажет

Ок, тыкну пальцем - www.dontabak.ru/js/script.js
CSS пока классы по событиям переключать не умеет :)

ul {
  list-style-type: none;
  width: 800px;
}
ul li a {
  float: left;
  width: 25%;
  padding: 10px 0;
  background: #ddd;
  text-decoration: none;
  color: #000;
}