Download as
Browse Code »

Commit fa55e9a3542b025abdf0a71da61234447a718189

Authored by Gustavo Cruz
1 parent 66ed7adc
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

updating theme

Showing 1 changed file with 187 additions and 18 deletions   Show diff stats
plugins/community_hub/public/style.css
  Diff comments   View file @fa55e9a
1   -div.content-tab.show {
  1 +/*div.content-tab.show {
2 2 display: block;
3 3 }
4 4  
5 5 div.content-tab.hide {
6 6 display: none;
7   -}
  7 +}*/
8 8  
9 9 #banner-embed-container {
10 10 width: 49%;
... ... @@ -17,17 +17,17 @@ div.content-tab.hide {
17 17 height: 350px;
18 18 }
19 19  
20   -.hub #left-tab {
21   - /*border: 0px solid lightGray;*/
  20 +/*.hub #left-tab {
  21 + comentado-border: 0px solid lightGray;-comentado
22 22 border: 1px solid red;
23 23 display: inline-block;
24 24 float: left;
25 25 width: 49%;
26 26 margin-bottom: 2em;
27 27 cursor: pointer;
28   -}
  28 +}*/
29 29  
30   -.hub #right-tab {
  30 +/*.hub #right-tab {
31 31 border: 1px solid green;
32 32 display: inline-block;
33 33 clear: right;
... ... @@ -36,12 +36,12 @@ div.content-tab.hide {
36 36 width: 50%;
37 37 margin-bottom: 2em;
38 38 cursor: pointer;
39   -}
  39 +}*/
40 40  
41 41 .hub #content-tab {
42 42 }
43 43  
44   -.hub #left-tab .on-air {
  44 +/*.hub #left-tab .on-air {
45 45 background-color: #d40000;
46 46 border-radius: 10px 10px 10px 10px;
47 47 color: white;
... ... @@ -69,7 +69,7 @@ div.content-tab.hide {
69 69 vertical-align: top;
70 70 width: 20%;
71 71 }
72   -
  72 +*/
73 73  
74 74 #hub-loading {
75 75 /*margin-top: 18px;*/
... ... @@ -141,18 +141,29 @@ div.content-tab.hide {
141 141 }*/
142 142  
143 143 .hub .message {
144   -display: inline-block;
145   -width: 69%;
146   -float: none;
147   -clear: both;
  144 + display: inline-block;
  145 + width: 65%;
  146 + float: none;
  147 + clear: both;
148 148 }
149 149  
150   -.hub .message .author {
  150 +.hub .show .message {
  151 + width: 80%;
  152 +}
  153 +
  154 +/*.hub .message .author {
151 155 font-weight: bold;
152 156 float: left;
153 157 display: inline-block;
154 158 line-height: 16px;
155 159 margin-right: 5px;
  160 +}*/
  161 +
  162 +.hub .message .author {
  163 + font-weight: bold;
  164 + display: inline-block;
  165 + margin-right: 5px;
  166 + padding-bottom: 0px;
156 167 }
157 168  
158 169 .hub .mediation-bar {
... ... @@ -236,10 +247,6 @@ clear: both;
236 247 display: block;
237 248 }
238 249  
239   -.hub ul#mediation-posts .post {
240   - padding-bottom: 10px;
241   -}
242   -
243 250 /**/
244 251  
245 252 .hub .live {
... ... @@ -269,8 +276,10 @@ clear: both;
269 276 .hub ul#mediation-posts .post{
270 277 background-color:#eee;
271 278 border-color: #fff;
  279 + padding-bottom: 10px;
272 280 }
273 281  
  282 +
274 283 #content .main-block .hub .live h1{
275 284 background-color: #f4f4f4;
276 285 border: 1px solid lightGray
... ... @@ -312,6 +321,68 @@ clear: both;
312 321 width: 20%;
313 322 }
314 323  
  324 +/****aba live fechada****/
  325 +
  326 +
  327 +.hub .live.hide {
  328 + width: 10%;
  329 +}
  330 +
  331 +.hub .live.hide ul#live-posts{
  332 + overflow-x: visible;
  333 + overflow-y: visible;
  334 + background-color: lightGray;
  335 +}
  336 +
  337 +.hub .live.hide ul#live-posts .li{
  338 + display: none;
  339 +}
  340 +
  341 +#content .hub .live.hide h1 {
  342 + text-align: center;
  343 +}
  344 +
  345 +#content .hub .live.hide h1 .title {
  346 + /*display: inline-block;*/
  347 + display: none;
  348 +}
  349 +#content .hub .live.hide .on-air,
  350 +#content .hub .live.hide .off-air {
  351 + width: auto;
  352 +}
  353 +
  354 +
  355 +/****fim aba mediation fechada****/
  356 +
  357 +/****aba mediation aberta****/
  358 +
  359 +.hub .live.show {
  360 + width: 85%;
  361 +}
  362 +
  363 +/*.hub .live.show ul#live-posts{
  364 + overflow-x: hidden;
  365 + overflow-y: scroll;
  366 + background-color: #fff;
  367 +}*/
  368 +
  369 +.hub .live.show ul#live-posts .li{
  370 +
  371 +}
  372 +
  373 +
  374 +/*#content .hub .live.show .on-air,
  375 +#content .hub .live.show .off-air {
  376 + width: 20%;
  377 +}*/
  378 +
  379 +
  380 +
  381 +/****fim aba mediation aberta****/
  382 +
  383 +
  384 +/**************************************/
  385 +
315 386  
316 387 .hub .mediation {
317 388 border: 0px solid lightGray;
... ... @@ -341,6 +412,104 @@ clear: both;
341 412 float: right;
342 413 padding-right: 1em;
343 414 }
  415 +
  416 +/****aba mediation fechada****/
  417 +
  418 +.hub .mediation.hide {
  419 + border: 0px solid lightGray;
  420 + display: inline-block;
  421 + clear: right;
  422 + float: none;
  423 + margin-left: 1%;
  424 + width: 10%;
  425 + margin-bottom: 0em;
  426 +}
  427 +
  428 +#content .main-block .hub .mediation.hide h1{
  429 + background-color: #ed8e01;
  430 + border: 1px solid lightGray
  431 +}
  432 +
  433 +#content .hub .mediation.hide .title {
  434 + color: white;
  435 + display: inline-block;
  436 + font-size: 14px;
  437 + font-family: Arial Black, arial, sans-serif;
  438 + padding-right: 0;
  439 + width: 100%;
  440 + /*font-variant: normal;*/
  441 +}
  442 +.hub .mediation.hide .expand {
  443 + display: none;
  444 +}
  445 +
  446 +
  447 +.hub .mediation.hide ul#mediation-posts {
  448 +height: 500px;
  449 +overflow-x: visible;
  450 +overflow-y: visible;
  451 +border-width: 0 1px 1px;
  452 +border-style: solid;
  453 +border-color: lightGray;
  454 +padding-top: 10px;
  455 +background-color: lightgray;
  456 +}
  457 +
  458 +.hub .mediation.hide ul#mediation-posts li{
  459 +display: none;
  460 +}
  461 +
  462 +/****fim aba mediation fechada****/
  463 +
  464 +/****aba mediation aberta****/
  465 +
  466 +.hub .mediation.show {
  467 + border: 0px solid lightGray;
  468 + display: inline-block;
  469 + clear: right;
  470 + float: none;
  471 + margin-left: 1%;
  472 + width: 85%;
  473 + margin-bottom: 2em;
  474 +}
  475 +
  476 +#content .main-block .hub .mediation.show h1{
  477 + background-color: #ed8e01;
  478 + border: 1px solid lightGray
  479 +}
  480 +
  481 +#content .hub .mediation.show .title {
  482 + color: white;
  483 + display: inline-block;
  484 + font-size: 20px;
  485 + font-family: Arial Black, arial, sans-serif;
  486 + padding-right: 0;
  487 + width: 100%;
  488 + /*font-variant: normal;*/
  489 +}
  490 +.hub .mediation.show .expand {
  491 + float: right;
  492 + padding-right: 1em;
  493 + display: block;
  494 +}
  495 +
  496 +
  497 +.hub .mediation.show ul#mediation-posts {
  498 +height: 500px;
  499 +overflow-x: hidden;
  500 +overflow-y: scroll;
  501 +border-width: 0 1px 1px;
  502 +border-style: solid;
  503 +border-color: lightGray;
  504 +padding-top: 10px;
  505 +background-color: #f9f9f9;
  506 +}
  507 +
  508 +.hub .mediation.hide ul#mediation-posts li{
  509 +display: list-item;
  510 +}
  511 +/****fim aba mediation aberta****/
  512 +
344 513 .hub .form {
345 514 /*clear: left;*/
346 515 /*float: left;*/
... ...