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 февраля 12, 09:04
Роскомнадзор достучался до Azure http://dlvr.it/QyjSPS

Twitter февраля 6, 07:58
Про жизнь в Южной Осетии http://dlvr.it/QyHTwx

Twitter февраля 6, 07:58
Хиллари против Трампа в Америке и приход женщин во власть http://dlvr.it/QyHTxG https://twitter.com/f1ashr/status/1093056334906281985/photo/1

Twitter февраля 6, 07:58
Powering Down Google Reader http://dlvr.it/QyHTvM

Twitter февраля 4, 22:48
Разбор сериала Медичи: Повелители Флоренции http://dlvr.it/QyBKWh https://twitter.com/f1ashr/status/1092555544953466880/photo/1

Twitter февраля 4, 22:48
Добродел обновился http://dlvr.it/QyBKWM https://twitter.com/f1ashr/status/1092555541505748992/photo/1

Twitter февраля 4, 22:48
Минусы Windows Azure и проблемы облачных технологий http://dlvr.it/QyBKTx https://twitter.com/f1ashr/status/1092555537604984832/photo/1

Twitter февраля 2, 19:43
Трансляции Одноклассников (http://Ok.ru/live) добавлены в t30p http://dlvr.it/Qy3PD5 https://twitter.com/f1ashr/status/1091784208618405890/photo/1

Twitter февраля 2, 19:43
Upside down, Inside Out, Zero Gravity http://dlvr.it/Qy3PCF https://twitter.com/f1ashr/status/1091784204344385538/photo/1

Twitter февраля 2, 19:43
Европейский Гугл удаляет ваш сайт из результатов поиска http://dlvr.it/Qy3P8H

Twitter января 29, 09:55
@TheFranchiseCo7 @coinhive_com Forget about them, they dont process payments for 3 months already

Twitter января 18, 21:16
PUBG Mobile выпустила эмулятор Android http://dlvr.it/Qx0CYl https://twitter.com/f1ashr/status/1086371676554588160/photo/1

Twitter января 16, 12:09
Белый шум защищен авторским правом на youtube http://dlvr.it/Qwnrln

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

Twitter января 16, 09:09
Украина готовит на Евровидение песню с быками http://dlvr.it/QwnGTW

Twitter января 9, 20:08
Рейтинг каналов Discord App http://dlvr.it/QwKXrr https://twitter.com/f1ashr/status/1083093077856727040/photo/1

Twitter января 8, 20:03
Про рейтинг http://dlvr.it/QwFNxN

Twitter января 8, 20:03
http://asp.net optimization http://dlvr.it/QwFNw9

Twitter января 8, 20:03
Закрытие Европы http://dlvr.it/QwFNx0

Twitter января 7, 13:03
Новогодние поздравления от Google http://dlvr.it/Qw7nXS https://twitter.com/f1ashr/status/1082261513778262018/photo/1

Мой твиттер

Копирайт

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

© Copyright 2008