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 декабря 7, 13:11
Механический медведь для Америки - Погружение во Тьму http://dlvr.it/Qt3hCf https://twitter.com/f1ashr/status/1071029327888736256/photo/1

Twitter декабря 6, 07:49
@coinhive_com Are you paying or not? Are you stopping your service?

Twitter декабря 1, 15:49
Международная система единиц СИ http://dlvr.it/QsZWxP https://twitter.com/f1ashr/status/1068894908939784192/photo/1

Twitter ноября 30, 15:47
Пользователи умудрились поломать гео-локацию в Инстаграм http://dlvr.it/QsVQn0

Twitter ноября 30, 15:47
Популярные блогеры и посты за 2017 год http://dlvr.it/QsVQmn https://twitter.com/f1ashr/status/1068532024984498176/photo/1

Twitter ноября 30, 15:47
Разбор сериала Медичи: Повелители Флоренции http://dlvr.it/QsVQmf https://twitter.com/f1ashr/status/1068532019930353664/photo/1

Twitter ноября 29, 15:45
Обновлен робот instagram для лайков http://dlvr.it/QsPrh2

Twitter ноября 29, 15:45
Skype and Baidu links http://dlvr.it/QsPrht

Twitter ноября 29, 15:45
О смене дизайна Вконтакте http://dlvr.it/QsPrgT

Twitter ноября 23, 13:18
Статистика просмотров Телеграма http://dlvr.it/Qrwybs

Twitter ноября 20, 11:54
По-тихому закрылся http://taaasty.com http://dlvr.it/QrgcJf

Twitter ноября 15, 21:21
Разное - сетевое http://dlvr.it/QrLfbH

Twitter ноября 12, 08:54
@lopp @coinhive_com Beware, that coinhive doesnt process payouts for last month and no reply from them.

Twitter ноября 6, 08:26
@MultiFollow_com @coinhive_com The same, cant get payment since Oct 29

Twitter октября 29, 18:13
Вконтакте закрыла гео-поиск http://dlvr.it/QptcDZ

Twitter октября 29, 17:48
RT @t30p: Моя Борьба (Mein Kampf) - Мыслить №112 https://youtu.be/eq3r3n3jAkY с помощью @YouTube

Twitter октября 23, 17:57
8-й час в России http://dlvr.it/QpG99N https://twitter.com/f1ashr/status/1054793845546790912/photo/1

Twitter октября 18, 06:44
Яндекс атаковал Израиль http://dlvr.it/QnhhCy

Twitter октября 17, 16:07
Как разверифицироваться в Твиттере? http://dlvr.it/Qnddsc https://twitter.com/f1ashr/status/1052591848303120390/photo/1

Twitter октября 17, 16:07
На батуте в космос http://dlvr.it/QnddrT

Мой твиттер

Копирайт

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

© Copyright 2008