@charset "UTF-8"; /* CSS Document */ #index_all_articles{ min-height:400px; } #page_all_projects_upcoming{ min-height:500px; } #page_all_projects{ min-height:300px; } #index_all_articles #loading_data, #page_all_projects_upcoming #loading_data, #page_all_projects #loading_data{ display:inline; float:left; width:100%; text-align:center; margin-top:10px; } #index_all_articles #loading_data img, #page_all_projects_upcoming #loading_data img, #page_all_projects #loading_data img{ display:inline-block; } #index_all_articles .all_title, #page_all_projects_upcoming .all_title, #page_all_projects .all_title{ display:inline; float:left; text-align:center; font-size:30px; line-height:42px; color:#404D57; margin:0 0 35px 0; width:100%; } #index_all_articles .project_wrapper, #page_all_projects_upcoming .project_wrapper, #page_all_projects .project_wrapper{ margin:0; height:202px; background-color:#FFF; border:1px solid #E4E4E4; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #index_all_articles .project_box, #page_all_projects_upcoming .project_box, #page_all_projects .project_box{ display:inline; float:left; width:29%; height:202px; background-color:#FFF; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0 0 1px 1px #EEEEEE; -webkit-box-shadow: 0 0 1px 1px #EEEEEE; box-shadow: 0 0 1px 1px #EEEEEE; margin:0 18px 50px 22px; } #index_all_articles .project_box .project_box_footer, #page_all_projects_upcoming .project_box .project_box_footer, #page_all_projects .project_box .project_box_footer{ border-top:1px solid #EEEEEE; margin-top:6px; margin-left:138px; padding-top:8px; padding-bottom:6px; } #index_all_articles .project_box .project_box_footer .project_organizer, #index_all_articles .project_box .project_box_footer .project_organizer a, #page_all_projects_upcoming .project_box .project_box_footer .project_organizer, #page_all_projects_upcoming .project_box .project_box_footer .project_organizer a, #page_all_projects .project_box .project_box_footer .project_organizer, #page_all_projects .project_box .project_box_footer .project_organizer a{ font-size:11px; line-height:27px; color:#646464; } /* #index_all_articles .project_box .project_box_footer .project_organizer img, #page_all_projects_upcoming .project_box .project_box_footer .project_organizer img, #page_all_projects .project_box .project_box_footer .project_organizer img{ float:left; margin-right:6px; margin-left:18px; } */ #index_all_articles .project_box .project_box_footer .project_amount, #page_all_projects_upcoming .project_box .project_box_footer .project_amount, #page_all_projects .project_box .project_box_footer .project_amount{ float:left; font-size:15px; line-height:20px; color:#31AD9D; margin-left:18px; text-align: left; } #index_all_articles .project_box .project_box_footer .project_amount .discount_del, #page_all_projects_upcoming .project_box .project_box_footer .project_amount .discount_del, #page_all_projects .project_box .project_box_footer .project_amount .discount_del{ font-size:12px; font-weight:normal; line-height:18px; color:#5189A7; } #index_all_articles .project_box .project_box_footer .ticket_containner, #page_all_projects_upcoming .project_box .project_box_footer .ticket_containner, #page_all_projects .project_box .project_box_footer .ticket_containner{ position:absolute; z-index:4; display:none; margin-left: 138px; } #index_all_articles .project_box .project_box_footer .ticketBtn, #page_all_projects_upcoming .project_box .project_box_footer .ticketBtn, #page_all_projects .project_box .project_box_footer .ticketBtn{ position:absolute; z-index:5; display:inline-block; right:0px; top:-2px; font-size:13px; line-height:24px; width: 120px; color: #FFFFFF; border:0px solid #03a876; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 8px 12px 5px 12px; text-align:center; text-decoration:none; /*text-shadow: -1px -1px 0 rgba(0,0,0,0.2);*/ background-color: #39B5AA; background-image: -webkit-gradient(linear, left top, left bottom, from(#39B5AA), to(#38BDA3)); background-image: -webkit-linear-gradient(top, #39B5AA, #38BDA3); background-image: -moz-linear-gradient(top, #39B5AA, #38BDA3); background-image: -ms-linear-gradient(top, #39B5AA, #38BDA3); background-image: -o-linear-gradient(top, #39B5AA, #38BDA3); background-image: linear-gradient(to bottom, #39B5AA, #38BDA3); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#39B5AA, endColorstr=#38BDA3)"; } #index_all_articles .project_box .project_box_footer .ticketBtn:hover, #page_all_projects_upcoming .project_box .project_box_footer .ticketBtn:hover, #page_all_projects .project_box .project_box_footer .ticketBtn:hover{ color: #FFFFFF; border:0px solid #027b56; background-color: #5FCDC5; background-image: -webkit-gradient(linear, left top, left bottom, from(#5FCDC5), to(#64D0BB)); background-image: -webkit-linear-gradient(top, #5FCDC5, #64D0BB); background-image: -moz-linear-gradient(top, #5FCDC5, #64D0BB); background-image: -ms-linear-gradient(top, #5FCDC5, #64D0BB); background-image: -o-linear-gradient(top, #5FCDC5, #64D0BB); background-image: linear-gradient(to bottom, #5FCDC5, #64D0BB); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#5FCDC5, endColorstr=#64D0BB)"; } #index_all_articles .project_box .highlight_img_frontground, #page_all_projects_upcoming .project_box .highlight_img_frontground, #page_all_projects .project_box .highlight_img_frontground{ width:13%; height:70px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; background:url('../img/projects/project_highlight_title.png') repeat-x; position:absolute; z-index:3; margin-top:130px; -webkit-border-radius: 0 0 0 6px; -moz-border-radius: 0 0 0 6px; border-radius: 0 0 0 6px; } #index_all_articles .project_box .highlight_img, #page_all_projects_upcoming .project_box .highlight_img, #page_all_projects .project_box .highlight_img{ -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; width:13% !important; height: 200px !important; text-align: center !important; -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; position:absolute; z-index:2; } #index_all_articles .project_box .highlight_img_bg, #page_all_projects_upcoming .project_box .highlight_img_bg, #page_all_projects .project_box .highlight_img_bg{ width:13%; height: 200px; position:absolute; z-index:1; } #index_all_articles .project_box .highlight_img_bg .loading, #page_all_projects_upcoming .project_box .highlight_img_bg .loading, #page_all_projects .project_box .highlight_img_bg .loading{ width:100%; text-align:center; margin-top: 80px; } #index_all_articles .project_box .highlight_img_bg .loading img, #page_all_projects_upcoming .project_box .highlight_img_bg .loading img, #page_all_projects .project_box .highlight_img_bg .loading img{ display:inline-block; } #index_all_articles .project_box .project_heart_container, #page_all_projects_upcoming .project_box .project_heart_container, #page_all_projects .project_box .project_heart_container{ width:13%; height:200px; position:absolute; z-index:4; -webkit-border-radius: 0 0 0 6px; -moz-border-radius: 0 0 0 6px; border-radius: 0 0 0 6px; } #index_all_articles .project_box .project_heart_container .project_heart a, #page_all_projects_upcoming .project_box .project_heart_container .project_heart a, #page_all_projects .project_box .project_heart_container .project_heart a{ display:inline-block; margin:10px 12px 6px 10px; } #index_all_articles .project_box .project_heart_container .project_heart, #page_all_projects_upcoming .project_box .project_heart_container .project_heart, #page_all_projects .project_box .project_heart_container .project_heart{ text-align:right; position:absolute; z-index:5; right:0; bottom:0; } #index_all_articles .project_box .project_details, #page_all_projects_upcoming .project_box .project_details, #page_all_projects .project_box .project_details{ display:inline-table; height:140px; margin-left:138px; } #index_all_articles .project_box .project_details .title, #page_all_projects_upcoming .project_box .project_details .title, #index_all_articles .project_box .project_details .title a, #page_all_projects_upcoming .project_box .project_details .title a, #page_all_projects .project_box .project_details .title, #page_all_projects .project_box .project_details .title a{ font-size:18px; line-height:22px; color:#404D57; } #index_all_articles .project_box .project_details .title, #page_all_projects_upcoming .project_box .project_details .title, #page_all_projects .project_box .project_details .title{ margin:15px 10px 8px 18px; } #index_all_articles .project_box .project_details .date img, #page_all_projects_upcoming .project_box .project_details .date img, #index_all_articles .project_box .project_details .location img, #page_all_projects_upcoming .project_box .project_details .location img, #page_all_projects .project_box .project_details .date img, #page_all_projects .project_box .project_details .location img{ float:left; margin-right:5px; } #index_all_articles .project_box .project_details .location, #page_all_projects_upcoming .project_box .project_details .location, #page_all_projects .project_box .project_details .location{ margin:0 20px 5px 20px; color:#aaaaaa; font-size:11px; line-height:15px; } #index_all_articles .project_box .project_details .date, #page_all_projects_upcoming .project_box .project_details .date, #page_all_projects .project_box .project_details .date{ margin:0 18px 0 20px; color:#aaaaaa; font-size:12px; line-height:16px; } /* === END ================== Index ====================== */