CODE в плоском стиле

Оформление стандартный блоков code в популярном плоском стиле flat. Время идёт, пора обновлять стандартные стили uCoz, оформите свои блоки code в одну из версий - для тёмного и светлого дизайна.

Что бы обновить внешний вид, достаточно просто добавить код в таблицу стилей, для этого перейдите в панель управления сайтом.

Для тёмного дизайн

Тёмный Flat стиль блоков code для uCoz
.bbCodeBlock{}
.bbCodeBlock .bbCodeName{display:none;}
.bbCodeBlock .codeMessage{padding:10px 20px;background: #232323;border-radius:5px;border:0 !important;color:#A5A5A5;font: 14px/20px Consolas;word-wrap: normal;overflow-x: scroll;}
.bbCodeBlock .codeMessage ol,.codeMessage li{margin:0;padding:0;list-style: none;}
.bbCodeBlock .codeMessage ol{counter-reset: shag;}
.bbCodeBlock .codeMessage li{}
.bbCodeBlock .codeMessage li::before{content:counter(shag);counter-increment:shag;padding-right:20px;color:#4F4F4F;}

Для светлого дизайн

Светлый Flat стиль блоков code для uCoz
.bbCodeBlock .bbCodeName{display:none;}
.bbCodeBlock .codeMessage{padding:10px 20px;background: #f7f7f7;border-radius:5px;border:0 !important;color:#000;font: 14px/20px Consolas;}
.bbCodeBlock .codeMessage ol,.codeMessage li{margin:0;padding:0;list-style: none;}
.bbCodeBlock .codeMessage ol{counter-reset: shag;}
.bbCodeBlock .codeMessage li{}
.bbCodeBlock .codeMessage li::before{content:counter(shag);counter-increment:shag;padding-right:20px;color:#6A9FB5;}
Комментарии - 0
для добавления комментария
пожалуйста войдите или зарегистрируйтесь
Хостинг от uCoz