gnu-social/theme
2010-01-01 21:11:32 +00:00
..
base Added geotag icon from http://www.geotagicons.com/ 2010-01-01 21:11:32 +00:00
biz Updated biz, cloudy, h4ck3r, pigeonthoughts themes default logos 2009-09-09 13:04:05 +02:00
cloudy Updated Cloudy theme 2009-09-14 15:14:48 +02:00
default Updated default theme to match identica theme's Repeat notice option styles 2009-12-23 16:01:43 -05:00
h4ck3r Updated biz, cloudy, h4ck3r, pigeonthoughts themes default logos 2009-09-09 13:04:05 +02:00
identica Added geotag icon from http://www.geotagicons.com/ 2010-01-01 21:11:32 +00: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';