From 030477b02a1d00d4957bed88ba221c06e81abff3 Mon Sep 17 00:00:00 2001 From: Sarven Capadisli Date: Sun, 12 Apr 2009 02:08:55 +0000 Subject: Separation of themes (i.e., layout, typography) and skins (i.e., background images, colours). A theme can have multiple skins. Majority of the changes in this commit are due to restructuring the path/files for themes and skins. Both theme and skin will be set to 'default' if not set in config.php. This commit also allows each instance of this software to create its own theme without having to override any style from the default distribution. Added Cloudy theme. --- theme/cloudy/skin/default/css/display.css | 318 +++++++++++++++++++++ theme/cloudy/skin/default/css/ie.css | 34 +++ .../cloudy/skin/default/images/icons/icon_atom.jpg | Bin 0 -> 1117 bytes .../default/images/icons/icon_disfavourite.gif | Bin 0 -> 701 bytes .../skin/default/images/icons/icon_favourite.gif | Bin 0 -> 397 bytes .../cloudy/skin/default/images/icons/icon_foaf.gif | Bin 0 -> 1144 bytes .../skin/default/images/icons/icon_reply.gif | Bin 0 -> 336 bytes .../cloudy/skin/default/images/icons/icon_rss.jpg | Bin 0 -> 1166 bytes .../skin/default/images/icons/icon_trash.gif | Bin 0 -> 148 bytes .../skin/default/images/icons/icon_vcard.gif | Bin 0 -> 331 bytes .../images/icons/twotone/green/arrow-left.gif | Bin 0 -> 73 bytes .../images/icons/twotone/green/arrow-right.gif | Bin 0 -> 74 bytes .../default/images/icons/twotone/green/edit.gif | Bin 0 -> 75 bytes .../default/images/icons/twotone/green/mail.gif | Bin 0 -> 82 bytes .../default/images/icons/twotone/green/news.gif | Bin 0 -> 76 bytes .../default/images/icons/twotone/green/quote.gif | Bin 0 -> 79 bytes .../default/images/icons/twotone/green/shield.gif | Bin 0 -> 85 bytes .../images/illustrations/illu_arrow-up-01.gif | Bin 0 -> 68 bytes .../images/illustrations/illu_clouds-01.gif | Bin 0 -> 14251 bytes .../images/illustrations/illu_unicorn-01.png | Bin 0 -> 5695 bytes 20 files changed, 352 insertions(+) create mode 100644 theme/cloudy/skin/default/css/display.css create mode 100644 theme/cloudy/skin/default/css/ie.css create mode 100644 theme/cloudy/skin/default/images/icons/icon_atom.jpg create mode 100644 theme/cloudy/skin/default/images/icons/icon_disfavourite.gif create mode 100644 theme/cloudy/skin/default/images/icons/icon_favourite.gif create mode 100644 theme/cloudy/skin/default/images/icons/icon_foaf.gif create mode 100644 theme/cloudy/skin/default/images/icons/icon_reply.gif create mode 100644 theme/cloudy/skin/default/images/icons/icon_rss.jpg create mode 100644 theme/cloudy/skin/default/images/icons/icon_trash.gif create mode 100644 theme/cloudy/skin/default/images/icons/icon_vcard.gif create mode 100644 theme/cloudy/skin/default/images/icons/twotone/green/arrow-left.gif create mode 100644 theme/cloudy/skin/default/images/icons/twotone/green/arrow-right.gif create mode 100644 theme/cloudy/skin/default/images/icons/twotone/green/edit.gif create mode 100644 theme/cloudy/skin/default/images/icons/twotone/green/mail.gif create mode 100644 theme/cloudy/skin/default/images/icons/twotone/green/news.gif create mode 100644 theme/cloudy/skin/default/images/icons/twotone/green/quote.gif create mode 100644 theme/cloudy/skin/default/images/icons/twotone/green/shield.gif create mode 100644 theme/cloudy/skin/default/images/illustrations/illu_arrow-up-01.gif create mode 100644 theme/cloudy/skin/default/images/illustrations/illu_clouds-01.gif create mode 100644 theme/cloudy/skin/default/images/illustrations/illu_unicorn-01.png (limited to 'theme/cloudy/skin') diff --git a/theme/cloudy/skin/default/css/display.css b/theme/cloudy/skin/default/css/display.css new file mode 100644 index 000000000..055e4fca2 --- /dev/null +++ b/theme/cloudy/skin/default/css/display.css @@ -0,0 +1,318 @@ +/** theme: twitter + * + * @package Laconica + * @author Sarven Capadisli + * @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/ + */ +html, +body, +a:active { +background-color:#9AE4E8; +} +body { +font-family:'Lucida Grande',sans-serif; +background:#9AE4E8 url(../images/illustrations/illu_clouds-01.gif) 0 0 no-repeat; +color:#333333; +} +#core { +background:url(../images/illustrations/illu_arrow-up-01.gif) no-repeat 25px 0; +} + +input, textarea, select, option { +font-family: "Lucida Sans Unicode", "Lucida Grande", 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, +#nav_register a, +.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, +#nav_register a, +.entity_remote_subscribe { +color:#fff; +} + +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:#0084B4; +} + +.notice, +.profile { +border-top-color:#DDFFCC; +} +.section .profile { +border-top-color:#87B4C8; +} + + +#content .notice p.entry-content a:visited { +background-color:#fcfcfc; +} +#content .notice p.entry-content .vcard a { +background-color:#fcfffc; +} + +#aside_primary { +background-color:#DDFFCC; +} + + +#notice_text-count { +color:#333; +} +#form_notice.warning #notice_text-count { +color:#000; +} +#form_notice.processing #notice_action-submit { +background:#fff url(../../../base/images/icons/icon_processing.gif) no-repeat 47% 47%; +cursor:wait; +text-indent:-9999px; +} + +#content, +#site_nav_local_views a, +#aside_primary { +border-color:#fff; +} +#content, +#site_nav_local_views .current a { +background-color:#fff; +} + +#site_nav_local_views a { +background-color:rgba(135, 180, 200, 0.3); +} +#site_nav_local_views a:hover { +background-color:rgba(255, 255, 255, 0.7); +} + + +.error { +background-color:#F7E8E8; +} +.success { +background-color:#EFF3DC; +} + + +#anon_notice { +background-color:#FEFFDF; +color:#333; +border-color:#fff; +} + +#showstream #anon_notice { +background-color:#FEFFDF; +} + + +#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:#fff; +} +.form_user_unsubscribe input.submit, +.form_group_leave input.submit { +background-color:#87B4C8; +} + +.entity_edit a { +background-image:url(../images/icons/twotone/green/edit.gif); +} +.entity_send-a-message a { +background-image:url(../images/icons/twotone/green/quote.gif); +} +.entity_nudge p, +.form_user_nudge input.submit { +background-image:url(../images/icons/twotone/green/mail.gif); +} +.form_user_block input.submit, +.form_user_unblock input.submit { +background-image:url(../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(../images/icons/icon_reply.gif) no-repeat 0 45%; +} +.notice-options form.form_favor input.submit { +background:transparent url(../images/icons/icon_favourite.gif) no-repeat 0 45%; +} +.notice-options form.form_disfavor input.submit { +background:transparent url(../images/icons/icon_disfavourite.gif) no-repeat 0 45%; +} +.notice-options .notice_delete a { +background:transparent url(../images/icons/icon_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(../images/icons/twotone/green/news.gif) no-repeat 0 45%; +} +#usergroups #new_group { +float: left; +margin-right: 2em; +} + +.pagination .nav_prev a, +.pagination .nav_next a { +background-repeat:no-repeat; +border-color:#DDFFCC; +} +.pagination .nav_prev a { +background-image:url(../images/icons/twotone/green/arrow-left.gif); +background-position:10% 45%; +} +.pagination .nav_next a { +background-image:url(../images/icons/twotone/green/arrow-right.gif); +background-position:90% 45%; +} + + +/*--------------------------------------*/ + +#anon_notice { +background:url(../images/illustrations/illu_unicorn-01.png) no-repeat 0 0; +} +#showstream #anon_notice, +#content .notice p.entry-content a:visited, +content .notice p.entry-content .vcard a { +background-color:transparent; +} + +#anon_notice p { +background-color:#FEFFDF; +border-color:#FFFF00; +} + + +#form_notice .form_note { +color:#CCC; +} +input.submit { +background-color:#eee; +color:#666; +} + +.notices li.hover { +background-color:#F7F7F7; +} + + +.notice div.entry-content, +.notice div.entry-content a { +color:#999; +} + +.notices div.entry-content, +.notices div.notice-options { +opacity:1; +} + +#site_nav_local_views { +background-color:#DDFFCC; +} +#site_nav_local_views li, +#aside_primary { +border-color:#BDDCAD; +} +#site_nav_local_views a, +.aside .section h2 { +background-color:transparent; +border-color:transparent; +color:#4C4C4C; +} +#site_nav_local_views .current { +border-left-color:#fff; +} + +#site_nav_local_views .current a, +#site_nav_global_primary, +#footer { +background-color:#fff; +} + diff --git a/theme/cloudy/skin/default/css/ie.css b/theme/cloudy/skin/default/css/ie.css new file mode 100644 index 000000000..095122100 --- /dev/null +++ b/theme/cloudy/skin/default/css/ie.css @@ -0,0 +1,34 @@ +/* IE specific styles */ + +.notice-options input.submit { +color:#fff; +} + +#site_nav_local_views a { +background-color:#ddffcc; +} + +#aside_primary { +width:181px; +} + +#form_notice, +#anon_notice { +top:158px; +} + +#public #content, +#groups #content, +#publictagcloud #content, +#featured #content, +#favorited #content, +#all #content, +#replies #content, +#showstream #content, +#showfavorites #content, +#inbox #content, +#outbox #content, +#subscriptions #content, +#subscribers #content { +padding-top:138px; +} diff --git a/theme/cloudy/skin/default/images/icons/icon_atom.jpg b/theme/cloudy/skin/default/images/icons/icon_atom.jpg new file mode 100644 index 000000000..22853edc4 Binary files /dev/null and b/theme/cloudy/skin/default/images/icons/icon_atom.jpg differ diff --git a/theme/cloudy/skin/default/images/icons/icon_disfavourite.gif b/theme/cloudy/skin/default/images/icons/icon_disfavourite.gif new file mode 100644 index 000000000..2b02ac8a6 Binary files /dev/null and b/theme/cloudy/skin/default/images/icons/icon_disfavourite.gif differ diff --git a/theme/cloudy/skin/default/images/icons/icon_favourite.gif b/theme/cloudy/skin/default/images/icons/icon_favourite.gif new file mode 100644 index 000000000..716ce3549 Binary files /dev/null and b/theme/cloudy/skin/default/images/icons/icon_favourite.gif differ diff --git a/theme/cloudy/skin/default/images/icons/icon_foaf.gif b/theme/cloudy/skin/default/images/icons/icon_foaf.gif new file mode 100644 index 000000000..f8f784423 Binary files /dev/null and b/theme/cloudy/skin/default/images/icons/icon_foaf.gif differ diff --git a/theme/cloudy/skin/default/images/icons/icon_reply.gif b/theme/cloudy/skin/default/images/icons/icon_reply.gif new file mode 100644 index 000000000..a4379a70b Binary files /dev/null and b/theme/cloudy/skin/default/images/icons/icon_reply.gif differ diff --git a/theme/cloudy/skin/default/images/icons/icon_rss.jpg b/theme/cloudy/skin/default/images/icons/icon_rss.jpg new file mode 100644 index 000000000..da23422d0 Binary files /dev/null and b/theme/cloudy/skin/default/images/icons/icon_rss.jpg differ diff --git a/theme/cloudy/skin/default/images/icons/icon_trash.gif b/theme/cloudy/skin/default/images/icons/icon_trash.gif new file mode 100644 index 000000000..916a332a3 Binary files /dev/null and b/theme/cloudy/skin/default/images/icons/icon_trash.gif differ diff --git a/theme/cloudy/skin/default/images/icons/icon_vcard.gif b/theme/cloudy/skin/default/images/icons/icon_vcard.gif new file mode 100644 index 000000000..6d52947f3 Binary files /dev/null and b/theme/cloudy/skin/default/images/icons/icon_vcard.gif differ diff --git a/theme/cloudy/skin/default/images/icons/twotone/green/arrow-left.gif b/theme/cloudy/skin/default/images/icons/twotone/green/arrow-left.gif new file mode 100644 index 000000000..afed19084 Binary files /dev/null and b/theme/cloudy/skin/default/images/icons/twotone/green/arrow-left.gif differ diff --git a/theme/cloudy/skin/default/images/icons/twotone/green/arrow-right.gif b/theme/cloudy/skin/default/images/icons/twotone/green/arrow-right.gif new file mode 100644 index 000000000..ee1707ed9 Binary files /dev/null and b/theme/cloudy/skin/default/images/icons/twotone/green/arrow-right.gif differ diff --git a/theme/cloudy/skin/default/images/icons/twotone/green/edit.gif b/theme/cloudy/skin/default/images/icons/twotone/green/edit.gif new file mode 100644 index 000000000..c746aca60 Binary files /dev/null and b/theme/cloudy/skin/default/images/icons/twotone/green/edit.gif differ diff --git a/theme/cloudy/skin/default/images/icons/twotone/green/mail.gif b/theme/cloudy/skin/default/images/icons/twotone/green/mail.gif new file mode 100644 index 000000000..1084c862f Binary files /dev/null and b/theme/cloudy/skin/default/images/icons/twotone/green/mail.gif differ diff --git a/theme/cloudy/skin/default/images/icons/twotone/green/news.gif b/theme/cloudy/skin/default/images/icons/twotone/green/news.gif new file mode 100644 index 000000000..712c685dc Binary files /dev/null and b/theme/cloudy/skin/default/images/icons/twotone/green/news.gif differ diff --git a/theme/cloudy/skin/default/images/icons/twotone/green/quote.gif b/theme/cloudy/skin/default/images/icons/twotone/green/quote.gif new file mode 100644 index 000000000..4ba1f0c03 Binary files /dev/null and b/theme/cloudy/skin/default/images/icons/twotone/green/quote.gif differ diff --git a/theme/cloudy/skin/default/images/icons/twotone/green/shield.gif b/theme/cloudy/skin/default/images/icons/twotone/green/shield.gif new file mode 100644 index 000000000..419d5ee4b Binary files /dev/null and b/theme/cloudy/skin/default/images/icons/twotone/green/shield.gif differ diff --git a/theme/cloudy/skin/default/images/illustrations/illu_arrow-up-01.gif b/theme/cloudy/skin/default/images/illustrations/illu_arrow-up-01.gif new file mode 100644 index 000000000..577be1871 Binary files /dev/null and b/theme/cloudy/skin/default/images/illustrations/illu_arrow-up-01.gif differ diff --git a/theme/cloudy/skin/default/images/illustrations/illu_clouds-01.gif b/theme/cloudy/skin/default/images/illustrations/illu_clouds-01.gif new file mode 100644 index 000000000..41cd622cf Binary files /dev/null and b/theme/cloudy/skin/default/images/illustrations/illu_clouds-01.gif differ diff --git a/theme/cloudy/skin/default/images/illustrations/illu_unicorn-01.png b/theme/cloudy/skin/default/images/illustrations/illu_unicorn-01.png new file mode 100644 index 000000000..6cb51b298 Binary files /dev/null and b/theme/cloudy/skin/default/images/illustrations/illu_unicorn-01.png differ -- cgit v1.2.3-54-g00ecf