Mint: A Fresh Look at your Site Minted
  1. 1 .sp-wrap {
  2. 2 padding: 0px;
  3. 3 border-style: solid;
  4. 4 border-image: none;
  5. 5 border-width: 1px 1px 1px 2px;
  6. 6 clear: both;
  7. 7 margin-bottom:10px;
  8. 8 }
  9. 9 .sp-head {
  10. 10 cursor: pointer;
  11. 11 display: block;
  12. 12 font-weight: bold;
  13. 13 margin-left: 6px;
  14. 14 padding: 4px 14px 3px;
  15. 15 text-align: left;
  16. 16 }
  17. 17 .sp-body {
  18. 18 padding: 2px 6px;
  19. 19 height:auto;
  20. 20 }
  21. 21 .spdiv {
  22. 22 width: 98%;
  23. 23 margin: 0px auto;
  24. 24 text-align: right;
  25. 25 font-size: 0.8em;
  26. 26 cursor: pointer;
  27. 27 display:block;
  28. 28 }
  29. 29
  30. 30
  31. 31 .sp-wrap-default {
  32. 32 background: none repeat scroll 0% 0% #E9E9E6;
  33. 33 border-color: #C3CBD1;
  34. 34 }
  35. 35 .sp-wrap-default .sp-head {
  36. 36 background: url(../img/icon_plus.gif) no-repeat left center;
  37. 37 color: #2A2A2A;
  38. 38 }
  39. 39 .sp-wrap-default .sp-head.unfolded {
  40. 40 background: url(../img/icon_minus.gif) no-repeat left center;
  41. 41 }
  42. 42 .sp-wrap-default .sp-body {
  43. 43 background: #F5F5F5;
  44. 44 border-top:1px solid #C3CBD1;
  45. 45 }
  46. 46 .sp-wrap-default .spdiv {
  47. 47 color: #444;
  48. 48 }
  49. 49
  50. 50
  51. 51 .sp-wrap-green {
  52. 52 background: none repeat scroll 0% 0% #A9D0B3;
  53. 53 border-color: #89BE95;
  54. 54 }
  55. 55 .sp-wrap-green .sp-head {
  56. 56 background: url(../img/icon_plus.gif) no-repeat left center;
  57. 57 color: #2A2A2A;
  58. 58 }
  59. 59 .sp-wrap-green .sp-head.unfolded {
  60. 60 background: url(../img/icon_minus.gif) no-repeat left center;
  61. 61 }
  62. 62 .sp-wrap-green .sp-body {
  63. 63 background: #DBEBDF;
  64. 64 border-top:1px solid #89BE95;
  65. 65 }
  66. 66 .sp-wrap-green .spdiv {
  67. 67 color: #444;
  68. 68 }
  69. 69
  70. 70
  71. 71 .sp-wrap-red {
  72. 72 background: none repeat scroll 0% 0% #FFB3B3;
  73. 73 border-color: #FF9999;
  74. 74 }
  75. 75 .sp-wrap-red .sp-head {
  76. 76 background: url(../img/icon_plus.gif) no-repeat left center;
  77. 77 color: #2A2A2A;
  78. 78 }
  79. 79 .sp-wrap-red .sp-head.unfolded {
  80. 80 background: url(../img/icon_minus.gif) no-repeat left center;
  81. 81 }
  82. 82 .sp-wrap-red .sp-body {
  83. 83 background: #FFE5E5;
  84. 84 border-top:1px solid #FF9999;
  85. 85 }
  86. 86 .sp-wrap-red .spdiv {
  87. 87 color: #444;
  88. 88 }
  89. 89
  90. 90
  91. 91 .sp-wrap-blue {
  92. 92 background: none repeat scroll 0% 0% #A8C3F5;
  93. 93 border-color: #7CA8EE;
  94. 94 }
  95. 95 .sp-wrap-blue .sp-head {
  96. 96 background: url(../img/icon_plus.gif) no-repeat left center;
  97. 97 color: #2A2A2A;
  98. 98 }
  99. 99 .sp-wrap-blue .sp-head.unfolded {
  100. 100 background: url(../img/icon_minus.gif) no-repeat left center;
  101. 101 }
  102. 102 .sp-wrap-blue .sp-body {
  103. 103 background: #D6E3FA;
  104. 104 border-top:1px solid #7CA8EE;
  105. 105 }
  106. 106 .sp-wrap-blue .spdiv {
  107. 107 color: #444;
  108. 108 }
  109. 109
  110. 110
  111. 111 .sp-wrap-yellow {
  112. 112 background: none repeat scroll 0% 0% #F5EEB2;
  113. 113 border-color: #ECE06F;
  114. 114 }
  115. 115 .sp-wrap-yellow .sp-head {
  116. 116 background: url(../img/icon_plus.gif) no-repeat left center;
  117. 117 color: #2A2A2A;
  118. 118 }
  119. 119 .sp-wrap-yellow .sp-head.unfolded {
  120. 120 background: url(../img/icon_minus.gif) no-repeat left center;
  121. 121 }
  122. 122 .sp-wrap-yellow .sp-body {
  123. 123 background: #FBF8DF;
  124. 124 border-top:1px solid #ECE06F;
  125. 125 }
  126. 126 .sp-wrap-yellow .spdiv {
  127. 127 color: #444;
  128. 128 }
  129. 129
  130. 130
  131. 131 .sp-wrap-orange {
  132. 132 background: none repeat scroll 0% 0% #FFD39E;
  133. 133 border-color: #FFBC6B;
  134. 134 }
  135. 135 .sp-wrap-orange .sp-head {
  136. 136 background: url(../img/icon_plus.gif) no-repeat left center;
  137. 137 color: #2A2A2A;
  138. 138 }
  139. 139 .sp-wrap-orange .sp-head.unfolded {
  140. 140 background: url(../img/icon_minus.gif) no-repeat left center;
  141. 141 }
  142. 142 .sp-wrap-orange .sp-body {
  143. 143 background: #FFEAD1;
  144. 144 border-top:1px solid #FFBC6B;
  145. 145 }
  146. 146 .sp-wrap-orange .spdiv {
  147. 147 color: #444;
  148. 148 }
  149. 149
  150. 150
  151. 151 .sp-wrap-brown {
  152. 152 background: none repeat scroll 0% 0% #E4C6B4;
  153. 153 border-color: #D5A890;
  154. 154 }
  155. 155 .sp-wrap-brown .sp-head {
  156. 156 background: url(../img/icon_plus.gif) no-repeat left center;
  157. 157 color: #2A2A2A;
  158. 158 }
  159. 159 .sp-wrap-brown .sp-head.unfolded {
  160. 160 background: url(../img/icon_minus.gif) no-repeat left center;
  161. 161 }
  162. 162 .sp-wrap-brown .sp-body {
  163. 163 background: #F1E2DA;
  164. 164 border-top:1px solid #D5A890;
  165. 165 }
  166. 166 .sp-wrap-brown .spdiv {
  167. 167 color: #444;
  168. 168 }
  169. 169
  170. 170
  171. 171 .sp-wrap-purple {
  172. 172 background: none repeat scroll 0% 0% #FFB3FF;
  173. 173 border-color: #FF80FF;
  174. 174 }
  175. 175 .sp-wrap-purple .sp-head {
  176. 176 background: url(../img/icon_plus.gif) no-repeat left center;
  177. 177 color: #2A2A2A;
  178. 178 }
  179. 179 .sp-wrap-purple .sp-head.unfolded {
  180. 180 background: url(../img/icon_minus.gif) no-repeat left center;
  181. 181 }
  182. 182 .sp-wrap-purple .sp-body {
  183. 183 background: #FFE5FF;
  184. 184 border-top:1px solid #FF80FF;
  185. 185 }
  186. 186 .sp-wrap-purple .spdiv {
  187. 187 color: #444;
  188. 188 }
  189. 189
  190. 190
  191. 191 .sp-wrap-cyan {
  192. 192 background: none repeat scroll 0% 0% #99FFFF;
  193. 193 border-color: #4DFFFF;
  194. 194 }
  195. 195 .sp-wrap-cyan .sp-head {
  196. 196 background: url(../img/icon_plus.gif) no-repeat left center;
  197. 197 color: #2A2A2A;
  198. 198 }
  199. 199 .sp-wrap-cyan .sp-head.unfolded {
  200. 200 background: url(../img/icon_minus.gif) no-repeat left center;
  201. 201 }
  202. 202 .sp-wrap-cyan .sp-body {
  203. 203 background: #CCFFFF;
  204. 204 border-top:1px solid #4DFFFF;
  205. 205 }
  206. 206 .sp-wrap-cyan .spdiv {
  207. 207 color: #444;
  208. 208 }
  209. 209
  210. 210
  211. 211 .sp-wrap-lime {
  212. 212 background: none repeat scroll 0% 0% #99FF99;
  213. 213 border-color: #66FF66;
  214. 214 }
  215. 215 .sp-wrap-lime .sp-head {
  216. 216 background: url(../img/icon_plus.gif) no-repeat left center;
  217. 217 color: #2A2A2A;
  218. 218 }
  219. 219 .sp-wrap-lime .sp-head.unfolded {
  220. 220 background: url(../img/icon_minus.gif) no-repeat left center;
  221. 221 }
  222. 222 .sp-wrap-lime .sp-body {
  223. 223 background: #CCFFCC;
  224. 224 border-top:1px solid #66FF66;
  225. 225 }
  226. 226 .sp-wrap-lime .spdiv {
  227. 227 color: #444;
  228. 228 }
  229. 229
  230. 230 .sp-wrap-steelblue {
  231. 231 background: none repeat scroll 0% 0% #B2CAE0;
  232. 232 border-color: #8EB2D2;
  233. 233 }
  234. 234 .sp-wrap-steelblue .sp-head {
  235. 235 background: url(../img/icon_plus.gif) no-repeat left center;
  236. 236 color: #2A2A2A;
  237. 237 }
  238. 238 .sp-wrap-steelblue .sp-head.unfolded {
  239. 239 background: url(../img/icon_minus.gif) no-repeat left center;
  240. 240 }
  241. 241 .sp-wrap-steelblue .sp-body {
  242. 242 background: #D7E4EF;
  243. 243 border-top:1px solid #8EB2D2;
  244. 244 }
  245. 245 .sp-wrap-steelblue .spdiv {
  246. 246 color: #444;
  247. 247 }
Bookmark: javascript:location='http://shauninman.com/vs/?url='+escape(location)