A tumblelog CMS built on AJAX, PHP and MySQL.

style.css 2.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  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. }
  18. .markItUpContainer {
  19. font:11px Verdana, Arial, Helvetica, sans-serif;
  20. }
  21. .markItUpEditor {
  22. font:12px 'Courier New', Courier, monospace;
  23. padding:5px;
  24. width:690px;
  25. height:320px;
  26. clear:both;
  27. line-height:18px;
  28. overflow:auto;
  29. }
  30. .markItUpPreviewFrame {
  31. overflow:auto;
  32. background-color:#FFF;
  33. width:99.9%;
  34. height:300px;
  35. margin:5px 0;
  36. }
  37. .markItUpFooter {
  38. width:100%;
  39. }
  40. .markItUpResizeHandle {
  41. overflow:hidden;
  42. width:22px; height:5px;
  43. margin-left:auto;
  44. margin-right:auto;
  45. background-image:url(images/handle.png);
  46. cursor:n-resize;
  47. }
  48. /***************************************************************************************/
  49. /* first row of buttons */
  50. .markItUpHeader ul li {
  51. list-style:none;
  52. float:left;
  53. position:relative;
  54. }
  55. .markItUpHeader ul li:hover > ul{
  56. display:block;
  57. }
  58. .markItUpHeader ul .markItUpDropMenu {
  59. background:transparent url(images/menu.png) no-repeat 115% 50%;
  60. margin-right:5px;
  61. }
  62. .markItUpHeader ul .markItUpDropMenu li {
  63. margin-right:0px;
  64. }
  65. /* next rows of buttons */
  66. .markItUpHeader ul ul {
  67. display:none;
  68. position:absolute;
  69. top:18px; left:0px;
  70. background:#FFF;
  71. border:1px solid #000;
  72. }
  73. .markItUpHeader ul ul li {
  74. float:none;
  75. border-bottom:1px solid #000;
  76. }
  77. .markItUpHeader ul ul .markItUpDropMenu {
  78. background:#FFF url(images/submenu.png) no-repeat 100% 50%;
  79. }
  80. .markItUpHeader ul .markItUpSeparator {
  81. margin:0 10px;
  82. width:1px;
  83. height:16px;
  84. overflow:hidden;
  85. background-color:#CCC;
  86. }
  87. .markItUpHeader ul ul .markItUpSeparator {
  88. width:auto; height:1px;
  89. margin:0px;
  90. }
  91. /* next rows of buttons */
  92. .markItUpHeader ul ul ul {
  93. position:absolute;
  94. top:-1px; left:150px;
  95. }
  96. .markItUpHeader ul ul ul li {
  97. float:none;
  98. }
  99. .markItUpHeader ul a {
  100. display:block;
  101. width:16px; height:16px;
  102. text-indent:-10000px;
  103. background-repeat:no-repeat;
  104. padding:3px;
  105. margin:0px;
  106. }
  107. .markItUpHeader ul ul a {
  108. display:block;
  109. padding-left:0px;
  110. text-indent:0;
  111. width:120px;
  112. padding:5px 5px 5px 25px;
  113. background-position:2px 50%;
  114. }
  115. .markItUpHeader ul ul a:hover {
  116. color:#FFF;
  117. background-color:#000;
  118. }