diff options
Diffstat (limited to 'static/website/bootstrap-css/assets/scss')
| -rw-r--r-- | static/website/bootstrap-css/assets/scss/_common.scss | 264 | ||||
| -rw-r--r-- | static/website/bootstrap-css/assets/scss/_footer.scss | 31 | ||||
| -rw-r--r-- | static/website/bootstrap-css/assets/scss/_header.scss | 133 | ||||
| -rw-r--r-- | static/website/bootstrap-css/assets/scss/_sections.scss | 244 | ||||
| -rw-r--r-- | static/website/bootstrap-css/assets/scss/main.scss | 4 |
5 files changed, 676 insertions, 0 deletions
diff --git a/static/website/bootstrap-css/assets/scss/_common.scss b/static/website/bootstrap-css/assets/scss/_common.scss new file mode 100644 index 0000000..35661d9 --- /dev/null +++ b/static/website/bootstrap-css/assets/scss/_common.scss @@ -0,0 +1,264 @@ +/* + * 1. Google Font + */ + +@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,700); + +/* + * 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; + &:focus { + outline: none; + } +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-weight: 700; +} + +p { + margin: 0 0 30px; +} + +ul { + li { + font-weight: 700; + margin-bottom: 10px; + } +} + +.custom-list-icon { + list-style-type: none; + padding: 0; + li { + position: relative; + padding-left: 20px; + + &::before { + position: absolute; + left: 0; + color: #4e4e4e; + font-family: "Ionicons"; + } + } +} + +.social-block { + list-style-type: none; + padding: 0; + li { + display: inline-block; + a { + display: inline-block; + height: 32px; + width: 32px; + color: #4e4e4e; + i { + font-size: 1.5em; + } + &:hover, + &: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; + transform: translateZ(0); + backface-visibility: hidden; + -moz-osx-font-smoothing: grayscale; + transition-duration: 0.3s; + transition-property: transform; + &:hover { + transform: scale(0.9); + } +} + +.form-control { + border-radius: 0; + box-shadow: none; + height: 48px; + padding: 10px 12px; + font-size: 16px; + line-height: 1.6; + &:focus { + box-shadow: none; + border-color: #ccc; + background-color: #f8f8f8; + } +} + +.valign-center { + display: flex; + align-items: center; +} + +.section { + padding: 70px 0; +} + +.section-title { + color: #313131; + letter-spacing: 1px; + margin: 0 0 20px; + text-transform: uppercase; + text-align: center; +} + +/* + * 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 { + @extend .custom-list-icon; + li { + &::before { + content: "\f3d3"; + } + } +} + +/* + * 3.4 Helper Class: button + */ + +.btn-white { + color: #000; + background-color: #fff; + &:hover, + &:focus { + color: #000; + background-color: #fff; + } +} + +.btn-black { + color: #fff; + background-color: #000; + &:hover, + &:focus { + color: #fff; + background-color: #000; + } +} + +/* + * 3.5 Helper Class: background + */ + +.bg-image { + position: relative; + &::before { + content: ""; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + } +} + +.bg-image-1 { + @extend .bg-image; + background: url(../images/backgrounds/bg-1.jpg) no-repeat center center / cover; + + &::before { + background-color: rgba(0, 0, 0, 0.7); + } +} + +.bg-image-2 { + @extend .bg-image; + background: url(../images/backgrounds/bg-2.jpg) no-repeat center bottom / cover; + + &::before { + background-color: rgba(0, 0, 0, 0.7); + } +} + +@media (min-width:768px) { + .section { + padding: 90px 0; + } + + .section-title { + color: #313131; + letter-spacing: 1px; + margin: 0 0 60px; + text-transform: uppercase; + text-align: left; + } +}
\ No newline at end of file diff --git a/static/website/bootstrap-css/assets/scss/_footer.scss b/static/website/bootstrap-css/assets/scss/_footer.scss new file mode 100644 index 0000000..e63c508 --- /dev/null +++ b/static/website/bootstrap-css/assets/scss/_footer.scss @@ -0,0 +1,31 @@ +/* + * 7.0 Site-footer + */ + +.site-footer { + background-color: #000; + color: #fff; + text-align: center; + padding: 30px 0; + + .site-info { + font-weight: 400; + margin-bottom: 10px; + a { + color: #fff; + } + } + + .social-block { + li { + a { + color: #fff; + + &:hover, + &:focus { + opacity: 0.8; + } + } + } + } +}
\ No newline at end of file diff --git a/static/website/bootstrap-css/assets/scss/_header.scss b/static/website/bootstrap-css/assets/scss/_header.scss new file mode 100644 index 0000000..8299890 --- /dev/null +++ b/static/website/bootstrap-css/assets/scss/_header.scss @@ -0,0 +1,133 @@ +/* + * 4.0 Navigation + */ + +.navbar-custom { + border: 0; + margin: 0; + padding-top: 10px; + padding-bottom: 10px; + background-color: #000; + transition: all 0.2s linear 0s; + + .navbar-nav { + li { + margin: 0; + } + >li>a { + color: #fff; + text-transform: uppercase; + font-size: 12px; + font-weight: 400; + border-bottom: 1px solid transparent; + + &:focus, + &:hover { + background-color: transparent; + border-color: rgba(255, 255, 255, 0.5); + } + } + + >.active>a { + border-color: rgba(255, 255, 255, 0.5); + } + } +} + +.navbar-toggle { + border: 0; + border-radius: 0; + margin-top: 2px; + + .icon-bar { + background-color: #fff; + } +} + +.navbar-solid { + background-color: #000 !important; + padding: 0 !important; + transition: all 0.2s linear 0s; +} + +.site-branding { + float: left; + margin-top: 0; + margin-left: 10px; + + .logo { + color: #fff; + font-size: 14px; + font-weight: 700; + margin-right: 5px; + letter-spacing: 3px; + text-transform: uppercase; + + &:focus, + &: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; + + &::before { + content: ""; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-color: rgba(0, 0, 0, 0.5); + } + + .intro { + color: #fff; + position: relative; + text-align: center; + text-transform: uppercase; + width: 100%; + z-index: 1; + padding: 0 15px; + + h2 { + margin-top: 0px; + font-size: 25px; + font-weight: 300; + } + + h1 { + margin-top: 0px; + font-size: 30px; + } + + 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; + } +}
\ No newline at end of file diff --git a/static/website/bootstrap-css/assets/scss/_sections.scss b/static/website/bootstrap-css/assets/scss/_sections.scss new file mode 100644 index 0000000..3215332 --- /dev/null +++ b/static/website/bootstrap-css/assets/scss/_sections.scss @@ -0,0 +1,244 @@ +/* + * 6.0 Section + */ + +/* + * 6.1 Section: About + */ + +.about { + .section-title { + margin: 0 0 25px; + } + + figure { + margin-bottom: 25px; + } +} + +/* + * 6.2 Section: Facts + */ + +.facts { + i { + color: #fff; + font-size: 3em; + } + + h3 { + color: #fff; + text-align: center; + font-weight: 400; + } +} + +/* + * 6.3 Section: Speaker + */ + +.speaker { + text-align: center; + color: #313131; + text-transform: uppercase; + margin: 25px 0; + h4 { + margin-top: 15px; + margin-bottom: 5px; + } + p { + margin-bottom: 5px; + } + + img:hover { + opacity: .7; + } +} + +/* + * 6.4 Section: Registration & Pricing + */ + +/* + * 6.5 Section: Contribution + */ + +.contribution { + text-align: center; + color: #fff; +} + +/* + * 6.6 Section: Schedule + */ + +.schedule-box { + position: relative; + background-color: #000; + color: #fff; + text-align: center; + padding: 50px 0; + margin: 25px 0 0; + + &::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-box { + display: block; + opacity: 0.3; + height: 150px; + width: 150px; + margin: 25px auto; + transition: 0.5s all linear; + + &:hover { + opacity: 1; + } + } + + .partner-box-1 { + background: url(../images/partner/partner-1.png) no-repeat center center / contain; + } + + .partner-box-2 { + background: url(../images/partner/partner-2.png) no-repeat center center / contain; + } + + .partner-box-3 { + background: url(../images/partner/partner-3.png) no-repeat center center / contain; + } + + .partner-box-4 { + background: url(../images/partner/partner-4.png) no-repeat center center / contain; + } + + .partner-box-5 { + background: url(../images/partner/partner-5.png) no-repeat center center / contain; + } + + .partner-box-6 { + background: url(../images/partner/partner-6.png) no-repeat center center / contain; + } + + .partner-box-7 { + background: url(../images/partner/partner-7.png) no-repeat center center / contain; + } + + .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-toggle.collapsed::before { + font-family: "Ionicons"; + content: "\f218"; + transition: 0.5s linear ease-out; + position: absolute; + left: 15px; + } + + .faq-toggle::before { + position: absolute; + left: 15px; + font-family: "Ionicons"; + content: "\f209"; + } + + .panel-group .panel+.panel { + margin-top: 15px; + } + + .panel-default>.panel-heading { + color: #FFF; + background-color: #000000; + border-color: #000; + border-radius: 0; + padding: 0; + + 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; + &::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%; + } +} diff --git a/static/website/bootstrap-css/assets/scss/main.scss b/static/website/bootstrap-css/assets/scss/main.scss new file mode 100644 index 0000000..773f94a --- /dev/null +++ b/static/website/bootstrap-css/assets/scss/main.scss @@ -0,0 +1,4 @@ +@import 'common'; +@import 'header'; +@import 'sections'; +@import 'footer';
\ No newline at end of file |