forked from GNUsocial/gnu-social
Updated instructions for creating a theme. Removed earthy theme ~
which was too basic to be unique.
This commit is contained in:
parent
d8e49a2174
commit
4a8c993ed0
File diff suppressed because it is too large
Load Diff
@ -1,251 +0,0 @@
|
|||||||
/** theme: earthy
|
|
||||||
*
|
|
||||||
* @package Laconica
|
|
||||||
* @author Sarven Capadisli <csarven@controlyourself.ca>
|
|
||||||
* @copyright 2009 Control Yourself, Inc.
|
|
||||||
* @license http://www.fsf.org/licensing/licenses/agpl-3.0.html GNU Affero General Public License version 3.0
|
|
||||||
* @link http://laconi.ca/
|
|
||||||
*/
|
|
||||||
|
|
||||||
@import url(base.css);
|
|
||||||
|
|
||||||
html,
|
|
||||||
body,
|
|
||||||
a:active {
|
|
||||||
background-color:#665500;
|
|
||||||
}
|
|
||||||
body {
|
|
||||||
font-family: Verdana, sans-serif;
|
|
||||||
font-size:1em;
|
|
||||||
}
|
|
||||||
address {
|
|
||||||
margin-right:7.18%;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
color:#fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
input, textarea, select, option {
|
|
||||||
font-family: Verdana, sans-serif;
|
|
||||||
}
|
|
||||||
input, textarea, select,
|
|
||||||
.entity_remote_subscribe {
|
|
||||||
border-color:#aaa;
|
|
||||||
}
|
|
||||||
#filter_tags ul li {
|
|
||||||
border-color:#ddd;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form_settings input.form_action-secondary {
|
|
||||||
background:none;
|
|
||||||
}
|
|
||||||
|
|
||||||
input.submit,
|
|
||||||
#form_notice.warning #notice_text-count,
|
|
||||||
.form_settings .form_note,
|
|
||||||
.entity_remote_subscribe {
|
|
||||||
background-color:#9BB43E;
|
|
||||||
}
|
|
||||||
|
|
||||||
input:focus, textarea:focus, select:focus,
|
|
||||||
#form_notice.warning #notice_data-text {
|
|
||||||
border-color:#9BB43E;
|
|
||||||
}
|
|
||||||
input.submit,
|
|
||||||
.entity_remote_subscribe {
|
|
||||||
color:#dddd33;
|
|
||||||
}
|
|
||||||
|
|
||||||
a,
|
|
||||||
div.notice-options input,
|
|
||||||
.form_user_block input.submit,
|
|
||||||
.form_user_unblock input.submit,
|
|
||||||
.entity_send-a-message a,
|
|
||||||
.form_user_nudge input.submit,
|
|
||||||
.entity_nudge p,
|
|
||||||
.form_settings input.form_action-secondary {
|
|
||||||
color:#ee4400;
|
|
||||||
}
|
|
||||||
|
|
||||||
.notice,
|
|
||||||
.profile {
|
|
||||||
border-color:#DDAA00;
|
|
||||||
}
|
|
||||||
.section .profile {
|
|
||||||
border-top-color:#aaaa66;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content .notice p.entry-content a:visited {
|
|
||||||
background-color:#fcfcfc;
|
|
||||||
}
|
|
||||||
#content .notice p.entry-content .vcard a {
|
|
||||||
background-color:#fcfffc;
|
|
||||||
}
|
|
||||||
|
|
||||||
#aside_primary {
|
|
||||||
background-color:#DDAA00;
|
|
||||||
}
|
|
||||||
|
|
||||||
#notice_text-count {
|
|
||||||
color:#333;
|
|
||||||
}
|
|
||||||
#form_notice.warning #notice_text-count {
|
|
||||||
color:#000;
|
|
||||||
}
|
|
||||||
#form_notice.processing #notice_action-submit {
|
|
||||||
background:#dddd33 url(../../base/images/icons/icon_processing.gif) no-repeat 47% 47%;
|
|
||||||
cursor:wait;
|
|
||||||
text-indent:-9999px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content,
|
|
||||||
#site_nav_local_views .nav,
|
|
||||||
#site_nav_local_views a,
|
|
||||||
#aside_primary {
|
|
||||||
border-color:#dddd33;
|
|
||||||
}
|
|
||||||
#content .notice,
|
|
||||||
#content .profile,
|
|
||||||
#site_nav_local_views .current a {
|
|
||||||
background-color:#dddd33;
|
|
||||||
}
|
|
||||||
#site_nav_local_views .current a {
|
|
||||||
color:#EE4400;
|
|
||||||
}
|
|
||||||
#site_nav_local_views a {
|
|
||||||
background-color:rgba(255, 255, 255, 0.2);
|
|
||||||
color:#fff;
|
|
||||||
}
|
|
||||||
#site_nav_local_views a:hover {
|
|
||||||
background-color:rgba(255, 255, 255, 0.4);
|
|
||||||
}
|
|
||||||
|
|
||||||
.error {
|
|
||||||
background-color:#F7E8E8;
|
|
||||||
}
|
|
||||||
.success {
|
|
||||||
background-color:#EFF3DC;
|
|
||||||
}
|
|
||||||
|
|
||||||
#anon_notice {
|
|
||||||
background-color:#aaaa66;
|
|
||||||
color:#dddd33;
|
|
||||||
border-color:#dddd33;
|
|
||||||
}
|
|
||||||
|
|
||||||
#showstream #anon_notice {
|
|
||||||
background-color:#9BB43E;
|
|
||||||
}
|
|
||||||
|
|
||||||
#export_data li a {
|
|
||||||
background-repeat:no-repeat;
|
|
||||||
background-position:0 45%;
|
|
||||||
}
|
|
||||||
#export_data li a.rss {
|
|
||||||
background-image:url(../../base/images/icons/icon_rss.png);
|
|
||||||
}
|
|
||||||
#export_data li a.atom {
|
|
||||||
background-image:url(../../base/images/icons/icon_atom.png);
|
|
||||||
}
|
|
||||||
#export_data li a.foaf {
|
|
||||||
background-image:url(../../base/images/icons/icon_foaf.gif);
|
|
||||||
}
|
|
||||||
|
|
||||||
.entity_edit a,
|
|
||||||
.entity_send-a-message a,
|
|
||||||
.form_user_nudge input.submit,
|
|
||||||
.form_user_block input.submit,
|
|
||||||
.form_user_unblock input.submit,
|
|
||||||
.entity_nudge p {
|
|
||||||
background-position: 0 40%;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-color:transparent;
|
|
||||||
}
|
|
||||||
.form_group_join input.submit,
|
|
||||||
.form_group_leave input.submit
|
|
||||||
.form_user_subscribe input.submit,
|
|
||||||
.form_user_unsubscribe input.submit {
|
|
||||||
background-color:#9BB43E;
|
|
||||||
color:#dddd33;
|
|
||||||
}
|
|
||||||
.form_user_unsubscribe input.submit,
|
|
||||||
.form_group_leave input.submit,
|
|
||||||
.form_user_authorization input.reject {
|
|
||||||
background-color:#aaaa66;
|
|
||||||
}
|
|
||||||
|
|
||||||
.entity_edit a {
|
|
||||||
background-image:url(../../base/images/icons/twotone/green/edit.gif);
|
|
||||||
}
|
|
||||||
.entity_send-a-message a {
|
|
||||||
background-image:url(../../base/images/icons/twotone/green/quote.gif);
|
|
||||||
}
|
|
||||||
.entity_nudge p,
|
|
||||||
.form_user_nudge input.submit {
|
|
||||||
background-image:url(../../base/images/icons/twotone/green/mail.gif);
|
|
||||||
}
|
|
||||||
.form_user_block input.submit,
|
|
||||||
.form_user_unblock input.submit {
|
|
||||||
background-image:url(../../base/images/icons/twotone/green/shield.gif);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* NOTICES */
|
|
||||||
.notices li.over {
|
|
||||||
background-color:#fcfcfc;
|
|
||||||
}
|
|
||||||
|
|
||||||
.notice-options .notice_reply a,
|
|
||||||
.notice-options form input.submit {
|
|
||||||
background-color:transparent;
|
|
||||||
}
|
|
||||||
.notice-options .notice_reply a {
|
|
||||||
background:transparent url(../../base/images/icons/twotone/green/reply.gif) no-repeat 0 45%;
|
|
||||||
}
|
|
||||||
.notice-options form.form_favor input.submit {
|
|
||||||
background:transparent url(../../base/images/icons/twotone/green/favourite.gif) no-repeat 0 45%;
|
|
||||||
}
|
|
||||||
.notice-options form.form_disfavor input.submit {
|
|
||||||
background:transparent url(../../base/images/icons/twotone/green/disfavourite.gif) no-repeat 0 45%;
|
|
||||||
}
|
|
||||||
.notice-options .notice_delete a {
|
|
||||||
background:transparent url(../../base/images/icons/twotone/green/trash.gif) no-repeat 0 45%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.notices div.entry-content,
|
|
||||||
.notices div.notice-options {
|
|
||||||
opacity:0.4;
|
|
||||||
}
|
|
||||||
.notices li.hover div.entry-content,
|
|
||||||
.notices li.hover div.notice-options {
|
|
||||||
opacity:1;
|
|
||||||
}
|
|
||||||
div.entry-content {
|
|
||||||
color:#333;
|
|
||||||
}
|
|
||||||
div.notice-options a,
|
|
||||||
div.notice-options input {
|
|
||||||
font-family:sans-serif;
|
|
||||||
}
|
|
||||||
.notices li.hover {
|
|
||||||
/*background-color:#fcfcfc;*/
|
|
||||||
}
|
|
||||||
/*END: NOTICES */
|
|
||||||
|
|
||||||
#new_group a {
|
|
||||||
background:transparent url(../../base/images/icons/twotone/green/news.gif) no-repeat 0 45%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pagination .nav_prev a,
|
|
||||||
.pagination .nav_next a {
|
|
||||||
background-repeat:no-repeat;
|
|
||||||
border-color:#DDAA00;
|
|
||||||
}
|
|
||||||
.pagination .nav_prev a {
|
|
||||||
background-image:url(../../base/images/icons/twotone/green/arrow-left.gif);
|
|
||||||
background-position:10% 45%;
|
|
||||||
}
|
|
||||||
.pagination .nav_next a {
|
|
||||||
background-image:url(../../base/images/icons/twotone/green/arrow-right.gif);
|
|
||||||
background-position:90% 45%;
|
|
||||||
}
|
|
@ -1,9 +0,0 @@
|
|||||||
/* IE specific styles */
|
|
||||||
|
|
||||||
.notice-options input.submit {
|
|
||||||
color:#fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
#site_nav_local_views a {
|
|
||||||
background-color:#D0DFE7;
|
|
||||||
}
|
|
Binary file not shown.
Before Width: | Height: | Size: 646 B |
Binary file not shown.
Before Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
Before Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
Before Width: | Height: | Size: 4.9 KiB |
@ -23,14 +23,16 @@ Only alter this file if you want to change the layout of the site. Please note t
|
|||||||
./default/css/display.css contains only the background images and colour rules:
|
./default/css/display.css contains only the background images and colour rules:
|
||||||
This file is a good basis for creating your own theme.
|
This file is a good basis for creating your own theme.
|
||||||
|
|
||||||
|
Let's create a theme:
|
||||||
|
|
||||||
1. Copy over the default theme to start off (replace 'mytheme'):
|
1. To start off, copy over the default theme:
|
||||||
cp -r ./default ./mytheme
|
cp -r default mytheme
|
||||||
|
|
||||||
2. Edit your mytheme stylesheet:
|
2. Edit your mytheme stylesheet:
|
||||||
nano ./mytheme/css/display.css
|
nano mytheme/css/display.css
|
||||||
|
|
||||||
3. Search and replace a colour or a path to the background image of your choice.
|
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':
|
4. Set /config.php to load 'mytheme':
|
||||||
$config['site']['theme'] = 'mytheme';
|
$config['site']['theme'] = 'mytheme';
|
||||||
|
Loading…
Reference in New Issue
Block a user