PageRenderTime 21ms CodeModel.GetById 0ms RepoModel.GetById 0ms app.codeStats 0ms

/BlogEngine/BlogEngine.NET/Styles/Global.css

#
CSS | 230 lines | 196 code | 11 blank | 23 comment | 0 complexity | 8538366fcc56a77235f863053dbfb485 MD5 | raw file
Possible License(s): LGPL-2.1, Apache-2.0, BSD-3-Clause
  1. p{} /* DO NOT START CSS WITH A COMMENT! */
  2. /*----------------------------
  3. Star rater
  4. ----------------------------*/
  5. .rating{
  6. margin-bottom: 10px;
  7. }
  8. .rating p{
  9. display: inline;
  10. position: relative;
  11. top: 14px;
  12. left: 55px;
  13. }
  14. .star-rating {
  15. position: relative;
  16. width: 125px;
  17. height: 25px;
  18. overflow: hidden;
  19. list-style: none;
  20. margin: 0;
  21. padding: 0;
  22. background-position: left top;
  23. }
  24. .star-rating li {
  25. display: inline;
  26. }
  27. .star-rating a, .star-rating .current-rating {
  28. position: absolute;
  29. top: 0;
  30. left: 0;
  31. text-indent: -1000em;
  32. height: 25px;
  33. line-height: 25px;
  34. outline: none;
  35. overflow: hidden;
  36. border: none;
  37. }
  38. .star-rating a:hover, .star-rating a:active, .star-rating a:focus {
  39. background-position: left bottom;
  40. }
  41. .star-rating a.one-star {
  42. width: 20%;
  43. z-index: 6;
  44. }
  45. .star-rating a.two-stars {
  46. width: 40%;
  47. z-index: 5;
  48. }
  49. .star-rating a.three-stars {
  50. width: 60%;
  51. z-index: 4;
  52. }
  53. .star-rating a.four-stars {
  54. width: 80%;
  55. z-index: 3;
  56. }
  57. .star-rating a.five-stars {
  58. width: 100%;
  59. z-index: 2;
  60. }
  61. .star-rating .current-rating {
  62. z-index: 1;
  63. background-position: left center;
  64. }
  65. /* smaller star */
  66. .small-star {
  67. width: 50px;
  68. height: 10px;
  69. }
  70. .small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating {
  71. background-image: url(../pics/star_small.gif);
  72. line-height: 10px;
  73. height: 10px;
  74. }
  75. /*----------------------------
  76. Syntax highlighter
  77. ----------------------------*/
  78. .code {
  79. font-size: 12px;
  80. color: black;
  81. font-family: Consolas, "Courier New", Courier, Monospace;
  82. background-color: #F1F1F1;
  83. line-height: normal;
  84. }
  85. .code p { padding: 5px; }
  86. .code .rem { color: #008000; }
  87. .code .kwrd { color: #0000ff; }
  88. .code .str { color: #006080; }
  89. .code .op { color: #0000c0; }
  90. .code .preproc { color: #0000ff; }
  91. .code .asp { background-color: #ffff00; }
  92. .code .html { color: #800000; }
  93. .code .attr { color: #ff0000; }
  94. .code .alt { background-color: #f4f4f4; }
  95. .code .lnum { color: #606060;}
  96. /*----------------------------
  97. XFN tags
  98. ----------------------------*/
  99. div.post .text a[rel] {
  100. background-repeat: no-repeat;
  101. background-position: right center;
  102. }
  103. div.post .text a[rel="me"] {
  104. background-image:url('../pics/xfn/me.gif');
  105. }
  106. /*-------- [ These should cascade to pick the correct icon for the contact ]--*/
  107. /*-------- [ Normal contacts ]--*/
  108. div.post .text a[rel~="contact"] ,
  109. div.post .text a[rel~="acquaintance"],
  110. div.post .text a[rel~="friend"] {
  111. background-image:url('../pics/xfn/contact.gif');
  112. padding-right:11px;
  113. }
  114. /*-------- [ Normal contacts youve met ]--*/
  115. div.post .text a[rel~="contact"][rel~="met"] ,
  116. div.post .text a[rel~="acquaintance"][rel~="met"] ,
  117. div.post .text a[rel~="friend"][rel~="met"] {
  118. background-image:url('../pics/xfn/contactMet.gif');
  119. padding-right:11px;
  120. }
  121. /*-------- [ Colleague and co worker icon more important than contact ]--*/
  122. div.post .text a[rel~="colleague"] ,
  123. div.post .text a[rel~="co-worker"] {
  124. background-image:url('../pics/xfn/colleague.gif');
  125. padding-right:11px;
  126. }
  127. /*-------- [ Colleague and co worker icon when met ]--*/
  128. div.post .text a[rel~="colleague"][rel~="met"] ,
  129. div.post .text a[rel~="co-worker"][rel~="met"] {
  130. background-image:url('../pics/xfn/colleagueMet.gif');
  131. padding-right:11px;
  132. }
  133. /*-------- [ Sweethearts are more important than work!!! ]--*/
  134. div.post .text a[rel~="muse"] ,
  135. div.post .text a[rel~="crush"] ,
  136. div.post .text a[rel~="date"] ,
  137. a[rel~="sweetheart"] {
  138. background-image:url('../pics/xfn/sweet.gif');
  139. padding-right:11px;
  140. }
  141. /*-------- [ ...and if youve met them thats even better ]--*/
  142. div.post .text a[rel~="muse"][rel~="met"] ,
  143. div.post .text a[rel~="crush"][rel~="met"] ,
  144. div.post .text a[rel~="date"][rel~="met"] ,
  145. div.post .text a[rel~="sweetheart"][rel~="met"] {
  146. background-image:url('../pics/xfn/sweetMet.gif');
  147. padding-right:11px;
  148. }
  149. /*----------------------------
  150. Post Pager
  151. ----------------------------*/
  152. #PostPager {
  153. display: block;
  154. text-align: center;
  155. }
  156. #PostPager li {
  157. display:inline;
  158. border: 1px solid #ccc;
  159. margin: 1px;
  160. padding: 2px;
  161. }
  162. #PostPager li a {
  163. padding: 2px;
  164. text-decoration:none;
  165. font-weight: bold;
  166. }
  167. #PostPager .PagerLinkCurrent {
  168. background-color: #5C80B1;
  169. color: #fff;
  170. padding: 2px 5px;
  171. border: 1px solid #ccc;
  172. }
  173. #PostPager .PagerLinkCurrent li {
  174. padding: 2px
  175. }
  176. #PostPager .PagerLinkDisabled {
  177. color: #ccc;
  178. padding: 2px;
  179. }
  180. #PostPager .PagerEllipses {
  181. border:0;
  182. padding: 2px;
  183. }
  184. #commentPreview {
  185. display:none;
  186. clear:both;
  187. min-height: 150px;
  188. }
  189. .LoginRequired {
  190. margin: 10px 0 10px 0;
  191. }
  192. /*----------------------------
  193. Widget action buttons
  194. ----------------------------*/
  195. .widgetImg {
  196. width: 16px;
  197. height: 16px;
  198. display:inline-block;
  199. }
  200. .imgDelete {
  201. background-image:url('../admin/images/action-delete-small-lt.png');
  202. }
  203. .imgDelete:hover {
  204. background-image:url('../admin/images/action-delete-small.png');
  205. }
  206. .imgMove {
  207. background-image:url('../admin/images/action-tools-small-lt.png');
  208. }
  209. .imgMove:hover {
  210. background-image:url('../admin/images/action-tools-small.png');
  211. }
  212. .imgEdit {
  213. background-image:url('../admin/images/action-edit-small-lt.png');
  214. }
  215. .imgEdit:hover {
  216. background-image:url('../admin/images/action-edit-small.png');
  217. }
  218. .widget a:hover { text-decoration: none; }
  219. #comment-form p { margin: 1px; display: inline-table; width: 100%; }