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 35 Dir.glob("{app,lib}/**/*.{rb,rhtml,erb}") +
36 36 Dir.glob('config/initializers/*.rb') +
37 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 39 GetText.update_pofiles(Noosfero::PROJECT, sources, "#{Noosfero::PROJECT} #{Noosfero::VERSION}")
40 40 end
41 41  
... ...
public/designs/themes/aluminium/footer.rhtml 0 → 120000
... ... @@ -0,0 +1 @@
  1 +../profile-base/footer.rhtml
0 2 \ No newline at end of file
... ...
public/designs/themes/aluminium/header.rhtml 0 → 120000
... ... @@ -0,0 +1 @@
  1 +../profile-base/header.rhtml
0 2 \ No newline at end of file
... ...
public/designs/themes/aluminium/site_title.rhtml 0 → 120000
... ... @@ -0,0 +1 @@
  1 +../profile-base/site_title.rhtml
0 2 \ No newline at end of file
... ...
public/designs/themes/aluminium/style.css 0 → 100644
... ... @@ -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 @@
  1 +theme: "Aluminium theme"
  2 +layout: "application-ng"
  3 +icon_theme: [default, pidgin]
... ...
public/designs/themes/butter/footer.rhtml 0 → 120000
... ... @@ -0,0 +1 @@
  1 +../profile-base/footer.rhtml
0 2 \ No newline at end of file
... ...
public/designs/themes/butter/header.rhtml 0 → 120000
... ... @@ -0,0 +1 @@
  1 +../profile-base/header.rhtml
0 2 \ No newline at end of file
... ...
public/designs/themes/butter/site_title.rhtml 0 → 120000
... ... @@ -0,0 +1 @@
  1 +../profile-base/site_title.rhtml
0 2 \ No newline at end of file
... ...
public/designs/themes/butter/style.css 0 → 100644
... ... @@ -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 @@
  1 +theme: "Butter theme"
  2 +layout: "application-ng"
  3 +icon_theme: [default, pidgin]
... ...
public/designs/themes/chameleon/footer.rhtml 0 → 120000
... ... @@ -0,0 +1 @@
  1 +../profile-base/footer.rhtml
0 2 \ No newline at end of file
... ...
public/designs/themes/chameleon/header.rhtml 0 → 120000
... ... @@ -0,0 +1 @@
  1 +../profile-base/header.rhtml
0 2 \ No newline at end of file
... ...
public/designs/themes/chameleon/site_title.rhtml 0 → 120000
... ... @@ -0,0 +1 @@
  1 +../profile-base/site_title.rhtml
0 2 \ No newline at end of file
... ...
public/designs/themes/chameleon/style.css 0 → 100644
... ... @@ -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 @@
  1 +theme: "Chameleon theme"
  2 +layout: "application-ng"
  3 +icon_theme: [default, pidgin]
... ...
public/designs/themes/chocolate/footer.rhtml 0 → 120000
... ... @@ -0,0 +1 @@
  1 +../profile-base/footer.rhtml
0 2 \ No newline at end of file
... ...
public/designs/themes/chocolate/header.rhtml 0 → 120000
... ... @@ -0,0 +1 @@
  1 +../profile-base/header.rhtml
0 2 \ No newline at end of file
... ...
public/designs/themes/chocolate/site_title.rhtml 0 → 120000
... ... @@ -0,0 +1 @@
  1 +../profile-base/site_title.rhtml
0 2 \ No newline at end of file
... ...
public/designs/themes/chocolate/style.css 0 → 100644
... ... @@ -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 @@
  1 +theme: "Chocolate theme"
  2 +layout: "application-ng"
  3 +icon_theme: [default, pidgin]
... ...
public/designs/themes/orange/footer.rhtml 0 → 120000
... ... @@ -0,0 +1 @@
  1 +../profile-base/footer.rhtml
0 2 \ No newline at end of file
... ...
public/designs/themes/orange/header.rhtml 0 → 120000
... ... @@ -0,0 +1 @@
  1 +../profile-base/header.rhtml
0 2 \ No newline at end of file
... ...
public/designs/themes/orange/site_title.rhtml 0 → 120000
... ... @@ -0,0 +1 @@
  1 +../profile-base/site_title.rhtml
0 2 \ No newline at end of file
... ...
public/designs/themes/orange/style.css 0 → 100644
... ... @@ -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 @@
  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 @@
  1 +../profile-base/footer.rhtml
0 2 \ No newline at end of file
... ...
public/designs/themes/plum/header.rhtml 0 → 120000
... ... @@ -0,0 +1 @@
  1 +../profile-base/header.rhtml
0 2 \ No newline at end of file
... ...
public/designs/themes/plum/site_title.rhtml 0 → 120000
... ... @@ -0,0 +1 @@
  1 +../profile-base/site_title.rhtml
0 2 \ No newline at end of file
... ...
public/designs/themes/plum/style.css 0 → 100644
... ... @@ -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 @@
  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 @@
  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 @@
  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 @@
  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 @@
  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 @@
  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 @@
  1 +../profile-base/footer.rhtml
0 2 \ No newline at end of file
... ...
public/designs/themes/scarletred/header.rhtml
... ... @@ -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 @@
  1 +../profile-base/header.rhtml
0 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   -<% 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 @@
  1 +../profile-base/site_title.rhtml
0 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 3 /************************** user bar ***************************/
32 4  
33   -#user {
34   - top: -23px;
35   - right: 0px;
36   - height: 20px;
37   -}
38   -
39 5 #user a,
40 6 #user a strong {
41 7 color: #A40000;
42 8 }
43 9  
44   -/************************** navigation ***************************/
45   -
46   -#navigation {
47   - background: none;
48   -}
49   -
50 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 12 #content .block-title,
75 13 #content .main-block h1, #not-found h1, #access-denied h1 {
76 14 border-bottom:2px solid #A40000;
... ... @@ -111,100 +49,14 @@ body {
111 49 .template-rightbar #content .link-list-block li a.link-this-page,
112 50 #content .box-3 .link-list-block li a.link-this-page {
113 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 54 /************** blog **************/
129 55  
130   -#content .blog-posts {
131   - margin-top: 30px;
132   -}
133   -
134 56 #content .blog-post .title a:hover {
135 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 60 /**************************** Comments *******************************/
209 61  
210 62 #content .comments h3 {
... ... @@ -217,6 +69,10 @@ body {
217 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 @@
  1 +../profile-base/footer.rhtml
0 2 \ No newline at end of file
... ...
public/designs/themes/skyblue/header.rhtml 0 → 120000
... ... @@ -0,0 +1 @@
  1 +../profile-base/header.rhtml
0 2 \ No newline at end of file
... ...
public/designs/themes/skyblue/site_title.rhtml 0 → 120000
... ... @@ -0,0 +1 @@
  1 +../profile-base/site_title.rhtml
0 2 \ No newline at end of file
... ...
public/designs/themes/skyblue/style.css 0 → 100644
... ... @@ -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 @@
  1 +theme: "Skyblue theme"
  2 +layout: "application-ng"
  3 +icon_theme: [default, pidgin]
... ...