мне кажется мания величия затмила ваш мозг глупейшими проблемами, вместо того чтобы код красиво оформить и выкладывать на гитхаб и делиться им, вы решили его зачем то прятать, просто задумайтесь, что хорошего вы сделали в жизни и почему не выкладываете его на гитхаб?

По сути есть единственный способ зашиты верстки — это подгрузка и формирование дерева и стилей с помощю js либо расшифровка им же

1 вариант. Завести на стороне сервера рендер изображений (например, Xvfb), который будет создавать картинку нужного разрешения для страницы сайта и отдельно скрипт, который будет показывать ее в браузере клиенту, к тому же нужно будет расставить по нужным местам ссылки с помощью тега area, например. При необходимости (изменения размера окна, перемотке вниз, клике по меняющемуся блоку) нужно будет подгружать новые изображения и вставлять нужные места. Это все, конечно, очень сложен в реализации, возможно будет тормозить даже если кешировать, и сервер будет испытывать нагрузки намного больше, чем если делать все традиционным методом. Но только так я вижу вариант, что невозможно будет стырить CSS.
2 вариант. Возможно крыс остановит использование языка LESS вместо CSS, на страницы придется вставить еще специальный javascript, который будет конвертить less в css на лету. Если крысы не осилят, как это работает, то некоторая безопасность от копирования будет.

Самый лучший способ скрыть свои гениальные идеи - держать их при себе.
Кстати, жду ссылок на творения для оценки их уникальности.

Торжественно клянусь ничего не красть.

И еще - если школьник может обойти простейшие способы скрытия кода, то он уже заслуживает уважения. Вы-то конечно учились исключительно открыв стандарт html и читая его, так?

Такой херней маются как раз таки школьники, тараканы как вы их назвали.

Можно использовать CSS фреймворк. Например берем бутстрап, кастомизируем его и интенсивно используем на странице. В итоге Ваши кастомные стили перемешаются с бутстраповскими и школьникам придется вытягивать весь Ваш кастомный бутстрап вместе с остльными стилями, чтобы повторить Ваш шедевр.
Вариант 2, использовать CMS, скажем друпал, и все фишки делать через готовые модули, а стили прикручивать к стандартным классам модуля. Школьникам тогда тоже придется установить друпал и поставить тот же модуль, что и у Вас, чтобы стили заработали.

Единственный способ защитить свое авторство над чем-то визуальным - сделать так, чтобы любой при виде объекта творчества сразу ассоциировал его с именем автора. Попробуйте сейчас выдать копию Джоконды за свою оригинальную картину.
Прятать CSS - признаться, до жути удивился вопросу. CSS верстают из макета-картинки, так что от кражи защитит только ограничение доступа к результату (т.е. записать на флешку и в сейф, другие копии уничтожить). Защищаться от школьников - даже звучит забавно.

Надо написать свой браузер в котором все зашифровано будет. Или к Попову обратиться чтобы написал такой. Острая необходимость раз уж есть. Не должны школьники рипать все без фантазии, пускай дизассемблировать учатся и шифры взламывать.

Зачем вам тогда HTML? Переводите все в PNG и отдавайте страницы как картинки, ссылки и кнопки по верху невидимые сделайте, такое точно никто воровать даже не захочет. А ещё проще закройте 401 доступ для всех, а друзьям разошлите пароль.

Крысы?)) Очень смешно. Никогда ничего не выкладывай в сеть, тогда не украдут. А вопрос глуп. Такое редко бывает, но таки бывает.

Я бы вот такой подход назвал достойным уважения.
habrahabr.ru/company/htdt/blog/204652

К сожалению нормальной защиты нет так как в броузерах chrome есть такая возможность как "Просмотр кода страницы" вот там и практически весь шаблон.

Ну можно еще рендерить в canvas. Правда придется написать еще рендер) И, может, свой язык разметки.

Поверьте, если таки школьники начнут тырить ваш шедевр - это уже будет успех.