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,6 +7,7 @@
7 height: 350px; 7 height: 350px;
8 padding-top: 10px; 8 padding-top: 10px;
9 height: 350px; 9 height: 350px;
  10 + display: inline-block;
10 } 11 }
11 12
12 #hub-loading { 13 #hub-loading {
@@ -24,6 +25,14 @@ @@ -24,6 +25,14 @@
24 margin-bottom: 0; 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 #content .hub .title { 37 #content .hub .title {
29 font-size: 33px; 38 font-size: 33px;
@@ -38,7 +47,7 @@ @@ -38,7 +47,7 @@
38 } 47 }
39 48
40 .hub .post { 49 .hub .post {
41 - border-bottom: 1px solid #ddd; 50 + border-top: 1px solid #ddd;
42 background: url("images/hub-time-bg.gif") repeat-y left top #fff; 51 background: url("images/hub-time-bg.gif") repeat-y left top #fff;
43 padding: 5px 0; 52 padding: 5px 0;
44 } 53 }
@@ -165,12 +174,36 @@ @@ -165,12 +174,36 @@
165 height: 500px; 174 height: 500px;
166 overflow-x: hidden; 175 overflow-x: hidden;
167 overflow-y: scroll; 176 overflow-y: scroll;
168 - border-width: 0 1px 1px; 177 + border-width: 1px 0;
169 border-style: solid; 178 border-style: solid;
170 border-color: lightGray; 179 border-color: lightGray;
171 padding-top: 10px; 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 .hub #live-posts .post { 208 .hub #live-posts .post {
176 background-color:#fff; 209 background-color:#fff;
@@ -182,22 +215,53 @@ @@ -182,22 +215,53 @@
182 padding-bottom: 10px; 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 border: 1px solid lightGray 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 #content .hub .live .title { 255 #content .hub .live .title {
192 - color: #656565; 256 + color: #D71410;
193 display: inline-block; 257 display: inline-block;
194 - font-size: 20px; 258 + font-size: 14px;
195 font-family: Arial Black, arial, sans-serif; 259 font-family: Arial Black, arial, sans-serif;
196 padding-right: 0; 260 padding-right: 0;
197 width: 70%; 261 width: 70%;
198 } 262 }
199 #content .hub .live .on-air { 263 #content .hub .live .on-air {
200 - background-color: #d40000; 264 + background-color: #96110D;
201 border-radius: 10px 10px 10px 10px; 265 border-radius: 10px 10px 10px 10px;
202 color: white; 266 color: white;
203 display: inline-block; 267 display: inline-block;
@@ -294,10 +358,10 @@ margin-right: 10px; @@ -294,10 +358,10 @@ margin-right: 10px;
294 } 358 }
295 359
296 #content .hub .mediation .title { 360 #content .hub .mediation .title {
297 - color: white; 361 + color: gray;
298 display: inline-block; 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 padding-right: 0; 365 padding-right: 0;
302 width: 100%; 366 width: 100%;
303 } 367 }
@@ -403,9 +467,20 @@ background-color: #f9f9f9; @@ -403,9 +467,20 @@ background-color: #f9f9f9;
403 467
404 } 468 }
405 469
406 -  
407 /****fim aba mediation aberta****/ 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 .hub .form-mediation { 484 .hub .form-mediation {
410 width: 93%; 485 width: 93%;
411 display: inline-block; 486 display: inline-block;
@@ -416,7 +491,7 @@ background-color: #f9f9f9; @@ -416,7 +491,7 @@ background-color: #f9f9f9;
416 491
417 .hub .form-message { 492 .hub .form-message {
418 width: 93%; 493 width: 93%;
419 - display: inline-block; 494 + /*display: inline-block;*/
420 height: 148px; 495 height: 148px;
421 padding: 10px; 496 padding: 10px;
422 border: 1px solid #c0c0c0; 497 border: 1px solid #c0c0c0;
plugins/community_hub/views/content_viewer/hub.rhtml
  Diff comments   View file @2de0217
@@ -9,18 +9,26 @@ @@ -9,18 +9,26 @@
9 <br /> 9 <br />
10 10
11 <div id="left-tab" class="live content-tab show"> 11 <div id="left-tab" class="live content-tab show">
12 - <h1> 12 + <h1 class="live">
13 <span class="title"><%= @page.title %></span><span class="on-air"><%= _("Live") %></span> 13 <span class="title"><%= @page.title %></span><span class="on-air"><%= _("Live") %></span>
14 </h1> 14 </h1>
15 15
  16 + <h1 class="mediation">
  17 + <span class="title"><%= _("Mediation") %><span class="expand"><!--&#9660;--></span></span>
  18 + </h1>
  19 +
16 <ul id="live-posts"> 20 <ul id="live-posts">
17 </ul> 21 </ul>
18 <span><%= check_box_tag 'auto_scrolling', 'yes', true %><%= _("Auto scrolling") %></span> 22 <span><%= check_box_tag 'auto_scrolling', 'yes', true %><%= _("Auto scrolling") %></span>
19 </div> 23 </div>
20 24
21 <div id="right-tab" class="mediation content-tab hide"> 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 <h1> 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 </h1> 32 </h1>
25 33
26 <ul id="mediation-posts"> 34 <ul id="mediation-posts">