diff options
Diffstat (limited to 'static/website/bootstrap-css/assets/css/main.css')
| -rw-r--r-- | static/website/bootstrap-css/assets/css/main.css | 687 |
1 files changed, 687 insertions, 0 deletions
diff --git a/static/website/bootstrap-css/assets/css/main.css b/static/website/bootstrap-css/assets/css/main.css new file mode 100644 index 0000000..1892806 --- /dev/null +++ b/static/website/bootstrap-css/assets/css/main.css @@ -0,0 +1,687 @@ +/* + * 1. Google Font + */ +@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,700); +/*@import url(All);*/ +@font-face { + font-family: "Aller"; + src: url("Aller_Std_Lt.ttf"); +} +/* + * 2.0 Global Style + */ +html { + font-family: 'Roboto', sans-serif; + font-size: 16px; +} + +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; +} + +p { + margin: 0 0 30px; +} + +ul li { + font-weight: 400; + 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; +} +.btn:hover { + -webkit-transform: scale(0.9); + -ms-transform: scale(0.9); + transform: scale(0.9); +} + +.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: #ffffff; + +letter-spacing: 1px; + +text-transform: uppercase; + +text-align: left; + +display: block; + +background: #552505; + +padding-left: 20px; + +padding-right: 20px; + +width: -moz-fit-content; + +} + + + + +.btn-white { + +color: #000; +background-color: #ceab6a; +} +.btn-primary{ + color: #000; + background-color: #b1c533; +} +.btn-info{ + color: #000; + background-color: #b1c533; +} + +.facts i { + +color: #f0ee6e; +font-size: 3em; + +} + + +.btn-black { + +color: #fff; +background-color: #b1c533; + +} +/*.section-title { + color: #313131; + letter-spacing: 1px; + margin: 0 0 20px; + text-transform: uppercase; + text-align: center; +} */ + +.memories{ + margin-right: 0px !important; + margin-left: 0px !important; + } +/* + * 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; +} + +/* + * 3.3 Helper Class: list + */ +.list-arrow-right li::before { + content: "\f3d3"; +} + +/* + * 3.4 Helper Class: button + *//* +.btn-white { + color: #000; + background-color: #fff; +}*/ +.btn-white:hover, .btn-white:focus { + color: #000; + background-color: #fff; +} +/* +.btn-black { + color: #fff; + background-color: #000; +}*/ +.btn-black:hover, .btn-black:focus { + color: #fff; + background-color: #000; +} + +/* + * 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: #ffffff; + letter-spacing: 1px; + 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: rgba(255, 255, 255, 0.5); +} + +.navbar-toggle { + border: 0; + border-radius: 0; + margin-top: 2px; +} +.navbar-toggle .icon-bar { + background-color: #fff; +} + +.navbar-solid { + background-color: #000 !important; + padding: 0 !important; + -webkit-transition: all 0.2s linear 0s; + transition: all 0.2s linear 0s; +} +.navbar-solid-other { + background-color: #000 !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; +} +.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; + display: table; +} +.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; + width: 100%; + z-index: 1; + padding: 0 15px; + display: table-cell; + vertical-align: middle; + height: 100vh; +} +.site-header .intro h2 { + margin-top: 0px; + font-size: 25px; + font-weight: 300; +} +.site-header .intro h1 { + margin-top: 0px; + font-size: 30px; + font-family: Aller; +} +.site-header .intro p { + font-size: 20px; + margin-bottom: 10px; + font-weight: 300; +} +@media (max-width: 350px){ +.site-header .intro .img-logo{ + margin-top: 35%; +} +} + +@media (min-width: 768px) { + .navbar-custom { + background-color: transparent; + padding-top: 30px; + } + .site-header .intro .img-logo{ + margin-top: 5%; +} + + .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 i { + color: #fff; + font-size: 3em; +}*/ +.facts h3 { + color: #fff; + text-align: center; + font-weight: 400; +} + +/* + * 6.3 Section: Speaker + */ +.speaker { + text-align: center; + color: #313131; + text-transform: none; + 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 + */ +/* + * 6.5 Section: Contribution + */ + + +/* + * 6.6 Section: Schedule + */ +.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 + */ +.sponsor .organiser { + background-color: #f8f8f8; +} +.sponsor .sponsor-box { + display: block; + height: 150px; + width: 150px; + margin: 25px auto; + -webkit-transition: 0.5s all linear; + transition: 0.5s all linear; +} +.sponsor .sponsor-box-1 { + background: url(../images/partner/mhrd.png) no-repeat center center/contain; +} +.organiser .organiser-box { + display: block; + height: 150px; + width: 150px; + margin: 25px auto; + -webkit-transition: 0.5s all linear; + transition: 0.5s all linear; +} +.organiser .organiser-box-1 { + background: url(../images/partner/fossee.png) no-repeat center center/contain; +} +/* +.sponsor .sponsor-box-2 { + background: url(../images/partner/partner-2.png) no-repeat center center/contain; +} +.sponsor .sponsor-box-3 { + background: url(../images/partner/partner-3.png) no-repeat center center/contain; +} +.sponsor .sponsor-box-4 { + background: url(../images/partner/partner-4.png) no-repeat center center/contain; +} +.sponsor .sponsor-box-5 { + background: url(../images/partner/partner-5.png) no-repeat center center/contain; +} +.sponsor .sponsor-box-6 { + background: url(../images/partner/partner-6.png) no-repeat center center/contain; +} +.sponsor .sponsor-box-7 { + background: url(../images/partner/partner-7.png) no-repeat center center/contain; +} +.sponsor .sponsor-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 + */ +.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%; +} + +@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%; + } +} +/* + * 7.0 Site-footer + */ +.site-footer { + background-color: #000; + color: #fff; + text-align: center; + padding: 30px 0; +} +.site-footer .site-info { + font-weight: 400; + margin-bottom: 10px; +} +.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; +} |