Commit 5483669c147541ec79fc826d275cf46672c4c193
Committed by
Antonio Terceiro
1 parent
08509c62
Exists in
master
and in
28 other branches
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 | ... | ... |
| ... | ... | @@ -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 | +} | ... | ... |
| ... | ... | @@ -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 | +} | ... | ... |
| ... | ... | @@ -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 | +} | ... | ... |
| ... | ... | @@ -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 | +} | ... | ... |
| ... | ... | @@ -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 | +} | ... | ... |
| ... | ... | @@ -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 | +} | ... | ... |
| ... | ... | @@ -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> | ... | ... |
| ... | ... | @@ -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> | ... | ... |
| ... | ... | @@ -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 %> | ... | ... |
| ... | ... | @@ -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/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/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/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 | } | ... | ... |
| ... | ... | @@ -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 | +} | ... | ... |