Commit 5483669c147541ec79fc826d275cf46672c4c193

Authored by Daniela Feitosa
Committed by Antonio Terceiro
1 parent 08509c62

Added new themes

  * Added profile-base as base of profile's themes
  * Added profile-base on gettext.rake to be translated
  * Fixed scarletred and skyblue themes to import profile-base
  * New themes based on Tango pallete: http://tango.freedesktop.org/Tango_Icon_Theme_Guidelines
    * aluminium
    * butter
    * chameleon
    * chocolate
    * orange
    * plum

(ActionItem1675)
Showing 54 changed files with 794 additions and 175 deletions   Show diff stats
lib/tasks/gettext.rake
@@ -35,7 +35,7 @@ task :updatepo do @@ -35,7 +35,7 @@ task :updatepo do
35 Dir.glob("{app,lib}/**/*.{rb,rhtml,erb}") + 35 Dir.glob("{app,lib}/**/*.{rb,rhtml,erb}") +
36 Dir.glob('config/initializers/*.rb') + 36 Dir.glob('config/initializers/*.rb') +
37 Dir.glob('public/*.html.erb') + 37 Dir.glob('public/*.html.erb') +
38 - Dir.glob('public/designs/themes/{base,noosfero}/*.{rhtml,html.erb}') 38 + Dir.glob('public/designs/themes/{base,noosfero,profile-base}/*.{rhtml,html.erb}')
39 GetText.update_pofiles(Noosfero::PROJECT, sources, "#{Noosfero::PROJECT} #{Noosfero::VERSION}") 39 GetText.update_pofiles(Noosfero::PROJECT, sources, "#{Noosfero::PROJECT} #{Noosfero::VERSION}")
40 end 40 end
41 41
public/designs/themes/aluminium/footer.rhtml 0 → 120000
@@ -0,0 +1 @@ @@ -0,0 +1 @@
  1 +../profile-base/footer.rhtml
0 \ No newline at end of file 2 \ No newline at end of file
public/designs/themes/aluminium/header.rhtml 0 → 120000
@@ -0,0 +1 @@ @@ -0,0 +1 @@
  1 +../profile-base/header.rhtml
0 \ No newline at end of file 2 \ No newline at end of file
public/designs/themes/aluminium/site_title.rhtml 0 → 120000
@@ -0,0 +1 @@ @@ -0,0 +1 @@
  1 +../profile-base/site_title.rhtml
0 \ No newline at end of file 2 \ No newline at end of file
public/designs/themes/aluminium/style.css 0 → 100644
@@ -0,0 +1,78 @@ @@ -0,0 +1,78 @@
  1 +@import url(../profile-base/style.css);
  2 +
  3 +/************************** user bar ***************************/
  4 +
  5 +#user a,
  6 +#user a strong {
  7 + color: #2E3436;
  8 +}
  9 +
  10 +/************************** content ***************************/
  11 +
  12 +#content .block-title,
  13 +#content .main-block h1, #not-found h1, #access-denied h1 {
  14 + border-bottom:2px solid #2E3436;
  15 + color: #2E3436;
  16 +}
  17 +
  18 +.profile-image-block p {
  19 + color: #2E3436;
  20 +}
  21 +
  22 +.block a {
  23 + color: #2E3436;
  24 +}
  25 +
  26 +.block a:visited {
  27 + color: #555753;
  28 +}
  29 +
  30 +.control-panel a,
  31 +.control-panel a:visited {
  32 + color: #000;
  33 +}
  34 +
  35 +.controller-profile_editor .control-panel a:hover {
  36 + background-color: #2E3436;
  37 + color: #FFF;
  38 +}
  39 +
  40 +#content .link-list-block li a:hover {
  41 + background-color: #2E3436;
  42 +}
  43 +
  44 +#content .link-list-block li a.link-this-page {
  45 + background-color: #555753;
  46 + border-right:2px solid #2E3436;
  47 +}
  48 +
  49 +.template-rightbar #content .link-list-block li a.link-this-page,
  50 +#content .box-3 .link-list-block li a.link-this-page {
  51 + border-left: 2px solid #2E3436;
  52 +}
  53 +
  54 +/************** blog **************/
  55 +
  56 +#content .blog-post .title a:hover {
  57 + color: #2E3436;
  58 +}
  59 +
  60 +/**************************** Comments *******************************/
  61 +
  62 +#content .comments h3 {
  63 + color: #2E3436;
  64 + border-bottom: 2px solid #2E3436;
  65 +}
  66 +
  67 +.post_comment_box h4 {
  68 + background-color: #2E3436;
  69 + color: #FFF;
  70 +}
  71 +
  72 +/************************** theme footer ***************************/
  73 +
  74 +#footer-content a,
  75 +#footer-content a:hover,
  76 +#footer-content a:visited {
  77 + color: #2E3436;
  78 +}
public/designs/themes/aluminium/theme.yml 0 → 100644
@@ -0,0 +1,3 @@ @@ -0,0 +1,3 @@
  1 +theme: "Aluminium theme"
  2 +layout: "application-ng"
  3 +icon_theme: [default, pidgin]
public/designs/themes/butter/footer.rhtml 0 → 120000
@@ -0,0 +1 @@ @@ -0,0 +1 @@
  1 +../profile-base/footer.rhtml
0 \ No newline at end of file 2 \ No newline at end of file
public/designs/themes/butter/header.rhtml 0 → 120000
@@ -0,0 +1 @@ @@ -0,0 +1 @@
  1 +../profile-base/header.rhtml
0 \ No newline at end of file 2 \ No newline at end of file
public/designs/themes/butter/site_title.rhtml 0 → 120000
@@ -0,0 +1 @@ @@ -0,0 +1 @@
  1 +../profile-base/site_title.rhtml
0 \ No newline at end of file 2 \ No newline at end of file
public/designs/themes/butter/style.css 0 → 100644
@@ -0,0 +1,78 @@ @@ -0,0 +1,78 @@
  1 +@import url(../profile-base/style.css);
  2 +
  3 +/************************** user bar ***************************/
  4 +
  5 +#user a,
  6 +#user a strong {
  7 + color: #C4A000;
  8 +}
  9 +
  10 +/************************** content ***************************/
  11 +
  12 +#content .block-title,
  13 +#content .main-block h1, #not-found h1, #access-denied h1 {
  14 + border-bottom:2px solid #C4A000;
  15 + color: #C4A000;
  16 +}
  17 +
  18 +.profile-image-block p {
  19 + color: #C4A000;
  20 +}
  21 +
  22 +.block a {
  23 + color: #C4A000;
  24 +}
  25 +
  26 +.block a:visited {
  27 + color: #EDD400;
  28 +}
  29 +
  30 +.control-panel a,
  31 +.control-panel a:visited {
  32 + color: #000;
  33 +}
  34 +
  35 +.controller-profile_editor .control-panel a:hover {
  36 + background-color: #C4A000;
  37 + color: #FFF;
  38 +}
  39 +
  40 +#content .link-list-block li a:hover {
  41 + background-color: #C4A000;
  42 +}
  43 +
  44 +#content .link-list-block li a.link-this-page {
  45 + background-color: #EDD400;
  46 + border-right:2px solid #C4A000;
  47 +}
  48 +
  49 +.template-rightbar #content .link-list-block li a.link-this-page,
  50 +#content .box-3 .link-list-block li a.link-this-page {
  51 + border-left: 2px solid #C4A000;
  52 +}
  53 +
  54 +/************** blog **************/
  55 +
  56 +#content .blog-post .title a:hover {
  57 + color: #C4A000;
  58 +}
  59 +
  60 +/**************************** Comments *******************************/
  61 +
  62 +#content .comments h3 {
  63 + color: #C4A000;
  64 + border-bottom: 2px solid #C4A000;
  65 +}
  66 +
  67 +.post_comment_box h4 {
  68 + background-color: #C4A000;
  69 + color: #FFF;
  70 +}
  71 +
  72 +/************************** theme footer ***************************/
  73 +
  74 +#footer-content a,
  75 +#footer-content a:hover,
  76 +#footer-content a:visited {
  77 + color: #C4A000;
  78 +}
public/designs/themes/butter/theme.yml 0 → 100644
@@ -0,0 +1,3 @@ @@ -0,0 +1,3 @@
  1 +theme: "Butter theme"
  2 +layout: "application-ng"
  3 +icon_theme: [default, pidgin]
public/designs/themes/chameleon/footer.rhtml 0 → 120000
@@ -0,0 +1 @@ @@ -0,0 +1 @@
  1 +../profile-base/footer.rhtml
0 \ No newline at end of file 2 \ No newline at end of file
public/designs/themes/chameleon/header.rhtml 0 → 120000
@@ -0,0 +1 @@ @@ -0,0 +1 @@
  1 +../profile-base/header.rhtml
0 \ No newline at end of file 2 \ No newline at end of file
public/designs/themes/chameleon/site_title.rhtml 0 → 120000
@@ -0,0 +1 @@ @@ -0,0 +1 @@
  1 +../profile-base/site_title.rhtml
0 \ No newline at end of file 2 \ No newline at end of file
public/designs/themes/chameleon/style.css 0 → 100644
@@ -0,0 +1,78 @@ @@ -0,0 +1,78 @@
  1 +@import url(../profile-base/style.css);
  2 +
  3 +/************************** user bar ***************************/
  4 +
  5 +#user a,
  6 +#user a strong {
  7 + color: #4E9A06;
  8 +}
  9 +
  10 +/************************** content ***************************/
  11 +
  12 +#content .block-title,
  13 +#content .main-block h1, #not-found h1, #access-denied h1 {
  14 + border-bottom:2px solid #4E9A06;
  15 + color: #4E9A06;
  16 +}
  17 +
  18 +.profile-image-block p {
  19 + color: #4E9A06;
  20 +}
  21 +
  22 +.block a {
  23 + color: #4E9A06;
  24 +}
  25 +
  26 +.block a:visited {
  27 + color: #73D216;
  28 +}
  29 +
  30 +.control-panel a,
  31 +.control-panel a:visited {
  32 + color: #000;
  33 +}
  34 +
  35 +.controller-profile_editor .control-panel a:hover {
  36 + background-color: #4E9A06;
  37 + color: #FFF;
  38 +}
  39 +
  40 +#content .link-list-block li a:hover {
  41 + background-color: #4E9A06;
  42 +}
  43 +
  44 +#content .link-list-block li a.link-this-page {
  45 + background-color: #73D216;
  46 + border-right:2px solid #4E9A06;
  47 +}
  48 +
  49 +.template-rightbar #content .link-list-block li a.link-this-page,
  50 +#content .box-3 .link-list-block li a.link-this-page {
  51 + border-left: 2px solid #4E9A06;
  52 +}
  53 +
  54 +/************** blog **************/
  55 +
  56 +#content .blog-post .title a:hover {
  57 + color: #4E9A06;
  58 +}
  59 +
  60 +/**************************** Comments *******************************/
  61 +
  62 +#content .comments h3 {
  63 + color: #4E9A06;
  64 + border-bottom: 2px solid #4E9A06;
  65 +}
  66 +
  67 +.post_comment_box h4 {
  68 + background-color: #4E9A06;
  69 + color: #FFF;
  70 +}
  71 +
  72 +/************************** theme footer ***************************/
  73 +
  74 +#footer-content a,
  75 +#footer-content a:hover,
  76 +#footer-content a:visited {
  77 + color: #4E9A06;
  78 +}
public/designs/themes/chameleon/theme.yml 0 → 100644
@@ -0,0 +1,3 @@ @@ -0,0 +1,3 @@
  1 +theme: "Chameleon theme"
  2 +layout: "application-ng"
  3 +icon_theme: [default, pidgin]
public/designs/themes/chocolate/footer.rhtml 0 → 120000
@@ -0,0 +1 @@ @@ -0,0 +1 @@
  1 +../profile-base/footer.rhtml
0 \ No newline at end of file 2 \ No newline at end of file
public/designs/themes/chocolate/header.rhtml 0 → 120000
@@ -0,0 +1 @@ @@ -0,0 +1 @@
  1 +../profile-base/header.rhtml
0 \ No newline at end of file 2 \ No newline at end of file
public/designs/themes/chocolate/site_title.rhtml 0 → 120000
@@ -0,0 +1 @@ @@ -0,0 +1 @@
  1 +../profile-base/site_title.rhtml
0 \ No newline at end of file 2 \ No newline at end of file
public/designs/themes/chocolate/style.css 0 → 100644
@@ -0,0 +1,78 @@ @@ -0,0 +1,78 @@
  1 +@import url(../profile-base/style.css);
  2 +
  3 +/************************** user bar ***************************/
  4 +
  5 +#user a,
  6 +#user a strong {
  7 + color: #8F5902;
  8 +}
  9 +
  10 +/************************** content ***************************/
  11 +
  12 +#content .block-title,
  13 +#content .main-block h1, #not-found h1, #access-denied h1 {
  14 + border-bottom:2px solid #8F5902;
  15 + color: #8F5902;
  16 +}
  17 +
  18 +.profile-image-block p {
  19 + color: #8F5902;
  20 +}
  21 +
  22 +.block a {
  23 + color: #8F5902;
  24 +}
  25 +
  26 +.block a:visited {
  27 + color: #C17D11;
  28 +}
  29 +
  30 +.control-panel a,
  31 +.control-panel a:visited {
  32 + color: #000;
  33 +}
  34 +
  35 +.controller-profile_editor .control-panel a:hover {
  36 + background-color: #8F5902;
  37 + color: #FFF;
  38 +}
  39 +
  40 +#content .link-list-block li a:hover {
  41 + background-color: #8F5902;
  42 +}
  43 +
  44 +#content .link-list-block li a.link-this-page {
  45 + background-color: #C17D11;
  46 + border-right:2px solid #8F5902;
  47 +}
  48 +
  49 +.template-rightbar #content .link-list-block li a.link-this-page,
  50 +#content .box-3 .link-list-block li a.link-this-page {
  51 + border-left: 2px solid #8F5902;
  52 +}
  53 +
  54 +/************** blog **************/
  55 +
  56 +#content .blog-post .title a:hover {
  57 + color: #8F5902;
  58 +}
  59 +
  60 +/**************************** Comments *******************************/
  61 +
  62 +#content .comments h3 {
  63 + color: #8F5902;
  64 + border-bottom: 2px solid #8F5902;
  65 +}
  66 +
  67 +.post_comment_box h4 {
  68 + background-color: #8F5902;
  69 + color: #FFF;
  70 +}
  71 +
  72 +/************************** theme footer ***************************/
  73 +
  74 +#footer-content a,
  75 +#footer-content a:hover,
  76 +#footer-content a:visited {
  77 + color: #8F5902;
  78 +}
public/designs/themes/chocolate/theme.yml 0 → 100644
@@ -0,0 +1,3 @@ @@ -0,0 +1,3 @@
  1 +theme: "Chocolate theme"
  2 +layout: "application-ng"
  3 +icon_theme: [default, pidgin]
public/designs/themes/orange/footer.rhtml 0 → 120000
@@ -0,0 +1 @@ @@ -0,0 +1 @@
  1 +../profile-base/footer.rhtml
0 \ No newline at end of file 2 \ No newline at end of file
public/designs/themes/orange/header.rhtml 0 → 120000
@@ -0,0 +1 @@ @@ -0,0 +1 @@
  1 +../profile-base/header.rhtml
0 \ No newline at end of file 2 \ No newline at end of file
public/designs/themes/orange/site_title.rhtml 0 → 120000
@@ -0,0 +1 @@ @@ -0,0 +1 @@
  1 +../profile-base/site_title.rhtml
0 \ No newline at end of file 2 \ No newline at end of file
public/designs/themes/orange/style.css 0 → 100644
@@ -0,0 +1,78 @@ @@ -0,0 +1,78 @@
  1 +@import url(../profile-base/style.css);
  2 +
  3 +/************************** user bar ***************************/
  4 +
  5 +#user a,
  6 +#user a strong {
  7 + color: #CE5C00;
  8 +}
  9 +
  10 +/************************** content ***************************/
  11 +
  12 +#content .block-title,
  13 +#content .main-block h1, #not-found h1, #access-denied h1 {
  14 + border-bottom:2px solid #CE5C00;
  15 + color: #CE5C00;
  16 +}
  17 +
  18 +.profile-image-block p {
  19 + color: #CE5C00;
  20 +}
  21 +
  22 +.block a {
  23 + color: #CE5C00;
  24 +}
  25 +
  26 +.block a:visited {
  27 + color: #F57900;
  28 +}
  29 +
  30 +.control-panel a,
  31 +.control-panel a:visited {
  32 + color: #000;
  33 +}
  34 +
  35 +.controller-profile_editor .control-panel a:hover {
  36 + background-color: #CE5C00;
  37 + color: #FFF;
  38 +}
  39 +
  40 +#content .link-list-block li a:hover {
  41 + background-color: #CE5C00;
  42 +}
  43 +
  44 +#content .link-list-block li a.link-this-page {
  45 + background-color: #F57900;
  46 + border-right:2px solid #CE5C00;
  47 +}
  48 +
  49 +.template-rightbar #content .link-list-block li a.link-this-page,
  50 +#content .box-3 .link-list-block li a.link-this-page {
  51 + border-left: 2px solid #CE5C00;
  52 +}
  53 +
  54 +/************** blog **************/
  55 +
  56 +#content .blog-post .title a:hover {
  57 + color: #CE5C00;
  58 +}
  59 +
  60 +/**************************** Comments *******************************/
  61 +
  62 +#content .comments h3 {
  63 + color: #CE5C00;
  64 + border-bottom: 2px solid #CE5C00;
  65 +}
  66 +
  67 +.post_comment_box h4 {
  68 + background-color: #CE5C00;
  69 + color: #FFF;
  70 +}
  71 +
  72 +/************************** theme footer ***************************/
  73 +
  74 +#footer-content a,
  75 +#footer-content a:hover,
  76 +#footer-content a:visited {
  77 + color: #CE5C00;
  78 +}
public/designs/themes/orange/theme.yml 0 → 100644
@@ -0,0 +1,3 @@ @@ -0,0 +1,3 @@
  1 +theme: "Orange Red theme"
  2 +layout: "application-ng"
  3 +icon_theme: [default, pidgin]
public/designs/themes/plum/footer.rhtml 0 → 120000
@@ -0,0 +1 @@ @@ -0,0 +1 @@
  1 +../profile-base/footer.rhtml
0 \ No newline at end of file 2 \ No newline at end of file
public/designs/themes/plum/header.rhtml 0 → 120000
@@ -0,0 +1 @@ @@ -0,0 +1 @@
  1 +../profile-base/header.rhtml
0 \ No newline at end of file 2 \ No newline at end of file
public/designs/themes/plum/site_title.rhtml 0 → 120000
@@ -0,0 +1 @@ @@ -0,0 +1 @@
  1 +../profile-base/site_title.rhtml
0 \ No newline at end of file 2 \ No newline at end of file
public/designs/themes/plum/style.css 0 → 100644
@@ -0,0 +1,78 @@ @@ -0,0 +1,78 @@
  1 +@import url(../profile-base/style.css);
  2 +
  3 +/************************** user bar ***************************/
  4 +
  5 +#user a,
  6 +#user a strong {
  7 + color: #5C3566;
  8 +}
  9 +
  10 +/************************** content ***************************/
  11 +
  12 +#content .block-title,
  13 +#content .main-block h1, #not-found h1, #access-denied h1 {
  14 + border-bottom:2px solid #5C3566;
  15 + color: #5C3566;
  16 +}
  17 +
  18 +.profile-image-block p {
  19 + color: #5C3566;
  20 +}
  21 +
  22 +.block a {
  23 + color: #5C3566;
  24 +}
  25 +
  26 +.block a:visited {
  27 + color: #75507B;
  28 +}
  29 +
  30 +.control-panel a,
  31 +.control-panel a:visited {
  32 + color: #000;
  33 +}
  34 +
  35 +.controller-profile_editor .control-panel a:hover {
  36 + background-color: #5C3566;
  37 + color: #FFF;
  38 +}
  39 +
  40 +#content .link-list-block li a:hover {
  41 + background-color: #5C3566;
  42 +}
  43 +
  44 +#content .link-list-block li a.link-this-page {
  45 + background-color: #75507B;
  46 + border-right:2px solid #5C3566;
  47 +}
  48 +
  49 +.template-rightbar #content .link-list-block li a.link-this-page,
  50 +#content .box-3 .link-list-block li a.link-this-page {
  51 + border-left: 2px solid #5C3566;
  52 +}
  53 +
  54 +/************** blog **************/
  55 +
  56 +#content .blog-post .title a:hover {
  57 + color: #5C3566;
  58 +}
  59 +
  60 +/**************************** Comments *******************************/
  61 +
  62 +#content .comments h3 {
  63 + color: #5C3566;
  64 + border-bottom: 2px solid #5C3566;
  65 +}
  66 +
  67 +.post_comment_box h4 {
  68 + background-color: #5C3566;
  69 + color: #FFF;
  70 +}
  71 +
  72 +/************************** theme footer ***************************/
  73 +
  74 +#footer-content a,
  75 +#footer-content a:hover,
  76 +#footer-content a:visited {
  77 + color: #5C3566;
  78 +}
public/designs/themes/plum/theme.yml 0 → 100644
@@ -0,0 +1,3 @@ @@ -0,0 +1,3 @@
  1 +theme: "Plum theme"
  2 +layout: "application-ng"
  3 +icon_theme: [default, pidgin]
public/designs/themes/profile-base/footer.rhtml 0 → 100644
@@ -0,0 +1,3 @@ @@ -0,0 +1,3 @@
  1 +<div id="footer-content">
  2 + <p><%= _('This site uses <a href="http://noosfero.org/">Noosfero</a>, developed by %s and licensed under the <a href="http://www.gnu.org/licenses/agpl.html">GNU Affero General Public License</a> version 3 or any later version.') % link_to('Colivre', 'http://colivre.coop.br/') %></p>
  3 +</div>
public/designs/themes/profile-base/header.rhtml 0 → 100644
@@ -0,0 +1,18 @@ @@ -0,0 +1,18 @@
  1 +<div id="assets-menu">
  2 + <ul>
  3 + <%= generate_assets_menu %>
  4 + </ul>
  5 +</div><!-- fim id="assets-menu" -->
  6 +
  7 +<script type="text/javascript">
  8 + jQuery(function($) {
  9 + $("#site-title, #assets-menu").mouseover(function() {
  10 + clearTimeout( window.closeAssetsTimeout );
  11 + $("#assets-menu").slideDown(400);
  12 + });
  13 + $("#site-title, #assets-menu").mouseout(function() {
  14 + window.closeAssetsTimeout =
  15 + setTimeout( function() { $("#assets-menu").slideUp(400); }, 500 );
  16 + });
  17 + });
  18 +</script>
public/designs/themes/profile-base/site_title.rhtml 0 → 100644
@@ -0,0 +1,5 @@ @@ -0,0 +1,5 @@
  1 +<% if File.exists?(File.join(Rails.root, 'public', "/designs/themes/#{environment.theme}/images/thin-logo.png")) %>
  2 + <%= link_to(image_tag("/designs/themes/#{environment.theme}/images/thin-logo.png"), environment.top_url) %>
  3 +<% else %>
  4 + <%= link_to(image_tag("/designs/themes/noosfero/images/thin-logo.png"), environment.top_url) %>
  5 +<% end %>
public/designs/themes/profile-base/style.css 0 → 100644
@@ -0,0 +1,166 @@ @@ -0,0 +1,166 @@
  1 +@import url(../base/style.css);
  2 +
  3 +head {
  4 + margin: 0px;
  5 + padding: 0px;
  6 +}
  7 +
  8 +body {
  9 + margin: 0px auto;
  10 + padding: 0px;
  11 +}
  12 +
  13 +#wrap-1 {
  14 + position: relative;
  15 +}
  16 +
  17 +#wrap-2 {
  18 + margin-top: -4px;
  19 + padding-bottom: 0px;
  20 +}
  21 +
  22 +#navigation,
  23 +#navigation-end {
  24 + display: none;
  25 +}
  26 +
  27 +#theme-header {
  28 + height: 30px;
  29 +}
  30 +
  31 +/************************** user bar ***************************/
  32 +
  33 +#user {
  34 + top: -23px;
  35 + right: 0px;
  36 + height: 20px;
  37 +}
  38 +
  39 +/************************** navigation ***************************/
  40 +
  41 +#navigation {
  42 + background: none;
  43 +}
  44 +
  45 +/************************** content ***************************/
  46 +
  47 +#content {
  48 + margin-top: 0px;
  49 +}
  50 +
  51 +#boxes {
  52 + margin-top: 20px;
  53 +}
  54 +
  55 +#profile-header {
  56 + margin: -10px;
  57 + margin-bottom: 0px;
  58 + width: 958px;
  59 + max-width: none;
  60 + max-height: none;
  61 +}
  62 +
  63 +#profile-footer {
  64 + margin-left: -10px;
  65 + width: 958px;
  66 + max-width: none;
  67 +}
  68 +
  69 +.template-rightbar #content .link-list-block li a.link-this-page,
  70 +#content .box-3 .link-list-block li a.link-this-page {
  71 + border-right: none;
  72 + margin-left: -5px;
  73 + margin-right: 0px;
  74 + max-width: 170px;
  75 + -moz-border-radius: 0px 4px 4px 0px;
  76 + -webkit-border-radius: 0px 4px 4px 0px;
  77 +}
  78 +
  79 +/************** articles **************/
  80 +
  81 +#content .blog-posts {
  82 + margin-top: 30px;
  83 +}
  84 +
  85 +#article .blog-feed-link {
  86 + position: absolute;
  87 + right: 0px;
  88 + top: 28px;
  89 +}
  90 +
  91 +#article-tags {
  92 + margin-right: 30px;
  93 +}
  94 +
  95 +#article-parent {
  96 + display: block;
  97 +}
  98 +/************** environment bar **************/
  99 +
  100 +#site-title {
  101 + position: absolute;
  102 + left: 10px;
  103 + top: -27px;
  104 + height: 40px;
  105 + width: 264px;
  106 +}
  107 +
  108 +#site-title a {
  109 + display: block;
  110 + top: 0px;
  111 + left: 0px;
  112 + height: 20px;
  113 +}
  114 +
  115 +#assets-menu {
  116 + display: none;
  117 + position: absolute;
  118 + top: 26px;
  119 + left: 56px;
  120 + min-width: 140px;
  121 + z-index: 10;
  122 + border: 1px solid #D3D7CF;
  123 + border-top: none;
  124 + background: #EEE;
  125 + padding: 0px 4px 6px 4px;
  126 + -moz-border-radius: 0px 0px 10px 10px;
  127 + -webkit-border-radius: 0px 0px 10px 10px;
  128 + border-radius-bottomleft: 10px;
  129 + border-radius-bottomright: 10px;
  130 +}
  131 +
  132 +#assets-menu ul,
  133 +#assets-menu li {
  134 + margin: 0px;
  135 + padding: 0px;
  136 + list-style: none;
  137 +}
  138 +
  139 +#assets-menu a {
  140 + text-decoration: none;
  141 + display: block;
  142 + padding: 2px 4px 2px 8px;
  143 + color: #555;
  144 + border: 1px solid #EEE;
  145 +}
  146 +
  147 +#assets-menu a:hover {
  148 + background: #FBFBFB;
  149 + border: 1px solid #F6F6F6;
  150 + color: #000;
  151 + -moz-border-radius: 5px;
  152 + -webkit-border-radius: 5px;
  153 + border-radius: 5px;
  154 +}
  155 +
  156 +/**************************** Comments *******************************/
  157 +
  158 +.post_comment_box.closed h4 {
  159 + border: none;
  160 +}
  161 +
  162 +/************************** theme footer ***************************/
  163 +
  164 +#footer-content {
  165 + text-align: right;
  166 +}
public/designs/themes/profile-base/theme.yml 0 → 100644
@@ -0,0 +1,3 @@ @@ -0,0 +1,3 @@
  1 +theme: "Noosfero base theme for profiles"
  2 +layout: "application-ng"
  3 +icon_theme: [default, pidgin]
public/designs/themes/scarletred/footer.rhtml 0 → 120000
@@ -0,0 +1 @@ @@ -0,0 +1 @@
  1 +../profile-base/footer.rhtml
0 \ No newline at end of file 2 \ No newline at end of file
public/designs/themes/scarletred/header.rhtml
@@ -1,18 +0,0 @@ @@ -1,18 +0,0 @@
1 -<div id="assets-menu">  
2 - <ul>  
3 - <%= generate_assets_menu %>  
4 - </ul>  
5 -</div><!-- fim id="assets-menu" -->  
6 -  
7 -<script type="text/javascript">  
8 - jQuery(function($) {  
9 - $("#site-title, #assets-menu").mouseover(function() {  
10 - clearTimeout( window.closeAssetsTimeout );  
11 - $("#assets-menu").slideDown(400);  
12 - });  
13 - $("#site-title, #assets-menu").mouseout(function() {  
14 - window.closeAssetsTimeout =  
15 - setTimeout( function() { $("#assets-menu").slideUp(400); }, 500 );  
16 - });  
17 - });  
18 -</script>  
public/designs/themes/scarletred/header.rhtml 0 → 120000
@@ -0,0 +1 @@ @@ -0,0 +1 @@
  1 +../profile-base/header.rhtml
0 \ No newline at end of file 2 \ No newline at end of file
public/designs/themes/scarletred/imgs/comment-owner-bg-L.png

188 Bytes

public/designs/themes/scarletred/imgs/comment-owner-bg-N.png

222 Bytes

public/designs/themes/scarletred/imgs/comment-owner-bg-NL.png

266 Bytes

public/designs/themes/scarletred/imgs/comment-owner-bg-NO.png

525 Bytes

public/designs/themes/scarletred/imgs/comment-owner-bg-O.png

198 Bytes

public/designs/themes/scarletred/imgs/comment-owner-bg-S.png

210 Bytes

public/designs/themes/scarletred/imgs/comment-owner-bg.png

189 Bytes

public/designs/themes/scarletred/site_title.rhtml
@@ -1,5 +0,0 @@ @@ -1,5 +0,0 @@
1 -<% if File.exists?(File.join(Rails.root, 'public', "/designs/themes/#{environment.theme}/images/thin-logo.png")) %>  
2 - <%= link_to(image_tag("/designs/themes/#{environment.theme}/images/thin-logo.png"), environment.top_url) %>  
3 -<% else %>  
4 - <%= link_to(environment.name, environment.top_url) %>  
5 -<% end %>  
public/designs/themes/scarletred/site_title.rhtml 0 → 120000
@@ -0,0 +1 @@ @@ -0,0 +1 @@
  1 +../profile-base/site_title.rhtml
0 \ No newline at end of file 2 \ No newline at end of file
public/designs/themes/scarletred/style.css
1 -@import url(../base/style.css);  
2 -  
3 -head {  
4 - margin: 0px;  
5 - padding: 0px;  
6 -}  
7 -  
8 -body {  
9 - margin: 0px auto;  
10 - padding: 0px;  
11 -}  
12 -  
13 -#wrap-1 {  
14 - position: relative;  
15 -}  
16 -  
17 -#wrap-2 {  
18 - margin-top: -4px;  
19 - padding-bottom: 0px;  
20 -}  
21 -  
22 -#navigation,  
23 -#navigation-end {  
24 - display: none;  
25 -}  
26 -  
27 -#theme-header {  
28 - height: 30px;  
29 -} 1 +@import url(../profile-base/style.css);
30 2
31 /************************** user bar ***************************/ 3 /************************** user bar ***************************/
32 4
33 -#user {  
34 - top: -23px;  
35 - right: 0px;  
36 - height: 20px;  
37 -}  
38 -  
39 #user a, 5 #user a,
40 #user a strong { 6 #user a strong {
41 color: #A40000; 7 color: #A40000;
42 } 8 }
43 9
44 -/************************** navigation ***************************/  
45 -  
46 -#navigation {  
47 - background: none;  
48 -}  
49 -  
50 /************************** content ***************************/ 10 /************************** content ***************************/
51 11
52 -#content {  
53 - margin-top: 0px;  
54 -}  
55 -  
56 -#boxes {  
57 - margin-top: 20px;  
58 -}  
59 -  
60 -#profile-header {  
61 - margin: -10px;  
62 - margin-bottom: 0px;  
63 - width: 958px;  
64 - max-width: none;  
65 - max-height: none;  
66 -}  
67 -  
68 -#profile-footer {  
69 - margin-left: -10px;  
70 - width: 958px;  
71 - max-width: none;  
72 -}  
73 -  
74 #content .block-title, 12 #content .block-title,
75 #content .main-block h1, #not-found h1, #access-denied h1 { 13 #content .main-block h1, #not-found h1, #access-denied h1 {
76 border-bottom:2px solid #A40000; 14 border-bottom:2px solid #A40000;
@@ -111,100 +49,14 @@ body { @@ -111,100 +49,14 @@ body {
111 .template-rightbar #content .link-list-block li a.link-this-page, 49 .template-rightbar #content .link-list-block li a.link-this-page,
112 #content .box-3 .link-list-block li a.link-this-page { 50 #content .box-3 .link-list-block li a.link-this-page {
113 border-left: 2px solid #A40000; 51 border-left: 2px solid #A40000;
114 - border-right: none;  
115 - margin-left: -5px;  
116 - margin-right: 0px;  
117 - max-width: 170px;  
118 - -moz-border-radius-bottomleft: 0;  
119 - -moz-border-radius-topleft: 0;  
120 - -moz-border-radius-bottomright: 4px;  
121 - -moz-border-radius-topright: 4px;  
122 - -webkit-border-radius-bottomleft: 0;  
123 - -webkit-border-radius-topleft: 0;  
124 - -webkit-border-radius-bottomright: 4px;  
125 - -webkit-border-radius-topright: 4px;  
126 } 52 }
127 53
128 /************** blog **************/ 54 /************** blog **************/
129 55
130 -#content .blog-posts {  
131 - margin-top: 30px;  
132 -}  
133 -  
134 #content .blog-post .title a:hover { 56 #content .blog-post .title a:hover {
135 color: #A40000; 57 color: #A40000;
136 } 58 }
137 59
138 -#article .blog-feed-link {  
139 - position: absolute;  
140 - right: 0px;  
141 - top: 28px;  
142 -}  
143 -  
144 -#article-tags {  
145 - margin-right: 30px;  
146 -}  
147 -  
148 -/************** environment bar **************/  
149 -  
150 -#site-title {  
151 - position: absolute;  
152 - left: 10px;  
153 - top: -27px;  
154 - height: 40px;  
155 - width: 264px;  
156 -}  
157 -  
158 -#site-title a {  
159 - display: block;  
160 - top: 0px;  
161 - left: 0px;  
162 - height: 20px;  
163 -}  
164 -  
165 -#assets-menu {  
166 - display: none;  
167 - position: absolute;  
168 - top: 26px;  
169 - left: 56px;  
170 - min-width: 140px;  
171 - z-index: 10;  
172 - border: 1px solid #D3D7CF;  
173 - border-top: none;  
174 - background: #EEE;  
175 - padding: 0px 4px 6px 4px;  
176 - -moz-border-radius-bottomleft: 10px;  
177 - -moz-border-radius-bottomright: 10px;  
178 - -webkit-border-radius-bottomleft: 10px;  
179 - -webkit-border-radius-bottomright: 10px;  
180 - border-radius-bottomleft: 10px;  
181 - border-radius-bottomright: 10px;  
182 -}  
183 -  
184 -#assets-menu ul,  
185 -#assets-menu li {  
186 - margin: 0px;  
187 - padding: 0px;  
188 - list-style: none;  
189 -}  
190 -  
191 -#assets-menu a {  
192 - text-decoration: none;  
193 - display: block;  
194 - padding: 2px 4px 2px 8px;  
195 - color: #555;  
196 - border: 1px solid #EEE;  
197 -}  
198 -  
199 -#assets-menu a:hover {  
200 - background: #FBFBFB;  
201 - border: 1px solid #F6F6F6;  
202 - color: #000;  
203 - -moz-border-radius: 5px;  
204 - -webkit-border-radius: 5px;  
205 - border-radius: 5px;  
206 -}  
207 -  
208 /**************************** Comments *******************************/ 60 /**************************** Comments *******************************/
209 61
210 #content .comments h3 { 62 #content .comments h3 {
@@ -217,6 +69,10 @@ body { @@ -217,6 +69,10 @@ body {
217 color: #FFF; 69 color: #FFF;
218 } 70 }
219 71
220 -.post_comment_box.closed h4 {  
221 - border: none; 72 +/************************** theme footer ***************************/
  73 +
  74 +#footer-content a,
  75 +#footer-content a:hover,
  76 +#footer-content a:visited {
  77 + color: #A40000;
222 } 78 }
public/designs/themes/skyblue/footer.rhtml 0 → 120000
@@ -0,0 +1 @@ @@ -0,0 +1 @@
  1 +../profile-base/footer.rhtml
0 \ No newline at end of file 2 \ No newline at end of file
public/designs/themes/skyblue/header.rhtml 0 → 120000
@@ -0,0 +1 @@ @@ -0,0 +1 @@
  1 +../profile-base/header.rhtml
0 \ No newline at end of file 2 \ No newline at end of file
public/designs/themes/skyblue/site_title.rhtml 0 → 120000
@@ -0,0 +1 @@ @@ -0,0 +1 @@
  1 +../profile-base/site_title.rhtml
0 \ No newline at end of file 2 \ No newline at end of file
public/designs/themes/skyblue/style.css 0 → 100644
@@ -0,0 +1,78 @@ @@ -0,0 +1,78 @@
  1 +@import url(../profile-base/style.css);
  2 +
  3 +/************************** user bar ***************************/
  4 +
  5 +#user a,
  6 +#user a strong {
  7 + color: #204A87;
  8 +}
  9 +
  10 +/************************** content ***************************/
  11 +
  12 +#content .block-title,
  13 +#content .main-block h1, #not-found h1, #access-denied h1 {
  14 + border-bottom:2px solid #204A87;
  15 + color: #204A87;
  16 +}
  17 +
  18 +.profile-image-block p {
  19 + color: #204A87;
  20 +}
  21 +
  22 +.block a {
  23 + color: #204A87;
  24 +}
  25 +
  26 +.block a:visited {
  27 + color: #3465A4;
  28 +}
  29 +
  30 +.control-panel a,
  31 +.control-panel a:visited {
  32 + color: #000;
  33 +}
  34 +
  35 +.controller-profile_editor .control-panel a:hover {
  36 + background-color: #204A87;
  37 + color: #FFF;
  38 +}
  39 +
  40 +#content .link-list-block li a:hover {
  41 + background-color: #204A87;
  42 +}
  43 +
  44 +#content .link-list-block li a.link-this-page {
  45 + background-color: #3465A4;
  46 + border-right:2px solid #204A87;
  47 +}
  48 +
  49 +.template-rightbar #content .link-list-block li a.link-this-page,
  50 +#content .box-3 .link-list-block li a.link-this-page {
  51 + border-left: 2px solid #204A87;
  52 +}
  53 +
  54 +/************** blog **************/
  55 +
  56 +#content .blog-post .title a:hover {
  57 + color: #204A87;
  58 +}
  59 +
  60 +/**************************** Comments *******************************/
  61 +
  62 +#content .comments h3 {
  63 + color: #204A87;
  64 + border-bottom: 2px solid #204A87;
  65 +}
  66 +
  67 +.post_comment_box h4 {
  68 + background-color: #204A87;
  69 + color: #FFF;
  70 +}
  71 +
  72 +/************************** theme footer ***************************/
  73 +
  74 +#footer-content a,
  75 +#footer-content a:hover,
  76 +#footer-content a:visited {
  77 + color: #204A87;
  78 +}
public/designs/themes/skyblue/theme.yml 0 → 100644
@@ -0,0 +1,3 @@ @@ -0,0 +1,3 @@
  1 +theme: "Skyblue theme"
  2 +layout: "application-ng"
  3 +icon_theme: [default, pidgin]