Download as
Browse Code »

Commit 7646115e3d12196919950c37a65cc2e6c42fff2a

Authored by LeandroNunes
1 parent 776acf40
Exists in master and in 29 other branches add_member_task_reject_details, admin_visible_profile, article-list-template, community_notifications, contact_admin_translation, event_fixes, fix_comments_pagination, fix_rails4_organization_ratings, fix_sign_up_form, follow_step_fix, forum_topic_creation, mirror_block_improvements, multi_env_on_remote_user, new_security, noosfero_spb_ci, organization_ratings_improvements, organization_ratings_link_to_profile_stable-spb-1.3, organization_ratings_translations_fix, profile_api_improvements, ratings_minor_fixes, remote_user_fix, send_email_to_admins, stable-spb-1.3, stable-spb-1.3-fixes, stable-spb-1.4, stable-spb-1.5, suggest_rejected_value, web_steps_improvements, xss_terminate_custom_options

ActionItem0: Adding templates on system 

git-svn-id: https://svn.colivre.coop.br/svn/noosfero/trunk@136 3f533792-8f58-4932-b0fe-aaf55b0a4547
Showing 13 changed files with 504 additions and 118 deletions   Show diff stats
app/views/layouts/application.rhtml
  Diff comments   View file @7646115
... ... @@ -6,25 +6,50 @@
6 6 <%= stylesheet_link_tag_theme @chosen_theme %>
7 7  
8 8 </head>
9   - <body>
10 9  
  10 + <body>
11 11 <%= image_tag 'loading.gif', :id => 'spinner', :style => "display:none; float:right;" %>
12   -
13   - <%= link_to _('Show Layout'), :controller => 'home' %>
14   - <%= link_to _('Edit Layout'), :controller => 'edit_template' %>
15   -
16   - <%= select_template(@owner, @chosen_template) %>
17   - <%= select_theme(@owner, @chosen_theme) %>
18   - <%= select_icons_theme(@owner, @chosen_icons_theme) %>
19   -
20   - <%= display_icon('back', @chosen_icons_theme )%>
21   -
22   - <%= flash[:notice] %>
23   -
24   - <%= display_boxes(@boxes, yield) %>
25   -
26   - <div id="footer">
27   - footer content
  12 + <div id="wrap">
  13 + <div id="box">
  14 + <div id="menu">
  15 + Skip to:
  16 + <a href="#content">Content</a> |
  17 + <a href="#sidebar">Navigation</a> |
  18 + <a href="#footer">Footer</a>
  19 + </div>
  20 +
  21 + <div id="header">
  22 + <h1>
  23 + <a href="index.html">1024<span class="fade">px</span></a>
  24 + </h1>
  25 + <p id="slogan">when 800px just isn't enough...</p>
  26 + </div>
  27 +
  28 + <%= link_to _('Show Layout'), :controller => 'home' %>
  29 + <%= link_to _('Edit Layout'), :controller => 'edit_template' %>
  30 +
  31 + <%= select_template(@owner, @chosen_template) %>
  32 + <%= select_theme(@owner, @chosen_theme) %>
  33 + <%= select_icons_theme(@owner, @chosen_icons_theme) %>
  34 +
  35 + <%= display_icon('back', @chosen_icons_theme )%>
  36 +
  37 + <%= flash[:notice] %>
  38 +
  39 + <%= display_boxes(@boxes, yield) %>
  40 + <div class="clearfix"></div>
  41 +
  42 + <div id="footer">
  43 + <p>
  44 + <a href="#">Contact us</a> |
  45 + <a href="#">Privacy policy</a> |
  46 + <a href="#">Sitemap</a> |
  47 + <a href="#">RSS</a> |
  48 + <a href="#header">Back to top</a><br />
  49 + &copy; 2007 <a href="#">Your Name</a> | Design by <a href="http://andreasviklund.com/">Andreas Viklund</a>
  50 + </p>
  51 + </div>
  52 + </div>
28 53 </div>
29 54  
30 55 </body>
... ...
public/templates/default/default.yml
  Diff comments   View file @7646115
1 1 default:
2   - number_of_boxes: 3
  2 + number_of_boxes: 2
... ...
public/templates/default/images/b.gif 0 → 100644
View file @7646115

57 Bytes
public/templates/default/images/corner.gif 0 → 100644
View file @7646115

62 Bytes
public/templates/default/images/corner2.gif 0 → 100644
View file @7646115

63 Bytes
public/templates/default/images/www.jpg 0 → 100644
View file @7646115

7.18 KB
public/templates/default/stylesheets/default.css
View file @776acf4
... ... @@ -1,48 +0,0 @@
1   -.edit_mode .hover {
2   - background-color: pink;
3   - border: 2px dotted black;
4   -}
5   -
6   -.edit_mode .hover ul li {
7   - border: 2px dotted black;
8   -}
9   -
10   -.edit_mode #box_1 ul, .edit_mode #box_2 ul, .edit_mode #box_3 ul {
11   - list-style: none;
12   - cursor: -moz-grab;
13   - margin: 10px;
14   - padding:0px;
15   -
16   -}
17   -
18   -.edit_mode #box_1 ul li, .edit_mode #box_2 ul li, .edit_mode #box_3 ul li {
19   - list-style: none;
20   - cursor: -moz-grab;
21   - border: 1px solid black;
22   - margin: 15px;
23   -}
24   -
25   -.edit_mode #box_1, .edit_mode #box_2, .edit_mode #box_3 {
26   - border: 3px solid green;
27   -}
28   -
29   -#box_1 {
30   - width: 200px;
31   - float: left;
32   -}
33   -#box_2 {
34   - width: 600px;
35   - float: left;
36   - margin: 0px 10px 0px 10px;
37   -}
38   -#box_3 {
39   - width: 400px;
40   -
41   - clear: both;
42   -}
43   -
44   -#footer{
45   - font-size: 30px;
46   - background: #FFFFFF url('../images/colivre_logo.png') repeat-x;
47   -}
48   -
public/templates/default/stylesheets/style.css 0 → 100644
  Diff comments   View file @7646115
... ... @@ -0,0 +1,163 @@
  1 +/*
  2 +This stylesheet is part of the [in] business template downloaded from the oswd.org site
  3 +
  4 +The stylesheet and template where made by Tjobbe Andrews from NOW:design www.now-design.co.uk
  5 +*/
  6 +html {
  7 + width: 100%
  8 +}
  9 +
  10 +body {
  11 + font-family: "Trebuchet MS", verdana, arial, "Times New Roman";
  12 + font-size: 90%;
  13 + color: #3D3535;
  14 + background-color: #E4E5E0;
  15 + margin: 0px;
  16 + padding: 0px;
  17 + line-height: 140%;
  18 +
  19 +}
  20 +
  21 +/* Wrapper */
  22 +#wrap {
  23 + text-align: center;
  24 + width: 100%;
  25 + background-color: #E4E5E0;
  26 +}
  27 +
  28 +/* the container */
  29 +#box {
  30 + background-color: #FFFFFF;
  31 + margin-left: auto;
  32 + margin-right: auto;
  33 + padding: 20px;
  34 + text-align: left;
  35 + width: 90%;
  36 +}
  37 +
  38 +/*holds the tabs at the top*/
  39 +#menu {
  40 + background-color: #FFFFFF;
  41 + text-align: right;
  42 + border-bottom: 1px solid #FFFFFF;
  43 +}
  44 +
  45 +/*holds the logo and image*/
  46 +#header {
  47 + background-color: #EDEEEA;
  48 + padding: 10px;
  49 + margin-top:3px;
  50 + height: 95px;
  51 + background: #EDEEEA url(../images/www.jpg) no-repeat right top;
  52 +}
  53 +
  54 +/*defines the colours for the tabs, with corner background images*/
  55 +#menu a:link, #menu a:active, #menu a:visited {
  56 + background: #EDEEEA url(../images/corner.gif) no-repeat right top;
  57 + color: #3D3535;
  58 + text-decoration: none;
  59 + padding: 3px 7px 3px 7px;
  60 + margin: 0 0 0 4px;
  61 +}
  62 +
  63 +#menu a:hover {
  64 + background: #D6D8CF url(../images/corner2.gif) no-repeat right top;
  65 + color: #000000;
  66 + text-decoration: none;
  67 + padding: 3px 7px 3px 7px;
  68 + margin: 0 0 0 4px;
  69 +}
  70 +
  71 +/*just a fix, taken from http://www.positioniseverything.net/easyclearing.html*/
  72 +.clearfix:after {
  73 + content: ".";
  74 + display: block;
  75 + height: 0;
  76 + clear: both;
  77 + visibility: hidden;
  78 +}
  79 +
  80 +.clearfix {
  81 + display: inline-table;
  82 +}
  83 +
  84 +/* Hides from IE-mac \*/
  85 +* html .clearfix {
  86 + height: 1%;
  87 +}
  88 +
  89 +.clearfix {
  90 + display: block;
  91 +}
  92 +/* End hide from IE-mac */
  93 +
  94 +/*the main text container*/
  95 +#box_2 {
  96 + height: 600px;
  97 +}
  98 +
  99 +#box_2 h1 {
  100 + font-size: 110%;
  101 + margin: 10px 0px 0px 0px;
  102 + padding: 0px 0px 0px 0px;
  103 + border-bottom: 2px solid #A53512;
  104 +}
  105 +
  106 +/*this is the right hand bar, news bar, links bar w/e*/
  107 +#box_1 {
  108 + margin-top: 20px;
  109 + padding-left: 20px;
  110 + width: 245px;
  111 + float: right;
  112 + background-color: white;
  113 +
  114 +}
  115 +
  116 +#box_1 h1 {
  117 + background-color: #A53512;
  118 + color: #FFFFFF;
  119 + padding: 3px;
  120 + margin: 0px 0px 0px 0px;
  121 + font-size: 100%;
  122 + font-weight: normal;
  123 +}
  124 +
  125 +/*this just lets you have a "comment" type area in the main content*/
  126 +.p1 {
  127 + padding: 20px;
  128 + background-color: #F7F7F4;
  129 + font-size:90%;
  130 +}
  131 +
  132 +/*sets the padding for the newsbar text, not the headings*/
  133 +.p2 {
  134 + padding: 20px;
  135 + background-color: #FFFFFF;
  136 + font-size: 90%;
  137 + list-style-image: url(../images/b.gif);
  138 + list-style-position: 10px;
  139 +}
  140 +
  141 +.p2 ul {
  142 + margin: 0px 0px 0px 0px;
  143 + padding: 0px 0px 0px 0px;
  144 +}
  145 +
  146 +/*the footer, with copyright*/
  147 +.footer {
  148 +clear:both;
  149 + background-color: #D6D8CF;
  150 + padding: 4px;
  151 + font-size: 80%;
  152 + text-align: center;
  153 +}
  154 +
  155 +/*sets the link colours and style*/
  156 +a:link, a:active, a:visited {
  157 + color: #A53512;
  158 +}
  159 +
  160 +a:hover {
  161 + color: #A53512;
  162 + text-decoration: none;
  163 +}
... ...
public/templates/simple/images/background.gif 0 → 100644
View file @7646115

677 Bytes
public/templates/simple/images/example.jpg 0 → 100644
View file @7646115

6.25 KB
public/templates/simple/simple.yml
  Diff comments   View file @7646115
1 1 simple:
2   - number_of_boxes: 4
  2 + number_of_boxes: 3
... ...
public/templates/simple/stylesheets/1024px.css 0 → 100644
  Diff comments   View file @7646115
... ... @@ -0,0 +1,297 @@
  1 +/* 1024px - a free xhtml/css website template by Andreas Viklund - http://andreasviklund.com/ - that may be used for any purpose as long as the proper credits are given to the original designer.
  2 +
  3 +Version: 2.0 (Jan 29, 2007)
  4 +
  5 +Screen layout: */
  6 +
  7 +/*** General tags ***/
  8 +
  9 +body {
  10 +background:url(../images/background.gif) repeat-y top center #fff;
  11 +color:#404040;
  12 +font:76% Verdana,Tahoma,Arial,sans-serif;
  13 +line-height:1.2em;
  14 +margin:0 auto;
  15 +padding:0;
  16 +}
  17 +
  18 +a {
  19 +color:#4088b8;
  20 +font-weight:700;
  21 +text-decoration:none;
  22 +}
  23 +
  24 +a:hover {
  25 +text-decoration:underline;
  26 +}
  27 +
  28 +a img {
  29 +border:0;
  30 +}
  31 +
  32 +p {
  33 +margin:0 0 18px 10px;
  34 +}
  35 +
  36 +ul,ol,dl {
  37 +font-size:0.9em;
  38 +margin:2px 0 16px 35px;
  39 +}
  40 +
  41 +ul ul,ol ol {
  42 +margin:4px 0 4px 35px;
  43 +}
  44 +
  45 +blockquote {
  46 +border:1px solid #dadada;
  47 +font-size:0.9em;
  48 +margin:20px 10px;
  49 +padding:8px;
  50 +}
  51 +
  52 +h1 {
  53 +color:#4088b8;
  54 +font-size:4.2em;
  55 +letter-spacing:-5px;
  56 +margin:0 0 30px 25px;
  57 +}
  58 +
  59 +h1 a {
  60 +color:#4088b8;
  61 +text-transform:none;
  62 +}
  63 +
  64 +h2 {
  65 +border-bottom:4px solid #dadada;
  66 +color:#4088b8;
  67 +font-size:1.4em;
  68 +letter-spacing:-1px;
  69 +margin:0 0 10px;
  70 +padding:0 2px 2px 5px;
  71 +}
  72 +
  73 +h3 {
  74 +border-bottom:1px solid #dadada;
  75 +color:#4088b8;
  76 +font-size:1.2em;
  77 +font-weight:700;
  78 +margin:10px 0 8px;
  79 +padding:1px 2px 2px 3px;
  80 +}
  81 +
  82 +/*** Main wrap and header ***/
  83 +
  84 +#wrap {
  85 +color:#404040;
  86 +margin:10px auto;
  87 +padding:0;
  88 +width:970px;
  89 +}
  90 +
  91 +#header {
  92 +margin:0;
  93 +}
  94 +
  95 +#menu {
  96 +font-size:0.9em;
  97 +padding:5px 2px 2px 3px;
  98 +text-align:right;
  99 +}
  100 +
  101 +#menu a {
  102 +color:gray;
  103 +}
  104 +
  105 +#slogan {
  106 +color:gray;
  107 +font-size:1.5em;
  108 +font-weight:700;
  109 +letter-spacing:-1px;
  110 +line-height:1.2em;
  111 +margin:15px 0 20px 35px;
  112 +}
  113 +
  114 +/*** Sidebar and menu ***/
  115 +
  116 +#box_1 {
  117 +float:left;
  118 +line-height:1.4em;
  119 +padding:1px 0 0;
  120 +width:20%;
  121 +}
  122 +
  123 +#box_1 ul {
  124 +font-size:0.9em;
  125 +list-style:none;
  126 +margin:0;
  127 +padding:0 0 15px 10px;
  128 +}
  129 +
  130 +#box_1 li {
  131 +list-style:none;
  132 +margin:0 0 4px;
  133 +padding:0;
  134 +}
  135 +
  136 +#box_1 li a {
  137 +font-size:1.2em;
  138 +font-weight:700;
  139 +padding:2px;
  140 +}
  141 +
  142 +#box_1 ul ul {
  143 +line-height:1.2em;
  144 +margin:4px 0 3px 15px;
  145 +padding:0;
  146 +}
  147 +
  148 +#box_1 ul ul li a {
  149 +font-weight:400;
  150 +}
  151 +
  152 +#box_1 h2 {
  153 +margin:3px 0 8px;
  154 +}
  155 +
  156 +/*** Box 3 ***/
  157 +
  158 +#box_3 {
  159 +float:left;
  160 +line-height:1.4em;
  161 +padding:1px 0 0;
  162 +width:20%;
  163 +}
  164 +
  165 +#box_3 ul {
  166 +font-size:0.9em;
  167 +list-style:none;
  168 +margin:0;
  169 +padding:0 0 15px 10px;
  170 +}
  171 +
  172 +#box_3 li {
  173 +list-style:none;
  174 +margin:0 0 4px;
  175 +padding:0;
  176 +}
  177 +
  178 +#box_3 li a {
  179 +font-size:1.2em;
  180 +font-weight:700;
  181 +padding:2px;
  182 +}
  183 +
  184 +#box_3 ul ul {
  185 +line-height:1.2em;
  186 +margin:4px 0 3px 15px;
  187 +padding:0;
  188 +}
  189 +
  190 +#box_3 ul ul li a {
  191 +font-weight:400;
  192 +}
  193 +
  194 +#box_3 h2 {
  195 +margin:3px 0 8px;
  196 +}
  197 +
  198 +
  199 +/*** Main content ***/
  200 +
  201 +
  202 +#box_2 {
  203 +float:left;
  204 +line-height:1.5em;
  205 +margin:0px 20px 0px 20px;
  206 +padding:0;
  207 +text-align:left;
  208 +width: 540px;
  209 +}
  210 +
  211 +#box_2 h3 {
  212 +margin:10px 0 8px;
  213 +}
  214 +
  215 +/*** Footer ***/
  216 +
  217 +#footer {
  218 +border-top:4px solid #dadada;
  219 +clear:both;
  220 +color:gray;
  221 +font-size:0.9em;
  222 +line-height:1.6em;
  223 +margin:0 auto;
  224 +padding:8px 0;
  225 +text-align:right;
  226 +}
  227 +
  228 +#footer p {
  229 +margin:0;
  230 +padding:0;
  231 +}
  232 +
  233 +#footer a {
  234 +color:#808080;
  235 +}
  236 +
  237 +/*** Various classes ***/
  238 +
  239 +.box {
  240 +background:#4088b8;
  241 +border:1px solid #c8c8c8;
  242 +color:#fff;
  243 +font-size:0.9em;
  244 +line-height:1.4em;
  245 +padding:10px 10px 10px 13px;
  246 +}
  247 +
  248 +.box a {
  249 +color:#f0f0f0;
  250 +}
  251 +
  252 +.left {
  253 +float:left;
  254 +margin:0 15px 4px 0;
  255 +}
  256 +
  257 +.right {
  258 +float:right;
  259 +margin:0 0 4px 15px;
  260 +}
  261 +
  262 +.readmore {
  263 +margin:-10px 10px 12px 0;
  264 +text-align:right;
  265 +}
  266 +
  267 +.timestamp {
  268 +font-size:1.2em;
  269 +margin:-5px 0 15px 10px;
  270 +}
  271 +
  272 +.timestamp a {
  273 +font-weight:normal;
  274 +}
  275 +
  276 +.blue {
  277 +color:#4088b8;
  278 +}
  279 +
  280 +.clear {
  281 +clear:both;
  282 +}
  283 +
  284 +.fade {
  285 +color:#c8c8c8;
  286 +}
  287 +
  288 +.gray {
  289 +color:gray;
  290 +}
  291 +
  292 +.photo {
  293 +background:#fff;
  294 +border:1px solid #bababa;
  295 +margin:6px 18px 2px 5px;
  296 +padding:2px;
  297 +}
... ...
public/templates/simple/stylesheets/default.css
View file @776acf4
... ... @@ -1,51 +0,0 @@
1   -.edit_mode .hover {
2   - background-color: white;
3   - border: 2px dotted red;
4   -}
5   -
6   -.edit_mode .hover ul li {
7   - border: 2px dotted yellow;
8   -}
9   -
10   -.edit_mode #box_1 ul, .edit_mode #box_2 ul, .edit_mode #box_3 ul, .edit_mode #box_4 ul {
11   - list-style: none;
12   - cursor: -moz-grab;
13   - margin: 10px;
14   - padding:0px;
15   -
16   -}
17   -
18   -.edit_mode #box_1 ul li, .edit_mode #box_2 ul li, .edit_mode #box_3 ul li , .edit_mode #box_4 ul li{
19   - list-style: none;
20   - cursor: -moz-grab;
21   - border: 5px solid black;
22   - margin: 15px;
23   -}
24   -
25   -.edit_mode #box_1, .edit_mode #box_2, .edit_mode #box_3, .edit_mode #box_4 {
26   - border: 3px solid brown;
27   -}
28   -
29   -#box_1 {
30   - width: 200px;
31   - float: left;
32   -}
33   -#box_2 {
34   - width: 600px;
35   - float: left;
36   - margin: 0px 10px 0px 10px;
37   -}
38   -#box_3 {
39   - width: 400px;
40   - clear: both;
41   -}
42   -
43   -#box_4 {
44   - width: 500px;
45   - clear: both;
46   -}
47   -#footer{
48   - font-size: 30px;
49   - background: #FFFFFF url('../images/ufba_logo.png') repeat-x;
50   -}
51   -