diff --git a/public/img/catbus.png b/public/img/catbus.png new file mode 100644 index 00000000..a9f91259 Binary files /dev/null and b/public/img/catbus.png differ diff --git a/public/img/fatcat.png b/public/img/fatcat.png new file mode 100644 index 00000000..1d77dfe6 Binary files /dev/null and b/public/img/fatcat.png differ diff --git a/public/img/plaincat.png b/public/img/plaincat.png new file mode 100644 index 00000000..0de37472 Binary files /dev/null and b/public/img/plaincat.png differ diff --git a/sass/_project-sass/_project-Main.scss b/sass/_project-sass/_project-Main.scss index 95a25f52..6be387a1 100644 --- a/sass/_project-sass/_project-Main.scss +++ b/sass/_project-sass/_project-Main.scss @@ -893,12 +893,13 @@ a.tag:hover { display:table; width: 100%; } -.plan-overview .body h3, .plan-chart h4 { +.plan-overview h3, .plan-chart h3 { color: black; font-weight:bold; font-size:1.2em; font-family: "Lucida Grande", verdana, "Helvetica Neue", Helvetica, Arial, sans-serif; - margin-bottom: -2px; + margin-bottom: -3px; + margin-top: 0; } .plan-overview .price { font-size: 2em; @@ -927,6 +928,28 @@ a.tag:hover { .plan-overview li { margin: 0; } +.plan-overview .plan-image { + background-repeat: no-repeat; + background-position: center center; + height: 81px; + margin: 30px 0 5px 0; +} +.plan-overview .free .plan-image { + background-image: url(/img/plaincat.png); + background-size: 77px; +} +.plan-overview .supporter .plan-image { + background-image: url(/img/heartcat.png); + background-size: 77px; +} +.plan-overview .catbus .plan-image { + background-image: url(/img/catbus.png); + background-size: 95px; +} +.plan-overview .fatcat .plan-image { + background-image: url(/img/fatcat.png); + background-size: 70px; +} .plan-chart { margin: 2em 0 4em 0; width: 100%; diff --git a/views/newindex_mockup.erb b/views/newindex_mockup.erb index e51df981..44d67108 100644 --- a/views/newindex_mockup.erb +++ b/views/newindex_mockup.erb @@ -278,7 +278,8 @@