Commit eb64a65d5032ff9a8cb2450d8f09a126d3dd2822

Authored by Melissa Wen
1 parent da80ef7c

Community homepage tabs

Showing 1 changed file with 440 additions and 114 deletions   Show diff stats
css/community-pages.css
1 /*** Right bar ***/ 1 /*** Right bar ***/
2 2
  3 +/*** Home page - profile page ***/
  4 +
  5 +/* Profile header */
  6 +.profile-type-is-community .action-profile-index #content .main-block h1 {
  7 + color: #172738;
  8 + border-bottom: none;
  9 + font-size: 2.3em;
  10 + font-weight: bold;
  11 + font-variant: normal;
  12 + font-family: Arial, open_sansbold, Helvetica, sans-serif;
  13 +}
  14 +
  15 +/* Search form - need to develop solution - hidden on profile page*/
  16 +.profile-type-is-community .action-profile-index #public-profile-search{
  17 + display: none;
  18 +}
  19 +
  20 +.action-profile-index .main-block #public-profile-search,
  21 +.action-profile-index .main-block #profile-search-results form,
  22 +.action-profile-index .main-block .profile-search-block form {
  23 + background-color: transparent;
  24 +}
  25 +
  26 +.action-profile-index .main-block #public-profile-search .search-field .formfield {
  27 + float: left;
  28 + margin-right: 0.5em;
  29 +}
  30 +
  31 +.action-profile-index .main-block #public-profile-search .search-field .formfield input {
  32 + margin-top: 0px;
  33 + margin-right: 0.5em;
  34 + padding: 6px;
  35 + height: 19px;
  36 + max-height: 19px;
  37 + border: 1px solid #D3D6DE;
  38 + border-radius: 4px;
  39 +}
  40 +
  41 +.action-profile-index .main-block #public-profile-search .formfield input,
  42 +.action-profile-index .main-block #public-profile-search .formfield textarea{
  43 + width: 100%;
  44 + background: none #FFFFFF;
  45 + color: #585858;
  46 + border: 1px solid #DDDDDD;
  47 + font-size: 16px;
  48 + word-wrap: break-word;
  49 +}
  50 +
  51 +.action-profile-index .main-block #public-profile-search form input.button.submit {
  52 + height: 32px;
  53 + margin-top: 8px;
  54 + padding: 5px 15px;
  55 + color: #ffffff;
  56 + background: #2B51A8;
  57 + border-radius: 4px;
  58 + border: 1px solid #2B51A8;
  59 + font-size: 14px;
  60 + line-height: 14px;
  61 + text-transform: uppercase;
  62 +}
  63 +
  64 +/* Profile tab */
  65 +.profile-type-is-community .action-profile-index .profile{
  66 + display: none;
  67 +}
  68 +
  69 +#block-community-tabs{
  70 + font-family: Arial;
  71 +}
  72 +
  73 +#block-community-tabs .ui-corner-all{
  74 + overflow: visible;
  75 +}
  76 +
  77 +#content #block-community-tabs .iu-widget{
  78 + font-size: 0px ;
  79 +}
  80 +
  81 +#block-community-tabs .ui-widget-header{
  82 + background:#ECEDF1;
  83 + border:none;
  84 + border-bottom: 3px solid #D3D6DE;
  85 +}
  86 +
  87 +#block-community-tabs .ui-widget-content{
  88 + border:none;
  89 + background:none;
  90 +}
  91 +
  92 +#block-community-tabs .ui-corner-all{
  93 + border-radius:0px;
  94 +}
  95 +
  96 +#block-community-tabs .ui-state-default
  97 +#block-community-tabs .ui-widget-content .ui-state-default,
  98 +#block-community-tabs .ui-widget-header .ui-state-default{
  99 + border:none;
  100 + background:#ECEDF1;
  101 + font-weight: normal;
  102 + color:#172738;
  103 +}
  104 +
  105 +#block-community-tabs .ui-tabs .ui-tabs-nav{
  106 + font-size: 15px;
  107 +}
  108 +
  109 +#block-community-tabs .ui-tabs .ui-tabs-nav .ui-tabs-anchor{
  110 + float:none;
  111 + display:table;
  112 +}
  113 +
  114 +#block-community-tabs .ui-tabs .ui-tabs-panel{
  115 + padding: 0px;
  116 +}
  117 +
  118 +#block-community-tabs .ui-tabs .ui-tabs-nav li a:visited{
  119 + color:#172738;
  120 +}
  121 +
  122 +#block-community-tabs .ui-tabs .ui-tabs-nav li{
  123 + padding-right: 3px;
  124 +}
  125 +
  126 +#block-community-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active{
  127 + margin-bottom: -3px !important;
  128 + padding-bottom: 1px;
  129 + border-bottom: 3px solid #FF0366;
  130 +}
  131 +
  132 +#block-community-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-active:before{
  133 + content:"\f0dd";
  134 + font-family: FontAwesome;
  135 + font-size: 16px;
  136 + position:absolute;
  137 + top:26px;
  138 + margin:0px 45%;
  139 + color:#FF0366;
  140 +}
  141 +#block-community-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active a{
  142 + color: #FF0366;
  143 + font-weight: 700;
  144 +}
  145 +
  146 +/********************************************/
  147 +/***abas da area de comunidade******/
  148 +
  149 +#content #discussions-content{
  150 + color:#172738;
  151 +}
  152 +
  153 +#content #discussions-content .pull-left{
  154 + float:none;
  155 +}
  156 +
  157 +#content #discussions-content{
  158 + font-family: Arial;
  159 + font-size: 14px;
  160 +}
  161 +
  162 +#content #discussions-content .message-discussion{
  163 + border-bottom: 1px solid #ECEDF1;
  164 + margin:0px 0px 8px 0px;
  165 + padding:10px 0px 18px 0px;
  166 +}
  167 +
  168 +/*#content #discussions-content .message-discussion .subject{
  169 + display: block;
  170 + float: left;
  171 + padding-top:3px;
  172 +}*/
  173 +
  174 +#content #discussions-content .message-discussion .quiet:last-child{
  175 + font-size: 16px;
  176 + max-height: 50px;
  177 + overflow: hidden;
  178 +}
  179 +
  180 +/*#content #discussions-content .message-discussion:last-child{
  181 + border-bottom: 1px solid #ECEDF1;
  182 +}*/
  183 +
  184 +/*#content #discussions-content .row{
  185 + width: 520px;
  186 +}*/
  187 +
  188 +#content #discussions-content h4{
  189 + font-size: 22px;
  190 + border-bottom: 1px solid #ECEDF1;
  191 + padding: 8px 0px 6px 0px;
  192 +}
  193 +
  194 +#discussions-content hr{
  195 + display: none;
  196 +}
  197 +
  198 +#discussions-content .quiet{
  199 + line-height: 21px;
  200 +}
  201 +
  202 +#discussions-content div.quiet:last-child{
  203 + border-top:none;
  204 +}
  205 +
  206 +#discussions-content .text-right{
  207 + padding:6px 0px 25px 0px;
  208 +}
  209 +
  210 +#discussions-content .text-right a{
  211 + text-align: right;
  212 + display: block;
  213 + text-transform: uppercase;
  214 + line-height: 21px;
  215 + font-size: 11px;
  216 +}
  217 +
  218 +#discussions-content .text-right a:visited,
  219 +#content #discussions-content .text-right a:visited,
  220 +#discussions-content .text-right dl.portlet a:visited{
  221 + color: #172738;
  222 +}
  223 +
  224 +#discussions-content .text-right a::after {
  225 + content: "\f105";
  226 + font-family: FontAwesome;
  227 + padding-left: 7px;
  228 + padding-right: 4px;
  229 + color: #ffffff;
  230 + background: #3E67B1;
  231 + border-radius: 4px;
  232 + font-size: 18px;
  233 + line-height: 20px;
  234 + text-align: center;
  235 + margin-left: 5px;
  236 + position: relative;
  237 + top: 2px;
  238 +}
  239 +
  240 +#content #discussions-content .pull-left a{
  241 + color:#3E67B1;
  242 + font-weight: 600;
  243 +}
  244 +
  245 +#content #discussions-content .subject{
  246 + font-weight: 800;
  247 + font-size: 16px
  248 +}
  249 +
  250 +#repository-feed-tab .event-inline.event-item{
  251 + border-bottom: 1px solid #ECEDF1;
  252 + margin-top:30px;
  253 + padding: 0px 0px 80px 0px;
  254 +}
  255 +
  256 +#repository-feed-tab .event-inline.event-item img{
  257 + display: none;
  258 +}
  259 +
  260 +#repository-feed-tab .event-item-timestamp{
  261 + border-right: 1px dotted #D3D6DE;
  262 + float:left;
  263 + width: 112px;
  264 + height: 55px;
  265 + margin-right: 20px;
  266 +}
  267 +#repository-feed-tab .event-item-timestamp .time_ago{
  268 + color:#172738;
  269 +}
  270 +
  271 +#repository-feed-tab .event-item-timestamp .time_ago:before{
  272 + content: url("../images/ic-calendar.png");
  273 + margin-right: 10px;
  274 + margin-top: 0px;
  275 + float: left;
  276 +}
  277 +
  278 +#repository-feed-tab .event-title{
  279 + max-height: 55px;
  280 + overflow: hidden;
  281 + float:left;
  282 + width: 70%;
  283 + font-size: 16px;
  284 +}
  285 +
  286 +#content #repository-feed-tab .author_name{
  287 + display: block;
  288 + padding-bottom: 5px;
  289 + font-size: 12px;
  290 +}
  291 +
  292 +#content #repository-feed-tab .author_name a{
  293 + color:#3E67B1;
  294 +}
  295 +
  296 +#repository-feed-tab .see-more-repository{
  297 + text-align: right;
  298 + display: block;
  299 + text-transform: uppercase;
  300 + line-height: 21px;
  301 + font-size: 11px;
  302 + margin-top: 15px;
  303 +}
  304 +
  305 +#repository-feed-tab .see-more-repository:after{
  306 + content: "\f105";
  307 + font-family: FontAwesome;
  308 + padding-left: 7px;
  309 + padding-right: 4px;
  310 + color: #ffffff;
  311 + background: #3E67B1;
  312 + border-radius: 4px;
  313 + font-size: 18px;
  314 + line-height: 20px;
  315 + text-align: center;
  316 + margin-left: 5px;
  317 + position: relative;
  318 + top: 2px;
  319 +}
  320 +
  321 +
  322 +#repository-feed-tab .see-more-repository a:visited,
  323 +#content #repository-feed-tab .see-more-repository a:visited,
  324 +#repository-feed-tab .see-more-repository dl.portlet a:visited{
  325 + color:#172738;
  326 +}
  327 +/*************ABA BLOG**************/
  328 +
  329 +#blog-tab .blog .blog-post{
  330 + padding:0px 20px 5px 20px;
  331 + background:none;
  332 +}
  333 +
  334 +#content #blog-tab .blog .blog-post h1{
  335 + text-align: left;
  336 +}
  337 +
  338 +#blog-tab #article.blog .article-body h1{
  339 + padding-top:0px;
  340 + border-top:none;
  341 + width: 70%;
  342 + padding-left:175px;
  343 +}
  344 +
  345 +#blog-tab .odd-post-inner.blog-post-inner,
  346 +#blog-tab .even-post-inner.blog-post-inner{
  347 + border-bottom: 1px solid #ECEDF1;
  348 + padding:15px 0px 10px 0px;
  349 +}
  350 +
  351 +#content #blog-tab .blog .blog-post.position-1 h1{
  352 + line-height: 37px;
  353 + font-size: 34px;
  354 + color: #172738;
  355 + padding-left:0px;
  356 +}
  357 +#content #blog-tab .blog .blog-post.position-1 .date{
  358 + padding-left:0px;
  359 +}
  360 +#content #blog-tab .blog .blog-post.position-1 .article-compact-image{
  361 + position:relative;
  362 + padding-right: 0px;
  363 + margin-top: 0px; /*temporario*/
  364 +}
  365 +
  366 +#content #blog-tab .blog .blog-post.position-1 .article-compact-abstract-with-image{
  367 + width: 100%;
  368 + margin-left: 0px;
  369 +}
  370 +
  371 +#blog-tab .blog .blog-post.position-1{
  372 + padding-right: 0px;
  373 +
  374 +}
  375 +
  376 +#content #blog-tab .blog .publishing-info .date{
  377 + width: 70%;
  378 + padding-left:180px;
  379 +}
  380 +
  381 +#content #blog-tab .blog .publishing-info .author{
  382 + display: none;
  383 +}
  384 +
  385 +#content #blog-tab .blog .publishing-info .comments{
  386 + display: none;
  387 +}
  388 +#content #blog-tab .blog .blog-post .article-compact-image{
  389 + position:absolute;
  390 + margin-top:-51px; /*provisorio*/
  391 + text-align: left;
  392 +}
  393 +
  394 +#content #blog-tab .blog .blog-post .zoomable-image{
  395 + width: 200px !important;
  396 + height: auto !important;
  397 +}
  398 +
  399 +#content #blog-tab .blog .blog-post .article-compact-abstract-with-image{
  400 + margin-left: 180px;
  401 +}
  402 +
  403 +/*leia mais*/
  404 +#content #blog-tab .blog .read-more{
  405 + text-align: right;
  406 + display: block;
  407 + text-transform: uppercase;
  408 + line-height: 21px;
  409 + font-size: 11px;
  410 + margin-top: 15px;
  411 +}
  412 +
  413 +#content #blog-tab .blog .read-more:after{
  414 + content: "\f105";
  415 + font-family: FontAwesome;
  416 + padding-left: 7px;
  417 + padding-right: 4px;
  418 + color: #ffffff;
  419 + background: #3E67B1;
  420 + border-radius: 4px;
  421 + font-size: 18px;
  422 + line-height: 20px;
  423 + text-align: center;
  424 + margin-left: 5px;
  425 + position: relative;
  426 + top: 2px;
  427 +}
  428 +#content #blog-tab .blog .read-more a{
  429 + text-decoration: none;
  430 +}
  431 +
  432 +/* Software Tab Data - Need to develop solution - Only display on profile page */
  433 +
  434 +.profile-type-is-community #content .software-tab-data-block{
  435 + display: none;
  436 +}
  437 +
  438 +.profile-type-is-community .action-profile-index #content .software-tab-data-block{
  439 + display: block;
  440 +}
  441 +
  442 +
3 /* Members block */ 443 /* Members block */
4 444
5 #content .members-block{ 445 #content .members-block{
@@ -195,120 +635,6 @@ padding: 0px; @@ -195,120 +635,6 @@ padding: 0px;
195 border-color: #3E67B1; 635 border-color: #3E67B1;
196 } 636 }
197 637
198 -/* Search form - need to develop solution - hidden on profile page*/  
199 -.profile-type-is-community .action-profile-index #public-profile-search{  
200 - display: none;  
201 -}  
202 -  
203 -.action-profile-index .main-block #public-profile-search,  
204 -.action-profile-index .main-block #profile-search-results form,  
205 -.action-profile-index .main-block .profile-search-block form {  
206 - background-color: transparent;  
207 -}  
208 -  
209 -.action-profile-index .main-block #public-profile-search .search-field .formfield {  
210 - float: left;  
211 - margin-right: 0.5em;  
212 -}  
213 -  
214 -.action-profile-index .main-block #public-profile-search .search-field .formfield input {  
215 - margin-top: 0px;  
216 - margin-right: 0.5em;  
217 - padding: 6px;  
218 - height: 19px;  
219 - max-height: 19px;  
220 - border: 1px solid #D3D6DE;  
221 - border-radius: 4px;  
222 -}  
223 -  
224 -.action-profile-index .main-block #public-profile-search .formfield input,  
225 -.action-profile-index .main-block #public-profile-search .formfield textarea{  
226 - width: 100%;  
227 - background: none #FFFFFF;  
228 - color: #585858;  
229 - border: 1px solid #DDDDDD;  
230 - font-size: 16px;  
231 - word-wrap: break-word;  
232 -}  
233 -  
234 -.action-profile-index .main-block #public-profile-search form input.button.submit {  
235 - height: 32px;  
236 - margin-top: 8px;  
237 - padding: 5px 15px;  
238 - color: #ffffff;  
239 - background: #2B51A8;  
240 - border-radius: 4px;  
241 - border: 1px solid #2B51A8;  
242 - font-size: 14px;  
243 - line-height: 14px;  
244 - text-transform: uppercase;  
245 -}  
246 -  
247 -/*** Profile page ***/  
248 -  
249 -/* Profile header */  
250 -.profile-type-is-community .action-profile-index #content .main-block h1 {  
251 - color: #172738;  
252 - border-bottom: none;  
253 - font-size: 2.3em;  
254 - font-weight: bold;  
255 - font-variant: normal;  
256 - font-family: Arial, open_sansbold, Helvetica, sans-serif;  
257 -}  
258 -  
259 -/* Profile tab */  
260 -.profile-type-is-community .action-profile-index table.profile{  
261 - display: none;  
262 -}  
263 -  
264 -.action-profile-index .main-block .profile .ui-tabs{  
265 - border: none;  
266 -}  
267 -  
268 -.action-profile-index .main-block .profile .ui-tabs .ui-tabs-nav{  
269 - margin: 0 0 0 1em;  
270 - padding: 0;  
271 - background: none;  
272 - color: #172738;  
273 - border: 0px solid #aaaaaa;  
274 - border-radius: 4px;  
275 - font-weight: bold;  
276 -}  
277 -  
278 -.action-profile-index .main-block .profile .ui-widget-content .ui-state-default,  
279 -.action-profile-index .main-block .profile .ui-widget-header .ui-state-default{  
280 - background: #d5d5d5 none;  
281 - color: #555555;  
282 - font-weight: normal;  
283 -}  
284 -  
285 -.action-profile-index .main-block .profile .ui-widget-content .ui-state-active,  
286 -.action-profile-index .main-block .profile .ui-widget-header .ui-state-active{  
287 - background: #eeeff1;  
288 - color: #212121;  
289 - font-weight: normal;  
290 -}  
291 -  
292 -.action-profile-index .main-block .profile .ui-tabs .ui-tabs-panel{  
293 - display: block;  
294 - padding: 1em 1.4em;  
295 - background-color: #eeeff1;  
296 - color: #777;  
297 - border-width: 1px;  
298 - font-size: 13px;  
299 - text-decoration: none;  
300 -}  
301 -  
302 -/* Software Tab Data - Need to develop solution - Only display on profile page */  
303 -  
304 -.profile-type-is-community #content .software-tab-data-block{  
305 - display: none;  
306 -}  
307 -  
308 -.profile-type-is-community .action-profile-index #content .software-tab-data-block{  
309 - display: block;  
310 -}  
311 -  
312 /*** Members Page ***/ 638 /*** Members Page ***/
313 639
314 /* Title of the area members */ 640 /* Title of the area members */