style.css 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174
  1. /* Syntax Highlight */
  2. .codehilite pre {
  3. background-color:rgb(253,246,227);
  4. border-radius:0 5px 5px 0px;
  5. }
  6. td.code {
  7. width:100%;
  8. }
  9. .linenodiv pre {
  10. border-radius:5px 0px 0px 5px;
  11. color:rgb(101,123,131);
  12. background-color:rgb(238,232,213);
  13. }
  14. /* Tags */
  15. .list-of-tags {
  16. list-style:none;
  17. margin:0;
  18. padding:5px 0 ;
  19. overflow:hidden;
  20. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  21. }
  22. .list-of-tags li {
  23. line-height:28px;
  24. float:left;
  25. margin:0px;
  26. }
  27. .list-of-tags a {
  28. padding: 3px 6px;
  29. margin: 2px;
  30. color: #222;
  31. background:#EEE;
  32. border-radius: 3px;
  33. text-decoration:none;
  34. }
  35. .list-of-tags a span {
  36. vertical-align: super;
  37. font-size: 0.8em;
  38. }
  39. .tags-in-article li {
  40. line-height:28px;
  41. float:none;
  42. }
  43. .article-content {
  44. text-align:justify;
  45. max-width:50em;
  46. }
  47. .article-content p{
  48. font-family: Scala, Georgia, "DejaVu Serif", "Times New Roman", Times, serif;
  49. font-variant: normal;
  50. text-transform: none;
  51. font-size: 1.1em;
  52. line-height: 1.6em;
  53. margin:20px 0px 20px 0px;
  54. }
  55. .article-content blockquote {
  56. padding: 0px 0px 0px 20px;
  57. margin: 20px 0px 20px 0px;
  58. border-left: 5px solid rgb(100,100,100);
  59. }
  60. .article-content blockquote p {
  61. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  62. font-variant: normal;
  63. text-transform: none;
  64. font-size: 1.2em;
  65. line-height: 1.7em;
  66. }
  67. .list-of-categories span {
  68. vertical-align: super;
  69. font-size: 0.8em;
  70. }
  71. a.list-of-categories {
  72. text-decoration:none;
  73. }
  74. .article-content ul {
  75. list-style-type: circle;
  76. font-family: Scala, Georgia, "DejaVu Serif", "Times New Roman", Times, serif;
  77. font-size:1em;
  78. list-style-position: inside;
  79. }
  80. .article-content ol {
  81. list-style-type: decimal;
  82. font-family: Scala, Georgia, "DejaVu Serif", "Times New Roman", Times, serif;
  83. font-size: 1em;
  84. list-style-position: inside;
  85. }
  86. .article-content li {
  87. margin:1px 0px 1px 20px;
  88. }
  89. .article-content dl {
  90. list-style-type: decimal;
  91. font-family: Scala, Georgia, "DejaVu Serif", "Times New Roman", Times, serif;
  92. font-size: 1em;
  93. list-style-position: inside;
  94. margin:20px 0px 20px 20px;
  95. }
  96. .article-content dd {
  97. margin:1px 0px 1px 20px;
  98. padding:3px 0px 3px 0px;
  99. }
  100. .article-content dt {
  101. font-size:1.3em;
  102. }
  103. .page_header h1 {
  104. color:darkred;
  105. padding: 5px 5px 15px 5px;
  106. margin: 20px 0px 20px 0px;
  107. border-bottom: 1px solid rgb(143, 134, 134);
  108. font-size: 3em;
  109. font-family: Georgia, "DejaVu Serif", "Times New Roman", Times, serif;
  110. font-weight:normal;
  111. }
  112. .page_header h1 small {
  113. color:rgb(143, 116, 116);
  114. }
  115. .page_header h1 a {
  116. color:darkred;
  117. }
  118. .page_header h1 a:hover {
  119. text-decoration:none;
  120. }
  121. h2 a {
  122. color:rgb(51,51,51);
  123. }
  124. h2 a:hover {
  125. text-decoration:none;
  126. color:rgb(51,51,51);
  127. }
  128. a.category-link {
  129. color:rgb(51,51,51);
  130. }
  131. a.category-link:hover {
  132. text-decoration:none;
  133. }
  134. a {
  135. color:rgb(56, 117, 215);
  136. }
  137. a.list-of-categories {
  138. font-size:1.1em;
  139. font-family: 'Trebuchet MS',Trebuchet,'Lucida Sans Unicode','Lucida Grande','Lucida Sans',Arial,sans-serif;
  140. }
  141. a.list-of-categories:hover {
  142. color:white;
  143. background-color:rgb(0, 136, 204);
  144. border-radius:4px;
  145. }