summaryrefslogtreecommitdiff
path: root/theme
diff options
context:
space:
mode:
authorCraig Andrews <candrews@integralblue.com>2010-01-27 13:41:02 -0500
committerCraig Andrews <candrews@integralblue.com>2010-01-27 13:41:02 -0500
commit5224c7d6c263f078c3628650ff2b4b706862307c (patch)
tree9ce11b5470dfe1f64a8944dccb120f628a377e09 /theme
parent767b77d6c2291d6e7f4795ce18c70d5354a07de9 (diff)
parent656d95418c6d7f8b884c4c8af14ad6952032ace6 (diff)
Merge branch '0.9.x' into 1.0.x
Diffstat (limited to 'theme')
-rw-r--r--theme/README51
-rw-r--r--theme/base/css/display.css9
2 files changed, 35 insertions, 25 deletions
diff --git a/theme/README b/theme/README
index 266a89fdf..e154a723c 100644
--- a/theme/README
+++ b/theme/README
@@ -2,37 +2,46 @@
*
* @package StatusNet
* @author Sarven Capadisli <csarven@status.net>
- * @copyright 2009 StatusNet, Inc.
+ * @copyright 2010 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/:
+== Location of key paths and files ==
+<pre><nowiki>
+base/css/
+base/css/display.css #layout, typography rules
+base/images/ #common icons, illustrations
+base/images/icons/icons-01.png #main icons file (combined into a single file)
-./base/css/
-./base/css/display.css
-./base/images/
+default/css/
+default/css/display.css #imports the base stylesheet for layout and adds background images and colour rules
+default/logo.png #default site logo for this theme
+default/mobilelogo.png #default logo for the mobile output
+default/default-avatar-mini.png #24x24 default avatar for minilists
+default/default-avatar-stream.png #48x48 default avatar for notice timelines
+default/default-avatar-profile.png #96x96 default avatar for the profile page
+</nowiki></pre>
-./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.
+== How to create your own theme ==
-./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:
+You probably want to do one of the following:
-1. To start off, copy over the default theme:
-cp -r default mytheme
-2. Edit your mytheme stylesheet:
-nano mytheme/css/display.css
+* If you just want to change the text, link, background, content, sidebar colours, background image:
+** Do this from the Admin->Design settings (recommended!). You could also create a directory and a file structure like the default theme, search and replace with your own values. This is more work, but, you can do this if you plan to make additional *minimal* changes.
-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';
+* If you want to change the background images and colours:
+# Create a directory and a file structure like the default theme.
+# Have your stylesheet import base/css/display.css and add your own styles below. It is okay to add *minimal* changes here.
+
+
+* If you want to create a different layout, typography, background images and colours:
+** Create your own theme directory (base or default) with stylesheets and images like.
+
+
+Finally, enable your theme by selecting it from the Admin->Design interface. You can set site's logo from here as well.
+
diff --git a/theme/base/css/display.css b/theme/base/css/display.css
index 84e9426c7..65dd15990 100644
--- a/theme/base/css/display.css
+++ b/theme/base/css/display.css
@@ -1039,12 +1039,13 @@ overflow:visible;
#showstream .notice div.entry-content {
margin-left:0;
}
-#shownotice .notice .entry-title,
-#shownotice .notice div.entry-content {
-margin-left:110px;
-}
#shownotice .notice .entry-title {
+margin-left:110px;
font-size:2.2em;
+min-height:123px;
+}
+#shownotice .notice div.entry-content {
+margin-left:0;
}
.notice p.entry-content {