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 апреля 16, 18:40
Теория Кварков (Стандартная модель элементарных частиц) http://dlvr.it/R2xPxN https://twitter.com/f1ashr/status/1118222539942064128/photo/1

Twitter апреля 12, 09:18
Апокалипсис сегодня в России http://dlvr.it/R2gHxT

Twitter апреля 9, 12:15
Категории роликов Ютуба http://dlvr.it/R2Sdbm https://twitter.com/f1ashr/status/1115588934078046208/photo/1

Twitter апреля 9, 12:15
О текущих проблемах http://dlvr.it/R2SdbC

Twitter апреля 9, 09:12
В Подмосковье печатают собственные деньги http://dlvr.it/R2S4ym https://twitter.com/f1ashr/status/1115542883531087873/photo/1

Twitter апреля 7, 12:02
Westeros World http://dlvr.it/R2L096 https://twitter.com/f1ashr/status/1114860890312941574/photo/1

Twitter апреля 5, 23:58
Само-задвигающиеся офисные стулья http://dlvr.it/R2GJ7h https://twitter.com/f1ashr/status/1114316304326975489/photo/1

Twitter апреля 5, 23:58
кибервойна http://dlvr.it/R2GJ7B https://twitter.com/f1ashr/status/1114316299457286144/photo/1

Twitter апреля 5, 23:58
Что происходит в Славянске? http://dlvr.it/R2GJ7g

Twitter апреля 3, 08:53
Что такое Дейтерий, Тритий и Тяжёлая вода http://dlvr.it/R24TNR https://twitter.com/f1ashr/status/1113363772813377537/photo/1

Twitter марта 20, 20:32
⚫️Тематика черного цвета для России http://dlvr.it/R1DKm7 https://twitter.com/f1ashr/status/1108466259765555200/photo/1

Twitter марта 20, 20:32
Автоматическое информирование о выходе новых сезонов http://dlvr.it/R1DKlZ

Twitter марта 20, 20:32
Голосовой набор тэгов http://dlvr.it/R1DKlv

Twitter марта 19, 20:27
Ради дружбы с Индией http://dlvr.it/R18YMd

Twitter марта 19, 20:27
Вконтакте 7 лет http://dlvr.it/R18YKm

Twitter марта 19, 20:27
Разбор фильма Дивергент2 Инсургент http://dlvr.it/R18YLy https://twitter.com/f1ashr/status/1108102729656762369/photo/1

Twitter марта 15, 12:51
Фильтр по стране на Ютубе http://dlvr.it/R0tgZq https://twitter.com/f1ashr/status/1106538299487739905/photo/1

Twitter марта 14, 12:25
Роскомнадзор и Криптовалюты http://dlvr.it/R0pqG6

Twitter марта 5, 19:59
Россияне встречают рассвет индийской йогой http://dlvr.it/R0DszD https://twitter.com/f1ashr/status/1103022131506425856/photo/1

Twitter февраля 24, 09:53
Что интересного есть в греческом языке? http://dlvr.it/QzZ2dK

Мой твиттер

Копирайт

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

© Copyright 2008