Jump to content

Styling 3.0.0


Knappster

Recommended Posts

Hi guys,

I decided I didn't like the default style and tried to create my own only all the infusions use their own stylesheet. This is a problem in that I'd have to edit each infusions css manually and use ssh to copy them across.

Example:

custompineapple.png

Just an idea but maybe using something similar to bootstrap would be advantageous to infusion and theme devs for consistency. http://getbootstrap.com/2.3.2/

This way infusion devs wouldn't have to worry about styling and theme devs would be safe in the knowledge their custom styles are going to apply to across everything consistantly.

Link to comment
Share on other sites

Here's the stylesheet so far: http://stuff.knappster.co.uk/server/php/files/pineapple.zip

I've made some tweaks to the way the tiles behave when it comes to scrolling but mostly I've tweaked it so I can view the tiles on my mobile properly.

You'll need to add a few lines to index.php in the pineapple folder via ssh:

Add this just above the <html> tag:

<!doctype html>

And add the following lines inside the <head> tag:

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

Expanded tiles don't display well on mobile yet.

pineapplescreenshot.png

Link to comment
Share on other sites

Another problem I've found is that infusion styles are cascading into others:

Infusion styles should only be affecting the infusion's own tile. This could lead to an infusion crippling another's web interface.

I will have this fixed in the next versions of my infusions.

Edited by Whistle Master
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...