doc_widgets.css 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151
  1. ul.doc-example {
  2. list-style-type: none;
  3. position: relative;
  4. font-size: 14px;
  5. }
  6. ul.doc-example > li {
  7. border: 2px solid gray;
  8. border-radius: 5px;
  9. -moz-border-radius: 5px;
  10. -webkit-border-radius: 5px;
  11. background-color: white;
  12. margin-bottom: 20px;
  13. }
  14. ul.doc-example > li.doc-example-heading {
  15. border: none;
  16. border-radius: 0;
  17. margin-bottom: -10px;
  18. }
  19. span.nojsfiddle {
  20. float: right;
  21. font-size: 14px;
  22. margin-right:10px;
  23. margin-top: 10px;
  24. }
  25. form.jsfiddle {
  26. position: absolute;
  27. right: 0;
  28. z-index: 1;
  29. height: 14px;
  30. }
  31. form.jsfiddle button {
  32. cursor: pointer;
  33. padding: 4px 10px;
  34. margin: 10px;
  35. background-color: #FFF;
  36. font-weight: bold;
  37. color: #7989D6;
  38. border-color: #7989D6;
  39. -moz-border-radius: 8px;
  40. -webkit-border-radius:8px;
  41. border-radius: 8px;
  42. }
  43. form.jsfiddle textarea, form.jsfiddle input {
  44. display: none;
  45. }
  46. li.doc-example-live {
  47. padding: 10px;
  48. font-size: 1.2em;
  49. }
  50. div.syntaxhighlighter {
  51. padding-bottom: 1px !important; /* fix to remove unnecessary scrollbars http://is.gd/gSMgC */
  52. }
  53. /* TABS - tutorial environment navigation */
  54. div.tabs-nav {
  55. height: 25px;
  56. position: relative;
  57. }
  58. div.tabs-nav ul li {
  59. list-style: none;
  60. display: inline-block;
  61. padding: 5px 10px;
  62. }
  63. div.tabs-nav ul li.current a {
  64. color: white;
  65. text-decoration: none;
  66. }
  67. div.tabs-nav ul li.current {
  68. background: #7989D6;
  69. -moz-box-shadow: 4px 4px 6px #48577D;
  70. -moz-border-radius-topright: 8px;
  71. -moz-border-radius-topleft: 8px;
  72. box-shadow: 4px 4px 6px #48577D;
  73. border-radius-topright: 8px;
  74. border-radius-topleft: 8px;
  75. -webkit-box-shadow: 4px 4px 6px #48577D;
  76. -webkit-border-top-right-radius: 8px;
  77. -webkit-border-top-left-radius: 8px;
  78. border-top-right-radius: 8px;
  79. border-top-left-radius: 8px;
  80. }
  81. div.tabs-content {
  82. padding: 4px;
  83. position: relative;
  84. background: #7989D6;
  85. -moz-border-radius: 8px;
  86. border-radius: 8px;
  87. -webkit-border-radius: 8px;
  88. }
  89. div.tabs-content-inner {
  90. margin: 1px;
  91. padding: 10px;
  92. background: white;
  93. border-radius: 6px;
  94. -moz-border-radius: 6px;
  95. -webkit-border-radius: 6px;
  96. }
  97. /* Tutorial Nav Bar */
  98. #tutorial-nav {
  99. margin: 0.5em 0 1em 0;
  100. padding: 0;
  101. list-style-type: none;
  102. background: #7989D6;
  103. -moz-border-radius: 15px;
  104. -webkit-border-radius: 15px;
  105. border-radius: 15px;
  106. -moz-box-shadow: 4px 4px 6px #48577D;
  107. -webkit-box-shadow: 4px 4px 6px #48577D;
  108. box-shadow: 4px 4px 6px #48577D;
  109. }
  110. #tutorial-nav li {
  111. display: inline;
  112. }
  113. #tutorial-nav a:link, #tutorial-nav a:visited {
  114. font-size: 1.2em;
  115. color: #FFF;
  116. text-decoration: none;
  117. text-align: center;
  118. display: inline-block;
  119. width: 11em;
  120. padding: 0.2em 0;
  121. }
  122. #tutorial-nav a:hover {
  123. color: #000;
  124. }