pulpTunes Community Forums The Web Server for iTunes

Please login or register.

Login with username, password and session length
Advanced search  

News:

Author Topic: About the CSS framework  (Read 1531 times)

alpeb

  • Administrator
  • Grand Master
  • *****
  • Gender: Male
  • Posts: 451
    • View Profile
    • Email
About the CSS framework
« on: March 11, 2009, 11:09:32 AM »

pulpTunes uses one CSS file, that varies according version, and it's fetched from the pulptunes.com server:
http://www.pulptunes.com/app_libs/css/styles_1.0-min.css
This is a minimized version. The full readable version is
http://www.pulptunes.com/app_libs/css/styles_1.0.css

At the moment, if you want to use a different style sheet, you need to edit the mainTemplate.html located in the main jar file (PulpTunes.jar), and have it point to a different URL.

Before that stylesheet is loaded, this one is loaded:
http://yui.yahooapis.com/2.6.0/build/reset-fonts-grids/reset-fonts-grids.cs
which is a combination of three libraries provided by the Yahoo User Interface Library, consisting of:

reset:
More info at http://developer.yahoo.com/yui/reset/
Different browsers tend to to have different default style rules for the basic HTML tags, so this library makes sure to reset them all and thus ensure we will have the same looks across different browsers.

fonts:
More info at http://developer.yahoo.com/yui/fonts/
Similar to the previous one, but specific to font families and sizes. When you use this library you'll want to always specify font sizes in percentages according to the table shown in the URL above, which will ensure you'll have the same appearance across different browsers.

grids:
More info at http://developer.yahoo.com/yui/grids/
You build on top of this one to specify the page's layout. In mainTemplate.html you'll see all the page's mayor blocks have some special id's and classes, like "doc2", "yui-t2", etc. These allow you to specify the page distribution you'd like to implement, choosing from some preset best-practices layouts. No need to mess around with "floats" and "clear".
Logged