A tumblelog CMS built on AJAX, PHP and MySQL.

style.css 2.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
  1. #poststuff {
  2. position: relative !important;
  3. }
  4. #submitpost {
  5. position: absolute !important;
  6. right: 0px !important;
  7. float: none !important;
  8. }
  9. .markItUp * {
  10. margin: 0;
  11. padding: 0;
  12. border: 0;
  13. outline: 0;
  14. font-weight: inherit;
  15. font-style: inherit;
  16. font-size: 100%;
  17. font-family: inherit;
  18. vertical-align: baseline;
  19. }
  20. .markItUp a:link,
  21. .markItUp a:visited {
  22. color:#000;
  23. text-decoration:none;
  24. }
  25. .markItUp {
  26. width:700px;
  27. margin:5px 0 5px 0;
  28. }
  29. .markItUpContainer {
  30. font:11px Verdana, Arial, Helvetica, sans-serif;
  31. }
  32. .markItUpEditor {
  33. font:12px 'Courier New', Courier, monospace;
  34. padding:5px;
  35. width:690px;
  36. height:320px;
  37. clear:both; display:block;
  38. line-height:18px;
  39. overflow:auto;
  40. }
  41. .markItUpPreviewFrame {
  42. overflow:auto;
  43. background-color:#FFF;
  44. width:99.9%;
  45. height:300px;
  46. margin:5px 0;
  47. }
  48. .markItUpFooter {
  49. width:100%;
  50. }
  51. .markItUpResizeHandle {
  52. overflow:hidden;
  53. width:22px; height:5px;
  54. margin-left:auto;
  55. margin-right:auto;
  56. background-image:url(images/handle.png);
  57. cursor:n-resize;
  58. }
  59. /***************************************************************************************/
  60. /* first row of buttons */
  61. .markItUpHeader ul li {
  62. list-style:none;
  63. float:left;
  64. position:relative;
  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. /* next rows of buttons */
  77. .markItUpHeader ul ul {
  78. display:none;
  79. position:absolute;
  80. top:18px; left:0px;
  81. background:#FFF;
  82. border:1px solid #000;
  83. }
  84. .markItUpHeader ul ul li {
  85. float:none;
  86. border-bottom:1px solid #000;
  87. }
  88. .markItUpHeader ul ul .markItUpDropMenu {
  89. background:#FFF url(images/submenu.png) no-repeat 100% 50%;
  90. }
  91. .markItUpHeader ul .markItUpSeparator {
  92. margin:0 10px;
  93. width:1px;
  94. height:16px;
  95. overflow:hidden;
  96. background-color:#CCC;
  97. }
  98. .markItUpHeader ul ul .markItUpSeparator {
  99. width:auto; height:1px;
  100. margin:0px;
  101. }
  102. /* next rows of buttons */
  103. .markItUpHeader ul ul ul {
  104. position:absolute;
  105. top:-1px; left:150px;
  106. }
  107. .markItUpHeader ul ul ul li {
  108. float:none;
  109. }
  110. .markItUpHeader ul a {
  111. display:block;
  112. width:16px; height:16px;
  113. text-indent:-10000px;
  114. background-repeat:no-repeat;
  115. padding:3px;
  116. margin:0px;
  117. }
  118. .markItUpHeader ul ul a {
  119. display:block;
  120. padding-left:0px;
  121. text-indent:0;
  122. width:120px;
  123. padding:5px 5px 5px 25px;
  124. background-position:2px 50%;
  125. }
  126. .markItUpHeader ul ul a:hover {
  127. color:#FFF;
  128. background-color:#000;
  129. }