Commit 9f1ad31001a4944f34120848c61fbfcca4759cbe
initial commit
Too many changes.
To preserve performance only 100 of 234 files displayed.
| 1 | +++ a/appearance_menu.html.erb | |
| ... | ... | @@ -0,0 +1,17 @@ |
| 1 | +<div id="control_panel_bar" class="menu_aparence controller-profile_editor"> | |
| 2 | + | |
| 3 | +<ul class="control-panel"> | |
| 4 | + <li> | |
| 5 | + <%= link_to(_('Edit sideboxes'), url_for(:controller => 'profile_design', :action => 'index'), :class => 'control-panel-blocks') %> | |
| 6 | + </li> | |
| 7 | + | |
| 8 | + <li> | |
| 9 | + <%= link_to(_('Edit Appearance'), url_for(:controller => 'profile_themes', :action => 'index'), :class => 'control-panel-design-editor') %> | |
| 10 | + </li> | |
| 11 | + | |
| 12 | + <li> | |
| 13 | + <%= link_to(_('Edit Header and Footer'), url_for(:controller => 'profile_editor', :action => 'header_footer'), :class => 'control-panel-header-and-footer') unless profile.enterprise? && environment.enabled?('disable_header_and_footer') && !user.is_admin?(environment) %> | |
| 14 | + </li> | |
| 15 | +</ul> | |
| 16 | + | |
| 17 | +</div> | ... | ... |
| 1 | +++ a/blocks/link-list.css | |
| ... | ... | @@ -0,0 +1,29 @@ |
| 1 | +#content .link-list-block{padding: 0;} | |
| 2 | + | |
| 3 | +#content .link-list-block li{margin: 0;} | |
| 4 | + | |
| 5 | +#content .link-list-block li a { | |
| 6 | + border-radius: 0; | |
| 7 | + padding: 10px 5px 10px 40px; | |
| 8 | + border-bottom: 1px solid #ccc; | |
| 9 | + background-color: #f7f9fa; | |
| 10 | + border-left: 3px solid #f7f9fa; | |
| 11 | +} | |
| 12 | + | |
| 13 | +/*bloco lateral de menu*/ | |
| 14 | +#content .link-list-block li a.link-this-page{ | |
| 15 | + max-width:100%; | |
| 16 | + width: auto; | |
| 17 | + border-right: 0px; | |
| 18 | + background-color: #257CAD; | |
| 19 | + color: white; | |
| 20 | + border-left: 3px solid #fff; | |
| 21 | +} | |
| 22 | + | |
| 23 | +#content .link-list-block li a.link-this-page:hover, | |
| 24 | +#content .link-list-block li a:hover { | |
| 25 | + background-color: #257CAD; | |
| 26 | + border-left: 3px solid #fff; | |
| 27 | + border-right: 0px solid #fff; | |
| 28 | +} | |
| 29 | + | ... | ... |
| 1 | +++ a/cabecalho.css | |
| ... | ... | @@ -0,0 +1,751 @@ |
| 1 | +/****************** Barra do usuário e Espaço do usuário ******************/ | |
| 2 | + | |
| 3 | +/********ABA Lateral - Espaço do Usuário**********/ | |
| 4 | +/*escondendo e revelando a aba lateral*/ | |
| 5 | +.notransition { | |
| 6 | + -webkit-transition: none !important; | |
| 7 | + -moz-transition: none !important; | |
| 8 | + -o-transition: none !important; | |
| 9 | + -ms-transition: none !important; | |
| 10 | + transition: none !important; | |
| 11 | +} | |
| 12 | +div#wrap-1,div#wrap-0,div#theme-footer { | |
| 13 | + transition-duration: 0.6s; | |
| 14 | + -webkit-transition-duration:0.6s; | |
| 15 | +} | |
| 16 | +div#wrap-1,div#theme-footer {float: right;width:100%;} | |
| 17 | +div#wrap-1.menu,div#theme-footer.menu {width: 80%;} | |
| 18 | +div#wrap-0.menu{/*width: 20%*/; /*float: left;height: 1px;*/} | |
| 19 | + | |
| 20 | +/*Propriedades da aba lateral e elementos internos*/ | |
| 21 | +#navigation-control { | |
| 22 | + width: 0%; | |
| 23 | + transition: 0.6s; | |
| 24 | + /*position: absolute;*/ | |
| 25 | + position: fixed; | |
| 26 | + left: 0px; | |
| 27 | + display: inline-block; | |
| 28 | + background-color: transparent; | |
| 29 | + color: black; | |
| 30 | + z-index: -1; | |
| 31 | + font-size:80%; | |
| 32 | +} | |
| 33 | + | |
| 34 | +.menu #navigation-control {width: 20%;} | |
| 35 | + | |
| 36 | +#navigation-control a{} | |
| 37 | + | |
| 38 | +#navigation-control ul li { | |
| 39 | + margin: 10px 0; | |
| 40 | + text-align: left; | |
| 41 | + list-style: none; | |
| 42 | +} | |
| 43 | + | |
| 44 | +#navigation-control ul li a.button.with-text, | |
| 45 | +#navigation-control ul li a.button.with-text:visited { | |
| 46 | + border: 0px solid #AAA; | |
| 47 | +} | |
| 48 | + | |
| 49 | +#navigation-control ul li a span { | |
| 50 | + background-repeat: no-repeat; | |
| 51 | + /*padding-left: 25px;*/ | |
| 52 | +} | |
| 53 | + | |
| 54 | +/**/ | |
| 55 | +#navigation-control .perfil{ | |
| 56 | + display: inline-block; | |
| 57 | + background-color: gray; | |
| 58 | + width: 100%; | |
| 59 | +} | |
| 60 | + | |
| 61 | +#navigation-control .perfil ul{padding-left: 0;} | |
| 62 | + | |
| 63 | +#navigation-control .perfil ul li{} | |
| 64 | + | |
| 65 | +#navigation-control .perfil .name{text-align: center;} | |
| 66 | + | |
| 67 | +#navigation-control .perfil .name h1{color: #fff;} | |
| 68 | + | |
| 69 | +#navigation-control .perfil .picture{display: inline-block;width: 100%;text-align: center;} | |
| 70 | + | |
| 71 | +#navigation-control .perfil .picture img{max-width: 140px; max-height: 140px;overflow: hidden;/*border-radius: 50%;border: 1px solid red;*/} | |
| 72 | + | |
| 73 | +#navigation-control .perfil .tasks_inner{cursor:pointer; color: #fff;display: inline-block;width: 49%;text-align: center;background: url(images/barra-menu-task.png) no-repeat 10px center gray;} | |
| 74 | + | |
| 75 | +#navigation-control .perfil .user_status{cursor:pointer; display:inline-block; width:49% ; text-align: center;} | |
| 76 | + | |
| 77 | +#navigation-control .perfil .online{color: greenyellow;} | |
| 78 | +#navigation-control .perfil .busy{color: red;} | |
| 79 | +#navigation-control .perfil .away{color: yellow;} | |
| 80 | +#navigation-control .perfil .offline{color: #ccc;} | |
| 81 | + | |
| 82 | +#navigation-control .perfil .online span{font-size: large;vertical-align: -1px;} | |
| 83 | + | |
| 84 | + | |
| 85 | +#navigation-control .menu_user{margin-top: 0;} | |
| 86 | + | |
| 87 | +#navigation-control .menu_user .activity_menu {margin-top: 0;padding: 0;border-top: 1px solid #ddd;} | |
| 88 | + | |
| 89 | +#navigation-control .menu_user .activity_menu .activity_menu_item{ | |
| 90 | + color: #ddd; | |
| 91 | + background-color: gray; | |
| 92 | + padding: 0 28px; | |
| 93 | + margin: 0; | |
| 94 | + border-bottom: 1px solid #ddd; | |
| 95 | + height: 40px; | |
| 96 | +} | |
| 97 | + | |
| 98 | +#navigation-control .menu_user .activity_menu .activity_menu_item * { | |
| 99 | + line-height: 40px; | |
| 100 | +} | |
| 101 | +#navigation-control .menu_user .activity_menu .activity_menu_item a { | |
| 102 | + display: inline-block; | |
| 103 | + width: 100%; | |
| 104 | +} | |
| 105 | + | |
| 106 | +#navigation-control .menu_user .activity_menu .activity_menu_item:hover {background-color: #ddd; color: #333;} | |
| 107 | + | |
| 108 | +#navigation-control .menu_user .activity_menu .activity_menu_item .arrow{float: right;} | |
| 109 | + | |
| 110 | +#navigation-control .menu_user .activity_menu .activity_menu_item .quick_post{padding: 14px;background-color: #fff;margin-top: 10px;display: none;} | |
| 111 | + | |
| 112 | +/********FIM ABA Lateral - Espaço do Usuário**********/ | |
| 113 | + | |
| 114 | + | |
| 115 | +/****************** User Bar ******************/ | |
| 116 | +#top-bar { | |
| 117 | + position: relative; | |
| 118 | + height: 45px; | |
| 119 | + margin: auto; | |
| 120 | + background: url(images/top-bar-bg.png) repeat-x; | |
| 121 | +} | |
| 122 | + | |
| 123 | +#top-bar.top { | |
| 124 | + background-color: #fff; | |
| 125 | + height: 40px; | |
| 126 | +} | |
| 127 | + | |
| 128 | +#top-bar li { | |
| 129 | + float: left; | |
| 130 | +} | |
| 131 | + | |
| 132 | + | |
| 133 | +/***** User bar buttons *****/ | |
| 134 | +.btn_control_panel { | |
| 135 | + min-width: 40px; | |
| 136 | + height: 40px; | |
| 137 | + color: #999; | |
| 138 | + margin-top: 0; | |
| 139 | + margin-right: -3px; | |
| 140 | + display: inline-block; | |
| 141 | + /*float: left;*/ | |
| 142 | + vertical-align:top; | |
| 143 | + cursor: pointer; | |
| 144 | + border-right: 1px solid #999; | |
| 145 | + opacity:0.4; | |
| 146 | + filter:alpha(opacity=40); | |
| 147 | + padding: 0px 0px 0 35px; | |
| 148 | + position:relative; | |
| 149 | + /*z-index: 99;*/ | |
| 150 | +} | |
| 151 | + | |
| 152 | +#user .logged-in #pending-tasks-count { | |
| 153 | + background-color: #eee; | |
| 154 | + padding-left: 15px; | |
| 155 | + border-left: 1px solid #999; | |
| 156 | + border-right: 1px solid #999; | |
| 157 | + margin-left: 15px; | |
| 158 | + height: 40px; | |
| 159 | + display: inline-block; | |
| 160 | +} | |
| 161 | +#user .logged-in #pending-tasks-count i { | |
| 162 | + left: 0; | |
| 163 | +} | |
| 164 | + | |
| 165 | +#theme-header .btn_control_panel #user a:hover { | |
| 166 | + background-color: #eee; | |
| 167 | + opacity:0.8; | |
| 168 | + filter:alpha(opacity=80); | |
| 169 | +} | |
| 170 | +#theme-header .btn_control_panel #user a { | |
| 171 | + display: inline-block; | |
| 172 | + margin: 0; | |
| 173 | +} | |
| 174 | +#theme-header .btn_control_panel #user a strong { | |
| 175 | + line-height: 40px; | |
| 176 | + padding: 10px 5px 10px 33px; | |
| 177 | +} | |
| 178 | +#theme-header .btn_control_panel #user a span { | |
| 179 | + line-height: 40px; | |
| 180 | +} | |
| 181 | +#theme-header .btn_control_panel #user a i { | |
| 182 | + left: 10px; | |
| 183 | + top: 12px; | |
| 184 | +} | |
| 185 | +#theme-header .btn_control_panel #user a .task-count { | |
| 186 | + padding: 5px; | |
| 187 | + margin-left: 16px; | |
| 188 | +} | |
| 189 | +#theme-header .btn_control_panel #user .ctrl-panel { | |
| 190 | + display: none; | |
| 191 | +} | |
| 192 | + | |
| 193 | +/* | |
| 194 | +#theme-header .btn_control_panel #user a strong:hover { | |
| 195 | + line-height: 40px; | |
| 196 | +}*/ | |
| 197 | + | |
| 198 | +.btn_control_panel span{ | |
| 199 | + border: 1px solid gray; | |
| 200 | + border-radius: 5px; | |
| 201 | + background-color: white; | |
| 202 | + padding: 3px; | |
| 203 | + color: #333; | |
| 204 | + display: inline; | |
| 205 | +} | |
| 206 | + | |
| 207 | +a.btn_control_panel span{margin:0px; border: 0px solid gray;border-radius: 0px; background-color: transparent; padding: 0px;color: #333;display: inline-block;height: 35px;} | |
| 208 | + | |
| 209 | +.btn_control_panel ul {padding-left: 0;text-align: left;margin: 0;padding: 1em} | |
| 210 | + | |
| 211 | +.btn_control_panel ul li {display: none;padding-left: 0;text-align: left;margin: 0;padding: 1em} | |
| 212 | + | |
| 213 | +a.btn_control_panel:hover ul li{display: block;} | |
| 214 | + | |
| 215 | +.btn_control_panel ul li ul {display: none;} | |
| 216 | + | |
| 217 | +.btn_control_panel ul.menu_conteudo li:hover ul {display: inline-block} | |
| 218 | + | |
| 219 | +.btn_control_panel.btn_control {padding: 0;} | |
| 220 | + | |
| 221 | +/*****END User bar buttons *****/ | |
| 222 | + | |
| 223 | +/*.btn_control,*/ | |
| 224 | +.btn_menu { | |
| 225 | + background: url(images/barra-menu-control.png) no-repeat 14px center #eee; | |
| 226 | + padding-left: 10px; | |
| 227 | +} | |
| 228 | + | |
| 229 | +#navigation ul li#btn_profile { | |
| 230 | + border-left: 0; | |
| 231 | + padding: 0; | |
| 232 | + margin: 5px 10px; | |
| 233 | +} | |
| 234 | +#navigation ul li#btn_profile a { | |
| 235 | + border-left: 0; | |
| 236 | + padding: 0 10px; | |
| 237 | +} | |
| 238 | +#navigation ul li#btn_profile a img { | |
| 239 | + vertical-align: middle; | |
| 240 | +} | |
| 241 | +#navigation ul li#btn_profile span { | |
| 242 | + background: none; | |
| 243 | + padding: 0 0 0 5px; | |
| 244 | + color: rgb(170, 170, 170); | |
| 245 | + font-weight: bold; | |
| 246 | +} | |
| 247 | + | |
| 248 | +.icon-menu-tasks { | |
| 249 | + background-image: url(images/barra-menu-task.png); | |
| 250 | +} | |
| 251 | + | |
| 252 | +.btn_msg { | |
| 253 | + background: url(images/barra-menu-mail.png) no-repeat 10px center #eee; | |
| 254 | +} | |
| 255 | + | |
| 256 | + | |
| 257 | +/*tarefas da barra do usuário*/ | |
| 258 | +.task_list { | |
| 259 | + position: absolute; | |
| 260 | + background: #eee; | |
| 261 | + z-index: 9999; | |
| 262 | + margin-left: 50px; | |
| 263 | + visibility: visible; | |
| 264 | + display: block; | |
| 265 | +} | |
| 266 | + | |
| 267 | +#msg_list.task_list {margin-left: 122px;} | |
| 268 | + | |
| 269 | +.task_list ul {display: inline-block;padding-left: 0;} | |
| 270 | + | |
| 271 | +.task_list ul li { | |
| 272 | + float: none; | |
| 273 | + display: block; | |
| 274 | + padding: 10px; | |
| 275 | +} | |
| 276 | +.task_list ul .task_box { | |
| 277 | + border-bottom: 1px solid #ccc; | |
| 278 | + padding:16px; | |
| 279 | +} | |
| 280 | + | |
| 281 | +.task_icon { | |
| 282 | + float: left; | |
| 283 | + margin-right: 14px; | |
| 284 | +} | |
| 285 | + | |
| 286 | +.task_list ul .task_decisions { | |
| 287 | + clear: right; | |
| 288 | +} | |
| 289 | + | |
| 290 | +.task_information { | |
| 291 | + display: inline-block; | |
| 292 | + width: 300px; | |
| 293 | +} | |
| 294 | + | |
| 295 | +.task_list ul .task_title {margin-right: 0px !important} | |
| 296 | + | |
| 297 | +.task_list .button-bar{float: right;margin-right: 10px;} | |
| 298 | + | |
| 299 | +.task_list .button-bar a.button.with-text { | |
| 300 | + padding: 5px 10px; | |
| 301 | + padding-left: 20px; | |
| 302 | + padding-right: 5px; | |
| 303 | +} | |
| 304 | +.task_list .button-bar input.button.with-text { | |
| 305 | + max-height: 32px; | |
| 306 | + height: 32px; | |
| 307 | + padding: 0 25px; | |
| 308 | + padding-right: 10px; | |
| 309 | +} | |
| 310 | + | |
| 311 | +.task_list.hide {display: none; visibility: hidden;} | |
| 312 | + | |
| 313 | +/*FIM tarefas da barra do usuário*/ | |
| 314 | + | |
| 315 | + | |
| 316 | +/**/ | |
| 317 | + | |
| 318 | +/************* Bar Psocial Style - Menu Horizontal**************/ | |
| 319 | + | |
| 320 | +#user{ | |
| 321 | + font-size: 12px; | |
| 322 | + position: static; | |
| 323 | + z-index: 9; | |
| 324 | +} | |
| 325 | + | |
| 326 | +#user form { | |
| 327 | + top: -32px; | |
| 328 | + right: -200px; | |
| 329 | +} | |
| 330 | + | |
| 331 | +#user form input { | |
| 332 | + width: 180px; | |
| 333 | + height: 20px; | |
| 334 | +} | |
| 335 | + | |
| 336 | +#user .logged-in { | |
| 337 | + visibility: hidden; | |
| 338 | + display: block; | |
| 339 | + background:url("images/barra-menu-user-bg.png") repeat-x bottom center #FEFEFE; | |
| 340 | + display: block; | |
| 341 | + padding: 0; | |
| 342 | + text-align: left; | |
| 343 | + width: 130px; | |
| 344 | + border-radius: 10px | |
| 345 | +} | |
| 346 | + | |
| 347 | +#user .logged-in:hover { | |
| 348 | + visibility: visible; | |
| 349 | +} | |
| 350 | +#user .logged-in a#homepage-link { | |
| 351 | + visibility: visible; | |
| 352 | +} | |
| 353 | + | |
| 354 | + | |
| 355 | +#user .logged-in span.welcome { | |
| 356 | + display: none; | |
| 357 | +} | |
| 358 | + | |
| 359 | +#user .logged-in a { | |
| 360 | + width: auto; | |
| 361 | +} | |
| 362 | + | |
| 363 | +/*info do usuário na barra do usuário*/ | |
| 364 | +#top-bar .layout_user #user .logged-in a{text-decoration: none;} | |
| 365 | + | |
| 366 | +#top-bar .layout_user #user .logged-in { | |
| 367 | + visibility: visible; | |
| 368 | + display: block; | |
| 369 | + background: none; | |
| 370 | + display: block; | |
| 371 | + text-align: left; | |
| 372 | + width: auto; | |
| 373 | + border-radius: 0; | |
| 374 | + border: 0px; | |
| 375 | +} | |
| 376 | + | |
| 377 | +.btn_control_panel #user span.not-logged-in, | |
| 378 | +.btn_control_panel #user span.not-logged-in span { | |
| 379 | +margin: 5px 5px 5px 5px; | |
| 380 | +border: 0; | |
| 381 | +background-color: transparent; | |
| 382 | +padding: 3px; | |
| 383 | +color: #333; | |
| 384 | +} | |
| 385 | + | |
| 386 | +#top-bar .layout_user #user .not-logged-in a{text-decoration: none;} | |
| 387 | + | |
| 388 | +/*info do usuário no espaço do usuário*/ | |
| 389 | +#navigation-control{ | |
| 390 | + height: 100%; | |
| 391 | + overflow-y: scroll; | |
| 392 | + overflow-x: hidden; | |
| 393 | + background-color:gray; | |
| 394 | +} | |
| 395 | + | |
| 396 | +#navigation-control #user{margin-top: 0;width: 300px;} | |
| 397 | + | |
| 398 | + | |
| 399 | +#navigation-control #user .logged-in { | |
| 400 | + visibility: visible; | |
| 401 | + display: block; | |
| 402 | + background: none; | |
| 403 | + display: block; | |
| 404 | + padding: 5px; | |
| 405 | + text-align: left; | |
| 406 | + width: auto; | |
| 407 | + border-radius: 0; | |
| 408 | + border: 0px; | |
| 409 | + margin-top: 0; | |
| 410 | + padding: 0; | |
| 411 | + border-top: 0px solid #DDD; | |
| 412 | +} | |
| 413 | + | |
| 414 | +#navigation-control #user .logged-in a { | |
| 415 | + text-decoration: none; | |
| 416 | + color: #DDD; | |
| 417 | + background-color: #808080; | |
| 418 | + padding: 14px 28px; | |
| 419 | + margin: 0; | |
| 420 | + border-bottom: 1px solid #DDD; | |
| 421 | +} | |
| 422 | + | |
| 423 | +#navigation-control #user .logged-in a strong { | |
| 424 | +font-weight: normal; | |
| 425 | +color: #DDD; | |
| 426 | +background-color: #808080; | |
| 427 | +padding: 14px; | |
| 428 | +margin: 0; | |
| 429 | +border-bottom: 0px solid #DDD; | |
| 430 | +font-size: 16px; | |
| 431 | +font-family: Arial, sans-serif; | |
| 432 | +text-decoration: none; | |
| 433 | +} | |
| 434 | + | |
| 435 | +#navigation-control .menu_user .activity_menu{border-top: 0px solid #DDD;} | |
| 436 | + | |
| 437 | + | |
| 438 | +/*modificação da scroll bar DO ESPAÇO DO USUÁRIO*/ | |
| 439 | +#navigation-control::-webkit-scrollbar-button { | |
| 440 | + height: 0; | |
| 441 | + width: 0; | |
| 442 | +} | |
| 443 | + | |
| 444 | +#navigation-control::-webkit-scrollbar-thumb { | |
| 445 | + background-clip: padding-box; | |
| 446 | + background-color: gray;/*rgba(0,0,0,.3);*/ | |
| 447 | + border: 5px solid transparent; | |
| 448 | + border-radius: 10px; | |
| 449 | + min-height: 20px; | |
| 450 | + min-width: 20px; | |
| 451 | + height: 5px; | |
| 452 | + width: 5px; | |
| 453 | +} | |
| 454 | + | |
| 455 | +#navigation-control::-webkit-scrollbar-thumb:hover { | |
| 456 | + background-clip: padding-box; | |
| 457 | + background-color: #eee;/*rgba(0,0,0,.3);*/ | |
| 458 | + border: 5px solid transparent; | |
| 459 | + border-radius: 10px; | |
| 460 | + min-height: 20px; | |
| 461 | + min-width: 20px; | |
| 462 | + height: 5px; | |
| 463 | + width: 5px; | |
| 464 | +} | |
| 465 | + | |
| 466 | + | |
| 467 | +#navigation-control::-webkit-scrollbar { | |
| 468 | + height: 15px; | |
| 469 | + width: 15px; | |
| 470 | +} | |
| 471 | + | |
| 472 | +/*fim de modificação da scroll bar DO ESPAÇO DO USUÁRIO */ | |
| 473 | + | |
| 474 | +/****************** FIM Barra do usuário ******************/ | |
| 475 | + | |
| 476 | +/****************** FIM Barra do usuário e Menu do usuário ******************/ | |
| 477 | + | |
| 478 | + | |
| 479 | +/****************** Painel de Controle ******************/ | |
| 480 | + | |
| 481 | +.btn_home { | |
| 482 | + margin-right: 14px; | |
| 483 | + float: right; | |
| 484 | + line-height: 40px; | |
| 485 | +} | |
| 486 | + | |
| 487 | +.btn_home a{ | |
| 488 | + display: inline-block; | |
| 489 | + text-decoration: none; | |
| 490 | + margin-left: 5px; | |
| 491 | + width: 227px; | |
| 492 | + background: url("images/logo-voce.png") no-repeat left center transparent; | |
| 493 | +} | |
| 494 | + | |
| 495 | +/*Botão Painel de controle*/ | |
| 496 | + | |
| 497 | +#btn_open_control_panel { | |
| 498 | +/* float: right;*/ | |
| 499 | +/* width: 100%;*/ | |
| 500 | + background-color: #eee; | |
| 501 | + position: relative; | |
| 502 | + padding: 0 14px; | |
| 503 | + text-decoration: none; | |
| 504 | + font-size: small; | |
| 505 | + color: #666; | |
| 506 | +} | |
| 507 | + | |
| 508 | +#navigation li span { | |
| 509 | + position: relative; | |
| 510 | + background: url("images/20-gear2.png") no-repeat left center transparent; | |
| 511 | + padding-left: 30px; | |
| 512 | + display: inline-block; | |
| 513 | + height: 30px; | |
| 514 | + line-height: 30px; | |
| 515 | + text-decoration: none; | |
| 516 | +} | |
| 517 | + | |
| 518 | +#btn_open_control_panel.show span {} | |
| 519 | + | |
| 520 | +/*****FIM Botão Painel de controle*****/ | |
| 521 | + | |
| 522 | +/*barra (menu) painel de controle*/ | |
| 523 | + | |
| 524 | +#control_panel_bar { | |
| 525 | + /*width: 100%;*/ | |
| 526 | + text-align: center; | |
| 527 | + display: inline-block; | |
| 528 | + padding-top: 0px; | |
| 529 | + overflow: hidden; | |
| 530 | + height: 0px; | |
| 531 | + transition: 0.6s; | |
| 532 | + /*margin-bottom: 14px;*/ | |
| 533 | + width: 100%; | |
| 534 | +} | |
| 535 | + | |
| 536 | +#control_panel_bar.show { | |
| 537 | + padding-top: 0px; | |
| 538 | + background-color: rgb(248, 248, 248); | |
| 539 | + height: 60px; | |
| 540 | +} | |
| 541 | + | |
| 542 | +#navigation { | |
| 543 | + text-align: right; | |
| 544 | + position: static; | |
| 545 | + background: none; | |
| 546 | + background-color: #eee; | |
| 547 | +} | |
| 548 | + | |
| 549 | +#navigation ul { | |
| 550 | + text-align: center; | |
| 551 | + height: auto; | |
| 552 | + float: none; | |
| 553 | + font-size: small; | |
| 554 | + color: #666; | |
| 555 | + padding: 0; | |
| 556 | +} | |
| 557 | +#wrap-1 #wrap-2 { | |
| 558 | + padding: 0; | |
| 559 | + border-top: none; | |
| 560 | +} | |
| 561 | + | |
| 562 | +#navigation #navigation-end { | |
| 563 | + width: 0px; | |
| 564 | + height: 0px; | |
| 565 | + background: none; | |
| 566 | + clear: both; | |
| 567 | +} | |
| 568 | + | |
| 569 | +#navigation ul li{ | |
| 570 | +border-left: 1px solid rgb(187, 187, 187); | |
| 571 | +padding: 0 14px; | |
| 572 | +width: auto; | |
| 573 | +margin: 12px 0; | |
| 574 | +float: right; | |
| 575 | +} | |
| 576 | +#navigation ul li:hover { | |
| 577 | + cursor: pointer; | |
| 578 | + background-color: rgb(112, 112, 112); | |
| 579 | + color: #FFF; | |
| 580 | +} | |
| 581 | + | |
| 582 | +#navigation ul li#btn_icon { | |
| 583 | + border: none; | |
| 584 | + padding: 4px; | |
| 585 | + margin: 0; | |
| 586 | + background: none; | |
| 587 | + cursor: auto; | |
| 588 | +} | |
| 589 | + | |
| 590 | +#control_panel_bar .btn_control_panel{ | |
| 591 | + float: none; | |
| 592 | +} | |
| 593 | + | |
| 594 | +#control_panel_bar #new_content{ | |
| 595 | + background-image: url(images/text-editor.png); | |
| 596 | + background-repeat: no-repeat; | |
| 597 | +} | |
| 598 | + | |
| 599 | +#control_panel_bar .btn_control { | |
| 600 | + background-position: center 3px; | |
| 601 | + height: 35px; | |
| 602 | + padding: 40px 14px 0px 14px; | |
| 603 | + display: inline-block; | |
| 604 | + width: 100px; | |
| 605 | + vertical-align: top; | |
| 606 | + background-size: 25%; | |
| 607 | +} | |
| 608 | + | |
| 609 | +#control_panel_bar .btn_menu{ | |
| 610 | + background-position: center 3px; | |
| 611 | + height: 0px; | |
| 612 | + overflow: hidden; | |
| 613 | + padding: 0px; | |
| 614 | + display: inline-block; | |
| 615 | + width: 100px; | |
| 616 | + vertical-align: top; | |
| 617 | + background-size: 25%; | |
| 618 | + transition: 0.6s; | |
| 619 | +} | |
| 620 | + | |
| 621 | +#control_panel_bar.show .btn_menu{ | |
| 622 | + background-position: center 3px; | |
| 623 | + height: 35px; | |
| 624 | + overflow: hidden; | |
| 625 | + padding: 40px 14px 0px 14px; | |
| 626 | + display: inline-block; | |
| 627 | + width: 100px; | |
| 628 | + vertical-align: top; | |
| 629 | + background-size: 25%; | |
| 630 | +} | |
| 631 | + | |
| 632 | +#control_panel_bar.show .btn_menu:hover{ | |
| 633 | + overflow: visible; | |
| 634 | +} | |
| 635 | + | |
| 636 | +/*Menu e SubMenu do Painel de controle*/ | |
| 637 | +#control_panel_bar a.btn_control_panel span{margin:0px; border: 0px solid gray;border-radius: 0px; background-color: transparent; padding: 0px;color: #333;display: inline-block;height: 35px;} | |
| 638 | + | |
| 639 | + | |
| 640 | +#control_panel_bar .btn_control_panel ul {display: inline-block;padding-left: 0;padding-top: 0;text-align: left;margin: 0;position: relative;left: -14px;} | |
| 641 | + | |
| 642 | +#control_panel_bar .btn_control_panel ul:hover {} | |
| 643 | + | |
| 644 | +#control_panel_bar .btn_control_panel ul li {padding: 0;display: block;display: inline-block;}/*{display: block;padding-left: 0;text-align: left;margin: 0;padding: 0 1em}*/ | |
| 645 | + | |
| 646 | +#control_panel_bar a.btn_control_panel:hover ul li{display: block;} | |
| 647 | + | |
| 648 | +#control_panel_bar a.btn_control_panel ul li span{height: auto;width: 140px;background-color: #eee;padding: 7px 14px;} | |
| 649 | + | |
| 650 | +#control_panel_bar a.btn_control_panel ul li span:hover{background-color: #ccc;} | |
| 651 | + | |
| 652 | +#control_panel_bar .btn_control_panel ul li ul {display: none;} | |
| 653 | + | |
| 654 | +#control_panel_bar .btn_control_panel ul.menu_conteudo li:hover ul {display: inline-block} | |
| 655 | +/*FIM Menu e SubMenu do Painel de controle*/ | |
| 656 | + | |
| 657 | +/* FIM barra (menu) painel de controle*/ | |
| 658 | + | |
| 659 | + | |
| 660 | + | |
| 661 | +/****************** FIM Painel de Controle ******************/ | |
| 662 | + | |
| 663 | + | |
| 664 | +#assets-menu { | |
| 665 | + background: #E8E8E8; | |
| 666 | + top: 35px; | |
| 667 | + left: 80px; | |
| 668 | + min-width: 132px; | |
| 669 | +} | |
| 670 | + | |
| 671 | +#assets-menu a { | |
| 672 | + border: 1px solid #E8E8E8; | |
| 673 | +} | |
| 674 | + | |
| 675 | +#categories_menu { | |
| 676 | + /*max-width: 960px;*/ | |
| 677 | + padding: 0 1em; | |
| 678 | + margin: auto; | |
| 679 | + float: left; | |
| 680 | +} | |
| 681 | + | |
| 682 | +#cat_menu { | |
| 683 | + background: url(images/logo-ps.png) no-repeat center left; | |
| 684 | + height: 40px; | |
| 685 | + padding-left: 70px; | |
| 686 | + | |
| 687 | +} | |
| 688 | + | |
| 689 | +#cat_menu li { | |
| 690 | + list-style: none; | |
| 691 | + font-size: 12px; | |
| 692 | + font-weight: bold; | |
| 693 | + padding: 0px 20px; | |
| 694 | + height: 100%; | |
| 695 | + text-transform: uppercase; | |
| 696 | +} | |
| 697 | + | |
| 698 | +#cat_menu li:hover { | |
| 699 | + background-color: #E1E4E4; | |
| 700 | +} | |
| 701 | + | |
| 702 | +#cat_menu li a { | |
| 703 | + line-height: 40px; | |
| 704 | + width: 100%; | |
| 705 | + height: 100%; | |
| 706 | + display: block; | |
| 707 | +} | |
| 708 | +/************* FIM Bar Psocial Style - Menu Horizontal**************/ | |
| 709 | + | |
| 710 | +/*ajuste no content*/ | |
| 711 | +#content{margin-top: 8px;} | |
| 712 | + | |
| 713 | +#user #homepage-link { | |
| 714 | + background: url(images/barra-menu-control.png) no-repeat 10px center; | |
| 715 | + margin-left: 0px; | |
| 716 | +} | |
| 717 | +#user #homepage-link i { | |
| 718 | + display: none; | |
| 719 | +} | |
| 720 | + | |
| 721 | +#user #homepage-link:hover { | |
| 722 | + background: url(images/barra-menu-control-hover.png) no-repeat 10px center; | |
| 723 | + margin-left: 0px; | |
| 724 | +} | |
| 725 | + | |
| 726 | +#control_panel_bar .control-panel a { | |
| 727 | + margin: 0; | |
| 728 | + border: 0; | |
| 729 | + line-height: normal; | |
| 730 | + background-color: transparent; | |
| 731 | + background-size: 32px; | |
| 732 | + padding: 0 0 0 36px; | |
| 733 | + width: 120px; | |
| 734 | + font-size: 13px; | |
| 735 | + background-position: 0 0; | |
| 736 | + color: rgb(60, 60, 60); | |
| 737 | +} | |
| 738 | +#control_panel_bar .control-panel span { | |
| 739 | + background: none; | |
| 740 | + padding-left: 0; | |
| 741 | +} | |
| 742 | + | |
| 743 | +.controller-profile_editor a.icon-new { | |
| 744 | + background-image: url(../../../images/control-panel/text-editor.png); | |
| 745 | +} | |
| 746 | + | |
| 747 | +#openchat .unread-messages { | |
| 748 | + position: relative; | |
| 749 | + left: 27px; | |
| 750 | + border: 0; | |
| 751 | +} | ... | ... |
| 1 | +++ a/content_menu.html.erb | |
| ... | ... | @@ -0,0 +1,14 @@ |
| 1 | +<div id="control_panel_bar" class="menu_content controller-profile_editor"> | |
| 2 | + | |
| 3 | +<ul class="control-panel"> | |
| 4 | + <li> | |
| 5 | + <%= link_to(_('Manage Content'), url_for(:controller => 'cms'), :class => 'control-panel-cms') %> | |
| 6 | + </li> | |
| 7 | + <li> | |
| 8 | + <% article = @article || @page %> | |
| 9 | + <% parent_id = ((article && article.allow_children?) ? article : nil) %> | |
| 10 | + <%= modal_button('new', _('New content'), :controller => 'cms', :action => 'new', :parent_id => parent_id, :cms => true) %> | |
| 11 | + </li> | |
| 12 | +</ul> | |
| 13 | + | |
| 14 | +</div> | ... | ... |
| 1 | +++ a/footer.css | |
| ... | ... | @@ -0,0 +1,67 @@ |
| 1 | +/*-------------------------------------------------------------- | |
| 2 | + Footer | |
| 3 | +--------------------------------------------------------------*/ | |
| 4 | +#theme-footer { | |
| 5 | + background-color: #eee; | |
| 6 | + position: relative; | |
| 7 | + margin-bottom: 0; | |
| 8 | +} | |
| 9 | +} | |
| 10 | + | |
| 11 | +#footer-content { | |
| 12 | + background: #fff; | |
| 13 | +} | |
| 14 | + | |
| 15 | +#footer-logos { | |
| 16 | + background: #F28F00; | |
| 17 | + max-width: 100%; | |
| 18 | + padding: 2em 0; | |
| 19 | + height: 49px; | |
| 20 | +} | |
| 21 | + | |
| 22 | +#footer-logos div { | |
| 23 | + max-width: 960px; | |
| 24 | + margin: 0 auto; | |
| 25 | +} | |
| 26 | + | |
| 27 | +#footer-logos a { | |
| 28 | + display: block; | |
| 29 | + height: 49px; | |
| 30 | + float: left; | |
| 31 | +} | |
| 32 | + | |
| 33 | +#footer-logos span { | |
| 34 | + display: none; | |
| 35 | +} | |
| 36 | + | |
| 37 | +#footer-logos .logo-acesso { | |
| 38 | + background: transparent url(images/acesso-a-informacao.png) center center no-repeat; | |
| 39 | + width: 107px; | |
| 40 | +} | |
| 41 | + | |
| 42 | +#footer-logos .logo-brasil { | |
| 43 | + background: transparent url(images/brasil.png) center center no-repeat; | |
| 44 | + width: 153px; | |
| 45 | +} | |
| 46 | + | |
| 47 | +#footer-logos .logo-sgpr { | |
| 48 | + background: transparent url(images/sgpr.png) center center no-repeat; | |
| 49 | + width: 187px; | |
| 50 | + margin-right: 30px; | |
| 51 | +} | |
| 52 | + | |
| 53 | +#footer-logos .institucionais { | |
| 54 | + float: right; | |
| 55 | +} | |
| 56 | + | |
| 57 | +#footer-license { | |
| 58 | + max-width: 960px; | |
| 59 | + margin: 0 auto; | |
| 60 | + text-align: left; | |
| 61 | + padding: 19px; | |
| 62 | +} | |
| 63 | + | |
| 64 | +#footer-license p { | |
| 65 | + color: #F28F00; | |
| 66 | + text-align: left; | |
| 67 | +} | ... | ... |
| 1 | +++ a/footer.html.erb | |
| ... | ... | @@ -0,0 +1,7 @@ |
| 1 | +<div id="footer-links"> | |
| 2 | + <a id="link-to-doc" class='icon-help'><%= link_to _('Manual'), '/doc' %></a> | |
| 3 | +</div><!-- end id="footer-links" --> | |
| 4 | +<div id="copyright"> | |
| 5 | + <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> | |
| 6 | +</div><!-- end id="copyright" --> | |
| 7 | +<%= language_chooser(environment) %> | ... | ... |
| 1 | +++ a/header.css | |
| ... | ... | @@ -0,0 +1,27 @@ |
| 1 | +/*-------------------------------------------------------------- | |
| 2 | + Header | |
| 3 | +--------------------------------------------------------------*/ | |
| 4 | +#theme-header{height: auto;} | |
| 5 | +header { margin: 0 auto; height: 200px; padding: 0px } | |
| 6 | +#logo { margin-top: 55px;} | |
| 7 | +#header-left { width: 400px; float: left } | |
| 8 | +#header-right { float: right; width: 530px; height: 185px; margin-top: 10px } | |
| 9 | +#header-right a { color:#ffffff; } | |
| 10 | + | |
| 11 | +#header-right-1 { float:right; width:258px; height:185px; } | |
| 12 | +header .tile { display:block; float:right; margin:2px; width:125px; height:88px; position:relative; background-color:#257CAD; transition: all 300ms ease-out; } | |
| 13 | +header .tile:hover { background:#5d6da2; background: linear-gradient(135deg, #5d6da2 0%,#5d6da2 50%,#546394 50%,#546394 100%); } | |
| 14 | +header .tile-title { position:absolute; right:5px; bottom:5px; font-size:10px; font-weight:700; color:#ffffff; } | |
| 15 | +header .tile-title a { font-weight:700; font-family: Open Sans; text-transform:uppercase; } | |
| 16 | +header .tile img { margin-top:10px; margin-left:10px; } | |
| 17 | +#header-right-2 { height:185px; width:270px; float:right; } | |
| 18 | +header .tile2 { float:right; margin:2px; width:254px; height:88px; position:relative; background-color:#257CAD; font:24px QuicksandBold; text-align:center; color:#ffffff; } | |
| 19 | +header .tile-avatar { margin-right:7px; border-right:4px solid #ffffff; float:left; } | |
| 20 | +header .tile-avatar img { width:88px; height:88px; } | |
| 21 | +header .tile-username { float:left; width:145px; font:18px QuicksandBold; margin-top:6px; text-align:left; } | |
| 22 | +header .tile-username a { font-size:18px!important; color:#ffffff; } | |
| 23 | +header .tile-logout { float:left; text-align:left; font:12px Open Sans; } | |
| 24 | +header .tile-logout a { font-size:10px; text-transform:uppercase; font-weight:700; color:#ffffff; } | |
| 25 | +header a.tile-messages { margin-top:11px; width:27px; text-align:left; display:block; padding-left:34px; float:right; background-image: url( images/tile-messages.png ); background-position: 0px 3px;background-repeat: no-repeat; } | |
| 26 | +header .tile-messages a { line-height:24px; } | |
| 27 | +#header-right-2 { float:right; width:270px; height:88px; } | ... | ... |
| 1 | +++ a/header.html.erb | |
| ... | ... | @@ -0,0 +1,96 @@ |
| 1 | +<% user = (session[:user] && User.find_by_id(session[:user])) || nil %> | |
| 2 | +<%= theme_include "user_menu", :locals => {:person => user.person} if user %> | |
| 3 | + | |
| 4 | +<%= render :file => File.join(File.dirname(__FILE__), "/top_search_bar") %> | |
| 5 | + | |
| 6 | +<% if controller_name != 'home' %> | |
| 7 | + | |
| 8 | + | |
| 9 | +<%= render :file => File.join(File.dirname(__FILE__), "/user_bar") %> | |
| 10 | +<%= render :file => File.join(File.dirname(__FILE__), "/user_menu_bar") %> | |
| 11 | +<%= render :file => File.join(File.dirname(__FILE__), "/user_chat_bar") %> | |
| 12 | + | |
| 13 | +<!-- Nova Barra de usuário --> | |
| 14 | +<div id="top-bar" class="top" > | |
| 15 | + <div class="btn_control_panel btn_control" title="Painel de Controle" alt="menu"> | |
| 16 | + <div class="layout_user"> | |
| 17 | + <%= render :partial => 'layouts/user' %> | |
| 18 | + </div> | |
| 19 | + </div> | |
| 20 | + | |
| 21 | +<!-- | |
| 22 | + <div id="categories_menu"> | |
| 23 | + <%= theme_include 'categories' %> | |
| 24 | + </div> | |
| 25 | + --> | |
| 26 | + <span class="btn_home" title="Página Inicial"><a href="<%=environment.top_url%>"> </a></span> | |
| 27 | +</div> | |
| 28 | +<!-- FIM Nova Barra de usuário --> | |
| 29 | + | |
| 30 | +<% else %> | |
| 31 | + | |
| 32 | +<header> | |
| 33 | + | |
| 34 | + <div id="header-left"> | |
| 35 | + <div id="logo"> | |
| 36 | + <%= link_to(image_tag("/designs/themes/participa-web/images/medium-logo.png"), environment.top_url) %> | |
| 37 | + </div> | |
| 38 | + </div><!-- #header-left --> | |
| 39 | + | |
| 40 | + <div id="header-right"> | |
| 41 | + <div id="header-right-1"> | |
| 42 | + | |
| 43 | + <%= link_to(image_tag("/designs/themes/participa-web/images/tile-forum.png") + "<span class='tile-title'>" + _('CONTENT') + "</span>", {:controller => 'search', :action => 'contents', :filter => 'more_recent'}, :class => 'tile tile-forum') %> | |
| 44 | + <%= link_to(image_tag("/designs/themes/participa-web/images/tile-groups.png") + "<span class='tile-title'>" + _('GROUPS') + "</span>", {:controller => 'search', :action => 'communities', :filter => 'more_active'}, :class => 'tile tile-groups') %> | |
| 45 | + <%= link_to(image_tag("/designs/themes/participa-web/images/tile-info.png") + "<span class='tile-title'>" + _('ABOUT US') + "</span>", {:profile => 'save-organic-food'}, :class => 'tile tile-info') %> | |
| 46 | + <%= link_to(image_tag("/designs/themes/participa-web/images/tile-members.png") + "<span class='tile-title'>" + _('MEMBERS') + "</span>", {:controller => 'search', :action => 'people', :filter => 'more_recent'}, :class => 'tile tile-users')%> | |
| 47 | + </div><!-- #header-right-1 --> | |
| 48 | + | |
| 49 | + <div id="header-right-2"> | |
| 50 | + <div class="tile2"> | |
| 51 | + | |
| 52 | + <div id="tile-user"> | |
| 53 | + | |
| 54 | + <% if logged_in? %> | |
| 55 | + <span class='not-logged-in'> | |
| 56 | + <div class="tile-avatar"> <%= link_to(profile_image(current_person), current_person.url) %></div> | |
| 57 | + <div class="tile-username"><%= _('Hello,') %> <br/><%= current_person.name %> </div> | |
| 58 | + <span class='tile-title'> | |
| 59 | + <%= admin_link %> | |
| 60 | + <span> <%= _('or') %> </span> | |
| 61 | + <%= link_to(_('Logout'), :controller => :account, :action => :logout) %> | |
| 62 | + </span> | |
| 63 | + <% else %> | |
| 64 | + <span class='not-logged-in'> | |
| 65 | + <div class="tile-avatar"> <%= image_tag("/designs/themes/participa-web/images/avatar.gif") %></div> | |
| 66 | + <div class="tile-username"><%= _('Hello') %> <br/><%= _('Guest') %> </div> | |
| 67 | + <span class='tile-title'> | |
| 68 | + <%= modal_inline_link_to('<i class="icon-menu-login"></i><strong>' + _('Login') + '</strong>', login_url, 'inlineLoginBox', :id => 'link_login') %> | |
| 69 | + <%= @plugins.dispatch(:alternative_authentication_link).collect { |content| instance_exec(&content) }.join("") %> | |
| 70 | + <% unless @plugins.dispatch(:allow_user_registration).include?(false) %> | |
| 71 | + <span> <%= _('or') %> </span> | |
| 72 | + <span class='tile-register'> | |
| 73 | + <%= link_to('<strong>' + _('Sign up') + '</strong>', :controller => 'account', :action => 'signup')%> | |
| 74 | + </span> | |
| 75 | + <% end %> | |
| 76 | + <div id='inlineLoginBox' style='display: none;'> | |
| 77 | + <%= render :file => 'account/login', :locals => { :is_thickbox => true } %> | |
| 78 | + </div> | |
| 79 | + </span> | |
| 80 | + <% end %> | |
| 81 | + </div> | |
| 82 | + | |
| 83 | + </div><!-- .tile2 --> | |
| 84 | + | |
| 85 | + <div class="header-right-2-bottom"> | |
| 86 | + <% if logged_in? %> | |
| 87 | + <%= link_to(image_tag("/designs/themes/participa-web/images/tile-activities.png") + "<span class='tile-title'>" + _('ACTIVITY') + "</span>", {:controller => 'profile', :profile => current_person.identifier, :anchor => 'profile-network'}, :class => 'tile tile-activities') %> | |
| 88 | + <%= link_to(image_tag("/designs/themes/participa-web/images/tile-blog.png") + "<span class='tile-title'>" + _('BLOG') + "</span>", {:controller => 'profile', :profile => current_person.identifier}, :class => 'tile tile-blog') %> | |
| 89 | + <% end %> | |
| 90 | + </div><!-- .header-right-2-bottom --> | |
| 91 | + </div><!-- .header-right-2 --> | |
| 92 | + </div><!-- #header-right --> | |
| 93 | + | |
| 94 | + | |
| 95 | +</header> | |
| 96 | +<% end %> | ... | ... |
3.12 KB
6.19 KB
163 Bytes
268 Bytes
425 Bytes
300 Bytes
179 Bytes
2.93 KB
3.18 KB
3.12 KB
475 Bytes
533 Bytes
636 Bytes
883 Bytes
239 Bytes
20.6 KB
6.76 KB
15.5 KB
1.09 KB
1018 Bytes
1.1 KB
747 Bytes
1.71 KB
1.39 KB
1.74 KB
1.66 KB
1.5 KB
1.39 KB
2.26 KB
4.75 KB
3.82 KB
4.46 KB
1.84 KB
4.64 KB
| 1 | +++ a/index.html.erb | |
| ... | ... | @@ -0,0 +1,91 @@ |
| 1 | +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
| 2 | +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<%= html_language %>" lang="<%= html_language %>"> | |
| 3 | + <head> | |
| 4 | + <title><%= h page_title %></title> | |
| 5 | + <%= yield(:feeds) %> | |
| 6 | + <!--<meta http-equiv="refresh" content="1"/>--> | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> | |
| 8 | + <meta name="description" content="<%= @environment.name %>" /> | |
| 9 | + | |
| 10 | + <!-- Twitter Card --> | |
| 11 | + <meta name="twitter:card" value="summary"> | |
| 12 | + <meta name="twitter:title" content="<%= h page_title %>"> | |
| 13 | + <meta name="twitter:description" content="<%= meta_description_tag(@page) %>"> | |
| 14 | + | |
| 15 | + <!-- Open Graph --> | |
| 16 | + <meta property="og:type" content="<%= @page ? 'article' : 'website' %>"> | |
| 17 | + <meta property="og:url" content="<%= @page ? url_for(@page.url) : @environment.top_url %>"> | |
| 18 | + <meta property="og:title" content="<%= h page_title %>"> | |
| 19 | + <meta property="og:site_name" content="<%= profile ? profile.name : @environment.name %>"> | |
| 20 | + <meta property="og:description" content="<%= @page ? truncate(strip_tags(@page.body.to_s), :length => 200) : @environment.name %>"> | |
| 21 | + | |
| 22 | + <% if @page %> | |
| 23 | + <meta property="article:published_time" content="<%= show_date(@page.published_at) %>"> | |
| 24 | + <% @page.body_images_paths.each do |img| %> | |
| 25 | + <meta name="twitter:image" content="<%= img.to_s %>"> | |
| 26 | + <meta property="og:image" content="<%= img.to_s %>"> | |
| 27 | + <% end %> | |
| 28 | + <% end %> | |
| 29 | + | |
| 30 | + <link rel="shortcut icon" href="<%= image_path(theme_favicon) %>" type="image/x-icon" /> | |
| 31 | + <%= noosfero_javascript %> | |
| 32 | + <%= noosfero_stylesheets %> | |
| 33 | + | |
| 34 | + <%# Add custom tags/styles/etc via content_for %> | |
| 35 | + <%= yield :head %> | |
| 36 | + <%= | |
| 37 | + @plugins.dispatch(:head_ending).collect do |content| | |
| 38 | + content.respond_to?(:call) ? content.call : content | |
| 39 | + end.join("\n") | |
| 40 | + %> | |
| 41 | + | |
| 42 | + <script type='text/javascript'> | |
| 43 | + DEFAULT_LOADING_MESSAGE = <%="'#{ _('loading...') }'" %>; | |
| 44 | + </script> | |
| 45 | + </head> | |
| 46 | + <body class="<%= h body_classes %>"> | |
| 47 | + <a href="#content" id="link-go-content"><span><%= _("Go to the content") %></span></a> | |
| 48 | + | |
| 49 | + <%= | |
| 50 | + @plugins.dispatch(:body_beginning).collect do |content| | |
| 51 | + content.respond_to?(:call) ? content.call : content | |
| 52 | + end.join("\n") | |
| 53 | + %> | |
| 54 | + | |
| 55 | + | |
| 56 | + | |
| 57 | + <div id="wrap-1"> | |
| 58 | + | |
| 59 | +<!-- cabecalho --> | |
| 60 | + <div id='theme-header'> | |
| 61 | + <%= theme_header %> | |
| 62 | + </div> | |
| 63 | +<!-- FIM cabecalho --> | |
| 64 | + | |
| 65 | + <div id="wrap-2"> | |
| 66 | + | |
| 67 | + | |
| 68 | +<!-- título da comunidade/empreendimento/perfil --> | |
| 69 | + <h1 id="site-title"> | |
| 70 | + <%= theme_site_title %> | |
| 71 | + </h1> | |
| 72 | + | |
| 73 | + | |
| 74 | + | |
| 75 | + <div id="content"> | |
| 76 | + <div id="content-inner"> | |
| 77 | + <%= insert_boxes(yield) %> | |
| 78 | + <br style='clear: both'/> | |
| 79 | + </div><!-- end id="content-inner" --> | |
| 80 | + </div><!-- end id="content" --> | |
| 81 | + </div><!-- end id="wrap-2" --> | |
| 82 | + </div><!-- end id="wrap-1" --> | |
| 83 | + <%= render_environment_features(:logged_in) %> | |
| 84 | + <div id="theme-footer"> | |
| 85 | + <%= theme_footer %> | |
| 86 | + </div><!-- end id="theme-footer" --> | |
| 87 | + <%= noosfero_layout_features %> | |
| 88 | + <%= theme_javascript_ng %> | |
| 89 | + <%= addthis_javascript %> | |
| 90 | + </body> | |
| 91 | +</html> | ... | ... |
| 1 | +++ a/like_dislike.css | |
| ... | ... | @@ -0,0 +1,38 @@ |
| 1 | +/* Plugin para curtir artigos e comentarios */ | |
| 2 | + | |
| 3 | +.action .dislike:before { | |
| 4 | + background: url(images/negative-hand.png) no-repeat; | |
| 5 | +} | |
| 6 | + | |
| 7 | +.action .like:before { | |
| 8 | + background: url(images/positive-hand.png) no-repeat; | |
| 9 | +} | |
| 10 | + | |
| 11 | +.action .action-icon:before { | |
| 12 | + background-size: 20px; | |
| 13 | + content: ''; | |
| 14 | + width: 20px; | |
| 15 | + height: 20px; | |
| 16 | + display: inline-block; | |
| 17 | +} | |
| 18 | + | |
| 19 | +.vote-action .like-action-active .action-icon { | |
| 20 | + opacity: 1; | |
| 21 | +} | |
| 22 | + | |
| 23 | +.vote-action .action-icon { | |
| 24 | + opacity: 0.5; | |
| 25 | +} | |
| 26 | + | |
| 27 | +#article .action .action-icon { | |
| 28 | + top: 3px; | |
| 29 | +} | |
| 30 | + | |
| 31 | +#article .like-action .like-action-counter { | |
| 32 | + color: #2A8C32; | |
| 33 | +} | |
| 34 | + | |
| 35 | +#article .dislike-action .like-action-counter { | |
| 36 | + color: #CC0000; | |
| 37 | +} | |
| 38 | + | ... | ... |
| 1 | +++ a/navigation.html.erb | |
| ... | ... | @@ -0,0 +1,12 @@ |
| 1 | +<!-- *************** Painel de controle da comunidade ************** --> | |
| 2 | +<% if profile && user %> | |
| 3 | + <li id="btn_settings">Configurações</li> | |
| 4 | + <li id="btn_aparence">Aparência</li> | |
| 5 | + <li id="btn_content">Conteúdo</li> | |
| 6 | + <li id="btn_icon"><span> </span></li> | |
| 7 | + <li id="btn_profile"><%= link_to(profile_image(profile, :icon) + content_tag(:span, profile.name), profile.public_profile_url) %></li> | |
| 8 | + | |
| 9 | + <%= theme_include 'content_menu' %> | |
| 10 | + <%= theme_include 'appearance_menu' %> | |
| 11 | + <%= theme_include 'settings_menu' %> | |
| 12 | +<% end %> | ... | ... |
3.75 KB
3.75 KB
229 KB
567 Bytes
548 Bytes
230 Bytes
2.54 KB
187 Bytes
173 Bytes
14.3 KB
695 Bytes
159 Bytes
418 Bytes
1.02 KB
3.01 KB
1.47 KB
3.13 KB
884 Bytes
856 Bytes
95.1 KB
78.5 KB
142 Bytes
216 Bytes
35 Bytes
43 Bytes
305 Bytes
127 Bytes
128 Bytes
1.85 KB
969 Bytes
333 Bytes
969 Bytes
1.01 KB
2.85 KB
3.12 KB
445 Bytes
448 Bytes
174 Bytes
648 Bytes
648 Bytes
2.17 KB
52 KB
850 Bytes
771 Bytes
5.21 KB
579 Bytes
877 Bytes
7.01 KB
1.04 KB
3.32 KB
3.74 KB
4.75 KB
2.46 KB