Commit 359cd218ffc030722790651ff9f53b2481af80ba

Authored by Serpro Designer
1 parent 3aba3cdf

Willl stuff

Showing 73 changed files with 4249 additions and 0 deletions   Show diff stats
public/designs/icons/default 0 → 120000
... ... @@ -0,0 +1 @@
  1 +tango
0 2 \ No newline at end of file
... ...
public/designs/themes/base-responsive-will/favicon.ico 0 → 120000
... ... @@ -0,0 +1 @@
  1 +../base/favicon.ico
0 2 \ No newline at end of file
... ...
public/designs/themes/base-responsive-will/footer.html.erb 0 → 120000
... ... @@ -0,0 +1 @@
  1 +../base/footer.html.erb
0 2 \ No newline at end of file
... ...
public/designs/themes/base-responsive-will/header.html.erb 0 → 100644
... ... @@ -0,0 +1 @@
  1 +<!-- empty -->
... ...
public/designs/themes/base-responsive-will/icons 0 → 120000
... ... @@ -0,0 +1 @@
  1 +../base/icons
0 2 \ No newline at end of file
... ...
public/designs/themes/base-responsive-will/imgs 0 → 120000
... ... @@ -0,0 +1 @@
  1 +../base/imgs
0 2 \ No newline at end of file
... ...
public/designs/themes/base-responsive-will/navigation.html.erb 0 → 100644
... ... @@ -0,0 +1,4 @@
  1 +<%= search_people_menu %>
  2 +<%= search_communities_menu %>
  3 +<%= search_contents_menu %>
  4 +<li><a href="/search/events" class="icon-menu-events"><%= _('Events') %></a></li>
... ...
public/designs/themes/base-responsive-will/site_title.html.erb 0 → 100644
... ... @@ -0,0 +1 @@
  1 +<span class="noosfero-responsive-top-logo"></span>
... ...
public/designs/themes/base-responsive-will/style.scss 0 → 100644
... ... @@ -0,0 +1,2084 @@
  1 +$bootstrap-loaded: false !default;
  2 +@if not $bootstrap-loaded {
  3 + @import url(/assets/plugins/responsive/bootstrap/all.css);
  4 + $bootstrap-loaded: true;
  5 +}
  6 +
  7 +// Parts
  8 +// TODO: move more code from here to parts
  9 +@import 'stylesheets/profile_title';
  10 +
  11 +/* ==> button.css <== */
  12 +
  13 +.button {
  14 + -moz-border-radius: 3px;
  15 + -webkit-border-radius: 3px;
  16 +}
  17 +
  18 +#content input.button, #content a.button {
  19 + background-repeat: no-repeat;
  20 + background-color: #EEE;
  21 + border: 1px solid #CCC;
  22 + color: #555;
  23 + line-height: 16px;
  24 + height: 16px;
  25 + text-decoration: none;
  26 +}
  27 +
  28 +#content input.button.with-text, #content a.button.with-text {
  29 + line-height: 20px;
  30 + height: 20px;
  31 +}
  32 +
  33 +input.button {
  34 + max-height: 20px;
  35 +}
  36 +input.button.with-text {
  37 + max-height: 22px;
  38 +}
  39 +
  40 +#content input.button:hover, #content a.button:hover {
  41 + color: #FFF;
  42 + background-color: #555;
  43 + border: 1px solid #2e3436;
  44 + text-decoration: none;
  45 +}
  46 +
  47 +.cms-homepage a:hover {
  48 + background-color: rgba(146, 31, 31, 1);
  49 +}
  50 +
  51 +/* ==> layout.css <== */
  52 +
  53 +body {
  54 + background: #EEE;
  55 + font-family: Liberation Sans, Arial, sans-serif;
  56 +}
  57 +
  58 +
  59 +body, th, td, input {
  60 + font-size: 12px;
  61 +}
  62 +
  63 +#link-go-content {
  64 + position: absolute;
  65 + top: -100px;
  66 +}
  67 +
  68 +#wrap-2 {
  69 + padding: 10px;
  70 + position: relative;
  71 + border: 1px solid #d3d7cf;
  72 + background-color: white;
  73 +}
  74 +
  75 +.msie7 #wrap-2 {
  76 + height: 100%;
  77 +}
  78 +
  79 +/*************************** user bar ********************************/
  80 +
  81 +#user {
  82 + text-align: right;
  83 + position: absolute;
  84 + right: 10px;
  85 + z-index: 10;
  86 +}
  87 +
  88 +#user a {
  89 + position: relative;
  90 + color: #888a85;
  91 +}
  92 +
  93 +#user a strong {
  94 + font-weight: bold;
  95 + color: #555753;
  96 +}
  97 +
  98 +#user .logged-in > * {
  99 + margin-left: 25px;
  100 +}
  101 +
  102 +#user a i {
  103 + display: block;
  104 + width: 16px;
  105 + height: 16px;
  106 + position: absolute;
  107 + left: -17px;
  108 + top: -1px;
  109 +}
  110 +.msie7 #user a i {
  111 + top: 3px;
  112 +}
  113 +
  114 +#user #homepage-link i {
  115 + width: 18px;
  116 + height: 18px;
  117 + left: -20px;
  118 + top: -2px;
  119 + background-position: 50% 50%;
  120 +}
  121 +
  122 +#user form {
  123 + position: relative;
  124 + display: inline;
  125 + margin-left: 20px;
  126 +}
  127 +
  128 +#user form input .blur {
  129 + width: 160px;
  130 + border: 1px solid #BBB;
  131 + -moz-border-radius: 3px;
  132 + -webkit-border-radius: 3px;
  133 + color: #CCC;
  134 +}
  135 +#user form input {
  136 + border: 1px solid #888;
  137 + color: #555;
  138 +}
  139 +
  140 +#user form div {
  141 + font-size: 11px;
  142 + color: #888;
  143 + visibility: hidden;
  144 +}
  145 +#user form.focused div {
  146 + visibility: visible;
  147 +}
  148 +
  149 +/*************************** logo ************************************/
  150 +
  151 +#site-title {
  152 + margin: 0px;
  153 + padding: 0px;
  154 + position: absolute;
  155 + top: 20px;
  156 + left: 0px;
  157 + z-index: 7;
  158 + overflow: hidden;
  159 + width: 310px;
  160 + height: 90px;
  161 +}
  162 +
  163 +#site-title a {
  164 + display: block;
  165 + width: 300px;
  166 + height: 40px;
  167 + position: absolute;
  168 + top: 30px;
  169 + left: 20px;
  170 +}
  171 +
  172 +#site-title span {
  173 + font-size: 1px;
  174 + position: absolute;
  175 + top: -200px;
  176 +}
  177 +
  178 +/************************** navigation bar ***************************/
  179 +
  180 +#navigation {
  181 + position: absolute;
  182 + top: 49px;
  183 + right: 0px;
  184 + width: 100%;
  185 + text-align: right;
  186 + background: #ccc url(imgs/menu-top-bg-left.png) no-repeat;
  187 +}
  188 +
  189 +#navigation-end {
  190 + position: absolute;
  191 + top: 0px;
  192 + right: 0px;
  193 + width: 14px;
  194 + height: 42px;
  195 + background: url(imgs/menu-top-bg-right.png);
  196 +}
  197 +
  198 +#navigation ul {
  199 + height: 42px;
  200 + margin: 0px;
  201 + padding: 0px 10px 0px 0px;
  202 + float: right;
  203 +}
  204 +
  205 +#navigation li {
  206 + list-style: none;
  207 + display: block;
  208 + height: auto;
  209 + width: 125px;
  210 + float: left;
  211 + text-align: center;
  212 + position: relative;
  213 +}
  214 +
  215 +#navigation a {
  216 + border-left: 1px solid #888a85;
  217 + display: block;
  218 + font-size: 15px;
  219 + line-height: 42px;
  220 + text-decoration: none;
  221 + color: #000;
  222 +}
  223 +#navigation a:hover {
  224 + background: url(imgs/menu-top-hilight.png);
  225 + color: #FFF;
  226 +}
  227 +
  228 +#navigation span {
  229 + padding: 0px 0px 0px 30px;
  230 + background-position: 5px 50%;
  231 + background-repeat: no-repeat;
  232 +}
  233 +
  234 +#navigation .menu-submenu ul, #navigation .menu-submenu li{
  235 + float: none;
  236 + text-align: right;
  237 + border-left: 0px;
  238 +}
  239 +
  240 +#navigation .menu-submenu ul{
  241 + border: 1px solid #888a85;
  242 + border-top: 0px;
  243 + background-color: #ccc;
  244 + padding-right: 2px;
  245 + height: auto;
  246 + display: block;
  247 + padding-top: 20px;
  248 +}
  249 +
  250 +#navigation .menu-submenu{
  251 + bottom: -75px;
  252 + width: 126px;
  253 + top: 0px;
  254 + right: 0px;
  255 + position: relative;
  256 +}
  257 +
  258 +#navigation .menu-submenu a{
  259 + padding: 4px 5px;
  260 + font-size: 12px;
  261 + line-height: normal;
  262 + border-left: 0;
  263 +}
  264 +
  265 +#navigation .menu-submenu-trigger {
  266 + background: #eee url(/images/down-arrow.png) center center no-repeat;
  267 + border: 0px;
  268 + height: 8px;
  269 + width: 124px;
  270 +}
  271 +#navigation li:hover .menu-submenu-trigger:hover {
  272 + background: #585858 url(imgs/down-arrow-light.png) center center no-repeat;
  273 +}
  274 +
  275 +#navigation li:hover .menu-submenu-trigger{
  276 + display: block;
  277 +}
  278 +
  279 +#navigation li .menu-submenu-trigger{
  280 + display: none;
  281 + height: 16px;
  282 + top: 42px;
  283 + left: 0;
  284 + border: 1px solid #888A85;
  285 + outline: none;
  286 +}
  287 +
  288 +#navigation .menu-submenu-header, #navigation .menu-submenu-footer, #navigation .menu-submenu h4{
  289 + display: none;
  290 +}
  291 +
  292 +#navigation .common-profile-list-block .vcard .menu-submenu-trigger,
  293 +.menu-submenu-trigger {
  294 + left: 1px;
  295 + top: 33px;
  296 + -moz-border-radius: 0px;
  297 + -webkit-border-radius: 0px;
  298 +}
  299 +
  300 +/************************** main content *****************************/
  301 +
  302 +#main-content-wrapper-1, #main-content-wrapper-2,
  303 +#main-content-wrapper-3, #main-content-wrapper-4,
  304 +#main-content-wrapper-5, #main-content-wrapper-6,
  305 +#main-content-wrapper-7, #main-content-wrapper-8 {
  306 + position: relative;
  307 +}
  308 +
  309 +#content .main-block h1, #not-found h1, #access-denied h1 {
  310 + font-variant: small-caps;
  311 + color: #555753;
  312 + text-align: left;
  313 + border-bottom: 2px solid #2e3436;
  314 +}
  315 +
  316 +
  317 +
  318 +/***************************** header ********************************/
  319 +#theme-header {
  320 +}
  321 +#profile-header {
  322 + max-height: none;
  323 +}
  324 +@media (max-width: 767px) {
  325 + #profile-header {
  326 + display: none;
  327 + }
  328 +}
  329 +
  330 +/***************************** footer ********************************/
  331 +
  332 +#theme-footer #language-chooser {
  333 + text-align: center;
  334 +}
  335 +
  336 +
  337 +#theme-footer {
  338 + padding: 0px;
  339 + font-size: 11px;
  340 + color: #555;
  341 + margin-bottom: 0px;
  342 +}
  343 +
  344 +#theme-footer a {
  345 + color: #333;
  346 + text-decoration: none;
  347 +}
  348 +#theme-footer a:hover {
  349 + color: #222;
  350 + text-decoration: underline;
  351 +}
  352 +
  353 +#footer-links {
  354 + text-align: left;
  355 + float: left;
  356 +}
  357 +
  358 +#link-to-doc {
  359 + background-repeat: no-repeat;
  360 + padding-left: 20px;
  361 + padding-top: 2px;
  362 + padding-bottom: 2px;
  363 +}
  364 +
  365 +#copyright {
  366 + text-align: right;
  367 +}
  368 +
  369 +#noosfero-license {
  370 + margin-bottom: 1em;
  371 +}
  372 +
  373 +div#notice {
  374 + /*Vini, I've removed these styles to fit in small screens, ok?
  375 + right: 50%;
  376 + margin-right: -470px;*/
  377 + width: 270px;
  378 + top: 50px;
  379 +}
  380 +
  381 +/* ==> blocks.css <== */
  382 +
  383 +#content .block-title {
  384 + font-variant: small-caps;
  385 + color: #AAA;
  386 + font-size: 14px;
  387 + text-align: left;
  388 + border-bottom: 2px solid #AAA;
  389 +}
  390 +
  391 +/*************************** Login block *****************************/
  392 +
  393 +.login-box {
  394 + padding: 15px;
  395 +}
  396 +
  397 +.login-box-content {
  398 + margin: 0px;
  399 + border: none;
  400 + background: none;
  401 + padding: 0px;
  402 +}
  403 +
  404 +.login-box-content .button-bar .button {
  405 + position: relative;
  406 +}
  407 +
  408 +.login-box .formfieldline input {
  409 + width: 99%;
  410 +}
  411 +
  412 +.login-box form {
  413 + margin: 0px;
  414 +}
  415 +.msie7 .login-box form {
  416 + padding: 0px 10px 0px 0px;
  417 +}
  418 +
  419 +#content .login-block h2 {
  420 + font-variant: small-caps;
  421 + color: #AAA;
  422 + font-size: 14px;
  423 + text-align: left;
  424 + border-bottom: 2px solid #AAA;
  425 +}
  426 +
  427 +.login-box p {
  428 + text-align: center;
  429 + margin: 0px;
  430 + padding: 0px;
  431 +}
  432 +
  433 +.login-box .forgot-passwd a {
  434 + color: #555753;
  435 +}
  436 +
  437 +.want-to-be-an-user {
  438 + font-size: 13px;
  439 +}
  440 +
  441 +#content .logged-user-info h2 {
  442 + font-size: none;
  443 +}
  444 +
  445 +.logged-user-info ul {
  446 + margin-top: 5px;
  447 +}
  448 +
  449 +.logged-user-info .user-actions {
  450 + padding-left: 50px;
  451 +}
  452 +
  453 +
  454 +/************************** Profile List *****************************/
  455 +
  456 +#content .profile-list-block ul,
  457 +#content .enterprises-block ul,
  458 +#content .communities-block ul,
  459 +#content .fans-block ul {
  460 + min-width: 196px;
  461 + width: 192px;
  462 + margin: 0px 0px 0px -3px;
  463 + padding: 0px;
  464 +}
  465 +
  466 +#content .profile-list-block ul,
  467 +#content .enterprises-block ul,
  468 +#content .communities-block ul,
  469 +#content .fans-block ul {
  470 + width: auto;
  471 + display: block;
  472 +}
  473 +
  474 +#content .tags-block .block-footer-content a,
  475 +#content .profile-list-block .block-footer-content a,
  476 +#content .enterprises-block .block-footer-content a,
  477 +#content .communities-block .block-footer-content a {
  478 + position: absolute;
  479 + top: 2px;
  480 + right: 0px;
  481 + font-size: 11px;
  482 + color: #000;
  483 + text-decoration: none;
  484 + padding-right: 15px;
  485 +}
  486 +#content .tags-block .block-footer-content a,
  487 +#content .profile-list-block .block-footer-content a,
  488 +#content .enterprises-block .block-footer-content a,
  489 +#content .communities-block .block-footer-content a {
  490 + background: url(imgs/arrow-right-p.png) 100% 50% no-repeat;
  491 +}
  492 +
  493 +#content .profile-list-block .block-title {
  494 + text-align: left;
  495 +}
  496 +
  497 +/************************* Recent Contents ***************************/
  498 +
  499 +#content .feed-reader-block,
  500 +#content .recent-documents-block {
  501 + overflow: hidden;
  502 +}
  503 +
  504 +.feed-reader-block li,
  505 +.recent-documents-block li {
  506 + list-style-image: url(imgs/li-recent.gif);
  507 + padding: 5px 0px;
  508 +}
  509 +
  510 +.feed-reader-block li a,
  511 +.recent-documents-block li a {
  512 + font-weight: bold;
  513 +}
  514 +
  515 +.feed-reader-block li a:visited,
  516 +.recent-documents-block li a:visited {
  517 + font-weight: normal;
  518 +}
  519 +
  520 +.feed-reader-block li a:hover,
  521 +.recent-documents-block li a:hover {
  522 + text-decoration: underline;
  523 +}
  524 +
  525 +/************************* Profile Image *****************************/
  526 +
  527 +#content .profile-image-block {
  528 +}
  529 +.profile-big-image-inner1 {
  530 + text-align: center;
  531 +}
  532 +
  533 +.profile-big-image {
  534 +}
  535 +.profile-big-image img {
  536 + border: none;
  537 + padding: 0px;
  538 +}
  539 +
  540 +.profile-image-block p {
  541 + margin: 0px;
  542 + font-size: 17px;
  543 + font-weight: bold;
  544 + color: #555;
  545 +}
  546 +
  547 +.profile-image-block .admin-link {
  548 + text-align: center;
  549 + font-size: 75%;
  550 + clear: both;
  551 +}
  552 +
  553 +
  554 +/*************************** My Network ******************************/
  555 +
  556 +#content .block.my-network-block {
  557 + margin: 0px 0px 10px 0px;
  558 +}
  559 +
  560 +.my-network-block ul {
  561 + margin: 0px;
  562 + padding: 0px 0px 10px 20px;
  563 +}
  564 +.my-network-block li {
  565 + margin: 0px;
  566 + padding: 0px;
  567 + list-style: none;
  568 +}
  569 +
  570 +/*************************** Edit Link List Block *******************************/
  571 +#edit-link-list-block {
  572 + width: auto;
  573 + position: static;
  574 + margin-bottom: 15px;
  575 +}
  576 +#edit-link-list-block .display {
  577 + margin-top: 15px;
  578 +}
  579 +
  580 +/*************************** Link List *******************************/
  581 +
  582 +.link-list-block .empty {
  583 + display: none;
  584 +}
  585 +
  586 +#content .link-list-block {
  587 + padding: 15px;
  588 +}
  589 +
  590 +#content .link-list-block li {
  591 + padding: 0px;
  592 + margin: 0 0 2px 0;
  593 + display: block;
  594 +}
  595 +#content .link-list-block li a {
  596 + font-size: 14px;
  597 + line-height: 220%;
  598 + color: #000;
  599 + background-color: #EEE;
  600 + box-shadow: 0 1px 0 #9EDAEF;
  601 +}
  602 +#content .link-list-block li a[class*='icon-'],
  603 +.link-list-block a {
  604 + padding-left: 0;
  605 +}
  606 +#content .link-list-block li a {
  607 + padding-left: 24px;
  608 + padding-right: 10px;
  609 +}
  610 +#content .link-list-block li a.link-this-page {
  611 + background-color: #cecece;
  612 +}
  613 +#content .link-list-block li a.link-this-page {
  614 + width: auto;
  615 + border: none;
  616 +}
  617 +#content .link-list-block li a:hover {
  618 + background-color: #555753;
  619 + color: #FFF;
  620 + text-decoration: none;
  621 +}
  622 +#content .link-list-block li a.link-this-page:hover {
  623 + border-right: 2px solid #555753;
  624 +}
  625 +.link-list-block a.btn {
  626 + display: inline !important;
  627 +}
  628 +//In container 1:
  629 +#content .box-container-1 .link-list-block li {
  630 + display: inline-block;
  631 +}
  632 +#content .box-container-1 .link-list-block li a {
  633 + padding-left: 0.5em;
  634 + padding-right: 0.5em;
  635 +}
  636 +//In container 3 when it's topbar:
  637 +.template-topleft #content .box-container-3 .link-list-block li {
  638 + display: inline-block;
  639 + float: left;
  640 +}
  641 +.template-topleft #content .box-container-3 .link-list-block li a {
  642 + background-color: inherit;
  643 + color: inherit;
  644 +}
  645 +/************************** Communities ******************************/
  646 +
  647 +.communities-block .profile-image {
  648 + float: left;
  649 + padding-left: 4px;
  650 + max-width: 70px;
  651 + width: 75px;
  652 + height: auto;
  653 +}
  654 +
  655 +
  656 +/****************************** Tags *********************************/
  657 +
  658 +/* the style here is not only for #content .tags-block .tag_cloud */
  659 +
  660 +.tag_cloud {
  661 + text-align: center;
  662 +}
  663 +
  664 +.tag_cloud a {
  665 + text-decoration: none;
  666 + white-space: nowrap;
  667 +}
  668 +
  669 +.tag_cloud a small {
  670 + opacity: 0.5;
  671 + filter:alpha(opacity=50);
  672 +}
  673 +
  674 +/********************* Product View **********************/
  675 +#product-info #product-qualifiers-list select {
  676 + display: inline-block;
  677 +}
  678 +#display-product-price-details td .form-group {
  679 + margin-bottom: 0;
  680 +}
  681 +#display-product-price-details td .form-group input {
  682 + display: inline-block;
  683 + width: auto;
  684 +}
  685 +
  686 +
  687 +/********************* Product Categories Block **********************/
  688 +
  689 +.product-categories-block .catalog-home-link {
  690 + display: block;
  691 + background: rgba(0,0,0,0.08);
  692 + font-weight: bold;
  693 + text-align: center;
  694 + border-radius: 5px;
  695 + padding: 0px;
  696 + line-height: 200%;
  697 + text-decoration: none;
  698 + color: #000;
  699 +}
  700 +.product-categories-block .catalog-home-link:hover {
  701 + background: rgba(0,0,0,0.6);
  702 + color: #FFF;
  703 + text-decoration: none;
  704 +}
  705 +
  706 +.product-categories-block .catalog-categories-list {
  707 + margin-top: 0.5em;
  708 +}
  709 +
  710 +.product-categories-block ul {
  711 + list-style-type: none;
  712 + margin: 0px;
  713 + padding: 0px;
  714 + border-radius: 5px;
  715 + color: rgba(0,0,0,0.4);
  716 +}
  717 +
  718 +.product-categories-block li {
  719 + margin: 0;
  720 + padding: 0;
  721 + white-space: nowrap;
  722 +}
  723 +
  724 +.product-categories-block li li div {
  725 + padding: 0 0 0 1.5em;
  726 +}
  727 +
  728 +.product-categories-block .catalog-categories-list a {
  729 + text-decoration: none;
  730 + font-size: 120%;
  731 + line-height: 150%;
  732 + color: #333;
  733 + overflow: hidden;
  734 + text-overflow: ellipsis;
  735 + display: inline-block;
  736 + padding: 0 0.3em 0 0.5em;
  737 + border-radius: 5px;
  738 + max-width: 80%;
  739 + vertical-align: middle;
  740 +}
  741 +.product-categories-block .catalog-categories-list ul a {
  742 + text-decoration: none;
  743 + font-size: 110%;
  744 + line-height: 163.6%;
  745 +}
  746 +.product-categories-block .catalog-categories-list div:hover a:hover {
  747 + background: rgba(0,0,0,0.6);
  748 + color: #FFF;
  749 + text-decoration: none;
  750 +}
  751 +
  752 +.product-categories-block .catalog-categories-list div:hover a,
  753 +.product-categories-block .catalog-categories-list div:hover .count {
  754 + background: rgba(0,0,0,0.08);
  755 +}
  756 +
  757 +.block.product-categories-block .catalog-categories-list a {
  758 + font-weight: bold;
  759 +}
  760 +
  761 +.block.product-categories-block .catalog-categories-list ul a {
  762 + font-weight: normal;
  763 +}
  764 +
  765 +.product-categories-block a:hover {
  766 + text-decoration: underline;
  767 +}
  768 +
  769 +.product-categories-block .count {
  770 + display: inline-block;
  771 + vertical-align: middle;
  772 + margin-left: -0.2em;
  773 + padding: 0 0.2em;
  774 + line-height: 180%;
  775 + border-radius: 5px;
  776 +}
  777 +
  778 +.block.product-categories-block .count:before {
  779 + content: "(";
  780 +}
  781 +.block.product-categories-block .count:after {
  782 + content: ")";
  783 +}
  784 +
  785 +.catalog-categories-notice {
  786 + color: rgba(0,0,0,0.3);
  787 + padding: 0.5em 1em;
  788 +}
  789 +
  790 +/********************* Environment Statistics ************************/
  791 +
  792 +#content .environment-statistics-block ul {
  793 + margin: 0px 20px;
  794 + padding: 0px;
  795 +}
  796 +#content .environment-statistics-block li {
  797 + list-style-image: url(imgs/li-gray.gif);
  798 + padding: 3px 0px;
  799 + color: #777
  800 +}
  801 +
  802 +/*************************** News Area *******************************/
  803 +
  804 +.action-home-index #content h1 {
  805 + color: #555753;
  806 + border-bottom: 2px solid #555753;
  807 +}
  808 +
  809 +.highlighted-news-item {
  810 + border-top: 1px solid #CCC;
  811 + padding-top: 5px;
  812 +}
  813 +.highlighted-news-item.post-1 {
  814 + border: none;
  815 + padding-top: 0px;
  816 +}
  817 +
  818 +#highlighted-news h2 a {
  819 + font-weight: bold;
  820 + color: #2e3436;
  821 +}
  822 +
  823 +.news-area {
  824 + border: none;
  825 + background: #FFF;
  826 + height: auto;
  827 + position: relative;
  828 +}
  829 +
  830 +.news-area ul {
  831 + border: 1px solid #CCC;
  832 + border-top: 2px solid #07C;
  833 + height: 125px;
  834 + overflow: auto;
  835 + margin: 0px;
  836 + padding: 5px 10px;
  837 + background: url(imgs/comment-bg-S.png) 0% 100% repeat-x;
  838 + border-bottom: none;
  839 +}
  840 +
  841 +.news-area li {
  842 + margin-left: 15px;
  843 + padding: 0px 0px;
  844 + list-style-image: url(imgs/li-blue.gif);
  845 +}
  846 +
  847 +#content .news-area h3 a {
  848 + font-weight: bold;
  849 + color: #2e3436;
  850 +}
  851 +#content .news-area h3 a:hover {
  852 + text-decoration: none;
  853 +}
  854 +
  855 +#content .news-area h3 {
  856 + background: #FFF;
  857 + margin: 0px;
  858 + padding: 0px;
  859 +}
  860 +
  861 +#content .news-area a {
  862 + color: #000;
  863 +}
  864 +
  865 +#content .news-area a.news-see-more {
  866 + position: absolute;
  867 + top: 3px;
  868 + right: 0px;
  869 +
  870 + color: #000;
  871 + padding-right: 10px;
  872 + background: url(imgs/arrow-right-p.png) 100% 50% no-repeat;
  873 +}
  874 +
  875 +#content .news-area a.news-see-more:hover {
  876 + text-decoration: none;
  877 + color: #07C;
  878 +}
  879 +
  880 +#portal-news ul {
  881 + padding: 0px;
  882 + border-top: 1px solid #CCC;
  883 +}
  884 +#portal-news li {
  885 + list-style: none;
  886 + padding: 8px 0px;
  887 + border-bottom: 1px solid #CCC;
  888 +}
  889 +#portal-news li a {
  890 + font-weight: bold;
  891 + color: #555753;
  892 +}
  893 +#portal-news .post-date, #highlighted-news .post-date {
  894 + color: #555753;
  895 +}
  896 +
  897 +#portal-news .post-date {
  898 + float: left;
  899 +}
  900 +#portal-news .post-title {
  901 + display: block;
  902 + margin-left: 65px;
  903 +}
  904 +
  905 +#highlighted-news .post-title {
  906 + font-weight: bold;
  907 + font-size: 20px;
  908 +}
  909 +#highlighted-news h2 {
  910 + margin-bottom: 0px;
  911 +}
  912 +
  913 +/* ==> search-results.css <== */
  914 +
  915 +
  916 +.msie .search-results-box {
  917 + width: 48%;
  918 +}
  919 +#content .no-boxes h1 {
  920 + font-variant: small-caps;
  921 + color: #555753;
  922 + text-align: left;
  923 + border-bottom: 2px solid #2e3436; /*8C0*/
  924 +}
  925 +.query {
  926 + display: none;
  927 +}
  928 +.controller-search #content .search_form h3 {
  929 + display: none;
  930 +}
  931 +.controller-search #content .search_form h4 {
  932 + background: #DDD;
  933 + color: #777;
  934 +}
  935 +.search-hint {
  936 + padding: 0;
  937 +}
  938 +.controller-search .search-options {
  939 + border: 1px solid #777;
  940 + -moz-border-radius: 5px;
  941 + -webkit-border-radius: 5px;
  942 +}
  943 +.controller-search .search-options ul li {
  944 + position: relative;
  945 +}
  946 +.controller-search .search-within select {
  947 + display: block;
  948 + margin-bottom: 5px;
  949 +}
  950 +
  951 +.controller-search .search-within label {
  952 + display: block;
  953 + float: left;
  954 + width: 100px;
  955 + text-align: right;
  956 + padding-right: 10px;
  957 + position: relative;
  958 + top: 5px;
  959 +}
  960 +#search-results h3 {
  961 + color: #555753; /*6A0*/
  962 + font-variant: small-caps;
  963 + margin: 0px;
  964 +}
  965 +.search-results-innerbox {
  966 + border: 1px solid #CCC;
  967 + border-top: 2px solid #2e3436;
  968 + border-bottom: none;
  969 + background: url(imgs/comment-bg-S.png) 0% 100% repeat-x;
  970 +}
  971 +.only-one-result-box .search-results-innerbox {
  972 + border-top: 1px solid #CCC;
  973 +}
  974 +
  975 +#content .search-results-type-article li,
  976 +#content .search-results-type-event li {
  977 + padding: 5px 0px;
  978 +}
  979 +
  980 +.search-results-type-article a,
  981 +.search-results-type-event a {
  982 + text-decoration: none;
  983 +}
  984 +.search-results-type-article a:hover,
  985 +.search-results-type-event a:hover {
  986 + text-decoration: underline;
  987 +}
  988 +
  989 +ul#assets-menu {
  990 + width: auto;
  991 +}
  992 +.controller-search .search-field .formfield {
  993 + width: auto;
  994 + display: table;
  995 +}
  996 +@media (max-width: 500px) {
  997 + ul#assets-menu {
  998 + display: none;
  999 + }
  1000 + #search-filters {
  1001 + margin-top: 0;
  1002 + float: none;
  1003 + }
  1004 +}
  1005 +@media (min-width: 501px) and (max-width: 767px) {
  1006 + ul#assets-menu {
  1007 + display: none;
  1008 + }
  1009 + #search-filters {
  1010 + margin-top: -40px;
  1011 + }
  1012 +}
  1013 +@media (min-width: 768px) and (max-width: 991px) {
  1014 + #search-filters {
  1015 + margin-top: -80px;
  1016 + }
  1017 +}
  1018 +
  1019 +/* ==> article.css <== */
  1020 +
  1021 +hr.pre-posts, hr.sep-posts {
  1022 + display: none;
  1023 +}
  1024 +
  1025 +.blog-post {
  1026 + background: url(imgs/blog-sep.png) repeat-x;
  1027 + padding: 15px 20px 5px 20px;
  1028 + margin: 0px -19px;
  1029 +}
  1030 +
  1031 +#article-actions a.button,
  1032 +#article-actions a.button:hover {
  1033 + border: none;
  1034 + background-color: transparent;
  1035 + color: #888;
  1036 +}
  1037 +#article-actions a.button:hover {
  1038 + color: #555753;
  1039 +}
  1040 +#content a.button.disabled,
  1041 +#content a.button.disabled:hover {
  1042 + background-color: #CCC;
  1043 + border-color: #CCC;
  1044 +}
  1045 +
  1046 +#addThis {
  1047 + text-align: right;
  1048 +}
  1049 +/* avoid extra whitespace coming from addthis iframe */
  1050 +#_atssh {
  1051 + display: none;
  1052 +}
  1053 +
  1054 +#content .blog-post .title {
  1055 + border-bottom-color: #CCC;
  1056 +}
  1057 +#content .blog-post .title a {
  1058 + font-weight: bold;
  1059 + color: #000;
  1060 + text-decoration: none;
  1061 +}
  1062 +
  1063 +#content .main-block .created-at {
  1064 + text-align: left;
  1065 + color: #AAA;
  1066 +}
  1067 +#content .main-block .created-at a {
  1068 + color: #AAA;
  1069 + text-decoration: none;
  1070 +}
  1071 +#content .main-block .created-at a:hover {
  1072 + color: #555;
  1073 + text-decoration: underline;
  1074 +}
  1075 +
  1076 +#article-tags {
  1077 + color: #FFF;
  1078 +}
  1079 +#article-tags a {
  1080 + text-decoration: none;
  1081 + padding: 0px 2px;
  1082 + -moz-border-radius: 3px;
  1083 + -webkit-border-radius: 3px;
  1084 + background: #BBB;
  1085 + color: #FFF;
  1086 +}
  1087 +#article-tags a:hover {
  1088 + background: #555753;
  1089 +}
  1090 +
  1091 +#article-hits {
  1092 + text-align: left;
  1093 + color: #AAA;
  1094 +}
  1095 +
  1096 +.msie .post_comment_box {
  1097 + padding-top: 15px;
  1098 +}
  1099 +
  1100 +.post_comment_box.closed h4 {
  1101 + -moz-border-radius: 4px;
  1102 + -webkit-border-radius: 4px;
  1103 +}
  1104 +
  1105 +.post_comment_box.opened h4 {
  1106 + display: block;
  1107 + background: #FFF;
  1108 + padding: 0px;
  1109 + font-variant: small-caps;
  1110 + color: #555753;
  1111 + font-size: 14px;
  1112 + text-align: left;
  1113 + border-bottom: 2px solid #888a85;
  1114 +}
  1115 +
  1116 +.post_comment_box.opened {
  1117 + border: none;
  1118 + background: transparent;
  1119 +}
  1120 +
  1121 +/************* uploaded file *****************/
  1122 +
  1123 +#article .gallery-navigation {
  1124 + padding: 10px 0;
  1125 +}
  1126 +
  1127 +#article .gallery-navigation .previous {
  1128 + margin-right: 10px;
  1129 +}
  1130 +
  1131 +#article .gallery-navigation .next {
  1132 + margin-left: 10px;
  1133 +}
  1134 +
  1135 +#article .gallery-navigation .total-of-images {
  1136 + font-weight: bold;
  1137 +}
  1138 +
  1139 +#article .uploaded-file-description {
  1140 + background: #f6f6f6;
  1141 + border-top: 1px solid #ccc;
  1142 + border-bottom: 1px solid #ccc;
  1143 + padding: 1em;
  1144 +}
  1145 +#article .uploaded-file-description.empty {
  1146 + display: none;
  1147 +}
  1148 +
  1149 +#article.file-generic .download-link {
  1150 + margin: 20px 0;
  1151 +}
  1152 +#article.file-generic .download-link span {
  1153 + font-size: 150%;
  1154 + padding-right: 5px;
  1155 +}
  1156 +#article.file-generic .download-link a {
  1157 + font-size: 180%;
  1158 + text-decoration: none;
  1159 +}
  1160 +
  1161 +/**************************** Comments *******************************/
  1162 +
  1163 +#content .comments h3 {
  1164 + font-variant: small-caps;
  1165 + color: #555753;
  1166 + font-size: 14px;
  1167 + text-align: left;
  1168 + border-bottom: 2px solid #888a85;
  1169 +}
  1170 +.article-comment {
  1171 + border: none;
  1172 + background: #FFF;
  1173 +}
  1174 +.comment-logged-out h4 {
  1175 + color: #888;
  1176 +}
  1177 +#content .comment-picture {
  1178 + text-align: left;
  1179 + text-decoration: none;
  1180 + position: relative;
  1181 +}
  1182 +.comment-wrapper-1 {
  1183 + margin-left: 60px;
  1184 + background: url(imgs/comment-bg-N.png) 0% 0% repeat-x;
  1185 +}
  1186 +.comment-wrapper-2 {
  1187 + background: url(imgs/comment-bg-S.png) 0% 100% repeat-x;
  1188 +}
  1189 +.comment-wrapper-3 {
  1190 + background: url(imgs/comment-bg-L.png) 100% 0% repeat-y;
  1191 +}
  1192 +.comment-wrapper-4 {
  1193 + background: url(imgs/comment-bg-O.png) 0% 0% repeat-y;
  1194 +}
  1195 +.comment-wrapper-5 {
  1196 + background: url(imgs/comment-bg-SL.png) 100% 100% no-repeat;
  1197 +}
  1198 +.comment-wrapper-6 {
  1199 + background: url(imgs/comment-bg-SO.png) 0% 100% no-repeat;
  1200 +}
  1201 +.comment-wrapper-7 {
  1202 + background: url(imgs/comment-bg-NL.png) 100% 0% no-repeat;
  1203 +}
  1204 +.comment-wrapper-8 {
  1205 + background: url(imgs/comment-bg-NO.png) 0% 0% no-repeat;
  1206 +}
  1207 +.comment-from-owner .comment-wrapper-1 {
  1208 + background: #fbf7b5 url(/images/comment-owner-bg-N.png) repeat-x;
  1209 +}
  1210 +.comment-from-owner .comment-wrapper-2 {
  1211 + background: url(/images/comment-owner-bg-S.png) 0% 100% repeat-x;
  1212 +}
  1213 +.comment-from-owner .comment-wrapper-3 {
  1214 + background: url(/images/comment-owner-bg-L.png) 100% 0% repeat-y;
  1215 +}
  1216 +.comment-from-owner .comment-wrapper-4 {
  1217 + background: url(/images/comment-owner-bg-O.png) 0% 0% repeat-y;
  1218 +}
  1219 +.comment-from-owner .comment-wrapper-5 {
  1220 + background: url(/images/comment-owner-bg-SL.png) 100% 100% no-repeat;
  1221 +}
  1222 +.comment-from-owner .comment-wrapper-6 {
  1223 + background: url(/images/comment-owner-bg-SO.png) 0% 100% no-repeat;
  1224 +}
  1225 +.comment-from-owner .comment-wrapper-7 {
  1226 + background: url(/images/comment-owner-bg-NL.png) 100% 0% no-repeat;
  1227 +}
  1228 +.comment-from-owner .comment-wrapper-8 {
  1229 + background: url(/images/comment-owner-bg-NO.png) 0% 0% no-repeat;
  1230 +}
  1231 +.comment-created-at {
  1232 + position: relative;
  1233 + padding-right: 9px;
  1234 +}
  1235 +.comment-order {
  1236 + float: right;
  1237 + display: block;
  1238 +}
  1239 +.comment-from-owner .comment-created-at {
  1240 + color: #333;
  1241 +}
  1242 +.article-comment .button-bar {
  1243 + position: relative;
  1244 + top: 9px;
  1245 + right: 8px;
  1246 + z-index: 10px;
  1247 +}
  1248 +.article-comment .button-bar a {
  1249 + position: relative;
  1250 +}
  1251 +.comment-details {
  1252 + margin: 0px;
  1253 + padding: 7px 12px 3px 26px;
  1254 +}
  1255 +#article ul.article-comments-list {
  1256 + clear: both;
  1257 + margin-top: 60px;
  1258 +}
  1259 +
  1260 +/* ==> controllers.css <== */
  1261 +
  1262 +/******** controller-friends action-friends-index ********/
  1263 +
  1264 +#content .common-profile-list-block li, #content .comment-actions li {
  1265 + margin: -3px;
  1266 + padding: 0px;
  1267 + list-style: none;
  1268 + position: relative;
  1269 + /*
  1270 + width: auto;
  1271 + min-height: 52px;
  1272 + max-height: 100px; */
  1273 +}
  1274 +.common-profile-list-block .profile_link {
  1275 + width: 52px;
  1276 + height: 52px;
  1277 + margin: -1px -2px;
  1278 + padding: 0px;
  1279 + border: 1px solid #FFF !important;
  1280 +}
  1281 +.common-profile-list-block .vcard a, .comment-actions .vcard a {
  1282 + width: 92px;
  1283 +}
  1284 +#content .enterprises-block .profile-image,
  1285 +#content .communities-block .profile-image,
  1286 +#content .members-block .profile-image,
  1287 +#content .people-block .profile-image {
  1288 + display: block;
  1289 +}
  1290 +.common-profile-list-block img {
  1291 + max-width: none;
  1292 + max-height: none;
  1293 +}
  1294 +.box-container-2 .common-profile-list-block span,
  1295 +.box-container-2 .common-profile-list-block .profile-image,
  1296 +.box-container-3 .common-profile-list-block span,
  1297 +.box-container-3 .common-profile-list-block .profile-image {
  1298 + vertical-align: top;
  1299 + width: 100%;
  1300 + height: auto;
  1301 +}
  1302 +.members-block .common-profile-list-block span,
  1303 +.people-block .common-profile-list-block span {
  1304 + display: none;
  1305 +}
  1306 +#content .friends-block ul, #content .members-block ul {
  1307 + width: auto;
  1308 + min-width: 0;
  1309 +}
  1310 +.action-friends-index .profile-list li,
  1311 +.common-profile-list-block .vcard {
  1312 + border: 1px solid transparent;
  1313 + width: 98px;
  1314 +}
  1315 +.box-container-2 .common-profile-list-block .vcard,
  1316 +.box-container-3 .common-profile-list-block .vcard {
  1317 + height: 80px;
  1318 + width: 64px;
  1319 +
  1320 + a.profile_link {
  1321 + width: 58px;
  1322 + }
  1323 +
  1324 +}
  1325 +.action-friends-index .profile-list li:hover,
  1326 +.common-profile-list-block .vcard:hover {
  1327 + border: 1px solid #CCC;
  1328 + -moz-border-radius: 5px;
  1329 + -webkit-border-radius: 5px;
  1330 + background: #EEE;
  1331 + text-decoration: none;
  1332 +}
  1333 +
  1334 +/******** controller-profile action-profile-index ********/
  1335 +
  1336 +table.profile th {
  1337 + font-size: 15px;
  1338 + text-align: left;
  1339 +}
  1340 +
  1341 +/**** controller-memberships action-memberships-index ****/
  1342 +
  1343 +#memberships-index li {
  1344 + background-color: #FFF;
  1345 + border: 1px solid #EEE;
  1346 + -moz-border-radius: 9px;
  1347 + -webkit-border-radius: 9px;
  1348 + margin-bottom: 10px;
  1349 +}
  1350 +
  1351 +
  1352 +/************************** Control Panel ****************************/
  1353 +
  1354 +.control-panel a,
  1355 +.control-panel a:visited {
  1356 + color: #000;
  1357 + font-weight: bold;
  1358 + background-position: 2px 50%;
  1359 +}
  1360 +.control-panel a:hover {
  1361 + text-decoration: none;
  1362 + color: #2e3436;
  1363 + background-color: #d3d7cf;
  1364 +}
  1365 +
  1366 +
  1367 +
  1368 +/* ==> doc.css <== */
  1369 +
  1370 +#online-doc-navigation h1 {
  1371 + font-variant: small-caps;
  1372 + color: #AAA;
  1373 + border-bottom: 2px solid #AAA;
  1374 +}
  1375 +
  1376 +#online-doc-text {
  1377 + background: transparent url(imgs/blog-sep.png) repeat-x scroll 0 0;
  1378 + padding: 15px 20px 5px 20px;
  1379 + margin: 10px -19px;
  1380 +}
  1381 +
  1382 +#online-doc-text h1,
  1383 +#online-doc-text h2,
  1384 +#online-doc-text h3,
  1385 +#online-doc-text h4,
  1386 +#online-doc-text h5,
  1387 +#online-doc-text h6 {
  1388 + font-variant: small-caps;
  1389 +}
  1390 +
  1391 +#online-doc-text h2 {
  1392 + border-bottom: 2px solid black;
  1393 +}
  1394 +
  1395 +/**************************** Browse *******************************/
  1396 +
  1397 +#content .search-results-type-article li {
  1398 + padding: 5px 0px;
  1399 +}
  1400 +
  1401 +.search-results-type-article a {
  1402 + text-decoration: none;
  1403 +}
  1404 +.search-results-type-article a:hover {
  1405 + text-decoration: underline;
  1406 +}
  1407 +
  1408 +/* simplemenu */
  1409 +
  1410 +.simplemenu-submenu {
  1411 + background: #EEE;
  1412 + border: 1px solid #AAA;
  1413 + opacity: 0.9;
  1414 + text-align: left;
  1415 +}
  1416 +.user-status .simplemenu-item a {
  1417 + color: black;
  1418 +}
  1419 +
  1420 +/* chat */
  1421 +
  1422 +#chat-window .history .self-name {
  1423 + color: #3F3F90;
  1424 +}
  1425 +#chat-window .history .other-name {
  1426 + color: #7F1F1F;
  1427 +}
  1428 +
  1429 +/* recaptcha*/
  1430 +
  1431 +table#recaptcha_table tr:hover td {
  1432 + background-color: #fff;
  1433 +}
  1434 +
  1435 +
  1436 +#box-organizer div.ui-draggable a.btn {
  1437 + padding: 0;
  1438 +}
  1439 +
  1440 +#box-organizer div.ui-draggable a.btn span {
  1441 + display: none;
  1442 +}
  1443 +
  1444 +p.help-block {
  1445 + text-align: left;
  1446 +}
  1447 +
  1448 +div.tooltip-inner {
  1449 + width: 350px;
  1450 +}
  1451 +
  1452 +.form-control-feedback {
  1453 + top: 0px !important;
  1454 + right: 15px !important;
  1455 +}
  1456 +
  1457 +.form-horizontal .has-feedback .form-control-feedback {
  1458 + right: 0 !important;
  1459 +}
  1460 +
  1461 +.profile-ul {
  1462 + padding-left: 0px;
  1463 +}
  1464 +
  1465 +#content .search-results-box .vcard {
  1466 + height: 112px;
  1467 +/* overflow: hidden; */
  1468 +}
  1469 +
  1470 +.image-gallery-item {
  1471 + margin: auto;
  1472 + display: inline-block;
  1473 +}
  1474 +
  1475 +.controller-profile_editor .control-panel a {
  1476 + width: 190px;
  1477 + font-weight: normal;
  1478 + height: 64px;
  1479 +}
  1480 +
  1481 +@media (max-width: 465px) {
  1482 + .controller-profile_editor .control-panel a {
  1483 + width: 100%;
  1484 + }
  1485 + #article .article-comments-list ul {
  1486 + margin-top: 40px;
  1487 + }
  1488 +}
  1489 +
  1490 +.categories_container {
  1491 + min-width: 100px;
  1492 +}
  1493 +
  1494 +@media (max-width: 991px) {
  1495 + .categories_container {
  1496 + width: 100%;
  1497 + }
  1498 +}
  1499 +
  1500 +/* overwrite awesome styles */
  1501 +.icon-selector,
  1502 +.icon-selector-wrapper {
  1503 + padding: 0;
  1504 +}
  1505 +.icon-selector span,
  1506 +.icon-selector-wrapper span {
  1507 + line-height: 1px;
  1508 + padding-left: 2px;
  1509 + text-align: left;
  1510 +}
  1511 +.icon-selector span:before,
  1512 +.icon-selector-wrapper span:before {
  1513 + text-align: left;
  1514 +}
  1515 +.icon-selector span:after,
  1516 +.icon-selector-wrapper span:after {
  1517 + text-align: left;
  1518 +}
  1519 +
  1520 +
  1521 +#product-list .product-image-link {
  1522 + width: 100%;
  1523 +}
  1524 +
  1525 +#product-list .product-big {
  1526 + width: 160px;
  1527 +}
  1528 +
  1529 +#product-list .expand-box {
  1530 + width: 172px;
  1531 +}
  1532 +
  1533 +@media (max-width: 991px) {
  1534 + .current-page, .total-pages-found {
  1535 + float: none;
  1536 + display:block;
  1537 + width: 100%;
  1538 + text-align: left;
  1539 + }
  1540 +}
  1541 +
  1542 +/* News in front page */
  1543 +
  1544 +@media (max-width: 359px) {
  1545 + .news-area {
  1546 + width: 100%;
  1547 + }
  1548 + .news-area ul {
  1549 + overflow: inherit;
  1550 + height: auto;
  1551 + }
  1552 +}
  1553 +
  1554 +@media (min-width: 360px) {
  1555 + #content .news-area h3 {
  1556 + white-space: nowrap;
  1557 + overflow: hidden;
  1558 + text-overflow: ellipsis;
  1559 + }
  1560 +}
  1561 +#content .news-area a.news-see-more {
  1562 + position: static;
  1563 + float: right;
  1564 +}
  1565 +/* End of News in front page */
  1566 +
  1567 +/* Search results */
  1568 +.search-results-type-article ul {
  1569 + overflow: hidden;
  1570 +}
  1571 +.controller-search #search-results {
  1572 + margin: 0;
  1573 +}
  1574 +.controller-search #search-column-left {
  1575 + overflow: hidden;
  1576 +}
  1577 +.controller-search #content .search-results-type-article li {
  1578 + padding: 0 10px 10px 10px;
  1579 +}
  1580 +.search-product-item-first-column,
  1581 +.search-content-first-column {
  1582 + width: auto;
  1583 + min-height: 0;
  1584 +}
  1585 +.search-field-label {
  1586 + width: auto;
  1587 + white-space: nowrap;
  1588 + margin-right: 10px;
  1589 + font-size: 12px;
  1590 +}
  1591 +.search-product-item-second-column .search-result-title {
  1592 + margin: 0;
  1593 +}
  1594 +.search-product-item .search-result-title {
  1595 + font-size: 24px;
  1596 + display: block;
  1597 + color: #333;
  1598 +}
  1599 +@media (max-width: 767px) {
  1600 + .search-no-image {
  1601 + display: none;
  1602 + }
  1603 + .search-content-first-column [class*='icon-'] {
  1604 + font-size: 24px;
  1605 + }
  1606 + .search-result-title {
  1607 + font-size: 13px;
  1608 + }
  1609 + .search-content-second-column {
  1610 + margin: 0;
  1611 + width: 100%;
  1612 + }
  1613 + .search-product-item-first-column,
  1614 + .search-product-item-second-column,
  1615 + .search-product-item-third-column {
  1616 + margin: 0;
  1617 + width: 100%;
  1618 + }
  1619 + .search-article-description,
  1620 + .search-product-description {
  1621 + display: none;
  1622 + }
  1623 + .search-article-author-changes {
  1624 + font-size: 12px;
  1625 + }
  1626 +}
  1627 +@media (min-width: 768px) {
  1628 + .search-no-image {
  1629 + width: 130px;
  1630 + }
  1631 + .controller-search #content .search-results-type-product li {
  1632 + font-size: 13px;
  1633 + padding: 0 10px 10px 10px;
  1634 + }
  1635 + .search-content-first-column [class*='icon-'] {
  1636 + font-size: 64px;
  1637 + }
  1638 +}
  1639 +/* End of Search results */
  1640 +
  1641 +/********************* Product Catalog **********************/
  1642 +
  1643 +#catalog-options > ul {
  1644 + height: 49px;
  1645 +}
  1646 +#catalog-options {
  1647 + color: #000;
  1648 + background-color: #FBFBFB;
  1649 + filter: none;
  1650 + background-image: -moz-linear-gradient(center top , #FFF, #F1F1F1);
  1651 + box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.06) !important;
  1652 + border: 1px solid #CCC;
  1653 + border-radius: 5px;
  1654 +}
  1655 +#catalog-search-input {
  1656 + border: 1px solid #E5E5E5;
  1657 + background: #FFF !important;
  1658 + outline: 0;
  1659 + -webkit-box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
  1660 + box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
  1661 +}
  1662 +#catalog-search-input:focus {
  1663 + box-shadow: 0px 0px 5px #999;
  1664 + background-color: #F00;
  1665 +}
  1666 +#catalog-options .twitter-typeahead {
  1667 + background-color: #fff;
  1668 +}
  1669 +.catalog-search .icon-search {
  1670 + font-size: 24px;
  1671 + position: relative;
  1672 + top: 5px;
  1673 + margin-right: 15px;
  1674 + display:none;
  1675 +}
  1676 +@media (max-width: 990px) {
  1677 + /*.catalog-search .icon-search {
  1678 + display: inline;
  1679 + }
  1680 + #catalog-search-input {
  1681 + display: none;
  1682 + }*/
  1683 +}
  1684 +.catalog-options-select {
  1685 + border: 1px solid #ccc;
  1686 + border-radius: 3px;
  1687 + overflow: hidden;
  1688 + background: #fafafa url("data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==") no-repeat 98% 50%;
  1689 + width: 100%;
  1690 +}
  1691 +.catalog-options-select select {
  1692 + padding: 5px 13% 5px 0;
  1693 + width: 110%;
  1694 + border: none;
  1695 + box-shadow: none;
  1696 + background: transparent;
  1697 + background-image: none;
  1698 + -webkit-appearance: none;
  1699 +}
  1700 +.catalog-options-select select:focus {
  1701 + outline: none;
  1702 +}
  1703 +#catalog-result-qtty-wrap {
  1704 + font-size: 80%;
  1705 + font-style: italic;
  1706 + color: #036276;
  1707 +}
  1708 +#catalog-orderby {
  1709 + font-size: 80%;
  1710 +}
  1711 +#catalog-orderby select {
  1712 + font-size: 11px;
  1713 + background: transparent;
  1714 +}
  1715 +
  1716 +/********************* End of Product Catalog **********************/
  1717 +
  1718 +
  1719 +#site-title img {
  1720 + left:-22px;
  1721 + position:absolute;
  1722 + top:-30px;
  1723 +}
  1724 +
  1725 +#title-bar {
  1726 + background-color: gray;
  1727 +}
  1728 +#buddy-list .toolbar {
  1729 + background-color: gray;
  1730 + border-top: 1px solid;
  1731 + border-bottom: 1px solid;
  1732 +}
  1733 +#title-bar h1 {
  1734 + color: white;
  1735 +}
  1736 +#chat-window {
  1737 + background: white;
  1738 +}
  1739 +#buddy-list #environment-logo {
  1740 + background-color: #BBB;
  1741 +}
  1742 +
  1743 +img.menu-user-gravatar {
  1744 + width:20px;
  1745 + height: 20px;
  1746 + border: 1px solid rgba(255,255,255,0.4);
  1747 + margin-right: 8px;
  1748 +}
  1749 +
  1750 +.noosfero-responsive-top-logo {
  1751 + background:url(images/logo-noosfero-raw.png);
  1752 + width:60px;
  1753 + height:60px;
  1754 + margin-right:10px;
  1755 + display: inline-block;
  1756 + vertical-align: top;
  1757 + margin-top: -10px;
  1758 +}
  1759 +
  1760 +.navbar-collapse:before, .navbar-collapse:after{display:inline; content:"";}
  1761 +
  1762 +a.button.with-text, a.button.with-text:visited, body.noosfero a.button.with-text, body.noosfero a.button.with-text:visited, input.button.with-text {
  1763 + padding: 3px 2px 3px 2px !important;
  1764 +}
  1765 +
  1766 +#agenda .agenda-calendar .button.icon-next.with-text {
  1767 + padding-right: 1px;
  1768 +}
  1769 +
  1770 +#link-to-doc {
  1771 + padding-left: 0px;
  1772 +}
  1773 +
  1774 +@media (min-width: 768px) and (max-width: 1199px) {
  1775 +
  1776 + .menu-navigation > li > a {
  1777 + font-size: 0px;
  1778 + //color: rgba(255,255,255,0) !important;
  1779 + padding-top: 15.5px;
  1780 + padding-bottom: 15.5px;
  1781 + }
  1782 + .menu-navigation > li > a:hover:before {
  1783 + color: #18bc9c;
  1784 + }
  1785 + .menu-navigation > li > a:before {
  1786 + font-size: 22px;
  1787 + //color:inherit;
  1788 + }
  1789 +}
  1790 +
  1791 +@media (min-width: 768px) and (max-width: 991px) {
  1792 + #navbar-search-collapse {
  1793 + display:none !important;
  1794 + }
  1795 +}
  1796 +
  1797 +@media (max-width: 767px) {
  1798 + #search-dropdown-menu {
  1799 + display: none;
  1800 + }
  1801 + #top-search {
  1802 + margin-top: 0 !important;
  1803 + margin-bottom: 0 !important;
  1804 + }
  1805 +}
  1806 +
  1807 +
  1808 +@media (min-width: 992px) {
  1809 + #search-dropdown-menu {
  1810 + display: none;
  1811 + }
  1812 +}
  1813 +
  1814 +.select-article-type {
  1815 + width: 100%;
  1816 +}
  1817 +.article-types li {
  1818 + height: 90px;
  1819 +}
  1820 +.select-article-type .icon-close {
  1821 + margin-top: 25px;
  1822 +}
  1823 +a {
  1824 + -webkit-transition: all .2s ease;
  1825 + -moz-transition: all .2s ease;
  1826 + -ms-transition: all .2s ease;
  1827 + -o-transition: all .2s ease;
  1828 + transition: all .2s ease;
  1829 +}
  1830 +
  1831 +input.button.with-text, #content a.button.with-text {
  1832 + line-height: 1em !important;
  1833 + height: 22px;
  1834 +}
  1835 +
  1836 +img, video, audio {
  1837 + max-width: 100%;
  1838 + height: auto;
  1839 +}
  1840 +
  1841 +.common-profile-list-block .vcard a, .comment-actions .vcard a {
  1842 + padding-top: 0px;
  1843 + height: auto;
  1844 +}
  1845 +.vcard .btn-popover-menu {
  1846 + position:absolute;
  1847 + z-index: 2;
  1848 +}
  1849 +@media screen and (min-width: 768px) {
  1850 + .vcard .btn-popover-menu {
  1851 + display:none;
  1852 + }
  1853 + .comment-actions .vcard .btn-popover-menu {
  1854 + display:block;
  1855 + }
  1856 +}
  1857 +@media screen and (max-width: 767px) {
  1858 + .vcard .btn-popover-menu {
  1859 + display:block;
  1860 + }
  1861 +}
  1862 +.communities-block .vcard a .org {
  1863 + overflow: hidden;
  1864 +}
  1865 +.no-boxes .common-profile-list-block .vcard .fn,
  1866 +.no-boxes .common-profile-list-block .vcard .fn
  1867 +{
  1868 + white-space: nowrap;
  1869 +}
  1870 +.popover {
  1871 + min-width: 150px;
  1872 + text-align: left;
  1873 +}
  1874 +.popover-content {
  1875 + margin-bottom: 18px; /* Did not work fine by default, dont know why */
  1876 + text-align: left;
  1877 +}
  1878 +.popover-content ul {
  1879 + -webkit-padding-start: 0px;
  1880 +}
  1881 +.popover-content li {
  1882 + list-style: none;
  1883 + display:block;
  1884 +}
  1885 +.popover-content > a {
  1886 + text-align: left !important;
  1887 +}
  1888 +.popover-title {
  1889 + margin:0px !important;
  1890 +}
  1891 +.popover.top > .arrow {
  1892 + top:100% !important;
  1893 +}
  1894 +.btn-popover-menu:before {
  1895 + width:1em;
  1896 +}
  1897 +.btn-popover-menu {
  1898 + margin:0 ;
  1899 +}
  1900 +.vcard:hover .btn-popover-menu {
  1901 + display:block;
  1902 +}
  1903 +
  1904 +.search-profile-item {
  1905 +
  1906 +}
  1907 +
  1908 +.common-profile-list-block .vcard a:hover {
  1909 + border: 2px solid transparent;
  1910 + background: none;
  1911 +}
  1912 +
  1913 +.modal-content > .login-box {
  1914 + padding: 3px 20px 8px 20px;
  1915 +}
  1916 +
  1917 +#noosferoModalContent{
  1918 + padding: 15px;
  1919 +}
  1920 +
  1921 +@media screen and (max-width: 359px) {
  1922 + a.navbar-brand {
  1923 + font-size: 0px;
  1924 + color: rgba(255,255,255,0) !important;
  1925 + }
  1926 +}
  1927 +
  1928 +.container > #content {
  1929 + margin-right: 0px;
  1930 +}
  1931 +
  1932 +body {
  1933 + background-color: #eeeeee;
  1934 +}
  1935 +
  1936 +.block, .no-boxes {
  1937 + position: relative;
  1938 + padding: 8px;
  1939 + float: none;
  1940 + border-radius: 3px;
  1941 + border: 1px solid rgba(0,0,0,0.2);/*#d8d8d8;*/
  1942 + background-color: white;
  1943 + margin-bottom: 20px;
  1944 +}
  1945 +
  1946 +/*
  1947 +.no-boxes {
  1948 + margin-left: 15px;
  1949 +}*/
  1950 +
  1951 +.navbar-default .navbar-toggle {
  1952 + height: 41px;
  1953 +}
  1954 +
  1955 +/* dtygel: This breaks things, so I'll comment it out
  1956 +$padding_value:7px;
  1957 +
  1958 +.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  1959 + padding-left: $padding_value;
  1960 + padding-right: $padding_value;
  1961 +}
  1962 +
  1963 +.row {
  1964 + margin-left: -$padding_value;
  1965 + margin-right: -$padding_value;
  1966 +}
  1967 +*/
  1968 +
  1969 +#content-inner {
  1970 + padding-top: 21px;
  1971 +}
  1972 +
  1973 +.nav > li > a {
  1974 + padding-left: 7px;
  1975 + padding-right: 7px;
  1976 +}
  1977 +
  1978 +#content .automatic-abstract-thumb,
  1979 +#content #boxes .container-1 .article-block img.automatic-abstract-thumb,
  1980 +#content #article .article-body img.automatic-abstract-thumb {
  1981 + float: left;
  1982 + max-width: 100px;
  1983 + max-height: 100px;
  1984 + margin: 5px 5px 5px 0px;
  1985 +}
  1986 +
  1987 +input.ui-autocomplete-input {
  1988 + width: 100% !important;
  1989 +}
  1990 +
  1991 +.common-profile-list-block .vcard a, .comment-actions .vcard a {
  1992 + margin: 0px;
  1993 + border-radius: 5px;
  1994 +}
  1995 +
  1996 +/* CMS management */
  1997 +#new-folder-button {
  1998 + margin: -10px 0 15px 0;
  1999 +}
  2000 +
  2001 +.article-controls .btn,
  2002 +table.cms-articles a.icon,
  2003 +table.cms-articles a.icon-parent-folder,
  2004 +.cms-homepage a.icon {
  2005 + padding: 0;
  2006 +}
  2007 +table.cms-articles .article-mime,
  2008 +table.cms-articles .last-update,
  2009 +table.cms-articles .article-name {
  2010 + font-size: 12px;
  2011 +}
  2012 +@media (max-width: 767px) {
  2013 + .last-update {
  2014 + display: none;
  2015 + }
  2016 +}
  2017 +@media (max-width: 465px) {
  2018 + .article-mime {
  2019 + display: none;
  2020 + }
  2021 + .article-controls .btn,
  2022 + table.cms-articles a.icon,
  2023 + table.cms-articles a.icon-parent-folder,
  2024 + .cms-homepage a.icon {
  2025 + padding: 1px 3px;
  2026 + }
  2027 +}
  2028 +
  2029 +/* Highlights block */
  2030 +.highlights-block {
  2031 + height: 400px;
  2032 +}
  2033 +.highlights-container, .highlights-image-link {
  2034 + height: 370px !important;
  2035 +}
  2036 +
  2037 +/*PROVISORY!*/
  2038 +#product-owner { display:none; }
  2039 +
  2040 +.required-field {
  2041 + color: #E75252;
  2042 + font-weight: bold;
  2043 +}
  2044 +
  2045 +#theme-footer #language-chooser {
  2046 + text-align: left;
  2047 +}
  2048 +
  2049 +/* armengue */
  2050 +/* didn't find why .no-boxes has bigger width than its parent */
  2051 +.no-boxes {
  2052 + width: 96%;
  2053 +}
  2054 +
  2055 +@media screen and (min-width:1200px) {
  2056 + #top-bar a.icon-help {
  2057 + font-size: 0;
  2058 + }
  2059 +
  2060 + #top-bar a.icon-help:before {
  2061 + font-size:15px;
  2062 + }
  2063 +}
  2064 +
  2065 +/* Default color for buttons */
  2066 +a.btn, .block a.btn, a.btn:visited, .block a.btn:visited, a.btn:hover, .block a.btn:hover {
  2067 + color: #fff;
  2068 +}
  2069 +
  2070 +/* Adjustments for no-boxes */
  2071 +#content .no-boxes {
  2072 + padding-left: 30px;
  2073 + padding-right: 30px;
  2074 +}
  2075 +
  2076 +.modal {
  2077 + background-color: rgba(0,0,0,0.5);
  2078 +}
  2079 +
  2080 +/* Products */
  2081 +#product-list .expand-box > span {
  2082 + font-size: 0.6em;
  2083 +}
  2084 +
... ...
public/designs/themes/base-responsive-will/stylesheets/_profile_title.scss 0 → 100644
... ... @@ -0,0 +1,15 @@
  1 +
  2 +.row.profile-title {
  3 + margin: 0;
  4 +}
  5 +#profile-title a, #profile-title a:visited {
  6 + font-weight: bold;
  7 + font-size: 200%;
  8 + text-decoration: none;
  9 + color: #2C3E50;
  10 +}
  11 +#profile-title a:hover {
  12 + text-decoration: underline;
  13 + color: #18BC9C;
  14 +}
  15 +
... ...
public/designs/themes/base-responsive-will/theme.yml 0 → 100644
... ... @@ -0,0 +1,4 @@
  1 +name: "Noosfero base theme responsive"
  2 +layout: "application-responsive"
  3 +icon_theme: [awesome, pidgin]
  4 +responsive: true
... ...
public/designs/themes/teste-will/Makefile 0 → 100644
... ... @@ -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 *~ */*~
... ...
public/designs/themes/teste-will/errors.css 0 → 100644
... ... @@ -0,0 +1,73 @@
  1 +body {
  2 + font-family: sans-serif;
  3 + margin: 0px;
  4 + padding: 0% 0%;
  5 + background: #eee;
  6 + font-size: 12px;
  7 + width: 960px;
  8 + margin: auto;
  9 +}
  10 +
  11 +#wrap {
  12 + margin: 20px 20px 0px 20px;
  13 + border: 1px solid #d3d7cf;
  14 + background: white url(imgs/50x.png) 100% 100% no-repeat;
  15 + height: 480px;
  16 +}
  17 +
  18 +#header {
  19 + background: #ccc url(imgs/menu-top-bg-right.png) top right no-repeat;
  20 + height: 42px;
  21 + margin-top: 48px;
  22 + position: relative;
  23 +}
  24 +
  25 +#logo {
  26 + background: url(imgs/menu-top-bg-left.png) 0px 29px no-repeat;
  27 + position: absolute;
  28 + top: -29px;
  29 + height: 92px;
  30 + width: 400px;
  31 + z-index: 2;
  32 +}
  33 +
  34 +#details {
  35 + position: absolute;
  36 + bottom: 1px;
  37 + right: 13px;
  38 + color: #EEE;
  39 + Xtext-shadow: 1px 1px 1px #fff;
  40 +}
  41 +
  42 +.message,
  43 +#languages {
  44 + margin: 0px 20px;
  45 +}
  46 +
  47 +#languages {
  48 + float: left;
  49 + width: 40%;
  50 + margin-top: 3em;
  51 + border-top: 1px solid #aaa;
  52 + padding-top: 0.5em;
  53 +}
  54 +
  55 +#languages a {
  56 + margin-right: 0.5em;
  57 +}
  58 +
  59 +h1 {
  60 + margin: 30px 0px 0px 0px;
  61 + font-weight: bold;
  62 + font-variant: small-caps;
  63 + border-bottom: 2px solid #2e3436;
  64 + color: #555753;
  65 + font-size: 16px;
  66 +}
  67 +
  68 +a, a:visited {
  69 + color: #666;
  70 +}
  71 +a:hover {
  72 + color: black;
  73 +}
... ...
public/designs/themes/teste-will/favicon.ico 0 → 100644
No preview for this file type
public/designs/themes/teste-will/footer.html.erb 0 → 100644
... ... @@ -0,0 +1,10 @@
  1 +<div class="container">
  2 + <div id="footer-links">
  3 + <%= link_to _('Manual'), '/doc', id: "link-to-doc", class: 'icon-help' %>
  4 + <p> alteração de rodapé</p>
  5 + </div><!-- end id="footer-links" -->
  6 + <div id="copyright">
  7 + <p><%= _('This social network 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>
  8 + </div><!-- end id="copyright" -->
  9 + <%= language_chooser(environment) %>
  10 +</div>
... ...
public/designs/themes/teste-will/header.html.erb 0 → 100644
... ... @@ -0,0 +1 @@
  1 +<h1>Rede Brasil Digital</h1>
0 2 \ No newline at end of file
... ...
public/designs/themes/teste-will/icons/16x16/actions/log-in.png 0 → 100644

684 Bytes

public/designs/themes/teste-will/icons/16x16/actions/log-out.png 0 → 100644

484 Bytes

public/designs/themes/teste-will/imgs/50x.png 0 → 100644

95.6 KB

public/designs/themes/teste-will/imgs/arrow-down-p.png 0 → 100644

233 Bytes

public/designs/themes/teste-will/imgs/arrow-right-p.png 0 → 100644

215 Bytes

public/designs/themes/teste-will/imgs/blog-sep.png 0 → 100644

161 Bytes

public/designs/themes/teste-will/imgs/colivre-nascente-cinza.gif 0 → 100644

1.57 KB

public/designs/themes/teste-will/imgs/comment-bg-L.png 0 → 100644

188 Bytes

public/designs/themes/teste-will/imgs/comment-bg-N.png 0 → 100644

187 Bytes

public/designs/themes/teste-will/imgs/comment-bg-NL.png 0 → 100644

262 Bytes

public/designs/themes/teste-will/imgs/comment-bg-NO.png 0 → 100644

391 Bytes

public/designs/themes/teste-will/imgs/comment-bg-O.png 0 → 100644

192 Bytes

public/designs/themes/teste-will/imgs/comment-bg-S.png 0 → 100644

224 Bytes

public/designs/themes/teste-will/imgs/comment-bg-SL.png 0 → 100644

263 Bytes

public/designs/themes/teste-will/imgs/comment-bg-SO.png 0 → 100644

279 Bytes

public/designs/themes/teste-will/imgs/comment-owner-bg-L.png 0 → 100644

188 Bytes

public/designs/themes/teste-will/imgs/comment-owner-bg-N.png 0 → 100644

235 Bytes

public/designs/themes/teste-will/imgs/comment-owner-bg-NL.png 0 → 100644

261 Bytes

public/designs/themes/teste-will/imgs/comment-owner-bg-NO.png 0 → 100644

515 Bytes

public/designs/themes/teste-will/imgs/comment-owner-bg-O.png 0 → 100644

198 Bytes

public/designs/themes/teste-will/imgs/comment-owner-bg-S.png 0 → 100644

223 Bytes

public/designs/themes/teste-will/imgs/comment-owner-bg-SL.png 0 → 100644

259 Bytes

public/designs/themes/teste-will/imgs/comment-owner-bg-SO.png 0 → 100644

273 Bytes

public/designs/themes/teste-will/imgs/down-arrow-light.png 0 → 100644

169 Bytes

public/designs/themes/teste-will/imgs/fundo-buscar-portal.jpg 0 → 100644

350 KB

public/designs/themes/teste-will/imgs/fundo-egov.jpg 0 → 100644

220 KB

public/designs/themes/teste-will/imgs/fundo-graficos.jpg 0 → 100644

46 KB

public/designs/themes/teste-will/imgs/fundo-header.png 0 → 100644

7.59 KB

public/designs/themes/teste-will/imgs/fundo-noticias.jpg 0 → 100644

269 KB

public/designs/themes/teste-will/imgs/fundo-sociais.jpg 0 → 100644

142 KB

public/designs/themes/teste-will/imgs/fundo-videos.jpg 0 → 100644

98.8 KB

public/designs/themes/teste-will/imgs/header-home.png 0 → 100644

5.6 KB

public/designs/themes/teste-will/imgs/lettering-slbr.png 0 → 100644

2.05 KB

public/designs/themes/teste-will/imgs/li-blue.gif 0 → 100644

88 Bytes

public/designs/themes/teste-will/imgs/li-gray.gif 0 → 100644

88 Bytes

public/designs/themes/teste-will/imgs/li-recent.gif 0 → 100644

88 Bytes

public/designs/themes/teste-will/imgs/link-list-current-bg.png 0 → 100644

192 Bytes

public/designs/themes/teste-will/imgs/menu-top-bg-left.png 0 → 100644

195 Bytes

public/designs/themes/teste-will/imgs/menu-top-bg-right.png 0 → 100644

218 Bytes

public/designs/themes/teste-will/imgs/menu-top-bg.png 0 → 100644

177 Bytes

public/designs/themes/teste-will/imgs/menu-top-hilight.png 0 → 100644

228 Bytes

public/designs/themes/teste-will/navigation.html.erb 0 → 100644
... ... @@ -0,0 +1,10 @@
  1 +<li>
  2 + <%= search_contents_menu %>
  3 +</li>
  4 +<li>
  5 + <%= search_people_menu %>
  6 +</li>
  7 +<li>
  8 + <%= search_communities_menu %>
  9 + </li>
  10 +<li><a href="/search/events"><span class='icon-menu-events'><%= _('Events') %></span></a></li>
... ...
public/designs/themes/teste-will/style.scss 0 → 100644
... ... @@ -0,0 +1,1672 @@
  1 +@import 'stylesheets/layouts';
  2 +
  3 +@import 'stylesheets/signup';
  4 +@import 'stylesheets/account';
  5 +@import 'stylesheets/cms';
  6 +@import 'stylesheets/catalog';
  7 +@import 'stylesheets/profile-editor';
  8 +@import 'stylesheets/profile';
  9 +
  10 +@import 'stylesheets/content';
  11 +
  12 +@import 'stylesheets/events';
  13 +@import 'stylesheets/product';
  14 +
  15 +/* ==> button.css <== */
  16 +
  17 +.button {
  18 + -moz-border-radius: 3px;
  19 + -webkit-border-radius: 3px;
  20 +}
  21 +
  22 +#content input.button, #content a.button {
  23 + background-repeat: no-repeat;
  24 + background-color: #EEE;
  25 + border: 1px solid #CCC;
  26 + color: #555;
  27 + line-height: 16px;
  28 + height: 16px;
  29 + text-decoration: none;
  30 +}
  31 +
  32 +#content input.button.with-text, #content a.button.with-text {
  33 + line-height: 20px;
  34 + height: 20px;
  35 +}
  36 +
  37 +input.button {
  38 + max-height: 20px;
  39 +}
  40 +input.button.with-text {
  41 + max-height: 22px;
  42 +}
  43 +
  44 +#content input.button:hover, #content a.button:hover {
  45 + color: #FFF;
  46 + background-color: #555;
  47 + border: 1px solid #2e3436;
  48 + text-decoration: none;
  49 +}
  50 +
  51 +/* ==> layout.css <== */
  52 +
  53 +body {
  54 + /*background: #EEE;*/
  55 + font-family: Liberation Sans, Arial, sans-serif;
  56 + border:50px solid red;
  57 +
  58 +
  59 +}
  60 +
  61 +#wrap-1, #theme-footer {
  62 + width: 960px;
  63 + margin: auto;
  64 +}
  65 +
  66 +.action-home-index #wrap-1, .action-home-index #theme-footer {
  67 + width:100%;
  68 +
  69 +}
  70 +
  71 +
  72 +
  73 +body, th, td, input {
  74 + font-size: 12px;
  75 +}
  76 +
  77 +#link-go-content {
  78 + position: absolute;
  79 + top: -100px;
  80 +}
  81 +
  82 +#wrap-2 {
  83 + /* padding: 10px;*/
  84 + position: relative;
  85 + /* border: 1px solid #d3d7cf;
  86 + background-color: white;*/
  87 +
  88 +
  89 +}
  90 +
  91 +.msie7 #wrap-2 {
  92 + height: 100%;
  93 +}
  94 +
  95 +#content {
  96 + margin-top: 122px;
  97 + background-color:white;
  98 +}
  99 +
  100 +/*************************** user bar ********************************/
  101 +
  102 +#user {
  103 + text-align: right;
  104 + position: absolute;
  105 + right: 10px;
  106 + z-index: 10;
  107 + top:0px;
  108 +}
  109 +
  110 +#user a {
  111 + position: relative;
  112 + color: #888a85;
  113 +}
  114 +
  115 +#user a strong {
  116 + font-weight: bold;
  117 + color: #555753;
  118 +}
  119 +
  120 +#user .logged-in > * {
  121 + margin-left: 25px;
  122 +}
  123 +
  124 +#user a i {
  125 + display: block;
  126 + width: 16px;
  127 + height: 16px;
  128 + position: absolute;
  129 + left: -17px;
  130 + top: -1px;
  131 +}
  132 +.msie7 #user a i {
  133 + top: 3px;
  134 +}
  135 +
  136 +#user #homepage-link i {
  137 + width: 18px;
  138 + height: 18px;
  139 + left: -20px;
  140 + top: -2px;
  141 + background-position: 50% 50%;
  142 +}
  143 +
  144 +#user form {
  145 + position: relative;
  146 + display: inline;
  147 + margin-left: 20px;
  148 +}
  149 +
  150 +#user form input .blur {
  151 + width: 160px;
  152 + border: 1px solid #BBB;
  153 + -moz-border-radius: 3px;
  154 + -webkit-border-radius: 3px;
  155 + color: #CCC;
  156 +}
  157 +#user form input {
  158 + border: 1px solid #888;
  159 + color: #555;
  160 +}
  161 +
  162 +#user form div {
  163 + font-size: 11px;
  164 + color: #888;
  165 + visibility: hidden;
  166 +}
  167 +#user form.focused div {
  168 + visibility: visible;
  169 +}
  170 +
  171 +/*************************** logo ************************************/
  172 +
  173 +#site-title {
  174 + margin: 0px;
  175 + padding: 0px;
  176 + position: absolute;
  177 + top: 20px;
  178 + left: 130px;
  179 + z-index: 7;
  180 + overflow: hidden;
  181 + /*width: 310px;
  182 + height: 90px;*/
  183 +
  184 + background: url(imgs/header-home.png) no-repeat transparent;
  185 + height: 63px;
  186 + width: 257px;
  187 +
  188 +
  189 +}
  190 +
  191 +#site-title a {
  192 + display: block;
  193 + width: 300px;
  194 + height: 40px;
  195 + position: absolute;
  196 + top: 30px;
  197 + left: 20px;
  198 +}
  199 +
  200 +#site-title span {
  201 + font-size: 1px;
  202 + position: absolute;
  203 + top: -200px;
  204 +}
  205 +
  206 +/************************** navigation bar ***************************/
  207 +
  208 +#navigation {
  209 + position: absolute;
  210 + top: 49px;
  211 + right: 0px;
  212 + width: 100%;
  213 + text-align: right;
  214 + /*background: #ccc url(imgs/menu-top-bg-left.png) no-repeat;*/
  215 +}
  216 +
  217 +#navigation-end {
  218 + position: absolute;
  219 + top: 0px;
  220 + right: 0px;
  221 + width: 14px;
  222 + height: 42px;
  223 + background: url(imgs/menu-top-bg-right.png);
  224 +}
  225 +
  226 +#navigation ul {
  227 + height: 42px;
  228 + margin: 0px;
  229 + padding: 0px 10px 0px 0px;
  230 + float: right;
  231 +}
  232 +
  233 +#navigation li {
  234 + list-style: none;
  235 + display: block;
  236 + height: auto;
  237 + width: 125px;
  238 + float: left;
  239 + text-align: center;
  240 + position: relative;
  241 +}
  242 +
  243 +#navigation a {
  244 + border-left: 1px solid #888a85;
  245 + display: block;
  246 + font-size: 15px;
  247 + line-height: 42px;
  248 + text-decoration: none;
  249 + color: #000;
  250 +}
  251 +#navigation a:hover {
  252 + background: url(imgs/menu-top-hilight.png);
  253 + color: #FFF;
  254 +}
  255 +
  256 +#navigation span {
  257 + padding: 0px 0px 0px 30px;
  258 + background-position: 5px 50%;
  259 + background-repeat: no-repeat;
  260 +}
  261 +
  262 +#navigation .menu-submenu ul, #navigation .menu-submenu li{
  263 + float: none;
  264 + text-align: right;
  265 + border-left: 0px;
  266 +}
  267 +
  268 +.menu-submenu-list>li{
  269 + width: 100%;
  270 +}
  271 +
  272 +#navigation .menu-submenu ul{
  273 + border: 1px solid #888a85;
  274 + border-top: 0px;
  275 + background-color: #ccc;
  276 + padding-right: 2px;
  277 + height: auto;
  278 + display: block;
  279 + padding-top: 20px;
  280 +}
  281 +
  282 +#navigation .menu-submenu{
  283 + bottom: -75px;
  284 + width: 126px;
  285 + top: 0px;
  286 + right: 0px;
  287 + position: relative;
  288 +}
  289 +
  290 +#navigation .menu-submenu a{
  291 + padding: 4px 5px;
  292 + font-size: 12px;
  293 + line-height: normal;
  294 + border-left: 0;
  295 +}
  296 +
  297 +#navigation .menu-submenu-trigger {
  298 + background: #eee url(../../../images/down-arrow.png) center center no-repeat;
  299 + border: 0px;
  300 + height: 8px;
  301 + width: 124px;
  302 +}
  303 +#navigation li:hover .menu-submenu-trigger:hover {
  304 + background: #585858 url(imgs/down-arrow-light.png) center center no-repeat;
  305 +}
  306 +
  307 +#navigation li:hover .menu-submenu-trigger{
  308 + display: block;
  309 +}
  310 +
  311 +#navigation li .menu-submenu-trigger{
  312 + display: none;
  313 + height: 16px;
  314 + top: 42px;
  315 + left: 0;
  316 + border: 1px solid #888A85;
  317 + outline: none;
  318 +}
  319 +
  320 +#navigation .menu-submenu-header, #navigation .menu-submenu-footer, #navigation .menu-submenu h4{
  321 + display: none;
  322 +}
  323 +
  324 +#navigation .common-profile-list-block .vcard .menu-submenu-trigger,
  325 +.menu-submenu-trigger {
  326 + left: 1px;
  327 + top: 33px;
  328 + -moz-border-radius: 0px;
  329 + -webkit-border-radius: 0px;
  330 +}
  331 +
  332 +/************************** main content *****************************/
  333 +
  334 +.main-content {
  335 + border-style: solid;
  336 + border-color: #babdb6;
  337 + border-width: 1px;
  338 + border-radius: 10px;
  339 + box-shadow: 1px 1px 2px #888888;
  340 + padding: 10px 20px;
  341 + position: relative;
  342 +
  343 +}
  344 +
  345 +#content .main-block h1, #not-found h1, #access-denied h1 {
  346 + font-variant: small-caps;
  347 + color: #555753;
  348 + text-align: left;
  349 + border-bottom: 2px solid #2e3436;
  350 +}
  351 +
  352 +.block {
  353 + position: relative;
  354 + padding: 10px 0;
  355 + float: none;
  356 +}
  357 +.action-home-index .box-1{
  358 + margin:0px;
  359 +}
  360 +
  361 +/***************************** header ********************************/
  362 +#theme-header {
  363 + height: 123px;
  364 + background: url(imgs/fundo-header.png) repeat-x transparent;
  365 + width:100%;
  366 + z-index:2;
  367 + top:0px;
  368 +}
  369 +
  370 +#theme-header h1 {
  371 + position:absolute;
  372 + text-indent:-10000px;
  373 +
  374 +}
  375 +
  376 +/***************************** footer ********************************/
  377 +
  378 +#theme-footer #language-chooser {
  379 + margin-top: 3em;
  380 + text-align: center;
  381 +}
  382 +
  383 +
  384 +#theme-footer {
  385 + padding: 0px;
  386 + font-size: 11px;
  387 + color: #555;
  388 + margin-bottom: 20px;
  389 + background-color:white;
  390 +
  391 +}
  392 +
  393 +#theme-footer .container{
  394 + background-color: #5c666c;
  395 +
  396 +}
  397 +
  398 +
  399 +#theme-footer a {
  400 + color: #333;
  401 + text-decoration: none;
  402 +}
  403 +#theme-footer a:hover {
  404 + color: #222;
  405 + text-decoration: underline;
  406 +}
  407 +
  408 +#footer-links {
  409 + text-align: left;
  410 + float: left;
  411 +}
  412 +
  413 +#link-to-doc {
  414 + background-repeat: no-repeat;
  415 + padding-left: 20px;
  416 + padding-top: 2px;
  417 + padding-bottom: 2px;
  418 +}
  419 +
  420 +#copyright {
  421 + text-align: right;
  422 +}
  423 +
  424 +#noosfero-license {
  425 + margin-bottom: 1em;
  426 +}
  427 +
  428 +div.no_media_panel {
  429 + margin: 0px;
  430 +}
  431 +
  432 +div#notice {
  433 + right: 50%;
  434 + margin-right: -470px;
  435 +}
  436 +
  437 +/* ==> blocks.css <== */
  438 +
  439 +.action-home-index .blocks > .block-outer:nth-child(1){
  440 + background: url(imgs/fundo-buscar-portal.jpg) no-repeat;
  441 + height:943px;
  442 +}
  443 +.action-home-index .blocks > .block-outer:nth-child(2){
  444 + background: url(imgs/fundo-egov.jpg) no-repeat;
  445 + height:863px;
  446 +}
  447 +
  448 +.action-home-index .blocks > .block-outer:nth-child(3){
  449 + background: url(imgs/fundo-videos.jpg) no-repeat;
  450 + height:667px;
  451 +}
  452 +.action-home-index .blocks > .block-outer:nth-child(4){
  453 + background: url(imgs/fundo-noticias.jpg) no-repeat;
  454 + height:765px;
  455 +}
  456 +
  457 +.action-home-index .blocks > .block-outer:nth-child(5){
  458 + background: url(imgs/fundo-sociais.jpg) no-repeat;
  459 + height:765px;
  460 +}
  461 +
  462 +.action-home-index .blocks > .block-outer:nth-child(6){
  463 + background: url(imgs/fundo-graficos.jpg) no-repeat bottom;
  464 + height:765px;
  465 +}
  466 +
  467 +.block-outer{
  468 + border:1px solid grey;
  469 +}
  470 +
  471 +.block a {
  472 + color: #555753;
  473 +}
  474 +.block a:visited {
  475 + color: #888a85;
  476 + font-weight: normal;
  477 +}
  478 +.block a:hover {
  479 + color: #2e3436;
  480 + text-decoration: underline;
  481 +}
  482 +
  483 +
  484 +#content .block {
  485 + padding: 10px;
  486 + margin: 0px 0px 20px 0px;
  487 + position: relative;
  488 +}
  489 +.action-home-index #content .block {
  490 + padding: 0px;
  491 + margin:0px;
  492 +}
  493 +
  494 +
  495 +#content .block-title {
  496 + font-variant: small-caps;
  497 + color: #AAA;
  498 + font-size: 14px;
  499 + text-align: left;
  500 + border-bottom: 2px solid #AAA;
  501 +}
  502 +#content .block-subtitle {
  503 + font-variant: normal;
  504 + color: #AAA;
  505 + font-size: 11px;
  506 + text-align: center;
  507 + border-bottom: 1px solid #AAA;
  508 + padding: 2px 0;
  509 +}
  510 +
  511 +/*************************** Login block *****************************/
  512 +
  513 +.login-box {
  514 + padding: 0px;
  515 +}
  516 +
  517 +.login-box-content {
  518 + margin: 0px;
  519 + border: none;
  520 + background: none;
  521 + padding: 0px;
  522 +}
  523 +
  524 +.login-box-content .button-bar .button {
  525 + position: relative;
  526 +}
  527 +
  528 +.login-box .formfieldline input {
  529 + width: 99%;
  530 +}
  531 +
  532 +.login-box form {
  533 + margin: 0px;
  534 +}
  535 +.msie7 .login-box form {
  536 + padding: 0px 10px 0px 0px;
  537 +}
  538 +
  539 +#content .login-block h2 {
  540 + font-variant: small-caps;
  541 + color: #AAA;
  542 + font-size: 14px;
  543 + text-align: left;
  544 + border-bottom: 2px solid #AAA;
  545 +}
  546 +
  547 +.login-box p {
  548 + text-align: center;
  549 + margin: 0px;
  550 + padding: 0px;
  551 +}
  552 +
  553 +.login-box .forgot-passwd a {
  554 + color: #555753;
  555 +}
  556 +
  557 +.want-to-be-an-user {
  558 + font-size: 13px;
  559 +}
  560 +
  561 +#content .logged-user-info h2 {
  562 + /*font-size: none;*/
  563 + font-size: 0;
  564 +}
  565 +
  566 +.logged-user-info ul {
  567 + margin-top: 5px;
  568 +}
  569 +
  570 +.logged-user-info .user-actions {
  571 + padding-left: 50px;
  572 +}
  573 +
  574 +
  575 +/************************** Profile List *****************************/
  576 +
  577 +#content .profile-list-block ul,
  578 +#content .enterprises-block ul,
  579 +#content .communities-block ul,
  580 +#content .favorite-enterprises-block ul,
  581 +#content .fans-block ul {
  582 + min-width: 196px;
  583 + width: 192px;
  584 + margin: 0px 0px 0px -3px;
  585 + padding: 0px;
  586 +}
  587 +
  588 +#content .box-1 .profile-list-block ul,
  589 +#content .box-1 .enterprises-block ul,
  590 +#content .box-1 .communities-block ul,
  591 +#content .box-1 .fans-block ul {
  592 + width: auto;
  593 + display: block;
  594 +}
  595 +
  596 +.block-footer-content {
  597 + text-align: center;
  598 + padding-top: 3px;
  599 +}
  600 +
  601 +.block-footer-content a.view-all {
  602 + font-size: 11px;
  603 + color: #000;
  604 +}
  605 +
  606 +#content .profile-list-block .block-title {
  607 + text-align: left;
  608 +}
  609 +
  610 +#content .profile-list li a,
  611 +#content .common-profile-list-block .vcard li a {
  612 + color: #555;
  613 +}
  614 +#content .profile-list li a:hover,
  615 +#content .common-profile-list-block .vcard li a:hover {
  616 + color: #000;
  617 + text-decoration: none;
  618 +}
  619 +
  620 +/************************* Recent Contents ***************************/
  621 +
  622 +#content .feed-reader-block,
  623 +#content .recent-documents-block {
  624 + overflow: hidden;
  625 +}
  626 +
  627 +.feed-reader-block li,
  628 +.recent-documents-block li {
  629 + list-style-image: url(imgs/li-recent.gif);
  630 + padding: 5px 0px;
  631 +}
  632 +
  633 +.feed-reader-block li a,
  634 +.recent-documents-block li a {
  635 + font-weight: bold;
  636 +}
  637 +
  638 +.feed-reader-block li a:visited,
  639 +.recent-documents-block li a:visited {
  640 + font-weight: normal;
  641 +}
  642 +
  643 +.feed-reader-block li a:hover,
  644 +.recent-documents-block li a:hover {
  645 + text-decoration: underline;
  646 +}
  647 +
  648 +/************************* Profile Image *****************************/
  649 +
  650 +#content .profile-image-block {
  651 +}
  652 +.profile-big-image-inner1 {
  653 + text-align: center;
  654 +}
  655 +
  656 +.profile-big-image {
  657 +}
  658 +.profile-big-image img {
  659 + border: none;
  660 + padding: 0px;
  661 +}
  662 +
  663 +.profile-image-block p {
  664 + margin: 0px;
  665 + font-size: 17px;
  666 + font-weight: bold;
  667 + color: #555;
  668 +}
  669 +
  670 +.profile-image-block .admin-link {
  671 + text-align: center;
  672 + font-size: 75%;
  673 + clear: both;
  674 +}
  675 +
  676 +
  677 +/*************************** My Network ******************************/
  678 +
  679 +#content .block.my-network-block {
  680 + margin: 0px 0px 10px 0px;
  681 +}
  682 +
  683 +.my-network-block ul {
  684 + margin: 0px;
  685 + padding: 0px 0px 10px 20px;
  686 +}
  687 +.my-network-block li {
  688 + margin: 0px;
  689 + padding: 0px;
  690 + list-style: none;
  691 +}
  692 +
  693 +
  694 +/*************************** Link List *******************************/
  695 +
  696 +.link-list-block .empty {
  697 + display: none;
  698 +}
  699 +
  700 +#content .link-list-block {
  701 + padding: 10px 0px 10px 10px;
  702 +}
  703 +
  704 +#content .box-1 .link-list-block {
  705 + margin: 0px;
  706 +}
  707 +
  708 +#content .link-list-block li {
  709 + background: #FFF;
  710 + padding: 0px;
  711 + margin: 5px 0px;
  712 +}
  713 +
  714 +#content .box-1 .link-list-block li {
  715 + display: inline-block;
  716 +}
  717 +
  718 +#content .link-list-block li a {
  719 + font-size: 14px;
  720 + line-height: 24px;
  721 + color: #000;
  722 + background-color: #EEE;
  723 + background-position: 4px 50%;
  724 + border-radius: 4px;
  725 +}
  726 +
  727 +#content .box-1 .link-list-block li a {
  728 + padding-left: 25px;
  729 + padding-right: 10px;
  730 + margin-right: 5px;
  731 + background-position: 5px 50%;
  732 +}
  733 +
  734 +#content .link-list-block li a.link-this-page {
  735 + border-radius-top-right: 0px;
  736 + border-radius-bottom-right: 0px;
  737 + background-color: #cecece;
  738 + border-right: 2px solid #555753;
  739 +}
  740 +
  741 +#content .box-1 .link-list-block li a.link-this-page {
  742 + width: auto;
  743 + border: none;
  744 + border-radius: 4px;
  745 +}
  746 +
  747 +#content .link-list-block li a:hover {
  748 + background-color: #555753;
  749 + color: #FFF;
  750 + text-decoration: none;
  751 +}
  752 +#content .link-list-block li a.link-this-page:hover {
  753 + border-right: 2px solid #555753;
  754 +}
  755 +
  756 +
  757 +/************************** Communities ******************************/
  758 +
  759 +.communities-block .profile-image {
  760 + float: left;
  761 + padding-left: 4px;
  762 + max-width: 70px;
  763 + width: 75px;
  764 + height: auto;
  765 +}
  766 +
  767 +.msie7 .communities-block .common-profile-list-block .vcard a {
  768 + height: auto;
  769 + width: 99%;
  770 + padding-bottom: 1px;
  771 +}
  772 +
  773 +.communities-block .vcard a .org {
  774 + overflow: hidden;
  775 +}
  776 +.msie .communities-block .vcard a .org {
  777 + height: 30px;
  778 +}
  779 +
  780 +.communities-block .vcard a .may-clear {
  781 + clear: left;
  782 +}
  783 +
  784 +/****************************** Tags *********************************/
  785 +
  786 +/* the style here is not only for #content .tags-block .tag_cloud */
  787 +
  788 +.tag_cloud {
  789 + text-align: center;
  790 +}
  791 +
  792 +.tag_cloud a {
  793 + text-decoration: none;
  794 + white-space: nowrap;
  795 +}
  796 +
  797 +.tag_cloud a small {
  798 + opacity: 0.5;
  799 + filter:alpha(opacity=50);
  800 +}
  801 +
  802 +
  803 +/********************* Product Categories Block **********************/
  804 +
  805 +.product-categories-block .catalog-home-link {
  806 + display: block;
  807 + background: rgba(0,0,0,0.08);
  808 + font-weight: bold;
  809 + text-align: center;
  810 + border-radius: 5px;
  811 + padding: 0px;
  812 + line-height: 200%;
  813 + text-decoration: none;
  814 + color: #000;
  815 +}
  816 +.product-categories-block .catalog-home-link:hover {
  817 + background: rgba(0,0,0,0.6);
  818 + color: #FFF;
  819 + text-decoration: none;
  820 +}
  821 +
  822 +.product-categories-block .catalog-categories-list {
  823 + margin-top: 0.5em;
  824 +}
  825 +
  826 +.product-categories-block ul {
  827 + list-style-type: none;
  828 + margin: 0px;
  829 + padding: 0px;
  830 + border-radius: 5px;
  831 + color: rgba(0,0,0,0.4);
  832 +}
  833 +
  834 +.product-categories-block li {
  835 + margin: 0;
  836 + padding: 0;
  837 + white-space: nowrap;
  838 +}
  839 +
  840 +.product-categories-block li li div {
  841 + padding: 0 0 0 1.5em;
  842 +}
  843 +
  844 +.product-categories-block .catalog-categories-list a {
  845 + text-decoration: none;
  846 + font-size: 120%;
  847 + line-height: 150%;
  848 + color: #333;
  849 + overflow: hidden;
  850 + text-overflow: ellipsis;
  851 + display: inline-block;
  852 + padding: 0 0.3em 0 0.5em;
  853 + border-radius: 5px;
  854 + max-width: 80%;
  855 + vertical-align: middle;
  856 +}
  857 +.product-categories-block .catalog-categories-list ul a {
  858 + text-decoration: none;
  859 + font-size: 110%;
  860 + line-height: 163.6%;
  861 +}
  862 +.product-categories-block .catalog-categories-list div:hover a:hover {
  863 + background: rgba(0,0,0,0.6);
  864 + color: #FFF;
  865 + text-decoration: none;
  866 +}
  867 +
  868 +.product-categories-block .catalog-categories-list div:hover a,
  869 +.product-categories-block .catalog-categories-list div:hover .count {
  870 + background: rgba(0,0,0,0.08);
  871 +}
  872 +
  873 +.block.product-categories-block .catalog-categories-list a {
  874 + font-weight: bold;
  875 +}
  876 +
  877 +.block.product-categories-block .catalog-categories-list ul a {
  878 + font-weight: normal;
  879 +}
  880 +
  881 +.product-categories-block a:hover {
  882 + text-decoration: underline;
  883 +}
  884 +
  885 +.product-categories-block .count {
  886 + display: inline-block;
  887 + vertical-align: middle;
  888 + margin-left: -0.2em;
  889 + padding: 0 0.2em;
  890 + line-height: 180%;
  891 + border-radius: 5px;
  892 +}
  893 +
  894 +.block.product-categories-block .count:before {
  895 + content: "(";
  896 +}
  897 +.block.product-categories-block .count:after {
  898 + content: ")";
  899 +}
  900 +
  901 +.catalog-categories-notice {
  902 + color: rgba(0,0,0,0.3);
  903 + padding: 0.5em 1em;
  904 +}
  905 +
  906 +/********************* Environment Statistics ************************/
  907 +
  908 +#content .environment-statistics-block ul {
  909 + margin: 0px 20px;
  910 + padding: 0px;
  911 +}
  912 +#content .environment-statistics-block li {
  913 + list-style-image: url(imgs/li-gray.gif);
  914 + padding: 3px 0px;
  915 + color: #777
  916 +}
  917 +
  918 +/*************************** News Area *******************************/
  919 +
  920 +.action-home-index #content h1 {
  921 + color: #555753;
  922 + border-bottom: 2px solid #555753;
  923 +}
  924 +
  925 +.highlighted-news-item {
  926 + border-top: 1px solid #CCC;
  927 + padding-top: 5px;
  928 +}
  929 +.highlighted-news-item.post-1 {
  930 + border: none;
  931 + padding-top: 0px;
  932 +}
  933 +
  934 +#highlighted-news h2 a {
  935 + font-weight: bold;
  936 + color: #2e3436;
  937 +}
  938 +
  939 +.news-area {
  940 + border: none;
  941 + background: #FFF;
  942 + height: auto;
  943 + position: relative;
  944 +}
  945 +
  946 +.news-area ul {
  947 + border: 1px solid #CCC;
  948 + border-top: 2px solid #07C;
  949 + height: 125px;
  950 + overflow: auto;
  951 + margin: 0px;
  952 + padding: 5px 10px;
  953 + background: url(imgs/comment-bg-S.png) 0% 100% repeat-x;
  954 + border-bottom: none;
  955 +}
  956 +
  957 +.news-area li {
  958 + margin-left: 15px;
  959 + padding: 0px 0px;
  960 + list-style-image: url(imgs/li-blue.gif);
  961 +}
  962 +
  963 +#content .news-area h3 a {
  964 + font-weight: bold;
  965 + color: #2e3436;
  966 +}
  967 +#content .news-area h3 a:hover {
  968 + text-decoration: none;
  969 +}
  970 +
  971 +#content .news-area h3 {
  972 + background: #FFF;
  973 + margin: 0px;
  974 + padding: 0px;
  975 +}
  976 +
  977 +#content .news-area a {
  978 + color: #000;
  979 +}
  980 +
  981 +#content .news-area a.news-see-more {
  982 + position: absolute;
  983 + top: 3px;
  984 + right: 0px;
  985 +
  986 + color: #000;
  987 + padding-right: 10px;
  988 + background: url(imgs/arrow-right-p.png) 100% 50% no-repeat;
  989 +}
  990 +
  991 +#content .news-area a.news-see-more:hover {
  992 + text-decoration: none;
  993 + color: #07C;
  994 +}
  995 +
  996 +#portal-news ul {
  997 + padding: 0px;
  998 + border-top: 1px solid #CCC;
  999 +}
  1000 +#portal-news li {
  1001 + list-style: none;
  1002 + padding: 8px 0px;
  1003 + border-bottom: 1px solid #CCC;
  1004 +}
  1005 +#portal-news li a {
  1006 + font-weight: bold;
  1007 + color: #555753;
  1008 +}
  1009 +#portal-news .post-date, #highlighted-news .post-date {
  1010 + color: #555753;
  1011 +}
  1012 +
  1013 +#portal-news .post-date {
  1014 + float: left;
  1015 +}
  1016 +#portal-news .post-title {
  1017 + display: block;
  1018 + margin-left: 65px;
  1019 +}
  1020 +
  1021 +#highlighted-news .post-title {
  1022 + font-weight: bold;
  1023 + font-size: 20px;
  1024 +}
  1025 +#highlighted-news h2 {
  1026 + margin-bottom: 0px;
  1027 +}
  1028 +
  1029 +/* ==> search-results.css <== */
  1030 +
  1031 +
  1032 +.msie .search-results-box {
  1033 + width: 48%;
  1034 +}
  1035 +
  1036 +#content .no-boxes h1 {
  1037 + font-variant: small-caps;
  1038 + color: #555753;
  1039 + text-align: left;
  1040 + border-bottom: 2px solid #2e3436; /*8C0*/
  1041 +}
  1042 +
  1043 +.query {
  1044 + display: none;
  1045 +}
  1046 +
  1047 +.controller-search #content .search_form h3 {
  1048 + display: none;
  1049 +}
  1050 +
  1051 +.controller-search #content .search_form h4 {
  1052 + background: #DDD;
  1053 + color: #777;
  1054 +}
  1055 +.controller-search .search-options {
  1056 + border: 1px solid #777;
  1057 + -moz-border-radius: 5px;
  1058 + -webkit-border-radius: 5px;
  1059 +}
  1060 +.controller-search .search-options ul li {
  1061 + position: relative;
  1062 +}
  1063 +
  1064 +.controller-search .search-within select {
  1065 + display: block;
  1066 + margin-bottom: 5px;
  1067 +}
  1068 +
  1069 +.controller-search .search-within label {
  1070 + display: block;
  1071 + float: left;
  1072 + width: 100px;
  1073 + text-align: right;
  1074 + padding-right: 10px;
  1075 + position: relative;
  1076 + top: 5px;
  1077 +}
  1078 +
  1079 +.controller-search a {
  1080 + color: #555753;
  1081 +}
  1082 +
  1083 +#search-results h3 {
  1084 + color: #555753; /*6A0*/
  1085 + font-variant: small-caps;
  1086 + margin: 0px;
  1087 +}
  1088 +
  1089 +.search-results-innerbox {
  1090 + border: 1px solid #CCC;
  1091 + border-top: 2px solid #2e3436;
  1092 + border-bottom: none;
  1093 + background: url(imgs/comment-bg-S.png) 0% 100% repeat-x;
  1094 +}
  1095 +.only-one-result-box .search-results-innerbox {
  1096 + border-top: 1px solid #CCC;
  1097 +}
  1098 +
  1099 +#content .search-results-type-article li,
  1100 +#content .search-results-type-event li {
  1101 + padding: 5px 0px;
  1102 +}
  1103 +
  1104 +.search-results-type-article a,
  1105 +.search-results-type-event a {
  1106 + text-decoration: none;
  1107 +}
  1108 +.search-results-type-article a:hover,
  1109 +.search-results-type-event a:hover {
  1110 + text-decoration: underline;
  1111 +}
  1112 +
  1113 +/* ==> article.css <== */
  1114 +
  1115 +#article a {
  1116 + text-decoration: underline;
  1117 +}
  1118 +
  1119 +hr.pre-posts, hr.sep-posts {
  1120 + display: none;
  1121 +}
  1122 +
  1123 +.blog-post {
  1124 + background: url(imgs/blog-sep.png) repeat-x;
  1125 + padding: 15px 20px 5px 20px;
  1126 + margin: 0px -19px;
  1127 +}
  1128 +
  1129 +#article-actions a.button,
  1130 +#article-actions a.button:hover {
  1131 + border: none;
  1132 + background-color: transparent;
  1133 + color: #888;
  1134 +}
  1135 +#article-actions a.button:hover {
  1136 + color: #555753;
  1137 +}
  1138 +#content a.disabled,
  1139 +#content a.disabled:hover {
  1140 + color: #888;
  1141 + text-decoration: none;
  1142 +}
  1143 +#content a.button.disabled,
  1144 +#content a.button.disabled:hover {
  1145 + background-color: #CCC;
  1146 + border-color: #CCC;
  1147 +}
  1148 +
  1149 +#addThis {
  1150 + text-align: right;
  1151 +}
  1152 +
  1153 +#content .blog-post .title {
  1154 + border-bottom-color: #CCC;
  1155 +}
  1156 +#content .blog-post .title a {
  1157 + font-weight: bold;
  1158 + color: #000;
  1159 + text-decoration: none;
  1160 +}
  1161 +
  1162 +#content .main-block .publishing-info {
  1163 + text-align: left;
  1164 + color: #AAA;
  1165 + font-size: 11px;
  1166 + /*padding-top: 20px;*/
  1167 + margin-bottom:15px;
  1168 +}
  1169 +#content .main-block .publishing-info a {
  1170 + color: #AAA;
  1171 + text-decoration: none;
  1172 +}
  1173 +#content .main-block .publishing-info a:hover {
  1174 + color: #555;
  1175 + text-decoration: underline;
  1176 +}
  1177 +
  1178 +#article-tags {
  1179 + color: #FFF;
  1180 +}
  1181 +#article-tags a {
  1182 + text-decoration: none;
  1183 + padding: 0px 2px;
  1184 + -moz-border-radius: 3px;
  1185 + -webkit-border-radius: 3px;
  1186 + background: #BBB;
  1187 + color: #FFF;
  1188 +}
  1189 +#article-tags a:hover {
  1190 + background: #555753;
  1191 +}
  1192 +
  1193 +#article-hits {
  1194 + text-align: left;
  1195 + color: #AAA;
  1196 +}
  1197 +
  1198 +.msie .post_comment_box {
  1199 + padding-top: 15px;
  1200 +}
  1201 +
  1202 +.post_comment_box.closed h4 {
  1203 + -moz-border-radius: 4px;
  1204 + -webkit-border-radius: 4px;
  1205 +}
  1206 +
  1207 +.post_comment_box.opened h4 {
  1208 + display: block;
  1209 + background: #FFF;
  1210 + padding: 0px;
  1211 + font-variant: small-caps;
  1212 + color: #555753;
  1213 + font-size: 14px;
  1214 + text-align: left;
  1215 + border-bottom: 2px solid #888a85;
  1216 +}
  1217 +
  1218 +.post_comment_box.opened {
  1219 + border: none;
  1220 + background: transparent;
  1221 +}
  1222 +
  1223 +/************* uploaded file *****************/
  1224 +
  1225 +#article .gallery-navigation {
  1226 + padding: 10px 0;
  1227 +}
  1228 +
  1229 +#article .gallery-navigation .previous {
  1230 + margin-right: 10px;
  1231 +}
  1232 +
  1233 +#article .gallery-navigation .next {
  1234 + margin-left: 10px;
  1235 +}
  1236 +
  1237 +#article .gallery-navigation .total-of-images {
  1238 + font-weight: bold;
  1239 +}
  1240 +
  1241 +#article .uploaded-file-description {
  1242 + background: #f6f6f6;
  1243 + border-top: 1px solid #ccc;
  1244 + border-bottom: 1px solid #ccc;
  1245 + padding: 1em;
  1246 +}
  1247 +#article .uploaded-file-description.empty {
  1248 + display: none;
  1249 +}
  1250 +
  1251 +#article.file-generic .download-link {
  1252 + display: block;
  1253 + margin-bottom: 10px;
  1254 +}
  1255 +#article.file-generic .download-link span {
  1256 + font-size: 150%;
  1257 + padding-right: 5px;
  1258 +}
  1259 +#article.file-generic .download-link a {
  1260 + font-size: 180%;
  1261 + text-decoration: none;
  1262 +}
  1263 +
  1264 +/**************************** Comments *******************************/
  1265 +
  1266 +#content .comments h3 {
  1267 + font-variant: small-caps;
  1268 + color: #555753;
  1269 + font-size: 14px;
  1270 + text-align: left;
  1271 + border-bottom: 2px solid #888a85;
  1272 +}
  1273 +
  1274 +.article-comment {
  1275 + border: none;
  1276 + background: #FFF;
  1277 +}
  1278 +
  1279 +.comment-logged-out h4 {
  1280 + color: #888;
  1281 +}
  1282 +
  1283 +#content .comment-picture {
  1284 + text-align: left;
  1285 + text-decoration: none;
  1286 + position: relative;
  1287 +}
  1288 +
  1289 +.comment-wrapper-1 {
  1290 + margin-left: 60px;
  1291 + background: url(imgs/comment-bg-N.png) 0% 0% repeat-x;
  1292 +}
  1293 +.comment-wrapper-2 {
  1294 + background: url(imgs/comment-bg-S.png) 0% 100% repeat-x;
  1295 +}
  1296 +.comment-wrapper-3 {
  1297 + background: url(imgs/comment-bg-L.png) 100% 0% repeat-y;
  1298 +}
  1299 +.comment-wrapper-4 {
  1300 + background: url(imgs/comment-bg-O.png) 0% 0% repeat-y;
  1301 +}
  1302 +.comment-wrapper-5 {
  1303 + background: url(imgs/comment-bg-SL.png) 100% 100% no-repeat;
  1304 +}
  1305 +.comment-wrapper-6 {
  1306 + background: url(imgs/comment-bg-SO.png) 0% 100% no-repeat;
  1307 +}
  1308 +.comment-wrapper-7 {
  1309 + background: url(imgs/comment-bg-NL.png) 100% 0% no-repeat;
  1310 +}
  1311 +.comment-wrapper-8 {
  1312 + background: url(imgs/comment-bg-NO.png) 0% 0% no-repeat;
  1313 +}
  1314 +
  1315 +.comment-from-owner .comment-wrapper-1 {
  1316 + background: #fbf7b5 url(../../../images/comment-owner-bg-N.png) repeat-x;
  1317 +}
  1318 +.comment-from-owner .comment-wrapper-2 {
  1319 + background: url(../../../images/comment-owner-bg-S.png) 0% 100% repeat-x;
  1320 +}
  1321 +.comment-from-owner .comment-wrapper-3 {
  1322 + background: url(../../../images/comment-owner-bg-L.png) 100% 0% repeat-y;
  1323 +}
  1324 +.comment-from-owner .comment-wrapper-4 {
  1325 + background: url(../../../images/comment-owner-bg-O.png) 0% 0% repeat-y;
  1326 +}
  1327 +.comment-from-owner .comment-wrapper-5 {
  1328 + background: url(../../../images/comment-owner-bg-SL.png) 100% 100% no-repeat;
  1329 +}
  1330 +.comment-from-owner .comment-wrapper-6 {
  1331 + background: url(../../../images/comment-owner-bg-SO.png) 0% 100% no-repeat;
  1332 +}
  1333 +.comment-from-owner .comment-wrapper-7 {
  1334 + background: url(../../../images/comment-owner-bg-NL.png) 100% 0% no-repeat;
  1335 +}
  1336 +.comment-from-owner .comment-wrapper-8 {
  1337 + background: url(../../../images/comment-owner-bg-NO.png) 0% 0% no-repeat;
  1338 +}
  1339 +
  1340 +.comment-created-at {
  1341 + position: relative;
  1342 + padding-right: 9px;
  1343 +}
  1344 +
  1345 +.comment-order {
  1346 + float: right;
  1347 + display: block;
  1348 +}
  1349 +
  1350 +.comment-from-owner .comment-created-at {
  1351 + color: #333;
  1352 +}
  1353 +
  1354 +.article-comment .button-bar {
  1355 + position: relative;
  1356 + top: 9px;
  1357 + right: 8px;
  1358 + z-index: 10;
  1359 +}
  1360 +
  1361 +.article-comment .button-bar a {
  1362 + position: relative;
  1363 +}
  1364 +
  1365 +.comment-details {
  1366 + margin: 0px;
  1367 + padding: 7px 12px 3px 26px;
  1368 +}
  1369 +
  1370 +/* ==> controllers.css <== */
  1371 +
  1372 +/******** controller-friends action-friends-index ********/
  1373 +
  1374 +.profile-list li,
  1375 +.common-profile-list-block .vcard {
  1376 + border: 1px solid transparent;
  1377 +}
  1378 +
  1379 +.profile-list li:hover,
  1380 +.common-profile-list-block .vcard:hover {
  1381 + border: 1px solid #CCC;
  1382 + -moz-border-radius: 5px;
  1383 + -webkit-border-radius: 5px;
  1384 + background: #EEE;
  1385 + text-decoration: none;
  1386 +}
  1387 +
  1388 +.common-profile-list-block .vcard a,
  1389 +.common-profile-list-block .vcard a:hover {
  1390 + background: transparent;
  1391 + border: 0;
  1392 +}
  1393 +
  1394 +/******** controller-profile action-profile-index ********/
  1395 +
  1396 +table.profile th {
  1397 + font-size: 15px;
  1398 + text-align: left;
  1399 +}
  1400 +
  1401 +/**** controller-memberships action-memberships-index ****/
  1402 +
  1403 +#memberships-index li {
  1404 + background-color: #FFF;
  1405 + border: 1px solid #EEE;
  1406 + -moz-border-radius: 9px;
  1407 + -webkit-border-radius: 9px;
  1408 + margin-bottom: 10px;
  1409 +}
  1410 +
  1411 +#memberships-index li .vcard a.profile_link.url {
  1412 + border: 1px solid transparent;
  1413 + background-color: #FFF;
  1414 +}
  1415 +
  1416 +#memberships-index li .vcard a.profile_link.url:hover {
  1417 + border: 1px solid #CCC;
  1418 + background-color: #EEE;
  1419 + -moz-border-radius: 4px;
  1420 + -webkit-border-radius: 4px;
  1421 +}
  1422 +
  1423 +/************************** Control Panel ****************************/
  1424 +
  1425 +.control-panel a,
  1426 +.control-panel a:visited {
  1427 + color: #000;
  1428 + font-weight: bold;
  1429 + background-position: 2px 50%;
  1430 +}
  1431 +.control-panel a:hover {
  1432 + text-decoration: none;
  1433 + color: #2e3436;
  1434 + background-color: #d3d7cf;
  1435 +}
  1436 +
  1437 +
  1438 +
  1439 +/* ==> doc.css <== */
  1440 +
  1441 +#online-doc-navigation h1 {
  1442 + font-variant: small-caps;
  1443 + color: #AAA;
  1444 + border-bottom: 2px solid #AAA;
  1445 +}
  1446 +
  1447 +#online-doc-text {
  1448 + background: transparent url(imgs/blog-sep.png) repeat-x scroll 0 0;
  1449 + padding: 15px 20px 5px 20px;
  1450 + margin: 10px -19px;
  1451 +}
  1452 +
  1453 +#online-doc-text h1,
  1454 +#online-doc-text h2,
  1455 +#online-doc-text h3,
  1456 +#online-doc-text h4,
  1457 +#online-doc-text h5,
  1458 +#online-doc-text h6 {
  1459 + font-variant: small-caps;
  1460 +}
  1461 +
  1462 +#online-doc-text h2 {
  1463 + border-bottom: 2px solid black;
  1464 +}
  1465 +
  1466 +/**************************** Browse *******************************/
  1467 +
  1468 +#content .search-results-type-article li {
  1469 + padding: 5px 0px;
  1470 +}
  1471 +
  1472 +.search-results-type-article a {
  1473 + text-decoration: none;
  1474 +}
  1475 +.search-results-type-article a:hover {
  1476 + text-decoration: underline;
  1477 +}
  1478 +
  1479 +/* simplemenu */
  1480 +
  1481 +.simplemenu-submenu {
  1482 + background: #EEE;
  1483 + border: 1px solid #AAA;
  1484 + opacity: 0.9;
  1485 + text-align: left;
  1486 +}
  1487 +.user-status .simplemenu-item a {
  1488 + color: black;
  1489 +}
  1490 +
  1491 +/* chat */
  1492 +
  1493 +#chat-window .history .self-name {
  1494 + color: #3F3F90;
  1495 +}
  1496 +#chat-window .history .other-name {
  1497 + color: #7F1F1F;
  1498 +}
  1499 +
  1500 +/* recaptcha*/
  1501 +
  1502 +table#recaptcha_table tr:hover td {
  1503 + background-color: #fff;
  1504 +}
  1505 +
  1506 +/* product cateogories */
  1507 +#categories-container #product_category_id {
  1508 + font-size: 18px;
  1509 + width: 100%;
  1510 + margin-bottom: 8px;
  1511 +}
  1512 +#categories-container #product_category_id:focus {
  1513 + outline: none;
  1514 + border-color: green;
  1515 + box-shadow: 0 0 10px green;
  1516 + color:#333;
  1517 +}
  1518 +
  1519 +/************************* Article Page *****************************/
  1520 +
  1521 +#article-header .preview {
  1522 + font-size: 15px;
  1523 +}
  1524 +
  1525 +.article-body-img {
  1526 + float: left;
  1527 + margin-right: 20px;
  1528 + margin-top: 5px;
  1529 +}
  1530 +
  1531 +#content #article .article-body .article-body-img img {
  1532 + height: auto;
  1533 + width: auto;
  1534 + min-height: 120px;
  1535 + max-height: 180px;
  1536 + max-width: 250px;
  1537 + background-position: center center;
  1538 + background-repeat: no-repeat;
  1539 +}
  1540 +
  1541 +#content #article .article-body .article-body-img p {
  1542 + margin-bottom: 10px;
  1543 + font-size: 10px;
  1544 + min-height: 20px;
  1545 +}
  1546 +/* Noosfero Events */
  1547 +
  1548 +.event-card {
  1549 + float: left;
  1550 + padding-top: 25px;
  1551 + width: 494px;
  1552 + height: 116px;
  1553 + background-repeat: no-repeat;
  1554 + margin-bottom: 30px;
  1555 +}
  1556 +
  1557 +.event-image {
  1558 + position: relative;
  1559 + float: left;
  1560 + padding-right: 22px;
  1561 + max-width: 130px;
  1562 + height: 130px;
  1563 +}
  1564 +
  1565 +#content #article .article-body img{
  1566 + max-height: 100%;
  1567 +}
  1568 +
  1569 +.about-event {
  1570 + position: relative;
  1571 + float: left;
  1572 + height: 160px;
  1573 + width: 300px;
  1574 + max-width: 300px;
  1575 +}
  1576 +
  1577 +.about-event > span {
  1578 + display: block;
  1579 + max-width: inherit;
  1580 + margin-left: 20px;
  1581 + padding-left: 21px;
  1582 + line-height: 13px;
  1583 + margin-right: 11px;
  1584 +}
  1585 +
  1586 +.about-event .event-date {
  1587 + margin-top: 3px;
  1588 +}
  1589 +
  1590 +.about-event .event-address {
  1591 + margin-top: 19px;
  1592 +}
  1593 +
  1594 +.about-event .event-address span {
  1595 + display: block;
  1596 + margin-left: 0px;
  1597 + margin-top: 4.4px;
  1598 + line-height: 14px;
  1599 +}
  1600 +
  1601 +.event-date {
  1602 + background: url('/images/calendar_date_select/calendar-icon.png') no-repeat left center;
  1603 + padding: 2px;
  1604 + padding-left: 15px;
  1605 +}
  1606 +
  1607 +.event-link {
  1608 + background: url('/images/globe-icon.png') no-repeat left center;
  1609 + margin-top: 18px;
  1610 +}
  1611 +
  1612 +.event-link a {
  1613 +}
  1614 +
  1615 +.event-address {
  1616 + background: url('/images/icone_pin.png') no-repeat left top;
  1617 +}
  1618 +
  1619 +.event-body {
  1620 + float: left;
  1621 +}
  1622 +
  1623 +.event-body .event-lead {
  1624 + font-size: 15px;
  1625 +}
  1626 +
  1627 +.event-body .event-content p {
  1628 + margin-top: 20px;
  1629 + width: 494px;
  1630 + padding-left: 2px;
  1631 +}
  1632 +
  1633 +.profile-members-title-sort {
  1634 + clear: both;
  1635 +}
  1636 +
  1637 +/*testes exploratórios*/
  1638 +.action-home-index .block-outer{
  1639 +
  1640 + /* height:100px;*/
  1641 + background-color:#DDD;
  1642 + display:block;
  1643 +}
  1644 +#theme-header,
  1645 +#user,
  1646 +#site-title,
  1647 +#navigation {
  1648 + position:fixed;
  1649 +}
  1650 +.action-home-index .block iframe, .action-home-index .block embed{
  1651 + width:100%;
  1652 +}
  1653 +/*não se usa quando precisa-se apenas de uma coluna*/
  1654 +.action-home-index .box-2, .action-home-index .box-3{
  1655 + display:none;
  1656 +}
  1657 +
  1658 +
  1659 +/*seções do site - seções do site - seções do site - seções do site - */
  1660 +.container-busca-portal {
  1661 + width:500px;
  1662 + height:150px;
  1663 + border:1px solid red;
  1664 + margin:auto;
  1665 +
  1666 +}
  1667 +/*bloco dentro de bloco*/
  1668 +
  1669 +.action-home-index .block-outer .block-outer, .action-home-index .block-outer .block-outer .block-outer {
  1670 + background:transparent;
  1671 +}
  1672 +
... ...
public/designs/themes/teste-will/stylesheets/account.scss 0 → 100644
... ... @@ -0,0 +1,21 @@
  1 +
  2 +.controller-account #profile-data .type-text input, .controller-account #profile-data .type-password input, .controller-account #profile-data .type-select select {
  3 + width: 220px;
  4 +}
  5 +.controller-account #profile-data .type-select select.select-schooling {
  6 + width: 108px;
  7 +}
  8 +.controller-account #profile-data .select-birth-date select#profile_data_birth_date_3i {
  9 + width: 47px;
  10 +}
  11 +.controller-account .button.disabled {
  12 + opacity: 0.5;
  13 +}
  14 +.controller-account #content .icon-forward.disabled {
  15 + background-image: url('/designs/icons/default/go-right-disabled-HC.gif');
  16 +}
  17 +.controller-account .no-boxes {
  18 + margin-left: 200px;
  19 + margin-right: 200px;
  20 +}
  21 +
... ...
public/designs/themes/teste-will/stylesheets/catalog.scss 0 → 100644
... ... @@ -0,0 +1,13 @@
  1 +
  2 +#product-list .product-image-link {
  3 + width: 200px;
  4 +}
  5 +
  6 +#product-list .product-big {
  7 + width: 200px;
  8 +}
  9 +
  10 +#product-list .expand-box {
  11 + width: 202px;
  12 +}
  13 +
... ...
public/designs/themes/teste-will/stylesheets/cms.scss 0 → 100644
... ... @@ -0,0 +1,2 @@
  1 +@import 'cms/media-panel';
  2 +
... ...
public/designs/themes/teste-will/stylesheets/cms/media-panel.scss 0 → 100644
... ... @@ -0,0 +1,20 @@
  1 +
  2 +.controller-cms .with_media_panel {
  3 + float: left;
  4 + width: 900px;
  5 +}
  6 +
  7 +.controller-cms .show-media-panel .with_media_panel {
  8 + width: 540px;
  9 +}
  10 +
  11 +.text-editor-sidebar {
  12 + position: absolute;
  13 + width: 340px;
  14 + right: 20px;
  15 + top: 70px;
  16 + max-height: 45px;
  17 + overflow: hidden;
  18 + transition: 1s;
  19 +}
  20 +
... ...
public/designs/themes/teste-will/stylesheets/content.scss 0 → 100644
... ... @@ -0,0 +1,2 @@
  1 +@import 'content/image-gallery';
  2 +
... ...
public/designs/themes/teste-will/stylesheets/content/image-gallery.scss 0 → 100644
... ... @@ -0,0 +1,9 @@
  1 +.image-gallery ul {
  2 + width: 486px;
  3 +}
  4 +
  5 +.image-gallery-item {
  6 + margin: 10px;
  7 + float: left;
  8 +}
  9 +
... ...
public/designs/themes/teste-will/stylesheets/events.scss 0 → 100644
... ... @@ -0,0 +1,5 @@
  1 +
  2 + #agenda #events-of-the-day {
  3 + width: 45%;
  4 + }
  5 +
... ...
public/designs/themes/teste-will/stylesheets/layouts.scss 0 → 100644
... ... @@ -0,0 +1,10 @@
  1 +
  2 +.tooltip {
  3 + padding: 8px;
  4 + border: 1px solid #FF8000;
  5 + background-color: #FFFF66;
  6 + z-index: 100;
  7 + -moz-border-radius: 3px;
  8 + -webkit-border-radius: 3px;
  9 +}
  10 +
... ...
public/designs/themes/teste-will/stylesheets/product.scss 0 → 100644
... ... @@ -0,0 +1,13 @@
  1 +@import 'product/categories-selection.scss';
  2 +
  3 +#product-name h2 {
  4 + display: inline;
  5 +}
  6 +#product_name {
  7 + width: 60%;
  8 +}
  9 +
  10 +#product-info #product-qualifiers-list select {
  11 + width: 140px;
  12 +}
  13 +
... ...
public/designs/themes/teste-will/stylesheets/product/categories-selection.scss 0 → 100644
... ... @@ -0,0 +1,4 @@
  1 +.categories_container {
  2 + min-width: 100px;
  3 +}
  4 +
... ...
public/designs/themes/teste-will/stylesheets/profile-editor.scss 0 → 100644
... ... @@ -0,0 +1,5 @@
  1 +
  2 +.controller-profile_editor .control-panel a {
  3 + width: 140px;
  4 +}
  5 +
... ...
public/designs/themes/teste-will/stylesheets/profile.scss 0 → 100644
... ... @@ -0,0 +1,5 @@
  1 +
  2 +.controller-content_viewer .no-boxes, .controller-profile .no-boxes {
  3 + margin: 0px 200px;
  4 +}
  5 +
... ...
public/designs/themes/teste-will/stylesheets/signup.scss 0 → 100644
... ... @@ -0,0 +1,241 @@
  1 +
  2 +#signup-form {
  3 + color: #4A4A4A;
  4 + display: inline-block;
  5 +}
  6 +
  7 +#signup-form small {
  8 + display: none;
  9 +}
  10 +
  11 +#signup-form #signup-form-header {
  12 + -moz-border-radius: 8px;
  13 + border-radius: 8px;
  14 + -webkit-border-radius: 8px;
  15 + margin: 60px auto 5px;
  16 + position: relative;
  17 +}
  18 +
  19 +#signup-form input.invalid_input {
  20 + border: 1px solid #7f0000;
  21 + background: #FFF;
  22 + box-shadow: 0 0 7px red;
  23 +}
  24 +
  25 +#signup-form input.valid_input {
  26 + border: 1px solid #005000;
  27 + background: #FFF;
  28 +}
  29 +
  30 +#signup-form select,
  31 +#signup-form textarea,
  32 +#signup-form input {
  33 + padding: 7px 7% 10px 3%;
  34 + height: 20px;
  35 + width: 90%;
  36 + color: #6d786e;
  37 + font-size: 18px;
  38 +}
  39 +
  40 +#signup-form #profile_data_login {
  41 + margin: 3px 0px 0px 5px;
  42 +}
  43 +
  44 +#signup-form .filled-in,
  45 +#signup-form .invalid,
  46 +#signup-form input.validated,
  47 +#signup-form .checking {
  48 + border-width: 1px;
  49 + border-style: solid;
  50 + background-color: #fff;
  51 + background-position: right center;
  52 + background-repeat: no-repeat;
  53 + padding: 7px 7% 8px 3%;
  54 + color: #4A4A4A;
  55 + box-shadow: 0 0 7px green;
  56 +}
  57 +
  58 +#signup-form input.checking {
  59 + box-shadow: none;
  60 +}
  61 +
  62 +#signup-form select {
  63 + height: auto;
  64 + padding-right: 3px;
  65 + width: 365px;
  66 +}
  67 +
  68 +#signup-form .select-birth-date select {
  69 + width: 93px;
  70 + margin-right: 2px;
  71 + margin-left: 0;
  72 +}
  73 +
  74 +.webkit #signup-form select {
  75 + background: #fff;
  76 +}
  77 +
  78 +#signup-form textarea {
  79 + background: #fff;
  80 + height: 100px;
  81 + padding-right: 3px;
  82 + width: 365px;
  83 +}
  84 +
  85 +#signup-form input[type=file] {
  86 + font-size: 12px;
  87 +}
  88 +
  89 +#signup-form input[type=radio] {
  90 + height: auto;
  91 + margin: 0px 5px 0px 3px;
  92 + width: auto;
  93 +}
  94 +
  95 +#signup-form .fieldgroup {
  96 + margin: 5px 10px;
  97 +}
  98 +
  99 +#signup-form #template-options li label {
  100 + font-size: 18px;
  101 +}
  102 +
  103 +#signup-form #template-options li a {
  104 + color: #555753
  105 +}
  106 +
  107 +#signup-form label[for=profile_data_sex_female],
  108 +#signup-form label[for=profile_data_sex_male] {
  109 + color: #6d786e;
  110 + font-size: 20px;
  111 + display: inline;
  112 + margin-left: 8px;
  113 +}
  114 +
  115 +#signup-form label[for=profile_data_country],
  116 +#signup-form label[for=profile_data_preferred_domain_id],
  117 +#signup-form label[for=profile_data_birth_date_2i],
  118 +#signup-form label[for=profile_data_birth_date_3i],
  119 +#signup-form label[for=profile_data_schooling],
  120 +#signup-form label[for=profile_data_formation],
  121 +#signup-form label[for=profile_data_area_of_study],
  122 +#signup-form label[for=profile_data_image_builder_uploaded_data] {
  123 + display: block;
  124 +}
  125 +
  126 +#signup-form .invalid {
  127 + border-color: #7f0000;
  128 + background-image: url(../images/passwords_nomatch.png);
  129 + box-shadow: 0 0 7px red;
  130 +}
  131 +
  132 +#signup-form span.invalid {
  133 + border: none;
  134 + padding: 0px;
  135 + background: transparent;
  136 + color: #7f0000;
  137 + box-shadow: none;
  138 +}
  139 +
  140 +#signup-form .checking {
  141 + border-color: #4A4A4A;
  142 + background-image: url(../images/login_checking.png);
  143 +}
  144 +
  145 +#signup-form span.checking {
  146 + border: none;
  147 + padding: 0px;
  148 + background: transparent;
  149 + color: #4A4A4A;
  150 + box-shadow: none;
  151 +}
  152 +
  153 +#signup-form .validated {
  154 + border-color: #005000;
  155 + background-image: url(../images/passwords_match.png);
  156 +}
  157 +
  158 +#signup-form span.validated {
  159 + background: transparent;
  160 + color: #005000;
  161 +}
  162 +
  163 +#signup-domain {
  164 + float: left;
  165 + display: inline-block;
  166 + vertical-align: middle;
  167 + background: #EEE;
  168 + border: 1px solid #CFCFCF;
  169 + line-height: 36px;
  170 + padding: 0px 7px;
  171 + color: #4A4A4A;
  172 + font-size: 20px;
  173 + text-transform: lowercase;
  174 + min-width: 190px;
  175 +}
  176 +
  177 +#signup-form #signup-form-header #user_login {
  178 + margin: 0;
  179 + padding-right: 30px;
  180 + width: 150px;
  181 +}
  182 +
  183 +#signup-login-field {
  184 + float: left;
  185 +}
  186 +
  187 +#signup-form #signup-login {
  188 + display: inline-block;
  189 +}
  190 +
  191 +#signup-form #signup-password,
  192 +#signup-form #signup-password-confirmation,
  193 +#signup-form #signup-email,
  194 +#signup-form #signup-name,
  195 +#signup-form #signup-login {
  196 + position: relative;
  197 +}
  198 +
  199 +#signup-form small#signup-balloon,
  200 +#signup-form small#password-balloon,
  201 +#signup-form small#password-confirmation-balloon,
  202 +#signup-form small#email-balloon,
  203 +#signup-form small#name-balloon {
  204 + display: none;
  205 + width: 142px;
  206 + height: 69px;
  207 + color: #FFFFFF;
  208 + font-weight: bold;
  209 + font-size: 11px;
  210 + padding: 5px 10px 45px 10px;
  211 + margin: 0;
  212 + line-height: 1.5em;
  213 + background: transparent url(../images/gray-balloon.png) bottom center no-repeat;
  214 + position: absolute;
  215 + z-index: 2;
  216 + right: -150px;
  217 +}
  218 +
  219 +#signup-form small#signup-balloon {
  220 + top: -110px;
  221 +}
  222 +
  223 +#signup-form small#password-balloon,
  224 +#signup-form small#password-confirmation-balloon,
  225 +#signup-form small#email-balloon,
  226 +#signup-form small#name-balloon {
  227 + top: -80px;
  228 +}
  229 +
  230 +#signup-form .required-field label,
  231 +#signup-form .formlabel {
  232 + color: #4A4A4A;
  233 + font-size: 20px;
  234 + font-weight: normal;
  235 + text-align: left;
  236 +}
  237 +
  238 +#signup-form .required-field label::after {
  239 + content: '';
  240 +}
  241 +
... ...
public/designs/themes/teste-will/theme.yml 0 → 100644
... ... @@ -0,0 +1,3 @@
  1 +name: "Noosfero base theme"
  2 +layout: "application-ng"
  3 +icon_theme: [default, pidgin]
... ...