CSS - Small visual changes on a jquery mobile web page

This project was successfully completed by Sldesignview for $15 USD in a day.

Get free quotes for a project like this
Project Budget
$10 - $15 USD
Completed In
1 day
Total Bids
Project Description

I have a web page

[url removed, login to view]

which I want to look like this:

[url removed, login to view]

I use jquery mobile and

<div data-role='collapsible'>

You will find links to the css files included in the html code. I need help to change or add styles to the existing css files so the page will look like the image shown above.

The important thing is to keep the div clickable, so that more information is shown when clicking. If you have suggestions on changing some of the html tags, please bring it on, but I do want to use the data-role=collapsible tags

Some of the lines have an image and some do not:

The image: [url removed, login to view]

The image [url removed, login to view] [url removed, login to view] is used when there should be no image (the image is a black square), and I have added this just to make sure that all the lines have the same "size". If you can solve this by css instead, that might be ok.

Please make it possible for me to adjust the text size and color and background color, both on the header tags and the "more information"

Completed by:
Skills Required

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online