Download as
Browse Code »

Commit 9edfa5b00a237aa09a962c8498b335f9ee53b32b

Authored by Gustavo Cruz
1 parent 7fd65142
Exists in master

updating theme

Showing 1 changed file with 187 additions and 18 deletions   Show diff stats
public/style.css
  Diff comments   View file @9edfa5b
1 -div.content-tab.show { 1 +/*div.content-tab.show {
2 display: block; 2 display: block;
3 } 3 }
4 4
5 div.content-tab.hide { 5 div.content-tab.hide {
6 display: none; 6 display: none;
7 -} 7 +}*/
8 8
9 #banner-embed-container { 9 #banner-embed-container {
10 width: 49%; 10 width: 49%;
@@ -17,17 +17,17 @@ div.content-tab.hide { @@ -17,17 +17,17 @@ div.content-tab.hide {
17 height: 350px; 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 border: 1px solid red; 22 border: 1px solid red;
23 display: inline-block; 23 display: inline-block;
24 float: left; 24 float: left;
25 width: 49%; 25 width: 49%;
26 margin-bottom: 2em; 26 margin-bottom: 2em;
27 cursor: pointer; 27 cursor: pointer;
28 -} 28 +}*/
29 29
30 -.hub #right-tab { 30 +/*.hub #right-tab {
31 border: 1px solid green; 31 border: 1px solid green;
32 display: inline-block; 32 display: inline-block;
33 clear: right; 33 clear: right;
@@ -36,12 +36,12 @@ div.content-tab.hide { @@ -36,12 +36,12 @@ div.content-tab.hide {
36 width: 50%; 36 width: 50%;
37 margin-bottom: 2em; 37 margin-bottom: 2em;
38 cursor: pointer; 38 cursor: pointer;
39 -} 39 +}*/
40 40
41 .hub #content-tab { 41 .hub #content-tab {
42 } 42 }
43 43
44 -.hub #left-tab .on-air { 44 +/*.hub #left-tab .on-air {
45 background-color: #d40000; 45 background-color: #d40000;
46 border-radius: 10px 10px 10px 10px; 46 border-radius: 10px 10px 10px 10px;
47 color: white; 47 color: white;
@@ -69,7 +69,7 @@ div.content-tab.hide { @@ -69,7 +69,7 @@ div.content-tab.hide {
69 vertical-align: top; 69 vertical-align: top;
70 width: 20%; 70 width: 20%;
71 } 71 }
72 - 72 +*/
73 73
74 #hub-loading { 74 #hub-loading {
75 /*margin-top: 18px;*/ 75 /*margin-top: 18px;*/
@@ -141,18 +141,29 @@ div.content-tab.hide { @@ -141,18 +141,29 @@ div.content-tab.hide {
141 }*/ 141 }*/
142 142
143 .hub .message { 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 font-weight: bold; 155 font-weight: bold;
152 float: left; 156 float: left;
153 display: inline-block; 157 display: inline-block;
154 line-height: 16px; 158 line-height: 16px;
155 margin-right: 5px; 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 .hub .mediation-bar { 169 .hub .mediation-bar {
@@ -236,10 +247,6 @@ clear: both; @@ -236,10 +247,6 @@ clear: both;
236 display: block; 247 display: block;
237 } 248 }
238 249
239 -.hub ul#mediation-posts .post {  
240 - padding-bottom: 10px;  
241 -}  
242 -  
243 /**/ 250 /**/
244 251
245 .hub .live { 252 .hub .live {
@@ -269,8 +276,10 @@ clear: both; @@ -269,8 +276,10 @@ clear: both;
269 .hub ul#mediation-posts .post{ 276 .hub ul#mediation-posts .post{
270 background-color:#eee; 277 background-color:#eee;
271 border-color: #fff; 278 border-color: #fff;
  279 + padding-bottom: 10px;
272 } 280 }
273 281
  282 +
274 #content .main-block .hub .live h1{ 283 #content .main-block .hub .live h1{
275 background-color: #f4f4f4; 284 background-color: #f4f4f4;
276 border: 1px solid lightGray 285 border: 1px solid lightGray
@@ -312,6 +321,68 @@ clear: both; @@ -312,6 +321,68 @@ clear: both;
312 width: 20%; 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 .hub .mediation { 387 .hub .mediation {
317 border: 0px solid lightGray; 388 border: 0px solid lightGray;
@@ -341,6 +412,104 @@ clear: both; @@ -341,6 +412,104 @@ clear: both;
341 float: right; 412 float: right;
342 padding-right: 1em; 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 .hub .form { 513 .hub .form {
345 /*clear: left;*/ 514 /*clear: left;*/
346 /*float: left;*/ 515 /*float: left;*/