create CSS stylesheets for web audio player widget
- Status: Closed
- Prize: $50
- Entries Received: 8
- Winner: mihrana94
Contest Brief
Using mostly CSS3, I want to STYLE a web widget that is ugly now. It is an audio player to be embedded on various websites. It should use responsive design so it looks acceptable on phone, tablet, and computer monitor (mostly width considerations).
Do not be concerned about functionality but you can use this non-working example. This IS the layout:
http://boldfx.com/client_playlist.html
1. Refine the "main theme". There is a basic set of CSS classes to start with in the example. This .css stylesheet will be the DEFAULT theme for the widget.
2. Using that main stylesheet as a base set of css classes, I want a set of 8 other themes... mostly just compatible COLOR variations (so people can choose one that looks best on their site)... OR, if you are innovative... maybe there are some things that would affect the size of text inside (depending on how much room is available on the display)? Remember, some might view this on a small device, others on a wide display.
NOTES: The image in the upper left WILL CHANGE depending on the program playing, so colors vary there. The logo in the lower right will always be the SAME. Styling should not affect the text and such above/below the widget.
So, the final deliverables are a CSS stylesheet for primary use PLUS EIGHT (8) variations on that stylesheet (all in separate .css files), mostly optional color sets. 9 stylesheets total, all with same classes but different settings.
Recommended Skills
Employer Feedback
“no problems”
gluedtothescreen, United States.
Public Clarification Board
How to get started with contests
-
Post Your Contest Quick and easy
-
Get Tons of Entries From around the world
-
Award the best entry Download the files - Easy!