Adding Noosfero base theme

This theme must be used as a base for new themes. Look at the 'noosfero' theme for an example.

Adding Noosfero base theme
This theme must be used as a base for new themes. Look at the 'noosfero' theme for an example.
Antonio Terceiro
1 parent 50ee8b0f
Showing 54 changed files with 1315 additions and 0 deletions Show diff stats
public/designs/themes/base/Makefile
public/designs/themes/base/article.css
public/designs/themes/base/blocks.css
public/designs/themes/base/button.css
public/designs/themes/base/controllers.css
public/designs/themes/base/doc.css
public/designs/themes/base/errors.css
public/designs/themes/base/favicon.ico
public/designs/themes/base/footer.rhtml
public/designs/themes/base/header.rhtml
public/designs/themes/base/icons/16x16/actions/log-in.png
public/designs/themes/base/icons/16x16/actions/log-out.png
public/designs/themes/base/imgs/50x.png
public/designs/themes/base/imgs/arrow-down-p.png
public/designs/themes/base/imgs/arrow-right-p.png
public/designs/themes/base/imgs/blog-sep.png
public/designs/themes/base/imgs/colivre-nascente-cinza.gif
public/designs/themes/base/imgs/comment-bg-L.png
public/designs/themes/base/imgs/comment-bg-N.png
public/designs/themes/base/imgs/comment-bg-NL.png
@@ -0,0 +1,16 @@
+STYLESHEETS = \
+  button.css\
+  layout.css\
+  blocks.css\
+  search-results.css\
+  article.css\
+  controllers.css
+
+release:
+	cat $(STYLESHEETS) > style.css
+
+development:
+	for item in $(STYLESHEETS); do echo $$item; done | sed -e 's/.*/@import url(&);/' > style.css
+
+clean:
+	rm -f *~ */*~
@@ -0,0 +1,211 @@
+#article a {
+  text-decoration: underline;
+}
+
+hr.pre-posts, hr.sep-posts {
+  display: none;
+}
+
+.blog-post {
+  background: url(imgs/blog-sep.png) repeat-x;
+  padding: 15px 20px 5px 20px;
+  margin: 0px -19px;
+}
+
+.main-block .article-body {
+  overflow: visible;
+}
+
+#article-actions {
+  top: -18px;
+}
+
+#article-actions a.button,
+#article-actions a.button:hover {
+  border: none;
+  background-color: transparent;
+  color: #888;
+}
+#article-actions a.button:hover {
+  color: #555753;
+}
+
+#bt_addThis {
+  position: absolute;
+  top: -15px;
+  right: 0px;
+}
+
+#content .blog-post .title {
+  border-bottom-color: #CCC;
+}
+#content .blog-post .title a {
+  font-weight: bold;
+  color: #000;
+  text-decoration: none;
+}
+
+#content .main-block .created-at {
+  text-align: left;
+  color: #AAA;
+}
+#content .main-block .created-at a {
+  color: #AAA;
+  text-decoration: none;
+}
+#content .main-block .created-at a:hover {
+  color: #555;
+  text-decoration: underline;
+}
+
+#article-tags {
+  float: right;
+  color: #FFF;
+}
+#article-tags a {
+  text-decoration: none;
+  padding: 0px 2px;
+  -moz-border-radius: 3px;
+  background: #BBB;
+  color: #FFF;
+}
+#article-tags a:hover {
+  background: #555753;
+}
+
+#article-hits {
+  text-align: left;
+  color: #AAA;
+}
+
+#article-parent {
+  display: none;
+}
+
+.msie .post_comment_box {
+  padding-top: 15px;
+}
+
+.post_comment_box.closed h4 {
+  -moz-border-radius: 4px;
+}
+
+.post_comment_box.opened h4 {
+  display: block;
+  background: #FFF;
+  padding: 0px;
+  font-variant: small-caps;
+  color: #555753;
+  font-size: 14px;
+  text-align: left;
+  border-bottom: 2px solid #888a85;
+}
+
+.post_comment_box.opened {
+  border: none;
+  background: #FFF;
+}
+
+
+/**************************** Comments *******************************/
+
+#content .comments h3 {
+  font-variant: small-caps;
+  color: #555753;
+  font-size: 14px;
+  text-align: left;
+  border-bottom: 2px solid #888a85;
+}
+
+.article-comment {
+  border: none;
+  background: #FFF;
+}
+
+.comment-logged-out h4 {
+  color: #888;
+}
+
+#content .comment-picture {
+  text-align: left;
+  text-decoration: none;
+  position: relative;
+}
+
+.comment-wrapper-1 {
+  margin-left: 60px;
+  background: url(imgs/comment-bg-N.png)    0%   0% repeat-x;
+}
+.comment-wrapper-2 {
+  background: url(imgs/comment-bg-S.png)    0% 100% repeat-x;
+}
+.comment-wrapper-3 {
+  background: url(imgs/comment-bg-L.png)  100%   0% repeat-y;
+}
+.comment-wrapper-4 {
+  background: url(imgs/comment-bg-O.png)    0%   0% repeat-y;
+}
+.comment-wrapper-5 {
+  background: url(imgs/comment-bg-SL.png) 100% 100% no-repeat;
+}
+.comment-wrapper-6 {
+  background: url(imgs/comment-bg-SO.png)   0% 100% no-repeat;
+}
+.comment-wrapper-7 {
+  background: url(imgs/comment-bg-NL.png) 100%   0% no-repeat;
+}
+.comment-wrapper-8 {
+  background: url(imgs/comment-bg-NO.png)   0%   0% no-repeat;
+}
+
+.comment-from-owner .comment-wrapper-1 {
+  background: #cecece url(imgs/comment-owner-bg-N.png) repeat-x;
+}
+.comment-from-owner .comment-wrapper-2 {
+  background: url(imgs/comment-owner-bg-S.png)    0% 100% repeat-x;
+}
+.comment-from-owner .comment-wrapper-3 {
+  background: url(imgs/comment-owner-bg-L.png)  100%   0% repeat-y;
+}
+.comment-from-owner .comment-wrapper-4 {
+  background: url(imgs/comment-owner-bg-O.png)    0%   0% repeat-y;
+}
+.comment-from-owner .comment-wrapper-5 {
+  background: url(imgs/comment-owner-bg-SL.png) 100% 100% no-repeat;
+}
+.comment-from-owner .comment-wrapper-6 {
+  background: url(imgs/comment-owner-bg-SO.png)   0% 100% no-repeat;
+}
+.comment-from-owner .comment-wrapper-7 {
+  background: url(imgs/comment-owner-bg-NL.png) 100%   0% no-repeat;
+}
+.comment-from-owner .comment-wrapper-8 {
+  background: url(imgs/comment-owner-bg-NO.png)   0%   0% no-repeat;
+}
+
+
+.comment-created-at {
+  position: relative;
+  padding-right: 10px;
+}
+.comment-from-owner .comment-created-at {
+  color: #333;
+}
+
+
+.article-comment .button-bar {
+  position: relative;
+  top: 3px;
+  right: 1px;
+  z-index: 10px;
+}
+.article-comment .button-bar a {
+  position: relative;
+}
+
+.comment-details {
+  margin: 0px;
+  padding: 7px 12px 3px 26px;
+}
+
+
@@ -0,0 +1,439 @@
+.block a {
+  color: #555753;
+}
+.block a:visited {
+  color: #888a85;
+  font-weight: normal;
+}
+.block a:hover {
+  color: #2e3436;
+  text-decoration: underline;
+}
+
+
+#content .block {
+  padding: 0px;
+  margin: 0px 0px 20px 0px;
+  position: relative;
+}
+
+
+#content .block-title {
+  font-variant: small-caps;
+  color: #AAA;
+  font-size: 14px;
+  text-align: left;
+  border-bottom: 2px solid #AAA;
+}
+
+/*************************** Login block *****************************/
+
+.login-box {
+  padding: 0px;
+  font-size: 10px;
+}
+
+#content .login-box-content a.button {
+  font-size: 11px;
+}
+
+.login-box-content {
+  margin: 0px;
+  border: none;
+  background: none;
+  padding: 0px;
+}
+
+.login-box-content .button-bar .button {
+  position: relative;
+}
+
+.login-box .formfieldline input {
+  width: 99%;
+}
+
+.login-box form {
+  margin: 0px;
+  padding: 0px 0px 0px 0px;
+}
+.msie7 .login-box form {
+  padding: 0px 10px 0px 0px;
+}
+
+#content .login-block h2 {
+  font-variant: small-caps;
+  color: #AAA;
+  font-size: 14px;
+  text-align: left;
+  border-bottom: 2px solid #AAA;
+}
+
+.login-box p {
+  text-align: center;
+  margin: 0px;
+  padding: 0px;
+}
+
+.login-box .forgot-passwd a {
+  color: #555753;
+}
+
+.want-to-be-an-user {
+  font-size: 13px;
+}
+
+#content .logged-user-info h2 {
+  font-size: none;
+}
+
+.logged-user-info ul {
+  margin-top: 5px;
+}
+
+.logged-user-info .user-actions {
+  padding-left: 50px;
+}
+
+
+/************************** Profile List *****************************/
+
+#content .people-block ul,
+#content .profile-list-block ul,
+#content .enterprises-block ul,
+#content .members-block ul,
+#content .communities-block ul,
+#content .friends-block ul {
+  min-width: 196px;
+  width: 192px;
+  margin: 0px 0px 0px -3px;
+  padding: 0px;
+}
+
+#content .tags-block .block-footer-content a,
+#content .people-block .block-footer-content a,
+#content .profile-list-block .block-footer-content a,
+#content .enterprises-block .block-footer-content a,
+#content .members-block .block-footer-content a,
+#content .communities-block .block-footer-content a,
+#content .friends-block .block-footer-content a {
+  position: absolute;
+  top: 2px;
+  right: 0px;
+  font-size: 11px;
+  color: #000;
+  text-decoration: none;
+  padding-right: 15px;
+  background: url(imgs/arrow-right-p.png) 100% 50% no-repeat;
+}
+
+#content .profile-list-block .block-title {
+  text-align: left;
+}
+
+#content .profile-list li a,
+#content .common-profile-list-block li a {
+  color: #555;
+}
+#content .profile-list li a:hover,
+#content .common-profile-list-block li a:hover {
+  color: #000;
+  text-decoration: none;
+}
+
+/************************* Recent Contents ***************************/
+
+#content .feed-reader-block,
+#content .recent-documents-block {
+  overflow: hidden;
+}
+
+.feed-reader-block li,
+.recent-documents-block li {
+  list-style-image: url(imgs/li-recent.gif);
+  padding: 5px 0px;
+}
+
+.feed-reader-block li a,
+.recent-documents-block li a {
+  font-weight: bold;
+}
+
+.feed-reader-block li a:visited,
+.recent-documents-block li a:visited {
+  font-weight: normal;
+}
+
+.feed-reader-block li a:hover,
+.recent-documents-block li a:hover {
+  text-decoration: underline;
+}
+
+/************************* Profile Image *****************************/
+
+#content .profile-image-block {
+}
+.profile-big-image-inner1 {
+  text-align: center;
+}
+
+.profile-big-image {
+}
+.profile-big-image img {
+  border: none;
+  padding: 0px;
+}
+
+.profile-image-block p {
+  text-align: left;
+  margin: 0px;
+  font-size: 17px;
+  font-weight: bold;
+  color: #555;
+}
+
+
+/*************************** My Network ******************************/
+
+#content .block.my-network-block {
+  margin: 0px 0px 10px 0px;
+}
+
+.my-network-block ul {
+  margin: 0px;
+  padding: 0px 0px 10px 20px;
+}
+.my-network-block li {
+  margin: 0px;
+  padding: 0px;
+  list-style: none;
+}
+
+
+/*************************** Link List *******************************/
+
+.link-list-block .empty {
+  display: none;
+}
+
+#content .link-list-block li {
+  background: #FFF;
+  padding: 0px;
+  margin: 5px 0px;
+}
+
+#content .link-list-block li a {
+  font-size: 14px;
+  line-height: 24px;
+  color: #000;
+  background-color: #EEE;
+  background-position: 4px 50%;
+  -moz-border-radius: 4px;
+}
+
+#content .link-list-block li a.link-this-page {
+  -moz-border-radius-topright: 0px;
+  -moz-border-radius-bottomright: 0px;
+  background-color: #cecece;
+  max-width: 175px;
+  width: 200px;
+  border-right: 2px solid #555753;
+}
+
+#content .link-list-block li a:hover {
+  background-color: #555753;
+  color: #FFF;
+  text-decoration: none;
+}
+#content .link-list-block li a.link-this-page:hover {
+  border-right: 2px solid #555753;
+}
+
+
+/************************** Communities ******************************/
+
+.communities-block .profile-image {
+  float: left;
+  padding-left: 4px;
+  max-width: 70px;
+  width: 75px;
+  height: auto;
+}
+
+.communities-block .vcard a {
+  clear: left;
+  text-align: left;
+  padding-bottom: 3px;
+  width: 99%;
+  height: auto;
+}
+.msie6 .communities-block .common-profile-list-block .vcard a,
+.msie7 .communities-block .common-profile-list-block .vcard a {
+  height: auto;
+  width: 99%;
+  padding-bottom: 1px;
+}
+
+.communities-block .vcard a .org {
+  padding-top: 5px;
+  font-size: 12px;
+  color: #000;
+  max-height: 30px;
+  overflow: hidden;
+}
+.msie .communities-block .vcard a .org {
+  height: 30px;
+}
+
+.communities-block .vcard a .may-clear {
+  clear: left;
+}
+
+/****************************** Tags *********************************/
+
+/* the style here is not only for #content .tags-block .tag_cloud */
+
+.tag_cloud {
+  text-align: center;
+}
+
+.tag_cloud a {
+  text-decoration: none;
+}
+
+.tag_cloud a small {
+  opacity: 0.5;
+  filter:alpha(opacity=50);
+}
+
+/********************* Environment Statistics ************************/
+
+#content .environment-statistics-block .block-title {
+  color: #AAA;
+  border-bottom: 2px solid #AAA;
+}
+#content .environment-statistics-block ul {
+  margin: 0px 20px;
+  padding: 0px;
+}
+#content .environment-statistics-block li {
+  list-style-image: url(imgs/li-gray.gif);
+  padding: 3px 0px;
+  color: #777
+}
+
+/*************************** News Area *******************************/
+
+.action-home-index #content h1 {
+  color: #05A;
+  border-bottom: 2px solid #555753;
+}
+
+.highlighted-news-item {
+  border-top: 1px solid #CCC;
+  padding-top: 5px;
+}
+.highlighted-news-item.post-1 {
+  border: none;
+  padding-top: 0px;
+}
+
+#highlighted-news h2 a {
+  font-weight: bold;
+  color: #2e3436;
+}
+
+.news-area {
+  border: none;
+  background: #FFF;
+  height: auto;
+  position: relative;
+}
+
+.news-area ul {
+  border: 1px solid #CCC;
+  border-top: 2px solid #07C;
+  height: 125px;
+  overflow: auto;
+  margin: 0px;
+  padding: 5px 10px;
+  background: url(imgs/comment-bg-S.png) 0% 100% repeat-x;
+  border-bottom: none;
+}
+
+.news-area li {
+  margin-left: 15px;
+  padding: 0px 0px;
+  list-style-image: url(imgs/li-blue.gif);
+}
+
+#content .news-area h3 a {
+  font-weight: bold;
+  color: #2e3436;
+}
+#content .news-area h3 a:hover {
+  text-decoration: none;
+}
+
+#content .news-area h3 {
+  background: #FFF;
+  margin: 0px;
+  padding: 0px;
+}
+
+#content .news-area a {
+   color: #000;
+}
+
+#content .news-area a.news-see-more {
+  position: absolute;
+  top: 3px;
+  right: 0px;
+
+  color: #000;
+  padding-right: 10px;
+  background: url(imgs/arrow-right-p.png) 100% 50% no-repeat;
+}
+
+#content .news-area a.news-see-more:hover {
+  text-decoration: none;
+  color: #07C;
+}
+
+#portal-news ul {
+  padding: 0px;
+  border-top: 1px solid #CCC;
+}
+#portal-news li {
+  list-style: none;
+  padding: 8px 0px;
+  border-bottom: 1px solid #CCC;
+}
+#portal-news li a {
+  font-weight: bold;
+  color: #05A;
+}
+#portal-news .post-date, #highlighted-news .post-date {
+  color: #555753;
+}
+
+#portal-news .post-date {
+  float: left;
+}
+#portal-news .post-title {
+  display: block;
+  margin-left: 65px;
+}
+
+#highlighted-news .post-title {
+  font-weight: bold;
+  font-size: 20px;
+}
+#highlighted-news h2 {
+  margin-bottom: 0px;
+}
+
+X.sep {
+  background: url(imgs/blog-sep.png) 50% 50% repeat-x;
+  padding: 10px 20px;
+  margin: 10px -19px;
+}
@@ -0,0 +1,33 @@
+
+.button {
+  -moz-border-radius: 3px;
+}
+
+#content input.button, #content a.button {
+  background-repeat: no-repeat;
+  background-color: #EEE;
+  border: 1px solid #CCC;
+  color: #555;
+  line-height: 16px;
+  height: 16px;
+  text-decoration: none;
+}
+
+#content input.button.with-text, #content a.button.with-text {
+  line-height: 20px;
+  height: 20px;
+}
+
+input.button {
+  max-height: 20px;
+}
+input.button.with-text {
+  max-height: 22px;
+}
+
+#content input.button:hover, #content a.button:hover {
+  color: #FFF;
+  background-color: #555;
+  border: 1px solid #2e3436;
+  text-decoration: none;
+}
@@ -0,0 +1,58 @@
+/******** controller-friends action-friends-index ********/
+
+.action-friends-index .profile-list li,
+.common-profile-list-block .vcard a {
+  border: 1px solid transparent;
+}
+
+.action-friends-index .profile-list li:hover,
+.common-profile-list-block .vcard a:hover {
+  border: 1px solid #CCC;
+  -moz-border-radius: 5px;
+  background: #EEE;
+  text-decoration: none;
+}
+
+
+/******** controller-profile action-profile-index ********/
+
+table.profile th {
+  font-size: 15px;
+  text-align: left;
+}
+
+/**** controller-memberships action-memberships-index ****/
+
+#memberships-index li {
+  background-color: #FFF;
+  border: 1px solid #EEE;
+  -moz-border-radius: 9px;
+  margin-bottom: 10px;
+}
+
+#memberships-index li .vcard a.profile_link.url {
+  border: 1px solid transparent;
+  background-color: #FFF;
+}
+
+#memberships-index li .vcard a.profile_link.url:hover {
+  border: 1px solid  #CCC;
+  background-color: #EEE;
+  -moz-border-radius: 4px;
+}
+
+/************************** Control Panel ****************************/
+
+.control-panel a,
+.control-panel a:visited {
+  color: #000;
+  font-weight: bold;
+  background-position: 2px 50%;
+}
+.control-panel a:hover {
+  text-decoration: none;
+  color: #2e3436;
+  background-color: #d3d7cf;
+}
+
+
@@ -0,0 +1,17 @@
+#online-doc-navigation h1 {
+  font-variant: small-caps;
+  color: #AAA;
+  border-bottom-color: #AAA;
+}
+
+#online-doc h1,
+#online-doc h2,
+#online-doc h3,
+#online-doc h4,
+#online-doc h5,
+#online-doc h6
+{
+  font-variant: small-caps;
+  border-bottom: 2px solid #000;
+  text-align: left;
+}
@@ -0,0 +1,43 @@
+body {
+  font-family: sans-serif;
+  margin: 0px;
+  padding: 0% 0%;
+  background: #eee;
+  font-size: 12px;
+}
+
+#wrap {
+  margin: 0px 20px 0px 20px;
+  border: 1px solid #d3d7cf;
+  background: white url(imgs/50x.png) 100% 100% no-repeat;
+  padding: 1em 3em 1em 3em;
+  height: 400px;
+}
+
+#languages {
+  float: left;
+  width: 40%;
+  margin-top: 3em;
+  border-top: 1px solid #aaa;
+  padding-top: 0.5em;
+}
+
+#languages a {
+  margin-right: 0.5em;
+}
+
+h1 {
+  margin: 30px 0px 0px 0px;
+  font-weight: bold;
+  font-variant: small-caps;
+  border-bottom: 2px solid #2e3436;
+  color: #555753;
+  font-size: 16px;
+}
+
+a, a:visited {
+  color: #666;
+}
+a:hover {
+  color: black;
+}
@@ -0,0 +1,12 @@
+<div id="footer-links">
+</div><!-- end id="footer-links" -->
+<div id="copyright">
+  <p id='noosfero-license'>
+  Powered by <a
+    href="http://www.noosfero.org/" id='link-noosfero'>Noosfero</a>, licensed under
+    <a href="http://www.gnu.org/licenses/agpl.html">GNU Affero General Public
+      License</a>, version 3 or above.  </p>
+  <!-- Desenvolvido com
+  <a href="http://noosfero.com.br"
+     title="FLOSS for Social!">Noosfero</a-->
+</div><!-- end id="copyright" -->
@@ -0,0 +1,5 @@
+<div id='language-chooser'><%= language_chooser(:element => 'dropdown') %></div>
+<div id="friends">
+  &nbsp;
+</div><!-- end id="friends" -->
+
@@ -0,0 +1,347 @@
+body {
+  background: #EEE;
+  font-family: Liberation Sans, Arial, sans-serif;
+  min-width: 780px;
+}
+
+body, th, td, input {
+  font-size: 12px;
+}
+
+#link-go-content {
+  position: absolute;
+  top: -100px;
+}
+
+.docSize-GT-900  #wrap-1 { margin: 0px 1%; }
+.docSize-GT-1000 #wrap-1 { margin: 0px 2%; }
+.docSize-GT-1100 #wrap-1 { margin: 0px 3%; }
+.docSize-GT-1200 #wrap-1 { margin: 0px 4%; }
+.docSize-GT-1300 #wrap-1 { margin: 0px 5%; }
+
+#wrap-2 {
+  padding: 10px;
+  position: relative;
+  border: 1px solid #d3d7cf;
+  background-color: white;
+}
+
+#content {
+  margin-top: 92px;
+}
+
+/*************************** friends *********************************/
+
+#language-chooser {
+  float: right;
+  padding-top: 1px;
+}
+
+#language-chooser select {
+  font-size: 11px;
+}
+
+/*************************** friends *********************************/
+
+#friends {
+  padding: 6px 3px;
+  font-size: 11px;
+}
+
+#friends a {
+  margin-right: 30px;
+  color: #777;
+  text-decoration: none;
+}
+#friends a:hover {
+  color: #333;
+  text-decoration: underline;
+}
+
+/*************************** user bar ********************************/
+
+#user {
+  text-align: right;
+  position: absolute;
+  right: 20px;
+  z-index: 10;
+}
+
+#user a {
+  position: relative;
+  color: #888a85;
+}
+
+#user a strong {
+  font-weight: bold;
+  color: #555753;
+}
+
+#controlpanel, #logout {
+  margin-left: 25px;
+}
+
+#user a i {
+  display: block;
+  width: 16px;
+  height: 16px;
+  position: absolute;
+  left: -17px;
+  top: -1px;
+}
+.msie6 #user a i {
+  left: 8px;
+  top: 3px;
+}
+.msie7 #user a i {
+  top: 3px;
+}
+
+#user form {
+  position: relative;
+  display: inline;
+  margin-left: 20px;
+}
+
+#user form input {
+  width: 160px;
+  border: 1px solid #BBB;
+  -moz-border-radius: 3px;
+  color: #CCC;
+}
+#user form.focused input {
+  border: 1px solid #888;
+  color: #555;
+}
+
+#user form div {
+  font-size: 11px;
+  color: #888;
+  visibility: hidden;
+}
+#user form.focused div {
+  visibility: visible;
+}
+
+/*************************** logo ************************************/
+
+#site-title {
+  margin: 0px;
+  padding: 0px;
+  position: absolute;
+  top: 20px;
+  left: 0px;
+  z-index: 2;
+  overflow: hidden;
+  width: 310px;
+  height: 90px;
+}
+.msie6 #site-title {
+  left: -10px;
+}
+#site-title a {
+  display: block;
+  width: 300px;
+  height: 40px;
+  position: absolute;
+  top: 30px;
+  left: 20px;
+}
+
+#site-title span {
+  font-size: 1px;
+  position: absolute;
+  top: -200px;
+}
+
+/************************** navigation bar ***************************/
+
+#navigation {
+  position: absolute;
+  top: 49px;
+  right: 0px;
+  width: 99%;
+  text-align: right;
+  background: #ced3ce url(imgs/menu-top-bg-left.png) no-repeat;
+}
+
+#navigation-end {
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  width: 14px;
+  height: 42px;
+  background: url(imgs/menu-top-bg-right.png);
+}
+
+.msie6 #navigation {
+  background: none;
+  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
+          (src='/stylesheets/ng/imgs/menu-top-bg-left.png', sizingMethod='scale');
+}
+.msie6 #navigation-end {
+  right: -1px;
+  background: none;
+  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
+          (src='/stylesheets/ng/imgs/menu-top-bg-right.png', sizingMethod='scale');
+}
+
+#navigation ul {
+  height: 42px;
+  margin: 0px;
+  padding: 0px 10px 0px 0px;
+  float: right;
+  overflow: hidden;
+}
+
+#navigation li {
+  list-style: none;
+  display: block;
+  height: 54px;
+  float: left;
+  border-left: 1px solid #888a85;
+}
+
+#navigation a {
+  display: block;
+  font-size: 15px;
+  line-height: 42px;
+  text-decoration: none;
+  color: #000;
+}
+#navigation a:hover {
+  background: url(imgs/menu-top-hilight.png);
+  color: #FFF;
+}
+
+#navigation span {
+  padding: 0px 15px 0px 40px;
+  background-position: 15px 50%;
+  background-repeat: no-repeat;
+}
+
+/***************************** boxes ********************************/
+
+.template-default .box-1 { /* Center */
+  position: relative;
+  margin: 0px 200px 0px 200px;
+}
+.msie6.template-default .box-1 {
+  width: expression( $("wrap-2").offsetWidth - 430 ); 640
+}
+/*.docSize-GT-900.msie6.template-default .box-1 {
+  width: 350px;
+}*/
+
+.template-default .box-2 { /* Left */
+  position: relative;
+  width: 190px;
+}
+
+.template-default .box-3 { /* Right */
+  position: relative;
+  width: 190px;
+}
+
+/************************** main content *****************************/
+
+#main-content-wrapper-1, #main-content-wrapper-2,
+#main-content-wrapper-3, #main-content-wrapper-4,
+#main-content-wrapper-5, #main-content-wrapper-6,
+#main-content-wrapper-7, #main-content-wrapper-8 {
+  position: relative;
+}
+
+#main-content-wrapper-1 { background: url(imgs/content-bg-N.png)  0%     0% repeat-x  }
+#main-content-wrapper-2 { background: url(imgs/content-bg-S.png)  0%   100% repeat-x  }
+#main-content-wrapper-3 { background: url(imgs/content-bg-L.png)  100%   0% repeat-y  }
+#main-content-wrapper-4 { background: url(imgs/content-bg-O.png)  0%     0% repeat-y  }
+#main-content-wrapper-5 { background: url(imgs/content-bg-NL.png) 100%   0% no-repeat }
+#main-content-wrapper-6 { background: url(imgs/content-bg-NO.png) 0%     0% no-repeat }
+#main-content-wrapper-7 { background: url(imgs/content-bg-SL.png) 100% 100% no-repeat }
+#main-content-wrapper-8 { background: url(imgs/content-bg-SO.png) 0%   100% no-repeat }
+#main-content-wrapper-8 {
+  padding: 10px 20px;
+}
+
+#content .main-block h1 {
+  font-variant: small-caps;
+  color: #555753;
+  font-size: 16px;
+  text-align: left;
+  border-bottom: 2px solid #2e3436;
+}
+
+/***************************** footer ********************************/
+
+#theme-footer {
+  padding: 0px;
+  font-size: 11px;
+  color: #555;
+}
+.docSize-GT-900  #theme-footer { margin: 0px 1%; }
+.docSize-GT-1000 #theme-footer { margin: 0px 2%; }
+.docSize-GT-1100 #theme-footer { margin: 0px 3%; }
+.docSize-GT-1200 #theme-footer { margin: 0px 4%; }
+.docSize-GT-1300 #theme-footer { margin: 0px 5%; }
+
+#theme-footer a {
+  color: #333;
+  text-decoration: none;
+}
+#theme-footer a:hover {
+  color: #222;
+  text-decoration: underline;
+}
+
+#footer-links {
+  text-align: left;
+  float: left;
+}
+#footer-links a {
+  margin-right: 8px;
+}
+
+#footer-links a#slbr {
+  display: block;
+  float: left;
+  background: url(imgs/lettering-slbr.png) 0% 50% no-repeat;
+  max-width: 202px;
+  width: 224px;
+  height: 34px;
+  padding-right: 20px;
+  margin-right: 15px;
+  border-right: 1px solid #F0F0F0;
+  overflow: hidden;
+  position: relative;
+  top: -10px
+}
+
+#slbr span {
+  position: absolute;
+  top: -100px;
+}
+
+#copyright {
+  text-align: right;
+  /* background: url(imgs/colivre-nascente-cinza.gif) 100% 100% no-repeat; */
+}
+
+#noosfero-license {
+  margin-bottom: 1em;
+}
+
+div.no_media_panel {
+  margin: 0px;
+}
+
+div#notice {
+  background-color: #ffd;
+  color: black;
+  border: 1px solid #d3d7cf;
+  -moz-border-radius: 5px;
+
+  top: 33px;
+  left: 30px;
+  margin-left: 0px;
+}
@@ -0,0 +1,125 @@
+
+.msie .search-results-box {
+  width: 48%;
+}
+
+.controller-search #content .no-boxes h1 {
+  font-variant: small-caps;
+  color: #05B; /*6A0*/
+  font-size: 18px;
+  text-align: left;
+  border-bottom: 2px solid #08C; /*8C0*/
+}
+
+.query {
+  display: none;
+}
+
+.controller-search #content .search_form {
+  background: #DDD;
+  -moz-border-radius: 5px;
+  padding: 12px 15px 13px 15px;
+  position: relative;
+  text-align: left;
+}
+
+#advanced_search_link {
+  position: absolute;
+  top: 15px;
+  right: 20px;
+  background: url(imgs/arrow-down-p.png) 100% 55% no-repeat;
+  padding-right: 15px;
+  color: #000;
+  text-decoration: none;
+  font-weight: bold;
+}
+
+.controller-search #content .search_form h3 {
+  display: none;
+  /*
+  color: #AAA;
+  margin: 0px;
+  */
+}
+
+.controller-search #content .search_form h4 {
+  background: #DDD;
+  color: #777;
+}
+.controller-search .search-options {
+  border: 1px solid #777;
+  -moz-border-radius: 5px;
+}
+.controller-search .search-options ul li {
+  position: relative;
+}
+
+.controller-search .search-within select {
+  display: block;
+  margin-bottom: 5px;
+}
+
+.controller-search .search-within label {
+  display: block;
+  float: left;
+  width: 100px;
+  text-align: right;
+  padding-right: 10px;
+  position: relative;
+  top: 5px;
+}
+
+.controller-search a {
+  color: #6A0;
+}
+
+#search-results h3 {
+  color: #05B; /*6A0*/
+  font-variant: small-caps;
+  margin: 0px;
+}
+
+.search-results-innerbox {
+  border: 1px solid #CCC;
+  border-top: 2px solid #08C; /*8C0*/
+  border-bottom: none;
+  background: url(imgs/comment-bg-S.png) 0% 100% repeat-x;
+}
+.only-one-result-box .search-results-innerbox {
+  border-top: 1px solid #CCC;
+}
+
+#content .search-results-box a.see-more {
+  z-index: 10;
+  position: absolute;
+  bottom: 20px;
+  right: 20px;
+  background: transparent url(imgs/arrow-right-p.png) 100% 55% no-repeat;
+  border: none;
+  padding-right: 15px;
+  color: #000;
+  text-decoration: none;
+  font-weight: bold;
+}
+#content .search-results-box a.see-more:hover {
+  background: transparent url(imgs/arrow-right-p.png) 100% 55% no-repeat;
+  color: #08C;
+}
+
+
+.search-results-type-article.search-results-innerbox {
+  padding: 5px 0px 5px 10px;
+  max-height: 215px;
+  height: 225px;
+}
+
+#content .search-results-type-article li {
+  padding: 5px 0px;
+}
+
+.search-results-type-article a {
+  text-decoration: none;
+}
+.search-results-type-article a:hover {
+  text-decoration: underline;
+}
@@ -0,0 +1,7 @@
+@import url(button.css);
+@import url(layout.css);
+@import url(blocks.css);
+@import url(search-results.css);
+@import url(article.css);
+@import url(controllers.css);
+@import url(doc.css);
@@ -0,0 +1,2 @@
+theme: "Noosfero base theme"
+layout: "application-ng"
...	...	@@ -0,0 +1,16 @@
	1	+STYLESHEETS = \
	2	+ button.css\
	3	+ layout.css\
	4	+ blocks.css\
	5	+ search-results.css\
	6	+ article.css\
	7	+ controllers.css
	8	+
	9	+release:
	10	+ cat $(STYLESHEETS) > style.css
	11	+
	12	+development:
	13	+ for item in $(STYLESHEETS); do echo $$item; done \| sed -e 's/.*/@import url(&);/' > style.css
	14	+
	15	+clean:
	16	+ rm -f ~ /*~
...	...
...	...	@@ -0,0 +1,211 @@
	1	+#article a {
	2	+ text-decoration: underline;
	3	+}
	4	+
	5	+hr.pre-posts, hr.sep-posts {
	6	+ display: none;
	7	+}
	8	+
	9	+.blog-post {
	10	+ background: url(imgs/blog-sep.png) repeat-x;
	11	+ padding: 15px 20px 5px 20px;
	12	+ margin: 0px -19px;
	13	+}
	14	+
	15	+.main-block .article-body {
	16	+ overflow: visible;
	17	+}
	18	+
	19	+#article-actions {
	20	+ top: -18px;
	21	+}
	22	+
	23	+#article-actions a.button,
	24	+#article-actions a.button:hover {
	25	+ border: none;
	26	+ background-color: transparent;
	27	+ color: #888;
	28	+}
	29	+#article-actions a.button:hover {
	30	+ color: #555753;
	31	+}
	32	+
	33	+#bt_addThis {
	34	+ position: absolute;
	35	+ top: -15px;
	36	+ right: 0px;
	37	+}
	38	+
	39	+#content .blog-post .title {
	40	+ border-bottom-color: #CCC;
	41	+}
	42	+#content .blog-post .title a {
	43	+ font-weight: bold;
	44	+ color: #000;
	45	+ text-decoration: none;
	46	+}
	47	+
	48	+#content .main-block .created-at {
	49	+ text-align: left;
	50	+ color: #AAA;
	51	+}
	52	+#content .main-block .created-at a {
	53	+ color: #AAA;
	54	+ text-decoration: none;
	55	+}
	56	+#content .main-block .created-at a:hover {
	57	+ color: #555;
	58	+ text-decoration: underline;
	59	+}
	60	+
	61	+#article-tags {
	62	+ float: right;
	63	+ color: #FFF;
	64	+}
	65	+#article-tags a {
	66	+ text-decoration: none;
	67	+ padding: 0px 2px;
	68	+ -moz-border-radius: 3px;
	69	+ background: #BBB;
	70	+ color: #FFF;
	71	+}
	72	+#article-tags a:hover {
	73	+ background: #555753;
	74	+}
	75	+
	76	+#article-hits {
	77	+ text-align: left;
	78	+ color: #AAA;
	79	+}
	80	+
	81	+#article-parent {
	82	+ display: none;
	83	+}
	84	+
	85	+.msie .post_comment_box {
	86	+ padding-top: 15px;
	87	+}
	88	+
	89	+.post_comment_box.closed h4 {
	90	+ -moz-border-radius: 4px;
	91	+}
	92	+
	93	+.post_comment_box.opened h4 {
	94	+ display: block;
	95	+ background: #FFF;
	96	+ padding: 0px;
	97	+ font-variant: small-caps;
	98	+ color: #555753;
	99	+ font-size: 14px;
	100	+ text-align: left;
	101	+ border-bottom: 2px solid #888a85;
	102	+}
	103	+
	104	+.post_comment_box.opened {
	105	+ border: none;
	106	+ background: #FFF;
	107	+}
	108	+
	109	+
	110	+/************************** Comments *****************************/
	111	+
	112	+#content .comments h3 {
	113	+ font-variant: small-caps;
	114	+ color: #555753;
	115	+ font-size: 14px;
	116	+ text-align: left;
	117	+ border-bottom: 2px solid #888a85;
	118	+}
	119	+
	120	+.article-comment {
	121	+ border: none;
	122	+ background: #FFF;
	123	+}
	124	+
	125	+.comment-logged-out h4 {
	126	+ color: #888;
	127	+}
	128	+
	129	+#content .comment-picture {
	130	+ text-align: left;
	131	+ text-decoration: none;
	132	+ position: relative;
	133	+}
	134	+
	135	+.comment-wrapper-1 {
	136	+ margin-left: 60px;
	137	+ background: url(imgs/comment-bg-N.png) 0% 0% repeat-x;
	138	+}
	139	+.comment-wrapper-2 {
	140	+ background: url(imgs/comment-bg-S.png) 0% 100% repeat-x;
	141	+}
	142	+.comment-wrapper-3 {
	143	+ background: url(imgs/comment-bg-L.png) 100% 0% repeat-y;
	144	+}
	145	+.comment-wrapper-4 {
	146	+ background: url(imgs/comment-bg-O.png) 0% 0% repeat-y;
	147	+}
	148	+.comment-wrapper-5 {
	149	+ background: url(imgs/comment-bg-SL.png) 100% 100% no-repeat;
	150	+}
	151	+.comment-wrapper-6 {
	152	+ background: url(imgs/comment-bg-SO.png) 0% 100% no-repeat;
	153	+}
	154	+.comment-wrapper-7 {
	155	+ background: url(imgs/comment-bg-NL.png) 100% 0% no-repeat;
	156	+}
	157	+.comment-wrapper-8 {
	158	+ background: url(imgs/comment-bg-NO.png) 0% 0% no-repeat;
	159	+}
	160	+
	161	+.comment-from-owner .comment-wrapper-1 {
	162	+ background: #cecece url(imgs/comment-owner-bg-N.png) repeat-x;
	163	+}
	164	+.comment-from-owner .comment-wrapper-2 {
	165	+ background: url(imgs/comment-owner-bg-S.png) 0% 100% repeat-x;
	166	+}
	167	+.comment-from-owner .comment-wrapper-3 {
	168	+ background: url(imgs/comment-owner-bg-L.png) 100% 0% repeat-y;
	169	+}
	170	+.comment-from-owner .comment-wrapper-4 {
	171	+ background: url(imgs/comment-owner-bg-O.png) 0% 0% repeat-y;
	172	+}
	173	+.comment-from-owner .comment-wrapper-5 {
	174	+ background: url(imgs/comment-owner-bg-SL.png) 100% 100% no-repeat;
	175	+}
	176	+.comment-from-owner .comment-wrapper-6 {
	177	+ background: url(imgs/comment-owner-bg-SO.png) 0% 100% no-repeat;
	178	+}
	179	+.comment-from-owner .comment-wrapper-7 {
	180	+ background: url(imgs/comment-owner-bg-NL.png) 100% 0% no-repeat;
	181	+}
	182	+.comment-from-owner .comment-wrapper-8 {
	183	+ background: url(imgs/comment-owner-bg-NO.png) 0% 0% no-repeat;
	184	+}
	185	+
	186	+
	187	+.comment-created-at {
	188	+ position: relative;
	189	+ padding-right: 10px;
	190	+}
	191	+.comment-from-owner .comment-created-at {
	192	+ color: #333;
	193	+}
	194	+
	195	+
	196	+.article-comment .button-bar {
	197	+ position: relative;
	198	+ top: 3px;
	199	+ right: 1px;
	200	+ z-index: 10px;
	201	+}
	202	+.article-comment .button-bar a {
	203	+ position: relative;
	204	+}
	205	+
	206	+.comment-details {
	207	+ margin: 0px;
	208	+ padding: 7px 12px 3px 26px;
	209	+}
	210	+
	211	+
...	...
...	...	@@ -0,0 +1,439 @@
	1	+.block a {
	2	+ color: #555753;
	3	+}
	4	+.block a:visited {
	5	+ color: #888a85;
	6	+ font-weight: normal;
	7	+}
	8	+.block a:hover {
	9	+ color: #2e3436;
	10	+ text-decoration: underline;
	11	+}
	12	+
	13	+
	14	+#content .block {
	15	+ padding: 0px;
	16	+ margin: 0px 0px 20px 0px;
	17	+ position: relative;
	18	+}
	19	+
	20	+
	21	+#content .block-title {
	22	+ font-variant: small-caps;
	23	+ color: #AAA;
	24	+ font-size: 14px;
	25	+ text-align: left;
	26	+ border-bottom: 2px solid #AAA;
	27	+}
	28	+
	29	+/************************* Login block ***************************/
	30	+
	31	+.login-box {
	32	+ padding: 0px;
	33	+ font-size: 10px;
	34	+}
	35	+
	36	+#content .login-box-content a.button {
	37	+ font-size: 11px;
	38	+}
	39	+
	40	+.login-box-content {
	41	+ margin: 0px;
	42	+ border: none;
	43	+ background: none;
	44	+ padding: 0px;
	45	+}
	46	+
	47	+.login-box-content .button-bar .button {
	48	+ position: relative;
	49	+}
	50	+
	51	+.login-box .formfieldline input {
	52	+ width: 99%;
	53	+}
	54	+
	55	+.login-box form {
	56	+ margin: 0px;
	57	+ padding: 0px 0px 0px 0px;
	58	+}
	59	+.msie7 .login-box form {
	60	+ padding: 0px 10px 0px 0px;
	61	+}
	62	+
	63	+#content .login-block h2 {
	64	+ font-variant: small-caps;
	65	+ color: #AAA;
	66	+ font-size: 14px;
	67	+ text-align: left;
	68	+ border-bottom: 2px solid #AAA;
	69	+}
	70	+
	71	+.login-box p {
	72	+ text-align: center;
	73	+ margin: 0px;
	74	+ padding: 0px;
	75	+}
	76	+
	77	+.login-box .forgot-passwd a {
	78	+ color: #555753;
	79	+}
	80	+
	81	+.want-to-be-an-user {
	82	+ font-size: 13px;
	83	+}
	84	+
	85	+#content .logged-user-info h2 {
	86	+ font-size: none;
	87	+}
	88	+
	89	+.logged-user-info ul {
	90	+ margin-top: 5px;
	91	+}
	92	+
	93	+.logged-user-info .user-actions {
	94	+ padding-left: 50px;
	95	+}
	96	+
	97	+
	98	+/************************ Profile List ***************************/
	99	+
	100	+#content .people-block ul,
	101	+#content .profile-list-block ul,
	102	+#content .enterprises-block ul,
	103	+#content .members-block ul,
	104	+#content .communities-block ul,
	105	+#content .friends-block ul {
	106	+ min-width: 196px;
	107	+ width: 192px;
	108	+ margin: 0px 0px 0px -3px;
	109	+ padding: 0px;
	110	+}
	111	+
	112	+#content .tags-block .block-footer-content a,
	113	+#content .people-block .block-footer-content a,
	114	+#content .profile-list-block .block-footer-content a,
	115	+#content .enterprises-block .block-footer-content a,
	116	+#content .members-block .block-footer-content a,
	117	+#content .communities-block .block-footer-content a,
	118	+#content .friends-block .block-footer-content a {
	119	+ position: absolute;
	120	+ top: 2px;
	121	+ right: 0px;
	122	+ font-size: 11px;
	123	+ color: #000;
	124	+ text-decoration: none;
	125	+ padding-right: 15px;
	126	+ background: url(imgs/arrow-right-p.png) 100% 50% no-repeat;
	127	+}
	128	+
	129	+#content .profile-list-block .block-title {
	130	+ text-align: left;
	131	+}
	132	+
	133	+#content .profile-list li a,
	134	+#content .common-profile-list-block li a {
	135	+ color: #555;
	136	+}
	137	+#content .profile-list li a:hover,
	138	+#content .common-profile-list-block li a:hover {
	139	+ color: #000;
	140	+ text-decoration: none;
	141	+}
	142	+
	143	+/*********************** Recent Contents *************************/
	144	+
	145	+#content .feed-reader-block,
	146	+#content .recent-documents-block {
	147	+ overflow: hidden;
	148	+}
	149	+
	150	+.feed-reader-block li,
	151	+.recent-documents-block li {
	152	+ list-style-image: url(imgs/li-recent.gif);
	153	+ padding: 5px 0px;
	154	+}
	155	+
	156	+.feed-reader-block li a,
	157	+.recent-documents-block li a {
	158	+ font-weight: bold;
	159	+}
	160	+
	161	+.feed-reader-block li a:visited,
	162	+.recent-documents-block li a:visited {
	163	+ font-weight: normal;
	164	+}
	165	+
	166	+.feed-reader-block li a:hover,
	167	+.recent-documents-block li a:hover {
	168	+ text-decoration: underline;
	169	+}
	170	+
	171	+/*********************** Profile Image ***************************/
	172	+
	173	+#content .profile-image-block {
	174	+}
	175	+.profile-big-image-inner1 {
	176	+ text-align: center;
	177	+}
	178	+
	179	+.profile-big-image {
	180	+}
	181	+.profile-big-image img {
	182	+ border: none;
	183	+ padding: 0px;
	184	+}
	185	+
	186	+.profile-image-block p {
	187	+ text-align: left;
	188	+ margin: 0px;
	189	+ font-size: 17px;
	190	+ font-weight: bold;
	191	+ color: #555;
	192	+}
	193	+
	194	+
	195	+/************************* My Network ****************************/
	196	+
	197	+#content .block.my-network-block {
	198	+ margin: 0px 0px 10px 0px;
	199	+}
	200	+
	201	+.my-network-block ul {
	202	+ margin: 0px;
	203	+ padding: 0px 0px 10px 20px;
	204	+}
	205	+.my-network-block li {
	206	+ margin: 0px;
	207	+ padding: 0px;
	208	+ list-style: none;
	209	+}
	210	+
	211	+
	212	+/************************* Link List *****************************/
	213	+
	214	+.link-list-block .empty {
	215	+ display: none;
	216	+}
	217	+
	218	+#content .link-list-block li {
	219	+ background: #FFF;
	220	+ padding: 0px;
	221	+ margin: 5px 0px;
	222	+}
	223	+
	224	+#content .link-list-block li a {
	225	+ font-size: 14px;
	226	+ line-height: 24px;
	227	+ color: #000;
	228	+ background-color: #EEE;
	229	+ background-position: 4px 50%;
	230	+ -moz-border-radius: 4px;
	231	+}
	232	+
	233	+#content .link-list-block li a.link-this-page {
	234	+ -moz-border-radius-topright: 0px;
	235	+ -moz-border-radius-bottomright: 0px;
	236	+ background-color: #cecece;
	237	+ max-width: 175px;
	238	+ width: 200px;
	239	+ border-right: 2px solid #555753;
	240	+}
	241	+
	242	+#content .link-list-block li a:hover {
	243	+ background-color: #555753;
	244	+ color: #FFF;
	245	+ text-decoration: none;
	246	+}
	247	+#content .link-list-block li a.link-this-page:hover {
	248	+ border-right: 2px solid #555753;
	249	+}
	250	+
	251	+
	252	+/************************ Communities ****************************/
	253	+
	254	+.communities-block .profile-image {
	255	+ float: left;
	256	+ padding-left: 4px;
	257	+ max-width: 70px;
	258	+ width: 75px;
	259	+ height: auto;
	260	+}
	261	+
	262	+.communities-block .vcard a {
	263	+ clear: left;
	264	+ text-align: left;
	265	+ padding-bottom: 3px;
	266	+ width: 99%;
	267	+ height: auto;
	268	+}
	269	+.msie6 .communities-block .common-profile-list-block .vcard a,
	270	+.msie7 .communities-block .common-profile-list-block .vcard a {
	271	+ height: auto;
	272	+ width: 99%;
	273	+ padding-bottom: 1px;
	274	+}
	275	+
	276	+.communities-block .vcard a .org {
	277	+ padding-top: 5px;
	278	+ font-size: 12px;
	279	+ color: #000;
	280	+ max-height: 30px;
	281	+ overflow: hidden;
	282	+}
	283	+.msie .communities-block .vcard a .org {
	284	+ height: 30px;
	285	+}
	286	+
	287	+.communities-block .vcard a .may-clear {
	288	+ clear: left;
	289	+}
	290	+
	291	+/**************************** Tags *******************************/
	292	+
	293	+/* the style here is not only for #content .tags-block .tag_cloud */
	294	+
	295	+.tag_cloud {
	296	+ text-align: center;
	297	+}
	298	+
	299	+.tag_cloud a {
	300	+ text-decoration: none;
	301	+}
	302	+
	303	+.tag_cloud a small {
	304	+ opacity: 0.5;
	305	+ filter:alpha(opacity=50);
	306	+}
	307	+
	308	+/******************* Environment Statistics **********************/
	309	+
	310	+#content .environment-statistics-block .block-title {
	311	+ color: #AAA;
	312	+ border-bottom: 2px solid #AAA;
	313	+}
	314	+#content .environment-statistics-block ul {
	315	+ margin: 0px 20px;
	316	+ padding: 0px;
	317	+}
	318	+#content .environment-statistics-block li {
	319	+ list-style-image: url(imgs/li-gray.gif);
	320	+ padding: 3px 0px;
	321	+ color: #777
	322	+}
	323	+
	324	+/************************* News Area *****************************/
	325	+
	326	+.action-home-index #content h1 {
	327	+ color: #05A;
	328	+ border-bottom: 2px solid #555753;
	329	+}
	330	+
	331	+.highlighted-news-item {
	332	+ border-top: 1px solid #CCC;
	333	+ padding-top: 5px;
	334	+}
	335	+.highlighted-news-item.post-1 {
	336	+ border: none;
	337	+ padding-top: 0px;
	338	+}
	339	+
	340	+#highlighted-news h2 a {
	341	+ font-weight: bold;
	342	+ color: #2e3436;
	343	+}
	344	+
	345	+.news-area {
	346	+ border: none;
	347	+ background: #FFF;
	348	+ height: auto;
	349	+ position: relative;
	350	+}
	351	+
	352	+.news-area ul {
	353	+ border: 1px solid #CCC;
	354	+ border-top: 2px solid #07C;
	355	+ height: 125px;
	356	+ overflow: auto;
	357	+ margin: 0px;
	358	+ padding: 5px 10px;
	359	+ background: url(imgs/comment-bg-S.png) 0% 100% repeat-x;
	360	+ border-bottom: none;
	361	+}
	362	+
	363	+.news-area li {
	364	+ margin-left: 15px;
	365	+ padding: 0px 0px;
	366	+ list-style-image: url(imgs/li-blue.gif);
	367	+}
	368	+
	369	+#content .news-area h3 a {
	370	+ font-weight: bold;
	371	+ color: #2e3436;
	372	+}
	373	+#content .news-area h3 a:hover {
	374	+ text-decoration: none;
	375	+}
	376	+
	377	+#content .news-area h3 {
	378	+ background: #FFF;
	379	+ margin: 0px;
	380	+ padding: 0px;
	381	+}
	382	+
	383	+#content .news-area a {
	384	+ color: #000;
	385	+}
	386	+
	387	+#content .news-area a.news-see-more {
	388	+ position: absolute;
	389	+ top: 3px;
	390	+ right: 0px;
	391	+
	392	+ color: #000;
	393	+ padding-right: 10px;
	394	+ background: url(imgs/arrow-right-p.png) 100% 50% no-repeat;
	395	+}
	396	+
	397	+#content .news-area a.news-see-more:hover {
	398	+ text-decoration: none;
	399	+ color: #07C;
	400	+}
	401	+
	402	+#portal-news ul {
	403	+ padding: 0px;
	404	+ border-top: 1px solid #CCC;
	405	+}
	406	+#portal-news li {
	407	+ list-style: none;
	408	+ padding: 8px 0px;
	409	+ border-bottom: 1px solid #CCC;
	410	+}
	411	+#portal-news li a {
	412	+ font-weight: bold;
	413	+ color: #05A;
	414	+}
	415	+#portal-news .post-date, #highlighted-news .post-date {
	416	+ color: #555753;
	417	+}
	418	+
	419	+#portal-news .post-date {
	420	+ float: left;
	421	+}
	422	+#portal-news .post-title {
	423	+ display: block;
	424	+ margin-left: 65px;
	425	+}
	426	+
	427	+#highlighted-news .post-title {
	428	+ font-weight: bold;
	429	+ font-size: 20px;
	430	+}
	431	+#highlighted-news h2 {
	432	+ margin-bottom: 0px;
	433	+}
	434	+
	435	+X.sep {
	436	+ background: url(imgs/blog-sep.png) 50% 50% repeat-x;
	437	+ padding: 10px 20px;
	438	+ margin: 10px -19px;
	439	+}
...	...
...	...	@@ -0,0 +1,33 @@
	1	+
	2	+.button {
	3	+ -moz-border-radius: 3px;
	4	+}
	5	+
	6	+#content input.button, #content a.button {
	7	+ background-repeat: no-repeat;
	8	+ background-color: #EEE;
	9	+ border: 1px solid #CCC;
	10	+ color: #555;
	11	+ line-height: 16px;
	12	+ height: 16px;
	13	+ text-decoration: none;
	14	+}
	15	+
	16	+#content input.button.with-text, #content a.button.with-text {
	17	+ line-height: 20px;
	18	+ height: 20px;
	19	+}
	20	+
	21	+input.button {
	22	+ max-height: 20px;
	23	+}
	24	+input.button.with-text {
	25	+ max-height: 22px;
	26	+}
	27	+
	28	+#content input.button:hover, #content a.button:hover {
	29	+ color: #FFF;
	30	+ background-color: #555;
	31	+ border: 1px solid #2e3436;
	32	+ text-decoration: none;
	33	+}
...	...
...	...	@@ -0,0 +1,58 @@
	1	+/****** controller-friends action-friends-index ******/
	2	+
	3	+.action-friends-index .profile-list li,
	4	+.common-profile-list-block .vcard a {
	5	+ border: 1px solid transparent;
	6	+}
	7	+
	8	+.action-friends-index .profile-list li:hover,
	9	+.common-profile-list-block .vcard a:hover {
	10	+ border: 1px solid #CCC;
	11	+ -moz-border-radius: 5px;
	12	+ background: #EEE;
	13	+ text-decoration: none;
	14	+}
	15	+
	16	+
	17	+/****** controller-profile action-profile-index ******/
	18	+
	19	+table.profile th {
	20	+ font-size: 15px;
	21	+ text-align: left;
	22	+}
	23	+
	24	+/** controller-memberships action-memberships-index **/
	25	+
	26	+#memberships-index li {
	27	+ background-color: #FFF;
	28	+ border: 1px solid #EEE;
	29	+ -moz-border-radius: 9px;
	30	+ margin-bottom: 10px;
	31	+}
	32	+
	33	+#memberships-index li .vcard a.profile_link.url {
	34	+ border: 1px solid transparent;
	35	+ background-color: #FFF;
	36	+}
	37	+
	38	+#memberships-index li .vcard a.profile_link.url:hover {
	39	+ border: 1px solid #CCC;
	40	+ background-color: #EEE;
	41	+ -moz-border-radius: 4px;
	42	+}
	43	+
	44	+/************************ Control Panel **************************/
	45	+
	46	+.control-panel a,
	47	+.control-panel a:visited {
	48	+ color: #000;
	49	+ font-weight: bold;
	50	+ background-position: 2px 50%;
	51	+}
	52	+.control-panel a:hover {
	53	+ text-decoration: none;
	54	+ color: #2e3436;
	55	+ background-color: #d3d7cf;
	56	+}
	57	+
	58	+
...	...
...	...	@@ -0,0 +1,17 @@
	1	+#online-doc-navigation h1 {
	2	+ font-variant: small-caps;
	3	+ color: #AAA;
	4	+ border-bottom-color: #AAA;
	5	+}
	6	+
	7	+#online-doc h1,
	8	+#online-doc h2,
	9	+#online-doc h3,
	10	+#online-doc h4,
	11	+#online-doc h5,
	12	+#online-doc h6
	13	+{
	14	+ font-variant: small-caps;
	15	+ border-bottom: 2px solid #000;
	16	+ text-align: left;
	17	+}
...	...
...	...	@@ -0,0 +1,43 @@
	1	+body {
	2	+ font-family: sans-serif;
	3	+ margin: 0px;
	4	+ padding: 0% 0%;
	5	+ background: #eee;
	6	+ font-size: 12px;
	7	+}
	8	+
	9	+#wrap {
	10	+ margin: 0px 20px 0px 20px;
	11	+ border: 1px solid #d3d7cf;
	12	+ background: white url(imgs/50x.png) 100% 100% no-repeat;
	13	+ padding: 1em 3em 1em 3em;
	14	+ height: 400px;
	15	+}
	16	+
	17	+#languages {
	18	+ float: left;
	19	+ width: 40%;
	20	+ margin-top: 3em;
	21	+ border-top: 1px solid #aaa;
	22	+ padding-top: 0.5em;
	23	+}
	24	+
	25	+#languages a {
	26	+ margin-right: 0.5em;
	27	+}
	28	+
	29	+h1 {
	30	+ margin: 30px 0px 0px 0px;
	31	+ font-weight: bold;
	32	+ font-variant: small-caps;
	33	+ border-bottom: 2px solid #2e3436;
	34	+ color: #555753;
	35	+ font-size: 16px;
	36	+}
	37	+
	38	+a, a:visited {
	39	+ color: #666;
	40	+}
	41	+a:hover {
	42	+ color: black;
	43	+}
...	...
...	...	@@ -0,0 +1,12 @@
	1	+<div id="footer-links">
	2	+</div><!-- end id="footer-links" -->
	3	+<div id="copyright">
	4	+ <p id='noosfero-license'>
	5	+ Powered by <a
	6	+ href="http://www.noosfero.org/" id='link-noosfero'>Noosfero</a>, licensed under
	7	+ <a href="http://www.gnu.org/licenses/agpl.html">GNU Affero General Public
	8	+ License</a>, version 3 or above. </p>
	9	+ <!-- Desenvolvido com
	10	+ <a href="http://noosfero.com.br"
	11	+ title="FLOSS for Social!">Noosfero</a-->
	12	+</div><!-- end id="copyright" -->
...	...
...	...	@@ -0,0 +1,5 @@
	1	+<div id='language-chooser'><%= language_chooser(:element => 'dropdown') %></div>
	2	+<div id="friends">
	3	+
	4	+</div><!-- end id="friends" -->
	5	+
...	...
...	...	@@ -0,0 +1,347 @@
	1	+body {
	2	+ background: #EEE;
	3	+ font-family: Liberation Sans, Arial, sans-serif;
	4	+ min-width: 780px;
	5	+}
	6	+
	7	+body, th, td, input {
	8	+ font-size: 12px;
	9	+}
	10	+
	11	+#link-go-content {
	12	+ position: absolute;
	13	+ top: -100px;
	14	+}
	15	+
	16	+.docSize-GT-900 #wrap-1 { margin: 0px 1%; }
	17	+.docSize-GT-1000 #wrap-1 { margin: 0px 2%; }
	18	+.docSize-GT-1100 #wrap-1 { margin: 0px 3%; }
	19	+.docSize-GT-1200 #wrap-1 { margin: 0px 4%; }
	20	+.docSize-GT-1300 #wrap-1 { margin: 0px 5%; }
	21	+
	22	+#wrap-2 {
	23	+ padding: 10px;
	24	+ position: relative;
	25	+ border: 1px solid #d3d7cf;
	26	+ background-color: white;
	27	+}
	28	+
	29	+#content {
	30	+ margin-top: 92px;
	31	+}
	32	+
	33	+/************************* friends *******************************/
	34	+
	35	+#language-chooser {
	36	+ float: right;
	37	+ padding-top: 1px;
	38	+}
	39	+
	40	+#language-chooser select {
	41	+ font-size: 11px;
	42	+}
	43	+
	44	+/************************* friends *******************************/
	45	+
	46	+#friends {
	47	+ padding: 6px 3px;
	48	+ font-size: 11px;
	49	+}
	50	+
	51	+#friends a {
	52	+ margin-right: 30px;
	53	+ color: #777;
	54	+ text-decoration: none;
	55	+}
	56	+#friends a:hover {
	57	+ color: #333;
	58	+ text-decoration: underline;
	59	+}
	60	+
	61	+/************************* user bar ******************************/
	62	+
	63	+#user {
	64	+ text-align: right;
	65	+ position: absolute;
	66	+ right: 20px;
	67	+ z-index: 10;
	68	+}
	69	+
	70	+#user a {
	71	+ position: relative;
	72	+ color: #888a85;
	73	+}
	74	+
	75	+#user a strong {
	76	+ font-weight: bold;
	77	+ color: #555753;
	78	+}
	79	+
	80	+#controlpanel, #logout {
	81	+ margin-left: 25px;
	82	+}
	83	+
	84	+#user a i {
	85	+ display: block;
	86	+ width: 16px;
	87	+ height: 16px;
	88	+ position: absolute;
	89	+ left: -17px;
	90	+ top: -1px;
	91	+}
	92	+.msie6 #user a i {
	93	+ left: 8px;
	94	+ top: 3px;
	95	+}
	96	+.msie7 #user a i {
	97	+ top: 3px;
	98	+}
	99	+
	100	+#user form {
	101	+ position: relative;
	102	+ display: inline;
	103	+ margin-left: 20px;
	104	+}
	105	+
	106	+#user form input {
	107	+ width: 160px;
	108	+ border: 1px solid #BBB;
	109	+ -moz-border-radius: 3px;
	110	+ color: #CCC;
	111	+}
	112	+#user form.focused input {
	113	+ border: 1px solid #888;
	114	+ color: #555;
	115	+}
	116	+
	117	+#user form div {
	118	+ font-size: 11px;
	119	+ color: #888;
	120	+ visibility: hidden;
	121	+}
	122	+#user form.focused div {
	123	+ visibility: visible;
	124	+}
	125	+
	126	+/************************* logo **********************************/
	127	+
	128	+#site-title {
	129	+ margin: 0px;
	130	+ padding: 0px;
	131	+ position: absolute;
	132	+ top: 20px;
	133	+ left: 0px;
	134	+ z-index: 2;
	135	+ overflow: hidden;
	136	+ width: 310px;
	137	+ height: 90px;
	138	+}
	139	+.msie6 #site-title {
	140	+ left: -10px;
	141	+}
	142	+#site-title a {
	143	+ display: block;
	144	+ width: 300px;
	145	+ height: 40px;
	146	+ position: absolute;
	147	+ top: 30px;
	148	+ left: 20px;
	149	+}
	150	+
	151	+#site-title span {
	152	+ font-size: 1px;
	153	+ position: absolute;
	154	+ top: -200px;
	155	+}
	156	+
	157	+/************************ navigation bar *************************/
	158	+
	159	+#navigation {
	160	+ position: absolute;
	161	+ top: 49px;
	162	+ right: 0px;
	163	+ width: 99%;
	164	+ text-align: right;
	165	+ background: #ced3ce url(imgs/menu-top-bg-left.png) no-repeat;
	166	+}
	167	+
	168	+#navigation-end {
	169	+ position: absolute;
	170	+ top: 0px;
	171	+ right: 0px;
	172	+ width: 14px;
	173	+ height: 42px;
	174	+ background: url(imgs/menu-top-bg-right.png);
	175	+}
	176	+
	177	+.msie6 #navigation {
	178	+ background: none;
	179	+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
	180	+ (src='/stylesheets/ng/imgs/menu-top-bg-left.png', sizingMethod='scale');
	181	+}
	182	+.msie6 #navigation-end {
	183	+ right: -1px;
	184	+ background: none;
	185	+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
	186	+ (src='/stylesheets/ng/imgs/menu-top-bg-right.png', sizingMethod='scale');
	187	+}
	188	+
	189	+#navigation ul {
	190	+ height: 42px;
	191	+ margin: 0px;
	192	+ padding: 0px 10px 0px 0px;
	193	+ float: right;
	194	+ overflow: hidden;
	195	+}
	196	+
	197	+#navigation li {
	198	+ list-style: none;
	199	+ display: block;
	200	+ height: 54px;
	201	+ float: left;
	202	+ border-left: 1px solid #888a85;
	203	+}
	204	+
	205	+#navigation a {
	206	+ display: block;
	207	+ font-size: 15px;
	208	+ line-height: 42px;
	209	+ text-decoration: none;
	210	+ color: #000;
	211	+}
	212	+#navigation a:hover {
	213	+ background: url(imgs/menu-top-hilight.png);
	214	+ color: #FFF;
	215	+}
	216	+
	217	+#navigation span {
	218	+ padding: 0px 15px 0px 40px;
	219	+ background-position: 15px 50%;
	220	+ background-repeat: no-repeat;
	221	+}
	222	+
	223	+/*************************** boxes ******************************/
	224	+
	225	+.template-default .box-1 { /* Center */
	226	+ position: relative;
	227	+ margin: 0px 200px 0px 200px;
	228	+}
	229	+.msie6.template-default .box-1 {
	230	+ width: expression( $("wrap-2").offsetWidth - 430 ); 640
	231	+}
	232	+/*.docSize-GT-900.msie6.template-default .box-1 {
	233	+ width: 350px;
	234	+}*/
	235	+
	236	+.template-default .box-2 { /* Left */
	237	+ position: relative;
	238	+ width: 190px;
	239	+}
	240	+
	241	+.template-default .box-3 { /* Right */
	242	+ position: relative;
	243	+ width: 190px;
	244	+}
	245	+
	246	+/************************ main content ***************************/
	247	+
	248	+#main-content-wrapper-1, #main-content-wrapper-2,
	249	+#main-content-wrapper-3, #main-content-wrapper-4,
	250	+#main-content-wrapper-5, #main-content-wrapper-6,
	251	+#main-content-wrapper-7, #main-content-wrapper-8 {
	252	+ position: relative;
	253	+}
	254	+
	255	+#main-content-wrapper-1 { background: url(imgs/content-bg-N.png) 0% 0% repeat-x }
	256	+#main-content-wrapper-2 { background: url(imgs/content-bg-S.png) 0% 100% repeat-x }
	257	+#main-content-wrapper-3 { background: url(imgs/content-bg-L.png) 100% 0% repeat-y }
	258	+#main-content-wrapper-4 { background: url(imgs/content-bg-O.png) 0% 0% repeat-y }
	259	+#main-content-wrapper-5 { background: url(imgs/content-bg-NL.png) 100% 0% no-repeat }
	260	+#main-content-wrapper-6 { background: url(imgs/content-bg-NO.png) 0% 0% no-repeat }
	261	+#main-content-wrapper-7 { background: url(imgs/content-bg-SL.png) 100% 100% no-repeat }
	262	+#main-content-wrapper-8 { background: url(imgs/content-bg-SO.png) 0% 100% no-repeat }
	263	+#main-content-wrapper-8 {
	264	+ padding: 10px 20px;
	265	+}
	266	+
	267	+#content .main-block h1 {
	268	+ font-variant: small-caps;
	269	+ color: #555753;
	270	+ font-size: 16px;
	271	+ text-align: left;
	272	+ border-bottom: 2px solid #2e3436;
	273	+}
	274	+
	275	+/*************************** footer ******************************/
	276	+
	277	+#theme-footer {
	278	+ padding: 0px;
	279	+ font-size: 11px;
	280	+ color: #555;
	281	+}
	282	+.docSize-GT-900 #theme-footer { margin: 0px 1%; }
	283	+.docSize-GT-1000 #theme-footer { margin: 0px 2%; }
	284	+.docSize-GT-1100 #theme-footer { margin: 0px 3%; }
	285	+.docSize-GT-1200 #theme-footer { margin: 0px 4%; }
	286	+.docSize-GT-1300 #theme-footer { margin: 0px 5%; }
	287	+
	288	+#theme-footer a {
	289	+ color: #333;
	290	+ text-decoration: none;
	291	+}
	292	+#theme-footer a:hover {
	293	+ color: #222;
	294	+ text-decoration: underline;
	295	+}
	296	+
	297	+#footer-links {
	298	+ text-align: left;
	299	+ float: left;
	300	+}
	301	+#footer-links a {
	302	+ margin-right: 8px;
	303	+}
	304	+
	305	+#footer-links a#slbr {
	306	+ display: block;
	307	+ float: left;
	308	+ background: url(imgs/lettering-slbr.png) 0% 50% no-repeat;
	309	+ max-width: 202px;
	310	+ width: 224px;
	311	+ height: 34px;
	312	+ padding-right: 20px;
	313	+ margin-right: 15px;
	314	+ border-right: 1px solid #F0F0F0;
	315	+ overflow: hidden;
	316	+ position: relative;
	317	+ top: -10px
	318	+}
	319	+
	320	+#slbr span {
	321	+ position: absolute;
	322	+ top: -100px;
	323	+}
	324	+
	325	+#copyright {
	326	+ text-align: right;
	327	+ /* background: url(imgs/colivre-nascente-cinza.gif) 100% 100% no-repeat; */
	328	+}
	329	+
	330	+#noosfero-license {
	331	+ margin-bottom: 1em;
	332	+}
	333	+
	334	+div.no_media_panel {
	335	+ margin: 0px;
	336	+}
	337	+
	338	+div#notice {
	339	+ background-color: #ffd;
	340	+ color: black;
	341	+ border: 1px solid #d3d7cf;
	342	+ -moz-border-radius: 5px;
	343	+
	344	+ top: 33px;
	345	+ left: 30px;
	346	+ margin-left: 0px;
	347	+}
...	...