Develop stylesheet for existing website to serve to mobile clients

CLOSED
Bids
8
Avg Bid (USD)
$606
Project Budget (USD)
$250 - $750

Project Description:
I am a criminal-defense lawyer who frequently uses the local clerk's website to look up cases. The clerk's website works great, but renders terribly on mobile devices.

http://www.hcdistrictclerk.com/Edocs/Public/search.aspx?Tab=tabCriminal

What I would like is three new stylesheets, and code to detect a mobile device and serve the mobile stylesheet:

First, a stylesheet that can be injected into the existing SEARCH page that will serve a vastly simplified interface, with larger fields and a single-column, mobile-friendly layout.

Second, a stylesheet for the RESULTS page. The current results page is fine, we just would like it down to a single column optimized for a mobile screen.

Third, and most importantly, a stylesheet for the CASE DISPLAY page. Currently, the results are tabbed. We'd like the tabs to be larger and formatted better for a mobile device.

This only needs to work for searches under the "Criminal" tab of the website. Feel free to use a scalpel and do away with most of the junk on these pages. We just want the search fields, the data, and a link to view the fill site.

I've included screenshots of the three pages we're working with. Feel free to visit the site and do a search by name to see it in action.

To be clear, I am not affiliated with the clerk's office. I'd like to present ready-to-go code to the clerk's office in hopes they will use it. They will not pay for this or develop it in-house.

Thank you!

Skills required:
CSS, HTML, Javascript, User Interface / IA, Website Design
Additional Files: Case.png Results.png Search.png
Hire bynumlaw
Project posted by:
bynumlaw United States
Verified
Public Clarification Board
Bids are hidden by the project creator. Log in as the project creator or as one of the bidders to view bids.
You will not be able to bid on this project if you are not qualified in one of the job categories. To see your qualifications click here.