Updated instructions for creating a theme. Removed earthy theme ~
which was too basic to be unique.
This commit is contained in:
Sarven Capadisli
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:
|
||||
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'):
|
||||
cp -r ./default ./mytheme
|
||||
1. To start off, copy over the default theme:
|
||||
cp -r default mytheme
|
||||
|
||||
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':
|
||||
$config['site']['theme'] = 'mytheme';
|
||||
|
||||
Loading…
Reference in New Issue
Block a user