diff --git a/assets/css/custom.css b/assets/css/custom.css index d8d1720..29a5223 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -1,255 +1,255 @@ @import url(https://fonts.googleapis.com/css?family=Ubuntu+Condensed:300,400,700); @media (min-width: 768px) { .site-branding { margin-top: 0; margin-left: 0; } } .site-header .intro h1 { text-transform: none; font-size: 40px; } .site-header .intro p { text-transform: none; } .countdown .section-title{ text-align: center; } .section-title { text-transform: none; } .site-footer { padding: 30px 0 30px; } #site-header ul.social-block li a { color: #ffffff; text-align: center; padding: 30px 0 10px; font-size: 1.5em; margin-right: 20px; } #site-header .social-block li a:hover, .site-footer .social-block li a:focus { opacity: 0.8; } ul li { font-weight: 300; margin-bottom: 10px; } .black-bg { background: rgba(20,20,20,1); } .white { color: #FFF; } .ribbon-wrapper-light { width: 90px; height: 90px; overflow: hidden; position: absolute; top: 15px; left: 9px; z-index: 9; } .ribbon-light { color: #333; text-align: center; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); position: relative; padding: 4px 0; right: 26px; top: 20px; font-size: 13px; width: 120px; - background-color: #41cd52; + background-color: #144119; color: #000000; -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 3px rgba(0,0,0,0.3); box-shadow: 0 0 3px rgba(0,0,0,0.3); text-transform: uppercase; } .ribbon-red { color: #ffffff; text-align: center; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); position: relative; padding: 4px 0; right: 26px; top: 20px; font-size: 13px; width: 120px; background-color: #ff0000; -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 3px rgba(0,0,0,0.3); box-shadow: 0 0 3px rgba(0,0,0,0.3); text-transform: uppercase; } h3.passport { font-family: 'Ubuntu Condensed', sans-serif; font-weight: 500; line-height: 1.1; color: inherit; letter-spacing: normal; } .pddn-10-btm { padding-bottom: 10px; } .pddn-20-top { padding-top: 20px; } .price { background: rgba(20,20,20, 1); display: block; width: 120px; height: 120px; margin: 0 auto; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; color: #ffffff; font-size: 21px; font-weight: 400; line-height: 120px; text-align: center; font-family: 'Ubuntu Condensed', sans-serif; } .gray-bg { background: #ececec; } .pddn-20-top-btm { padding: 20px 0; } .list-pricing { padding: 20px 0 0px; list-style: none; margin: 5px 0 20px; } .list-pricing li { text-align: center; padding: 5px 0; text-transform: uppercase; font-family: 'Ubuntu Condensed', sans-serif; margin-bottom: 0px; font-size: 14px; font-weight: normal; } div.ribbon-light { font-family: 'Ubuntu Condensed', sans-serif; } .text-bigger { font-size: 34px; } a.btn.btn-main-ghost { color: #6C7A89; background-color: transparent; border-color: #6C7A89; border-radius: 0; text-transform: uppercase; font-weight: 500; padding: 10px 25px; font-family: 'Ubuntu Condensed', sans-serif; border: 1px solid #6C7A89; } .pddn-20-btm { padding-bottom: 20px; } .nav-tabs>li { - width: 33.33%; + width: 25%; } .my-full-width{ width: 100%; position: relative; font-weight: 700; font-size: 18px; letter-spacing: 1px; } .time { font-size: 14px; color: #4e4e4e; } .my-full-width:after{ position: absolute; # content: "\f3d8"; right: 0; font-family: 'Ionicons'; color: #000; transition: all 0.2s ease-in-out; } .collapsed>.my-full-width:after{ -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg); } a.btn.btn-main-ghost:hover{color:#FFF;background-color:#6C7A89;border-color:#6C7A89} .modal-header { - background-color: #41CD52; + background-color: #144119; } .modal-footer button { - background-color: #41CD52; + background-color: #144119; color: #ffffff; } .modal-footer button:hover { color: #000; - background-color: #41CD52; + background-color: #144119; border: 1px solid #000; } .modal-header h4 { color: #ffffff; letter-spacing: 1px; } .author-image { width: 100px; height: 100px; border-radius: 100%; border: 3px solid #4e4e4e; overflow: hidden; } @media (max-width: 480px) { img.program, button.program { margin-bottom: 10px; } button.program2 { margin-bottom: 50px; } } @media (min-width: 768px) { .vertical-align { display: flex; align-items: center; } } diff --git a/assets/css/main.css b/assets/css/main.css index f450e26..aaa0cd4 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -1,913 +1,924 @@ /* * 1. Google Font */ @import url(https://fonts.googleapis.com/css?family=Roboto:300,400,700); /* * 2.0 Global Style */ html { font-family: 'Roboto', sans-serif; font-size: 16px; } .scrolloff { pointer-events: none; } body { color: #4e4e4e; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.6; position: relative; -webkit-font-smoothing: antialiased; } a { color: #000; } a:focus { outline: none; } h1, h2, h3, h4, h5, h6 { font-weight: 700; letter-spacing: 2.3px; } p { margin: 0 0 30px; } ul li { font-weight: 700; margin-bottom: 10px; } .custom-list-icon, .list-arrow-right { list-style-type: none; padding: 0; } .custom-list-icon li, .list-arrow-right li { position: relative; padding-left: 20px; } .custom-list-icon li::before, .list-arrow-right li::before { position: absolute; left: 0; color: #4e4e4e; font-family: "Ionicons"; } .social-block { list-style-type: none; padding: 0; } .social-block li { display: inline-block; } .social-block li a { display: inline-block; height: 32px; width: 32px; color: #4e4e4e; } .social-block li a i { font-size: 1.5em; } .social-block li a:hover, .social-block li a:focus { color: #000; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: none; } .btn { border: 0; border-radius: 0; padding: 6px 28px; text-transform: uppercase; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: transform; } .form-control { border-radius: 0; box-shadow: none; height: 48px; padding: 10px 12px; font-size: 16px; line-height: 1.6; } .form-control:focus { box-shadow: none; border-color: #ccc; background-color: #f8f8f8; } .valign-center { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .section { padding: 70px 0; } .section-title { color: #313131; letter-spacing: 1px; margin: 0 0 20px; text-transform: uppercase; text-align: center; } .section-title span{ text-transform: lowercase; } /* * 3.0 Helper Class */ /* * 3.1 Helper Class: font-weight */ .font-300 { font-weight: 300; } .font-400 { font-weight: 400; } .font-700 { font-weight: 700; } /* * 3.2 Helper Class: margin */ .mt0 { margin-top: 0; } .mb0 { margin-bottom: 0; } .mt20 { margin-top: 20px; } .mt60{ margin-top: 60px; } /* * 3.3 Helper Class: list */ .list-arrow-right li::before { content: "\f3d3"; } /* * 3.4 Helper Class: button */ .btn-white { color: #000; background-color: #fff; border: 1px solid transparent; } .btn-white:hover { color: #fff; background: #000; border: 1px solid #fff; } .btn-black { color: #fff; background-color: #000; width: 100%; border: 1px solid transparent; } .btn-black:hover, .btn-black:focus { color: #000; background-color: #fff; border: 1px solid #000; } .btn-green { color: #fff; - background-color: #41CD52; + background-color: #144119; width: 100%; border: 1px solid transparent; } .btn-green:hover, .btn-green:focus { color: #000; border: 1px solid #000; } .black { color: #000 !important; } /* * 3.5 Helper Class: background */ .bg-image, .bg-image-1, .bg-image-2 { position: relative; } .bg-image::before, .bg-image-1::before, .bg-image-2::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .bg-image-1 { background: url(../images/backgrounds/bg-1.jpg) no-repeat center center/cover; } .bg-image-1::before { background-color: rgba(0, 0, 0, 0.7); } .bg-image-2 { background: url(../images/backgrounds/bg-2.jpg) no-repeat center bottom/cover; } .bg-image-2::before { background-color: rgba(0, 0, 0, 0.7); } @media (min-width: 768px) { .section { padding: 90px 0; } .section-title { color: #313131; letter-spacing: 2.3px; margin: 0 0 60px; text-transform: uppercase; text-align: left; } } /* * 4.0 Navigation */ .navbar-custom { border: 0; margin: 0; padding-top: 10px; padding-bottom: 10px; background-color: #000; -webkit-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; } .navbar-custom .navbar-nav li { margin: 0; } .navbar-custom .navbar-nav > li > a { color: #fff; text-transform: uppercase; font-size: 12px; font-weight: 400; border-bottom: 1px solid transparent; } .navbar-custom .navbar-nav > li > a:focus, .navbar-custom .navbar-nav > li > a:hover { background-color: transparent; border-color: rgba(255, 255, 255, 0.5); } .navbar-custom .navbar-nav > .active > a { border-color: rgb(255, 255, 255); } .navbar-toggle { border: 0; border-radius: 0; margin-top: 2px; } .navbar-toggle .icon-bar { background-color: #fff; } .navbar-solid { - background-color: #41CD52 !important; + background-color: #144119 !important; padding: 0 !important; -webkit-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; } .site-branding { float: left; margin-top: 0; margin-left: 10px; } .site-branding .logo { color: #fff; font-size: 14px; font-weight: 700; margin-right: 5px; letter-spacing: 3px; text-transform: uppercase; } .site-branding .logo:focus, .site-branding .logo:hover { text-decoration: none; } /* * 5.0 Site Header */ .site-header { width: 100%; height: 100%; min-height: 100vh; position: relative; text-align: center; background: url(../images/backgrounds/header.jpg) no-repeat center center/cover; } .site-header::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); } .site-header .intro { color: #fff; position: relative; text-align: center; text-transform: uppercase; width: 100%; z-index: 1; padding: 0 15px; } .site-header .intro h2 { margin-top: 0px; font-size: 25px; font-weight: 300; } .site-header .intro h1 { margin-top: 0px; font-size: 30px; } .site-header .intro p { font-size: 20px; margin-bottom: 10px; font-weight: 300; } @media (min-width: 768px) { .navbar-custom { background-color: transparent; padding-top: 30px; } .site-branding { margin-top: 6px; margin-left: 0; } } /* * 6.0 Section */ /* * 6.1 Section: About */ .about .section-title { margin: 0 0 25px; } .about figure { margin-bottom: 25px; } /* * 6.2 Section: Facts */ .facts{ padding: 100px 0; } .facts i { color: #fff; font-size: 3em; } .facts h3 { color: #fff; text-align: center; text-transform: uppercase; font-size: 20px; margin-top: 30px; margin-bottom: 30px; } /* * 6.3 Section: Speaker */ .speaker { text-align: center; color: #313131; text-transform: uppercase; margin: 25px 0; } .speaker h4 { margin-top: 15px; margin-bottom: 5px; } .speaker p { margin-bottom: 5px; } .speaker img:hover { opacity: .7; } /* * 6.4 Section: Registration & Pricing */ .registration{ background-color: #f8f8f8; } .registration .section-title{ text-align: center; } /* * 6.5 Section: Contribution */ .contribution { text-align: center; color: #fff; padding: 50px 0; } .modal-content{ border-radius: 0; } /* * 6.5.1 Section: Important Date */ .important-date { /*background-color: #f8f8f8;*/ } table, th, td { border: 1px solid #ededed; border-collapse: collapse; color: #000; } th{ padding-left: 15px; text-transform: uppercase; font-weight: 700; letter-spacing: 2.3px; } th, td { text-align: left; vertical-align: middle; } td{ padding-top: 15px; padding-bottom: 15px; padding-left: 15px; font-weight: 400; } @media (min-width: 768px){ th{ padding-left: 45px; } td{ padding-left: 60px; } } /* * 6.6 Section: Schedule */ .outer-tabs{ background-color: #fbfbfb; border: 1px solid #ddd; } .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a:focus, .nav-tabs>li>a:hover { color: #FFF; cursor: pointer; background-color: #000; border-color: #000; border-bottom-color: transparent; } .nav-tabs>li{ width: 33.3333333333%; } .nav-tabs>li>a { border-radius: 0; text-transform: uppercase; text-align: center; border: 1px solid #ededed; margin-right: 0; padding: 15px; background-color: #f5f5f5; transition: all 0.2s ease-in-out; } .inner-tabs .nav-tabs>li>a{ border-color: transparent; border-bottom-color: #ededed; background-color: #fbfbfb; } .inner-tabs .nav-tabs>li.active>a, .inner-tabs .nav-tabs>li.active>a:focus, .inner-tabs .nav-tabs>li.active>a:hover, .inner-tabs .nav-tabs>li>a:focus, .inner-tabs .nav-tabs>li>a:hover, .inner-tabs .nav-tabs>li>a:active { border-color: transparent; border-bottom-color: #000; background-color: inherit; color: #000; } a:focus, a:hover{ text-decoration: none; } .full-width{ width: 100%; position: relative; text-transform: uppercase; font-weight: 700; font-size: 22px; letter-spacing: 1px; } .full-width:after{ position: absolute; content: "\f3d8"; right: 0; font-family: 'Ionicons'; color: #000; transition: all 0.2s ease-in-out; } .collapsed>.full-width:after{ -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg); } .panel{ background-color: transparent; } .panel-default>.panel-heading { color: #000; background-color: transparent; border-color: transparent; border-bottom-color: #ddd; } .panel-default{ border-color: transparent; } .schedule .panel-group{ padding: 0 60px; } .panel-group .panel{ border-radius: 0; } .thum-s{ margin-right: 5px; } .time{ font-size: 16px; letter-spacing: .4px; text-transform: uppercase; font-weight: 700; } .schedule_item { border-bottom: 1px solid #D8D8D8; padding-top: 10px; } .panel-body{ margin-bottom: 20px; } .schedule-box { position: relative; background-color: #000; color: #fff; text-align: center; padding: 50px 0; margin: 25px 0 0; } .schedule-box::before { content: ''; position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; border: 1px solid #fff; } /* * 6.7 Section: Schedule */ .partner { background-color: #f8f8f8; } .partner .partner-box { display: block; opacity: 0.3; height: 150px; width: 150px; margin: 25px auto; -webkit-transition: 0.5s all linear; transition: 0.5s all linear; } .partner .partner-box:hover { opacity: 1; } .partner .partner-box-1 { background: url(../images/partner/partner-1.png) no-repeat center center/contain; } .partner .partner-box-2 { background: url(../images/partner/partner-2.png) no-repeat center center/contain; } .partner .partner-box-3 { background: url(../images/partner/partner-3.png) no-repeat center center/contain; } .partner .partner-box-4 { background: url(../images/partner/partner-4.png) no-repeat center center/contain; } .partner .partner-box-5 { background: url(../images/partner/partner-5.png) no-repeat center center/contain; } .partner .partner-box-6 { background: url(../images/partner/partner-6.png) no-repeat center center/contain; } .partner .partner-box-7 { background: url(../images/partner/partner-7.png) no-repeat center center/contain; } .partner .partner-box-8 { background: url(../images/partner/partner-8.png) no-repeat center center/contain; } /* * 6.8 Section: FAQ */ .faq .panel-heading { cursor: pointer; } .faq .faq-toggle.collapsed::before { font-family: "Ionicons"; content: "\f218"; -webkit-transition: 0.5s linear ease-out; transition: 0.5s linear ease-out; position: absolute; left: 15px; } .faq .faq-toggle::before { position: absolute; left: 15px; font-family: "Ionicons"; content: "\f209"; } .faq .panel-group .panel + .panel { margin-top: 15px; } .faq .panel-default > .panel-heading { color: #FFF; background-color: #000000; border-color: #000; border-radius: 0; padding: 0; } .faq .panel-default > .panel-heading a { position: relative; display: block; text-decoration: none; padding: 15px 15px 15px 35px; } /* * 6.9 Section: photos */ .classic-button{ border: 1px solid #fff; color: #fff; background-color: transparent; text-transform: uppercase; } .grid { list-style-type: none; padding: 0; margin: 0; } .grid::after { content: ''; display: block; clear: both; } .grid-item { float: left; overflow: hidden; padding: 3px; margin: 0; width: 100%; position: relative; } .grid-item:hover .photo-overlay{ margin-top: 0; } .photo-overlay{ margin-top: -100%; transition: all 0.4s ease-in-out; padding-top: calc(50% - 170px); vertical-align: middle; color: #fff; text-align: center; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); } .nivo-lightbox-theme-default .nivo-lightbox-nav:hover{ background-color: transparent; } .nivo-lightbox-image:hover{ cursor: zoom-out; } .photo-overlay h2{ text-transform: uppercase; } .classic-button:hover{ background-color: transparent; color: #fff; } li.grid-item{ position: relative; } @media (min-width: 768px) { .grid-item-sm-6 { width: 50%; } .grid-item-sm-3 { width: 25%; } .section-title { margin: 0 0 30px; } figure { margin-bottom: 0; } } @media (min-width: 992px) { .schedule-box { margin: 0; } .grid-item-md-6 { width: 50%; } .grid-item-md-3 { width: 25%; } } address { line-height: 2.428571; color: #000; font-weight: 400; } /* * 7.0 Site-footer */ .site-footer { - background-color: #41CD52; + background-color: #144119; color: #fff; text-align: center; padding: 30px 0 10px; } .site-footer .site-info { font-weight: 400; margin-bottom: 10px; letter-spacing: 2.3px; } .site-footer .site-info a { color: #fff; } .site-footer .social-block li a { color: #fff; } .site-footer .social-block li a:hover, .site-footer .social-block li a:focus { opacity: 0.8; } /*Submisson form*/ #submission section{ text-align: left; padding: 0 50px 50px; } #submission p{ color: #000; } #submission .btn-black{ padding: 14px 28px } .pdf{ margin: 0; padding: 0; } .pdf span{ font-size: 50px; } .input-group-addon{ background-color: #000; color: #fff; font-weight: 400; border-radius: 0; } /* Sponsorship */ +.partners{ + text-align: center; +} +.partners img{ + border: 1px solid #ddd; + width: 100%; + height: 200px; + padding-top: 40px; + padding-bottom: 40px; +} .sponsors{ text-align: center; } .sponsors img{ border: 1px solid #ddd; width: 100%; + height: 300px; padding-top: 40px; padding-bottom: 40px; } .sponsor-caption{ background-color: #000; font-size: 16px; color: #fff; text-transform: uppercase; padding: 15px; margin-top: 0; } /* Countdown jquery */ .countdown{ padding: 60px 0; background-color: #000; } .countdown .col-md-2{ /*background-color: #181818;*/ } .countdown .section-title{ color: #fff; } @media (min-width: 768px){ .countdown .section-title{ text-align: right; margin: 0; } } .is-countdown{ background-color: #000; color: #fff; border-color: transparent; } .countdown-section{ text-transform: uppercase; font-weight: 700; letter-spacing: 2.7px; } .countdown-amount{ border-bottom: 2px solid #262626; padding-bottom: 10px; } .countdown-period{ margin-top: 20px; } @media (min-width: 768px){ /*Row display middle*/ .countdown .row { display: table; } .countdown [class*="col-"] { float: none; display: table-cell; vertical-align: middle; } }