style.css 8.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
  1. /*
  2. Theme Name: jstree.com
  3. Theme URI: http://jstree.com/
  4. Description: Designed for jstree.com
  5. Version: 1.0
  6. Author: Ivan Bozhanov
  7. Tags: green color, fixed width, two columns
  8. jstree.com by Ivan Bozhanov || http://jstree.com
  9. */
  10. html, body { margin:0; padding:0; }
  11. html { background:#D9E3CB url("images/tree.png") 20px bottom fixed no-repeat; }
  12. body, input, td, th, select, option { font-family:"Trebuchet MS",Verdana,Helvetica,Arial,sans-serif; font-size:10pt; line-height:1.4em; }
  13. a { text-decoration:none; color:#093F00; }
  14. a:hover { text-decoration:underline; color:#8b0000; }
  15. #container { width:950px; margin:0px auto; overflow:hidden; min-height:100%; _height:100%; }
  16. #head { position:relative; height:75px; margin-bottom:10px; font-family:Georgia; /* background:url("/images/new.png") center center repeat-x; */ }
  17. #head #menu { font-size:11pt; list-style-type:none; margin:0; padding:0; width:650px; position:absolute; bottom:0px; right:0; height:44px; }
  18. #head #menu li { float:left; margin:5px 10px 0 0; padding:0px 10px 0 10px; height:26px; }
  19. #head #menu li.current_page_parent, #head #menu li.current_page_item, #head #menu li.current_page_ancestor { margin-top:0; border-top:5px solid black; }
  20. #head #menu li a { color:gray; height:26px; line-height:26px; }
  21. #head #menu li.current_page_parent a, #head #menu li.current_page_item a, #head #menu li.current_page_ancestor a { color:black; }
  22. #head h1 { border-bottom:1px solid; color:black; font-size:24pt; font-weight:bold; height:21px; letter-spacing:0; line-height:25px; margin:0; overflow:hidden; padding:15px 0 0; text-indent:0.5em; }
  23. #head h2 { font-size:11pt; line-height:26px; color:gray; margin:0; padding: 0 0 0 50px; }
  24. #sidebar { width:250px; margin:0 0 0 0; float:left; }
  25. #sidebar h3 { font-family:Georgia; width:250px; opacity:0.75; margin:15px 0 1px 0; font-size:1.1em; letter-spacing:1px; background:gray; color:white; text-indent:5px; line-height:1.6em; font-variant:small-caps; }
  26. #sidebar ul { list-style-type:none; width:250px; margin:0 0 0 0; padding:0; }
  27. #sidebar ul li { margin:0 0 1px 0; background:#AEBF9B url("images/ok.png") 6px 4px no-repeat; opacity:0.75; line-height:16px; padding:4px 0 4px 28px; }
  28. #sidebar ul li.important { background-image:url("images/offert.png"); font-weight:bold; }
  29. #sidebar ul li.current_page_ancestor, #sidebar ul li.current_page_item, #sidebar ul li.current_page_parent { background-color:#778F59; }
  30. #download { font-family:Georgia; display:block; background:url("images/button.png") left top no-repeat; width:253px; height:50px; color:white; line-height:50px; font-size:1.3em; color:white; position:relative; text-decoration:none; font-weight:bold; text-indent:15px; margin:0 0 15px 0; }
  31. #download:hover { background-image:url("images/button_o.png"); }
  32. #download .vn { display:block; position:absolute; top:-10px; right:10px; background:url("images/badge.png") center center no-repeat; width:70px; height:70px; text-indent:0; }
  33. #download .vn span { display:block; text-align:center; }
  34. #download .vn .v { font-size:8pt; line-height:1em; margin-top:20px; }
  35. #download .vn .n { font-size:12pt; line-height:1em; }
  36. #data { width:650px; float:right; padding:0; margin:0; }
  37. #data h2, #data h3 { font-family:Georgia; font-size:1.2em; font-weight:bold; padding:0; line-height:1em; margin:0em 0 0.5em 0; color:#093F00; }
  38. #data h3 { font-size:1em; }
  39. #data span.date, #data .tags, #data .postmetadata { font-size:0.8em; display:block; }
  40. #data p { line-height:1.5em; margin-bottom:1em; }
  41. #data ul { margin-bottom:1em; }
  42. #data ul ul { margin-bottom:0; }
  43. #data li { line-height:1.5em; }
  44. #data #comments { margin-top:2em; }
  45. #data .post { margin-bottom:2em; }
  46. .commentlist { list-style-type:none; margin:0; padding:0; }
  47. .commentlist li { margin:0.5em 0 1.5em; 1em; border:1px solid #B9C8A7; padding:1em; background:#E9EFE0; }
  48. .avatar { float:left; margin: 5px 10px 5px 0px; background:white; padding:2px; border:1px solid silver; }
  49. #data textarea { width:99%; margin:0 auto; display:block; }
  50. #data .cmt { border:1px solid #333; background:gray; color:white; overflow:hidden; _height:40px; _overflow:visible; }
  51. #data code, #data pre { font-family:"Courier New",Monospace; font-size:9pt; margin:0.5em; padding:0; display:block; display:block; margin:0; padding:1em 1em 1em 1em; background:white; border:1px solid gray; overflow-x:auto; width:95%; }
  52. .navigation { margin-bottom:1em; height:1em; }
  53. .navigation .alignleft { float:left; }
  54. .navigation .alignright { float:right; }
  55. .features, .features ul, .changelog, .changelog ul { list-style-type:none; margin:0; padding:0; }
  56. .features li, .changelog li { background:url('images/ok.png') left 2px no-repeat; padding-left:20px; }
  57. .changelog li { background-image:url('images/package.png'); }
  58. .changelog li li { background-image:url('images/ok.png'); }
  59. #data #documentation h1, #data #documentation h2, #data #documentation h3, #data #documentation h4 { font-family:Georgia, Serif; margin:1em 0 0.5em 0; color:#8b0000; }
  60. #data #documentation h1 { font-size:1.2em; }
  61. #data #documentation h2 { font-size:1.1em; }
  62. #data #documentation h3 { font-size:1.0em; }
  63. #data #documentation h4 { font-size:1.0em; }
  64. #data #documentation p { line-height:1.5em; margin:0 0 0.5em 0; }
  65. #data #documentation .note { font-style:italic; color:gray; font-size:0.9em; }
  66. #data #documentation code, #data #documentation pre, #data #documentation .source, #data #documentation .file, #data #documentation .var, #data #documentation .req, #data #documentation .opt, #data #documentation .val { font-family:"Courier New", Monospace; font-style:normal !important; font-size:9pt; }
  67. #data #documentation span.file { color:green; }
  68. #data #documentation span.var { color:navy; }
  69. #data #documentation span.req { color:red; cursor:pointer; }
  70. #data #documentation span.opt { color:green; cursor:pointer; }
  71. #data #documentation span.val { color:#C71585; }
  72. /* #data #documentation ol, #data #documentation ul { margin-top:0.5em; margin-bottom:0.5em; } */
  73. #data #documentation li { line-height:1.5em; }
  74. #data #documentation .source { font-weight:bold; margin-top:1em; line-height:1.1em; background:gray; text-indent:5px; color:white; text-transform:uppercase; padding:4px 5px 0 5px; width:95%; border:3px solid gray; border-width:0 3px; }
  75. #data #documentation code, #data #documentation pre { border:3px solid gray; padding:5px; display:block; margin:0; overflow-x:auto; width:95%; }
  76. #data #faq .question { color: #8b0000; font-weight:bold; }
  77. #data #faq .answer { margin-bottom:3em; }
  78. #data #images { float:right; width:200px; margin:0 0 0 1em; }
  79. #data #images img { display:block; margin:0 auto 1em auto; padding:2px; width:180px; border:1px solid gray; }
  80. h1.donation { text-align:center; color:#093F00; margin:3em 1em; }
  81. #post-90 h2 { display:none; }
  82. /* FF only */
  83. #sidebar h3 { -moz-border-radius:5px 5px 0 0; }
  84. #sidebar ul li:last-child { -moz-border-radius:0 0 5px 5px; }
  85. /* IE PNG fix
  86. html, #sidebar li, #download, #download .vn, .features li, .changelog li { behavior: url(/wp-content/themes/jstree/inc/iepngfix.htc); _zoom:1; }
  87. #sidebar ul li { _filter: alpha(opacity = 75); _height:1px; } */
  88. #download, #download .vn { _behavior: url(/wp-content/themes/jstree/inc/iepngfix.htc); }
  89. .nav { list-style-type:none; margin:0; padding:0; height:24px; position:relative; }
  90. .nav li { width:30%; float:left; margin-left:2%; padding:0; text-align:center; }
  91. .nav li a { text-align:center; }
  92. /** ORIGINAL **/
  93. acronym, abbr { border-bottom: 1px dashed #333; }
  94. acronym, abbr, span.caps { font-size: 90%; letter-spacing: .07em; }
  95. acronym, abbr { cursor: help; }
  96. blockquote { border-left: 5px solid #ccc; margin-left: 1.5em; padding-left: 5px; }
  97. cite { font-size: 90%; font-style: normal; }
  98. ins, iframe { display:block; margin:0 auto; }
  99. .demo {
  100. font-family:Verdana !important;
  101. font-size:10px !important;
  102. width:200px;
  103. float:left;
  104. background:white;
  105. height:90px;
  106. border:3px solid gray;
  107. padding:5px 0;
  108. overflow:auto;
  109. }
  110. .sources {
  111. margin:0 10px 0 215px;
  112. }
  113. .sources pre {
  114. min-height:90px;
  115. }
  116. /*
  117. #data #documentation .demo ul,
  118. #data #documentation .demo ol {
  119. margin:0 0 0 5px;
  120. }
  121. #data #documentation .demo .tree-apple {
  122. margin-left:0;
  123. }
  124. */
  125. #data #documentation {
  126. clear:left;
  127. }
  128. #head { overflow:hidden; height:75px; }
  129. #head h1 { }
  130. #head h2 { width:200px; }
  131. #head h3 { width:665px; height:30px; font-size:18pt; font-weight:bold; position:absolute; bottom:35px; right:0; text-align:center; margin:0; padding:0; }