/scalate-website/src/styles/impact/css/site.css

http://github.com/scalate/scalate · CSS · 249 lines · 205 code · 30 blank · 14 comment · 0 complexity · 5cde05ede7edf2fd54c2ba2fbd03f59a MD5 · raw file

  1. body, html {
  2. font-family:Arial,Verdana,Helvetica,sans-serif;
  3. color: #666666;
  4. }
  5. body, html, table, tr, td, tbody {
  6. padding:0;
  7. margin:0;
  8. vertical-align: top;
  9. }
  10. body {
  11. padding-top: 20px;
  12. }
  13. h1, h2, h3, h4, h5, h6 {
  14. overflow: visible;
  15. color: #993333;
  16. }
  17. h2 {
  18. border-top: 4px solid #E0E0E0 !important;
  19. margin-top: 1.5em !important;
  20. padding-top: 0.5em !important;
  21. }
  22. p { margin-bottom:0px; }
  23. a {
  24. color: #990000;
  25. font-weight:bold;
  26. text-decoration: none;
  27. }
  28. a:hover {
  29. color: #ff3333;
  30. text-decoration: underline;
  31. }
  32. img {
  33. border: none;
  34. /*
  35. padding-right:2em
  36. */
  37. }
  38. .wrapper { min-width: 762px; width: 762px; margin: 0 auto; }
  39. #navigation { width: 100%; float: left;
  40. font-family: Helvetica,Verdana,Arial,sans-serif;
  41. background: black;
  42. text-align:center;
  43. color: #b55;
  44. font-size: 10pt;
  45. font-weight: bold;
  46. position: absolute;
  47. top: 0px;
  48. }
  49. #navigation a { color: white; }
  50. #navigation div.edit img { float:right; padding: 4px 8px 0px 8px; cursor: pointer; }
  51. #navigation div.wrapper { padding: 8px 0 8px 0;}
  52. #navigation div.wrapper ul { display: block; margin:0; padding:0; }
  53. #navigation div.wrapper li { list-style-type: none; display: inline; margin:0 5px 0 5px;}
  54. .popover{position:absolute;top:0;left:0;z-index:1000;padding:5px;display:none;}.popover.above .arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;}
  55. .popover .inner{background:#333;background:rgba(0, 0, 0,0.8);padding:3px;overflow:hidden;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);}
  56. .popover .title{background-color:#f5f5f5;padding:9px 15px;line-height:1;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;border-bottom:1px solid #eee;}
  57. .popover .content{background-color:#ffffff;padding:14px;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}.popover .content p,.popover .content ul,.popover .content ol{margin-bottom:0;}
  58. #files_popup { right:0; left:auto; top:32px; font-size:80%; }
  59. #files_popup h3 { margin:0; }
  60. #files_popup ul { margin:0; padding:0 0 0 1em; }
  61. #overview { width: 100%; padding-top:20px}
  62. #overview div.message {
  63. font-size: 11pt;
  64. margin-top: -20px;
  65. padding-left: 120px;
  66. width: 350px;
  67. }
  68. #overview div.message h1{ margin-bottom: 5px; display:none; }
  69. #overview div.message p{ margin-top: 0px; padding-bottom:14px; }
  70. #spot { width: 100%; float: left;
  71. margin-top: 15px;
  72. background:transparent url(../images/spot-banner.gif) repeat-x scroll 0 0;
  73. height: 277px;
  74. }
  75. #spot div.title {
  76. text-align:center; height:25px;
  77. text-align:center; padding-top: 2px;
  78. color: white; font-size: 10pt; font-weight: bold;
  79. font-family: HelveticaNeue,"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
  80. }
  81. #spot div.content table {
  82. width: 100%; text-align:center;
  83. color: black; font-size: 10pt;
  84. }
  85. #spot a:hover {text-decoration: none; }
  86. #spot div.spot-balloon {
  87. background:transparent url( ../../../images/spot-get-involved.gif ) no-repeat;
  88. background-position:center;
  89. height: 121px;
  90. text-align:left;
  91. padding-top: 25px;
  92. padding-left: 35px;
  93. }
  94. #spot div.spot-balloon li {
  95. /*
  96. list-style: none;
  97. */
  98. list-style: disc;
  99. }
  100. /*
  101. #spot div.spot-balloon {
  102. height: 120px;
  103. text-align:left;
  104. padding-top: 20px;
  105. padding-left: 15px;
  106. }
  107. */
  108. #content { width: 100%; float: left; padding-bottom: 20px; }
  109. #content .wrapper { min-width: 700px; width: 700px; margin: 0 auto; padding-top: 1em}
  110. #content div.left {
  111. float:left;
  112. width:200px;
  113. text-align:right;
  114. font-size: 18pt;
  115. clear:both;
  116. }
  117. #content h1 {
  118. font-size: 18pt;
  119. }
  120. #content div.right {
  121. float:right;
  122. width:450px;
  123. text-align:left;
  124. }
  125. #blog { width: 100%; float: left; }
  126. #blog .wrapper { min-width: 600px; width: 600px; margin: 0 auto; }
  127. #blog h1 {
  128. font-family: HelveticaNeue,"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
  129. font-size: 18pt; color: #993333;
  130. }
  131. #blog h2 {
  132. border-bottom: thin dashed #DDD;
  133. font-size: 16pt;
  134. margin-bottom: 5px;
  135. }
  136. #blog div.post p {
  137. padding-left: 10px;
  138. }
  139. #blog div.post .details {
  140. padding-top: 5px;
  141. color: #ccc;
  142. font-size: 10pt;
  143. font-family: HelveticaNeue,"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
  144. }
  145. #content .post h2 {
  146. margin-bottom:5px;
  147. }
  148. #content .post .details {
  149. color: #ccc;
  150. font-size: 10pt;
  151. font-family: HelveticaNeue,"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
  152. margin-top:0px;
  153. }
  154. div.compare { width: 700px; }
  155. div.compare div.compare-left { float:left; width:340px; padding:5px; margin-top: 15px; }
  156. div.compare div.compare-right { float:right; width:340px; padding:5px; margin-top: 15px; }
  157. div.compare div h3 {
  158. margin-left: 15px;
  159. padding: 5px 15px;
  160. display: inline;
  161. font-size: .8em;
  162. color: #666;
  163. border-top: 1px solid #ccc; -moz-border-top-colors: #ccc white white #e5e5e5;
  164. border-left: 1px solid #ccc; -moz-border-left-colors: #ccc white white #e5e5e5;
  165. border-right: 1px solid #ccc;-moz-border-right-colors: #ccc white white #e5e5e5;
  166. border-top-left-radius: 8px; -webkit-border-top-left-radius: 8px; -moz-border-radius-topleft: 8px;
  167. border-top-right-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topright: 8px;
  168. }
  169. div.compare div div {
  170. margin: 5px 0px 0px 0px;
  171. }
  172. .clear {
  173. clear:both;
  174. }
  175. .wide div.compare div.compare-left { float:none; width:700px; }
  176. .wide div.compare div.compare-right { float:none; width:700px; }
  177. table.confluenceTable {
  178. margin: 5px;
  179. border-collapse: collapse;
  180. }
  181. table.confluenceTable td.confluenceTd {
  182. border-width: 1px;
  183. border-style: solid;
  184. border-color: #ccc;
  185. padding: 3px 4px 3px 4px;
  186. }
  187. table.confluenceTable th.confluenceTh {
  188. border-width: 1px;
  189. border-style: solid;
  190. border-color: #ccc;
  191. padding: 3px 4px 3px 4px;
  192. background-color: #f0f0f0;
  193. text-align: center;
  194. }
  195. td.confluenceTd {
  196. border-width: 1px;
  197. border-style: solid;
  198. border-color: #ccc;
  199. padding: 3px 4px 3px 4px;
  200. }
  201. th.confluenceTh {
  202. border-width: 1px;
  203. border-style: solid;
  204. border-color: #ccc;
  205. padding: 3px 4px 3px 4px;
  206. background-color: #f0f0f0;
  207. text-align: center;
  208. }
  209. table.download {
  210. width: 100%;
  211. font-size: 90%;
  212. padding: .5em;
  213. }
  214. table.download td {
  215. padding: .4em;
  216. }
  217. .hide {
  218. display:none;
  219. }