A tumblelog CMS built on AJAX, PHP and MySQL.

style.css 3.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  1. /* -------------------------------------------------------------------
  2. // markItUp! Universal MarkUp Engine, JQuery plugin
  3. // By Jay Salvat - http://markitup.jaysalvat.com/
  4. // ------------------------------------------------------------------*/
  5. .markItUp * {
  6. margin:0px; padding:0px;
  7. outline:none;
  8. }
  9. .markItUp a:link,
  10. .markItUp a:visited {
  11. color:#000;
  12. text-decoration:none;
  13. }
  14. .markItUp {
  15. width:700px;
  16. margin:5px 0 5px 0;
  17. border:5px solid #F5F5F5;
  18. }
  19. .markItUpContainer {
  20. border:1px solid #3C769D;
  21. background:#FFF url(images/bg-container.png) repeat-x top left;
  22. padding:5px 5px 2px 5px;
  23. font:11px Verdana, Arial, Helvetica, sans-serif;
  24. }
  25. .markItUpEditor {
  26. font:12px 'Courier New', Courier, monospace;
  27. padding:5px 5px 5px 35px;
  28. border:3px solid #3C769D;
  29. width:643px;
  30. height:320px;
  31. background:#FFF url(images/bg-editor.png) no-repeat;
  32. clear:both;
  33. line-height:18px;
  34. overflow:auto;
  35. }
  36. .markItUpPreviewFrame {
  37. overflow:auto;
  38. background-color:#FFFFFF;
  39. border:1px solid #3C769D;
  40. width:99.9%;
  41. height:300px;
  42. margin:5px 0;
  43. }
  44. .markItUpFooter {
  45. width:100%;
  46. cursor:n-resize;
  47. }
  48. .markItUpResizeHandle {
  49. overflow:hidden;
  50. width:22px; height:5px;
  51. margin-left:auto;
  52. margin-right:auto;
  53. background-image:url(images/handle.png);
  54. cursor:n-resize;
  55. }
  56. /***************************************************************************************/
  57. /* first row of buttons */
  58. .markItUpHeader ul li {
  59. list-style:none;
  60. float:left;
  61. position:relative;
  62. }
  63. .markItUpHeader ul li ul{
  64. display:none;
  65. }
  66. .markItUpHeader ul li:hover > ul{
  67. display:block;
  68. }
  69. .markItUpHeader ul .markItUpDropMenu {
  70. background:transparent url(images/menu.png) no-repeat 115% 50%;
  71. margin-right:5px;
  72. }
  73. .markItUpHeader ul .markItUpDropMenu li {
  74. margin-right:0px;
  75. }
  76. .markItUpHeader ul .markItUpSeparator {
  77. margin:0 10px;
  78. width:1px;
  79. height:16px;
  80. overflow:hidden;
  81. background-color:#CCC;
  82. }
  83. .markItUpHeader ul ul .markItUpSeparator {
  84. width:auto; height:1px;
  85. margin:0px;
  86. }
  87. /* next rows of buttons */
  88. .markItUpHeader ul ul {
  89. display:none;
  90. position:absolute;
  91. top:18px; left:0px;
  92. background:#F5F5F5;
  93. border:1px solid #3C769D;
  94. height:inherit;
  95. }
  96. .markItUpHeader ul ul li {
  97. float:none;
  98. border-bottom:1px solid #3C769D;
  99. }
  100. .markItUpHeader ul ul .markItUpDropMenu {
  101. background:#F5F5F5 url(images/submenu.png) no-repeat 100% 50%;
  102. }
  103. /* next rows of buttons */
  104. .markItUpHeader ul ul ul {
  105. position:absolute;
  106. top:-1px; left:150px;
  107. }
  108. .markItUpHeader ul ul ul li {
  109. float:none;
  110. }
  111. .markItUpHeader ul a {
  112. display:block;
  113. width:16px; height:16px;
  114. text-indent:-10000px;
  115. background-repeat:no-repeat;
  116. padding:3px;
  117. margin:0px;
  118. }
  119. .markItUpHeader ul ul a {
  120. display:block;
  121. padding-left:0px;
  122. text-indent:0;
  123. width:120px;
  124. padding:5px 5px 5px 25px;
  125. background-position:2px 50%;
  126. }
  127. .markItUpHeader ul ul a:hover {
  128. color:#FFF;
  129. background-color:#3C769D;
  130. }
  131. /***************************************************************************************/
  132. .html .markItUpEditor {
  133. background-image:url(images/bg-editor-html.png);
  134. }
  135. .markdown .markItUpEditor {
  136. background-image:url(images/bg-editor-markdown.png);
  137. }
  138. .textile .markItUpEditor {
  139. background-image:url(images/bg-editor-textile.png);
  140. }
  141. .bbcode .markItUpEditor {
  142. background-image:url(images/bg-editor-bbcode.png);
  143. }
  144. .wiki .markItUpEditor,
  145. .dotclear .markItUpEditor {
  146. background-image:url(images/bg-editor-wiki.png);
  147. }