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 февраля 19, 06:57
Диоксин угрожает планете! http://dlvr.it/QGwPKJ https://twitter.com/f1ashr/status/965480472095555584/photo/1

Twitter февраля 11, 18:36
@typographera @lustforcookies Но Москва на 70 лет моложе и была основана при Кутузове, когда начали железную дорогу прокладывать.

Twitter февраля 11, 17:24
@lustforcookies @typographera А ничего, что Коломна основана от силы 270 лет назад?

Twitter февраля 11, 14:07
Украина готовит на Евровидение песню с быками http://dlvr.it/QFw6Kb

Twitter февраля 9, 14:07
Чем белые отличаются от черных? http://dlvr.it/QFh4j8 https://twitter.com/f1ashr/status/961964675469426690/photo/1

Twitter февраля 6, 09:57
Победа свободы над здравым смыслом http://dlvr.it/QFD2S4 https://twitter.com/f1ashr/status/960814600802377731/photo/1

Twitter февраля 4, 15:32
В Твиттере начался обвал фолловеров http://dlvr.it/QDzJLg

Twitter февраля 3, 08:34
Суммарная капитализация криптовалют http://dlvr.it/QDqJyj

Twitter февраля 2, 10:52
Музыка про прилет Американцев на Марс http://dlvr.it/QDhYq7 https://twitter.com/f1ashr/status/959378893017726977/photo/1

Twitter января 28, 17:04
Разбор трилогии Матрицы (The Matrix Trilogy) http://dlvr.it/QD3h9W https://twitter.com/f1ashr/status/957660569674199040/photo/1

Twitter января 24, 13:20
Google Lunar X Prize - за 10 лет никто не смог запуститься на Луну http://dlvr.it/QCYSRW https://twitter.com/f1ashr/status/956154641753911298/photo/1

Twitter января 24, 04:03
Разбор сериала Туман или 4 всадника Апокалипсиса http://dlvr.it/QCVWXz https://twitter.com/f1ashr/status/956014586666287104/photo/1

Twitter января 23, 19:50
Пасха в Москве 2 сентября 2017 года http://dlvr.it/QCS7cD https://twitter.com/f1ashr/status/955890398899007488/photo/1

Twitter января 23, 19:50
Пользователи умудрились поломать гео-локацию в Инстаграм http://dlvr.it/QCS7hp

Twitter января 23, 16:29
В бюджете Америки появились лишние 2 трлн. долларов http://dlvr.it/QCQpPr

Twitter января 22, 14:45
Добродел обновился http://dlvr.it/QCGHwl https://twitter.com/f1ashr/status/955451259439407105/photo/1

Twitter января 22, 13:32
Рейтинг каналов и ботов Телеграмм http://dlvr.it/QCFt9v https://twitter.com/f1ashr/status/955432885657395200/photo/1

Twitter января 21, 16:15
Битва за Мосул в 360 с вертолета http://dlvr.it/QC84Xk https://twitter.com/f1ashr/status/955111520337248256/photo/1

Twitter января 21, 16:15
3 февраля стартует год огненного Петуха http://dlvr.it/QC84XQ

Twitter января 21, 16:15
Независимая Подмосковия http://dlvr.it/QC84X3

Мой твиттер

Копирайт

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

© Copyright 2008