tripal.css 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244
  1. .tripal-info-box {
  2. width: 100%;
  3. padding-bottom: 10px;
  4. }
  5. .tripal-info-box-nosidebar {
  6. width: 100%;
  7. padding-bottom: 10px;
  8. }
  9. .tripal-table {
  10. width: 100%;
  11. }
  12. .tripal-table th,
  13. .tripal-table td {
  14. vertical-align:text-top;
  15. padding-left: 10px;
  16. padding-right: 10px;
  17. padding-top: 5px;
  18. padding-bottom: 5px;
  19. }
  20. .tripal-table-horz {
  21. border-top: 1px solid #999999;
  22. border-bottom: 1px solid #999999;
  23. }
  24. /* settings for vertical tables (headers across left-side) */
  25. table.tripal-table-vert .tripal-table-even-row th {
  26. background-color: #EEEEEE;
  27. font-weight: none;
  28. text-align: right;
  29. }
  30. table.tripal-table-vert .tripal-table-odd-row th {
  31. background-color: #FFFFFF;
  32. text-align: right;
  33. }
  34. table.tripal-table-vert .tripal-table-even-row {
  35. background-color: #EEEEEE;
  36. border-top: 1px solid #CCCCCC;
  37. border-bottom: 1px solid #CCCCCC;
  38. }
  39. table.tripal-table-vert .tripal-table-odd-row {
  40. background-color: #FFFFFF;
  41. border-top: 1px solid #CCCCCC;
  42. border-bottom: 1px solid #CCCCCC;
  43. }
  44. /* settings for horizontal tables (headers across top) */
  45. table.tripal-table-horz th {
  46. background-color: #EEEEFF;
  47. font-weight: none;
  48. text-align: left;
  49. }
  50. table.tripal-table-horz .tripal-table-even-row {
  51. background-color: #FFFFFF;
  52. font-weight: none;
  53. text-align: left;
  54. border-top: 1px solid #CCCCCC;
  55. border-bottom: 1px solid #CCCCCC;
  56. }
  57. table.tripal-table-horz .tripal-table-odd-row {
  58. background-color: #EEEEEE;
  59. text-align: left;
  60. border-top: 1px solid #CCCCCC;
  61. border-bottom: 1px solid #CCCCCC;
  62. }
  63. .tripal-info-box-title {
  64. font-size: 1.5em;
  65. padding-bottom: 15px;
  66. }
  67. .tripal-info-box-title-nosidebar {
  68. font-size: 1.5em;
  69. padding-bottom: 15px;
  70. }
  71. .tripal-info-box-desc {
  72. /* padding-bottom: 15px; */
  73. }
  74. /* hide the title when inside of a block on a panel */
  75. .pane-block .tripal-info-box-title {
  76. visibility: hidden;
  77. padding: 0;
  78. margin: 0;
  79. height: 0px;
  80. }
  81. /* Ajax loader */
  82. #tripal_ajaxLoading {
  83. position: fixed;
  84. top: 40%;
  85. left: 40%;
  86. padding: 15px;
  87. border: 1px solid #000000;
  88. background-color: #EEEEEE;
  89. opacity: 0.75;
  90. -moz-opacity: 0.75;
  91. z-index: 10;
  92. }
  93. #tripal_ajaxLoading #loadingText {
  94. font-weight: bold;
  95. font-size: 1.5em;
  96. color: #000000;
  97. }
  98. /* Restrict the list of checkboxes in a 300px window */
  99. .form-checkboxes {
  100. height: auto;
  101. max-height: 300px;
  102. overflow: auto;
  103. }
  104. /* no results message */
  105. .tripal-no-results {
  106. font-style: italic;
  107. padding: 10px;
  108. background-color: #FFEEEE;
  109. }
  110. /**
  111. * Tripal Contents container: contains both the details
  112. * section and the resources sidebar
  113. */
  114. .tripal_contents {
  115. width: 100%;
  116. }
  117. /**
  118. * Resources Sidebar
  119. */
  120. .tripal_toc {
  121. float: right;
  122. background-color: #EEEEEE;
  123. -moz-border-radius: 15px;
  124. -webkit-border-radius: 15px;
  125. -khtml-border-radius: 15px;
  126. border-radius: 15px;
  127. -moz-box-shadow: 3px 3px 4px #888888;
  128. -webkit-box-shadow: 3px 3px 4px #888888;
  129. box-shadow: 3px 3px 4px #888888;
  130. padding: 20px;
  131. min-height: 500px;
  132. border-style:solid;
  133. border-width:1px;
  134. }
  135. .tripal_toc ul {
  136. margin: 0 !important;
  137. padding: 0 0 0.25em 1em !important;
  138. }
  139. .tripal_toc_title {
  140. font-size: 1.5em;
  141. line-height: 110%;
  142. padding-bottom: 10px;
  143. }
  144. .tripal_toc_desc {
  145. }
  146. /**
  147. * Details Section
  148. */
  149. .tripal_details {
  150. float: left;
  151. background-color: #FFFFFF;
  152. -moz-border-radius: 15px;
  153. -webkit-border-radius: 15px;
  154. -khtml-border-radius: 15px;
  155. border-radius: 15px;
  156. -moz-box-shadow: 3px 3px 4px #888888;
  157. -webkit-box-shadow: 3px 3px 4px #888888;
  158. box-shadow: 3px 3px 4px #888888;
  159. padding: 20px;
  160. min-height: 500px;
  161. margin-right: 10px;
  162. margin-bottom: 10px;
  163. border-style:solid;
  164. border-width:1px;
  165. overflow:auto;
  166. }
  167. .tripal_details_full {
  168. float: left;
  169. background-color: #FFFFFF;
  170. -moz-border-radius: 15px;
  171. -webkit-border-radius: 15px;
  172. -khtml-border-radius: 15px;
  173. border-radius: 15px;
  174. -moz-box-shadow: 3px 3px 4px #888888;
  175. -webkit-box-shadow: 3px 3px 4px #888888;
  176. box-shadow: 3px 3px 4px #888888;
  177. padding: 20px;
  178. min-height: 500px;
  179. margin-right: 10px;
  180. margin-bottom: 10px;
  181. border-style:solid;
  182. border-width:1px;
  183. overflow:auto;
  184. }
  185. /**
  186. * Tables
  187. */
  188. .tripal-subtable {
  189. border-collapse:collapse;
  190. border: 0px solid black;
  191. width: auto;
  192. }
  193. .tripal-subtable td {
  194. padding: 0px 5px 5px 0px;
  195. border: 0px solid black;
  196. }
  197. .tripal-notice {
  198. color: red;
  199. }
  200. /**
  201. * Teaser
  202. */
  203. .tripal-teaser {
  204. clear_both;
  205. margin-bottom: 10px;
  206. }
  207. .tripal-teaser-title {
  208. font-weight: bold;
  209. margin-bottom: 5px;
  210. }
  211. .tripal-teaser-text {
  212. text-align: justify;
  213. text-justify:inter-word;
  214. }
  215. .tripal-teaser-img {
  216. width: 100px;
  217. height: 100px;
  218. float: left;
  219. padding-right: 10px;
  220. padding-bottom: 5px;
  221. }