CSS HighLight at s-c.me

Добавил фишку, которую у меня когда-то просили - подсветку файлов стилей CSS в виде html для вставки в посты. Подсветка кода как всегда находится на сайте SourceCode for Me. Ниже приведу пример подсвеченного файла стилей.
Copy Source | Copy HTML
  1. /* Columns section */
  2. #columns .column {
  3.     float: left;
  4.     width: 100%;
  5.         /* Min-height: */
  6.         min-height: 400px;
  7.         min-width:100px;
  8.         height: auto !important;
  9.         height: 400px;
  10. }
  11.  
  12. /* Column dividers (background-images) : */
  13. .column ol,ul { margin: 0; margin-left: 0; padding: 0; list-style:none; border:none;}
  14.  
  15. #columns #column1 { margin: 30px 35px 0 25px; }
  16. #columns #column3 { margin: 30px 25px 0 35px; }
  17. #columns {
  18.     margin: 30px 20px 0 20px;
  19.     padding: 2px;
  20.     -moz-border-radius: 4px;
  21.     -webkit-border-radius: 4px;
  22. }
  23. #columns .widget-head {
  24.     color: #000;
  25.     overflow: hidden;
  26.     width: 100%;
  27.     height: 30px;
  28.     line-height: 30px;
  29. }
  30. #columns .widget-head h3 {
  31.     padding: 0 5px;
  32.     float: left;
  33. }
  34. #columns .widget-content
  35. {
  36.     background: #333 url(img/widget-content-bg.png) repeat-x;
  37.     padding: 0 5px;
  38.     color: #DDD;
  39.     -moz-border-radius-bottomleft: 2px;
  40.     -moz-border-radius-bottomright: 2px;
  41.     -webkit-border-bottom-left-radius: 2px;
  42.     -webkit-border-bottom-right-radius: 2px;
  43.     line-height: 1.2em;
  44.     overflow: hidden;
  45. }
  46. #columns .widget-content p {
  47.     padding: 0.8em 0;
  48.     border-bottom: 1px solid #666;
  49. }
  50. #columns .widget-content a
  51. {
  52.     color:#CCCCCC;
  53. }
  54.  
  55. #columns .widget-content img {
  56.     float: right;
  57.     margin: 10px;
  58.     border: 1px solid #FFF;
  59. }
  60. #columns .widget-content pre {
  61.     padding: 0.5em 5px;
  62.     color: #EEE;
  63.     font-size: 12px;
  64. }
  65. #columns .widget-content ul {
  66.     padding: 5px 0 5px 20px;
  67.     list-style: disc;
  68. }
  69. #columns .widget-content ul li {padding: 3px 0;}
  70. #columns .widget-content ul.images {
  71.     padding: 7px 0 0 0;
  72.     list-style: none;
  73.     height: 1%;
  74. }
  75. #columns .widget-content ul.images li {
  76.     display: inline;
  77.     float: left;
  78. }
  79. #columns .widget-content ul.images img {
  80.     display: inline;
  81.     float: left;
  82.     margin: 0 0 7px 7px;
  83. }
  84. /* End Columns section */
  85.  
  86.  

Метки:   Категории:S-c.me | Code


blog comments powered by Disqus

Добавить комментарий

Кто я?

Программист. Я слежу за блогосферой и знаю, как будет развиваться интернет. Когда у меня есть время я даже прилагаю для этого усилия. Подробнее

Последние комментарии

Не отображать

Topbot at FeedsBurner

Облако тэгов

Мои Твиты

Twitter мая 25, 17:18
Рейтинг каналов и ботов Телеграм http://dlvr.it/QV5d6Y

Twitter мая 25, 16:12
Пример божественного вмешательства в фильме No country for old men http://dlvr.it/QV5HxB https://twitter.com/f1ashr/status/1000046919136067586/photo/1

Twitter мая 25, 15:06
Танцы человека с роботом http://dlvr.it/QV4y0p

Twitter мая 25, 13:30
роботы пишут жалобы http://dlvr.it/QV4QQG

Twitter мая 25, 09:43
Шахматная композиция для демонстрации 3-го этапа общества http://dlvr.it/QV3G9p https://twitter.com/f1ashr/status/999948953805180928/photo/1

Twitter мая 25, 09:11
Hoverbike for US Army http://dlvr.it/QV3674

Twitter мая 25, 08:07
Google AdWords купон на 1600p http://dlvr.it/QV2pMz

Twitter мая 25, 08:07
Соц.медиа http://dlvr.it/QV2pNR

Twitter мая 25, 08:07
Мониторинг соц.сетей на госзакупках - 5 http://dlvr.it/QV2pP3

Twitter мая 24, 16:21
Казахстан переходит на 2-й этап к демократии http://dlvr.it/QTz5QX

Twitter мая 24, 03:31
Проблемы восприятия информации людишками http://dlvr.it/QTvLgN

Twitter мая 23, 14:09
Поиск причины популярности спиннеров http://dlvr.it/QTqqGv https://twitter.com/f1ashr/status/999291326867820545/photo/1

Twitter мая 23, 13:37
Программа InstagramLiker обновлена http://dlvr.it/QTqdn2

Twitter мая 22, 17:51
Про найм вконтактика http://dlvr.it/QTkc7x

Twitter мая 22, 17:19
Этой осенью "A New Beginning for Mankind.." http://dlvr.it/QTkSGQ https://twitter.com/f1ashr/status/998976610354151424/photo/1

Twitter мая 22, 16:47
В Ступино напечатали первый 3D дом http://dlvr.it/QTkGv5

Twitter мая 22, 15:11
коломенский кремль: альтернативная история 2 http://dlvr.it/QTjlrg https://twitter.com/f1ashr/status/998944561769541634/photo/1

Twitter мая 22, 15:11
Яндекс атаковал Израиль http://dlvr.it/QTjlr0

Twitter мая 22, 14:38
"Добродел" добавлен в http://t30p.ru http://dlvr.it/QTjYqX

Twitter мая 22, 14:38
Перенос коллапса товарооборота в Беларуси на 2018 год http://dlvr.it/QTjYr6

Мой твиттер

Копирайт

Все мысли, высказанные в блоге, являются моим мнением и за это мнение меня никто не забанит! Кроме того, никто не имеет право копировать материалы блога без использования ctrl+C/V!

© Copyright 2008