Download as
Browse Code »

Commit 2de021793074d1f608d8c7765a20de169bda213f

Authored by Francisco Marcelo de Araújo Lima Júnior
1 parent c22c3387
Exists in theme-brasil-digital-from-staging and in 9 other branches angular_poc, api-article-archived, backup-7-jan-2016, captcha_serpro_plugin, login-captcha, production, resend_confirmation_email, staging, staging_rails3

#community hub - updating theme

Showing 2 changed files with 98 additions and 15 deletions   Show diff stats
plugins/community_hub/public/style.css
  Diff comments   View file @2de0217
... ... @@ -7,6 +7,7 @@
7 7 height: 350px;
8 8 padding-top: 10px;
9 9 height: 350px;
  10 + display: inline-block;
10 11 }
11 12  
12 13 #hub-loading {
... ... @@ -24,6 +25,14 @@
24 25 margin-bottom: 0;
25 26 }
26 27  
  28 +#content .hub .content-tab h1{
  29 + border-color: #D71410 #CCCCCC -moz-use-text-color;
  30 + border-left: 1px solid #CCCCCC;
  31 + border-right: 1px solid #CCCCCC;
  32 + border-style: solid solid none;
  33 + border-width: 1px 1px 0;
  34 + border-top: 1px solid #D71410;
  35 +}
27 36  
28 37 #content .hub .title {
29 38 font-size: 33px;
... ... @@ -38,7 +47,7 @@
38 47 }
39 48  
40 49 .hub .post {
41   - border-bottom: 1px solid #ddd;
  50 + border-top: 1px solid #ddd;
42 51 background: url("images/hub-time-bg.gif") repeat-y left top #fff;
43 52 padding: 5px 0;
44 53 }
... ... @@ -165,12 +174,36 @@
165 174 height: 500px;
166 175 overflow-x: hidden;
167 176 overflow-y: scroll;
168   - border-width: 0 1px 1px;
  177 + border-width: 1px 0;
169 178 border-style: solid;
170 179 border-color: lightGray;
171 180 padding-top: 10px;
  181 + clear: both;
  182 +}
  183 +
  184 +/*modificação da scroll bar*/
  185 +.hub ul#live-posts::-webkit-scrollbar-button {
  186 + height: 0;
  187 + width: 0;
  188 +}
  189 +
  190 +.hub ul#live-posts::-webkit-scrollbar-thumb {
  191 + background-clip: padding-box;
  192 + background-color: rgba(0,0,0,.3);
  193 + border: 5px solid transparent;
  194 + border-radius: 10px;
  195 + min-height: 20px;
  196 + min-width: 20px;
  197 + height: 5px;
  198 + width: 5px;
  199 +}
  200 +
  201 +.hub ul#live-posts::-webkit-scrollbar {
  202 + height: 15px;
  203 + width: 15px;
172 204 }
173 205  
  206 +/*fim de modificação da scroll bar*/
174 207  
175 208 .hub #live-posts .post {
176 209 background-color:#fff;
... ... @@ -182,22 +215,53 @@
182 215 padding-bottom: 10px;
183 216 }
184 217  
185   -
186   -#content .main-block .hub .live h1{
187   - background-color: #f4f4f4;
  218 +/*novos elementos: h1.live - h1.mediation*/
  219 +#content .main-block .hub .live h1.live,
  220 +#content .main-block .hub .mediation h1.mediation {
  221 + /*background-color: #f4f4f4;*/
188 222 border: 1px solid lightGray
  223 +
  224 + border-bottom: 1px solid #FFFFFF;
  225 + float: left;
  226 + font-weight: normal;
  227 + margin-bottom: -1px;
  228 + margin-right: 20px;
  229 + width: 60%;
  230 +}
  231 +#content .main-block .hub .live h1.mediation,
  232 +#content .main-block .hub .mediation h1.live {
  233 +
  234 + display: inline;
  235 + background-color: #EEEEEE;
  236 + border-bottom: 1px solid #CCCCCC;
  237 + border-top-color: #CCCCCC;
  238 + color: gray;
  239 + position: relative;
  240 + top: 1px;
  241 + width: 20%;
  242 + text-align: center;
  243 + top: 7px;
  244 + line-height: 27px;
  245 +
189 246 }
190 247  
  248 +#content .main-block .hub .live h1.mediation,
  249 +#content .main-block .hub .mediation h1.live {
  250 + display: inline-block;
  251 +}
  252 +/*fim de novos elementos: h1.live - h1.mediation*/
  253 +
  254 +
191 255 #content .hub .live .title {
192   - color: #656565;
  256 + color: #D71410;
193 257 display: inline-block;
194   - font-size: 20px;
  258 + font-size: 14px;
195 259 font-family: Arial Black, arial, sans-serif;
196 260 padding-right: 0;
197 261 width: 70%;
198 262 }
199 263 #content .hub .live .on-air {
200   - background-color: #d40000;
  264 + background-color: #96110D;
201 265 border-radius: 10px 10px 10px 10px;
202 266 color: white;
203 267 display: inline-block;
... ... @@ -294,10 +358,10 @@ margin-right: 10px;
294 358 }
295 359  
296 360 #content .hub .mediation .title {
297   - color: white;
  361 + color: gray;
298 362 display: inline-block;
299   - font-size: 20px;
300   - font-family: Arial Black, arial, sans-serif;
  363 + font-size: 14px;
  364 + font-family: Arial, sans-serif;
301 365 padding-right: 0;
302 366 width: 100%;
303 367 }
... ... @@ -403,9 +467,20 @@ background-color: #f9f9f9;
403 467  
404 468 }
405 469  
406   -
407 470 /****fim aba mediation aberta****/
408 471  
  472 +.hub .mediation.hide,
  473 +.hub .live.hide {
  474 + display: none;
  475 + visibility: hidden;
  476 +}
  477 +
  478 +.hub .mediation.show,
  479 +.hub .live.show {
  480 + display: inline-block;
  481 + visibility: visible;
  482 +}
  483 +
409 484 .hub .form-mediation {
410 485 width: 93%;
411 486 display: inline-block;
... ... @@ -416,7 +491,7 @@ background-color: #f9f9f9;
416 491  
417 492 .hub .form-message {
418 493 width: 93%;
419   - display: inline-block;
  494 + /*display: inline-block;*/
420 495 height: 148px;
421 496 padding: 10px;
422 497 border: 1px solid #c0c0c0;
... ...
plugins/community_hub/views/content_viewer/hub.rhtml
  Diff comments   View file @2de0217
... ... @@ -9,18 +9,26 @@
9 9 <br />
10 10  
11 11 <div id="left-tab" class="live content-tab show">
12   - <h1>
  12 + <h1 class="live">
13 13 <span class="title"><%= @page.title %></span><span class="on-air"><%= _("Live") %></span>
14 14 </h1>
15 15  
  16 + <h1 class="mediation">
  17 + <span class="title"><%= _("Mediation") %><span class="expand"><!--&#9660;--></span></span>
  18 + </h1>
  19 +
16 20 <ul id="live-posts">
17 21 </ul>
18 22 <span><%= check_box_tag 'auto_scrolling', 'yes', true %><%= _("Auto scrolling") %></span>
19 23 </div>
20 24  
21 25 <div id="right-tab" class="mediation content-tab hide">
  26 + <h1 class="live">
  27 + <span class="title"><%= @page.title %></span><span class="on-air"><%= _("Live") %></span>
  28 + </h1>
  29 +
22 30 <h1>
23   - <span class="title"><%= _("Mediation") %><span class="expand">&#9660;</span></span>
  31 + <span class="title"><%= _("Mediation") %><span class="expand"><!--&#9660;--></span></span>
24 32 </h1>
25 33  
26 34 <ul id="mediation-posts">
... ...