gnu-social/theme
2010-01-27 15:09:29 +00:00
..
base Better alignment for notice in shownotice page 2010-01-27 15:09:29 +00:00
biz Updated biz, cloudy, h4ck3r, pigeonthoughts themes default logos 2009-09-09 13:04:05 +02:00
cloudy Updated Cloudy theme for geo 2010-01-09 13:33:13 +01:00
default Added key icon for application key and secret rest action 2010-01-24 00:14:51 +01:00
h4ck3r Updated biz, cloudy, h4ck3r, pigeonthoughts themes default logos 2009-09-09 13:04:05 +02:00
identica Added key icon for application key and secret rest action 2010-01-24 00:14:51 +01:00
otalk convert CSS files to use new names 2009-08-25 18:21:37 -04:00
pigeonthoughts Updated biz, cloudy, h4ck3r, pigeonthoughts themes default logos 2009-09-09 13:04:05 +02:00
README Updated theme readme 2009-12-02 11:22:30 +01:00

/** Howto: create a StatusNet theme
 *
 * @package   StatusNet
 * @author    Sarven Capadisli <csarven@status.net>
 * @copyright 2009 StatusNet, Inc.
 * @license   http://www.fsf.org/licensing/licenses/agpl-3.0.html GNU Affero General Public License version 3.0
 * @link      http://status.net/
 */

Location of key paths and files under theme/:

./base/css/
./base/css/display.css
./base/images/

./default/css/
./default/css/display.css
./default/images/

./base/display.css contains layout, typography rules:
Only alter this file if you want to change the layout of the site. Please note that, any updates to this in future statusnet releases may not be compatible with your version.

./default/css/display.css contains only the background images and colour rules:
This file is a good basis for creating your own theme.

Let's create a theme:

1. To start off, copy over the default theme:
cp -r default mytheme

2. Edit your mytheme stylesheet:
nano mytheme/css/display.css

a) Search and replace your colours and background images, or
b) Create your own layout either importing a separate stylesheet (e.g., change to @import url(base.css);) or simply place it before the rest of the rules.

4. Set /config.php to load 'mytheme':
$config['site']['theme'] = 'mytheme';