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 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 443 /* Members block */
4 444  
5 445 #content .members-block{
... ... @@ -195,120 +635,6 @@ padding: 0px;
195 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 638 /*** Members Page ***/
313 639  
314 640 /* Title of the area members */
... ...