{{ page.title }}
+By {{ page.author }} on {{ page.date | date: "%B %-d, %Y" }}
++
{{ content }}
+diff --git a/.bundle/config b/.bundle/config new file mode 100644 index 0000000..2369228 --- /dev/null +++ b/.bundle/config @@ -0,0 +1,2 @@ +--- +BUNDLE_PATH: "vendor/bundle" diff --git a/Gemfile b/Gemfile new file mode 100755 index 0000000..395699c --- /dev/null +++ b/Gemfile @@ -0,0 +1,7 @@ +source "https://rubygems.org" + +gem "jekyll" + +# group :jekyll_plugins do +# gem "jekyll-scholar" +# end diff --git a/README.md b/README.md deleted file mode 100644 index b1e6a5a..0000000 --- a/README.md +++ /dev/null @@ -1,3 +0,0 @@ -# AliceTheme - -Tema dos sites do alice \ No newline at end of file diff --git a/_config.yml b/_config.yml new file mode 100755 index 0000000..6c5455c --- /dev/null +++ b/_config.yml @@ -0,0 +1,19 @@ +# Welcome to Jekyll! +# +# This config file is meant for settings that affect your whole blog, values +# which you are expected to set up once and rarely edit after that. If you find +# yourself editing this file very often, consider using Jekyll's data files +# feature for the data you need to update frequently. +# +# For technical reasons, this file is *NOT* reloaded automatically when you use +# 'bundle exec jekyll serve'. If you change this file, please restart the server process. + + +title: ALICE +encoding: utf-8 + +exclude: + - Gemfile + - Gemfile.lock + - update.sh + - makefile diff --git a/_includes/footer.html b/_includes/footer.html new file mode 100644 index 0000000..c9c1fc8 --- /dev/null +++ b/_includes/footer.html @@ -0,0 +1,33 @@ + \ No newline at end of file diff --git a/_includes/head.html b/_includes/head.html new file mode 100644 index 0000000..405c95b --- /dev/null +++ b/_includes/head.html @@ -0,0 +1,15 @@ +
+ +{{entry.abstract}}
+ {% endif %} + +{{entry.bibtex}}+ +
By {{ page.author }} on {{ page.date | date: "%B %-d, %Y" }}
+{{ content }}
++ Back to blog +
diff --git a/alice.gemspec b/alice.gemspec new file mode 100644 index 0000000..af91393 --- /dev/null +++ b/alice.gemspec @@ -0,0 +1,19 @@ +Gem::Specification.new do |spec| + spec.name = "alice" + spec.version = "0.0.0" + spec.authors = ["Emerson", "Carneiro"] + + spec.summary = "Tema do alice" + spec.homepage = "https://git.alice.ufsj.edu.br/alice/AliceTheme" + spec.license = "MIT" + + spec.metadata["plugin_type"] = "theme" + + spec.files = `git ls-files -z`.split("\x0").select do |f| + f.match(%r!^(assets|_(includes|layouts|sass)/|(LICENSE|README)((\.(txt|md|markdown)|$)))!i) + end + + spec.add_runtime_dependency "jekyll", ">= 3.5", "< 5.0" + + spec.add_development_dependency "bundler" +end diff --git a/assets/banner.jpeg b/assets/banner.jpeg new file mode 100755 index 0000000..7c71095 Binary files /dev/null and b/assets/banner.jpeg differ diff --git a/assets/css/atual.css b/assets/css/atual.css new file mode 100644 index 0000000..5f310bb --- /dev/null +++ b/assets/css/atual.css @@ -0,0 +1,320 @@ +/* ================================================================================================================================== */ +/* Variables */ +:root { + /* Paleta de cors */ + --midnight-blue: #0B1A33; + --cornflower-blue: #4B90F8; + --goldenrod: #D6A419; + --caribbean-green: #00C6BE; + --deep-ruby: #623A40; + --ivory: #F1F1E6; + --alice-blue: #F4F9FF; + --charcoal-blue: #35405D; + --slate-gray: #616B8B; + --light-slate-gray: #909ABB; + --periwinkle: #2d2e31; + + /* Informaçoes da paleta de cores */ + --primary-color: var(--midnight-blue); + --secondary-color: var(--cornflower-blue); + --accent-color: var(--goldenrod); + --background-color: var(--charcoal-blue); + --text-color: var(--charcoal-blue); + --secondary-text-color: var(--slate-gray); + --border-color: var(--deep-ruby); + --highlight-color: var(--caribbean-green); + --error-color: var(--slate-gray); + --success-color: var(--light-slate-gray); + --warning-color: var(--periwinkle); + --info-color: var(--ivory); + + --font-family: 'Roboto', sans-serif; + --heading-color: var(--alice-blue); + --heading-margin: 0 0 20px; +} + +/* ================================================================================================================================== */ +/* Reset and Base Styles */ +*, +*::before, +*::after { + box-sizing: border-box; + margin: 0; + padding: 0; + /* background-color: var(--background-color); */ +} +/* ================================================================================================================================== */ +/* Body */ +body { + /* background-color: var(--background-color); */ + color: var(--heading-color); + background-color: var(--background-color); + scroll-behavior: smooth; +} + +/* ================================================================================================================================== */ +/* Estilos básicos para todos os cabeçalhos */ +h1, h2, h3, h4, h5, h6 { + font-family: var(--font-family); + margin: var(--heading-margin); + color: var(--heading-color); + } + +/* ================================================================================================================================== */ +/* header section */ +.header{ + width: 100vw; + height: 8vh; + + display: flex; + flex-direction: row; + justify-content: space-between; + + padding: 0 30px; + position: fixed; +} + +.branding{ + margin: 5px 0 5px 0; +} + +.branding a{ + display: flex; + flex-direction: row; + align-items: center; +} + +.brand-name{ + color: var(--alice-blue); + font-size: 32px; + font-weight: bold; +} +.menu{ + display: flex; + flex-direction: row; + align-items: center; +} + +.menu a{ + color: var(--alice-blue); + padding: 0 8px; +} +/* ================================================================================================================================== */ +/* HOMEPAGE */ + +.home{ + height: 100vh; + display: flex; + flex-direction: column; + align-items: baseline; + justify-content: center; + + padding: 0 30px; + + scroll-snap-align: start; + background: url('/assets/img/index/waves.svg') no-repeat; + background-position: bottom; + background-size: cover; +} + +.banner{ + width: 60%; + height: 40%; + +} +.banner h1{ + font-size: 40px; + font-weight: bold; +} +.banner h3{ + font-size: 28px; + font-weight: 400; +} +.banner p{ + color: var(--alice-blue); +} + +.blinking-cursor { + display: inline-block; + width: 10px; + height: 1.5rem; + background-color: #F1F1E6; + margin-left: 5px; + animation: blink 1s step-end infinite; +} + +@keyframes blink { + from, to { + background-color: transparent; + } + 50% { + background-color: #F1F1E6; + } +} + +/* ================================================================================================================================== */ +/* TRENSPAGE */ + +.trens{ + width: 100vw; + min-height: 100vh; + + background-color: var(--ivory); +} + +.trens h1{ + font-weight: bold; + font-size: 40px; + color: var(--secondary-text-color); +} + +.trens h5{ + font-weight: 100; + font-size: 20px; + color: var(--secondary-text-color); +} + +.box{ + min-height: 300px; +} + +.box h3{ + font-family: "Roboto", sans-serif; + font-size: 28px; + font-weight: 700; +} + +.box p{ + font-size: 20px; + font-weight: 300; +} + +/* ================================================================================================================================== */ +/* PEOPLESPAGE */ + +.peoples{ + width: 100vw; + min-height: 100vh; + + padding: 100px 30px; + + background: url('/assets/img/index/people.svg') no-repeat; + background-position: top; + background-size: contain; +} + +.peoples h1{ + font-weight: bold; + font-size: 40px; + color: var(--secondary-text-color); +} + +.peoples h5{ + font-weight: 100; + font-size: 20px; + color: var(--secondary-text-color); +} + +.peoples .invert{ + color: var(--ivory); +} + +.peoples .box{ + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + +} + +.peoples .box .rounded{ + background: var(--cornflower-blue); + width: 200px; + height: 200px; + + border-radius: 50%; +} + +.peoples .box h4{ + text-align: center; + color: var(--secondary-text-color); + font-weight: bold; + font-size: 24px; +} + +.peoples .box p{ + text-align: center; + color: var(--secondary-text-color); + font-weight: normal; + font-size: 16px; +} + +.peoples .box .redes{ + display: flex; + flex-direction: row; +} +.peoples .box .redes img{ + height: 45px; + width: auto; + margin: 0 25px; + object-fit: cover; +} + +#canvas { + width: 100%; + height: 100%; + z-index: 1000; +} + +/* ================================================================================================================================== */ +/* PUBLICATION */ + +.publication{ + margin: 5%; + background-color: var(--ivory); +} + +.publication .pub-header{ + display: flex; + flex-direction: row; + justify-content: space-between; + + padding: 25px; +} + + +.publication .pub-header h1{ + font-size: 28px; + font-family: var(--font-family); + font-weight: 900; + color: var(--charcoal-blue); + +} + + +.publication #article .bibliography{ + margin: 25px; + color: var(--charcoal-blue); +} + +.publication #article h2{ + font-size: 36px; + font-family: var(--font-family); + font-weight: 900; + color: var(--charcoal-blue); +} + +/* ================================================================================================================================== */ +/* About */ + +.about { + /* background-color: #D6A419; */ + color: var(--alice-blue); + margin: 100px 30px; +} + +.about h1{ + font-size: 28px; + font-weight: 900; + margin: 10px 0; +} \ No newline at end of file diff --git a/assets/css/main.css b/assets/css/main.css new file mode 100755 index 0000000..6e645b9 --- /dev/null +++ b/assets/css/main.css @@ -0,0 +1,864 @@ +@media screen and (prefers-color-scheme: dark) { + .bg{ + background-color: #4a4a4a; + } +} + +.bg{ + background-color: #fdfdfd; +} +header{ + background-color: #c1a8d8; + padding-bottom: 1px; + background-image: url("/assets/banner.jpeg"); + background-position: center; + background-blend-mode: color-dodge; + background-size: cover; +} + +.art { + position: relative; + text-align: center; + display: inline-block; + vertical-align: top; + float: left; + width: 100%; + /* align-content: center; */ + padding: 5px; + margin: 5px; + background-color: #F9F9F9; + border: 1px solid #FAB814; + overflow: hidden; + } + +.art img{ + margin: -25% 0 -25% 0; + width: 100%; +} + +.art H1 { + font-size: 3vw; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + mix-blend-mode: difference; + text-shadow: 2px 2px #fff; + } + +.art a{ + text-decoration: none; +} + +/* PEOPLE PAGE */ +.people { + display: inline-block; + vertical-align: top; + float: left; + width: auto; + /* align-content: center; */ + padding: 5px; + margin: 5px; + background-color: #424242; + /* border: 1px solid #FAB814; */ +} +.people-body{ + background-color: #999; +} +.people-ballons{ + background-color: #008080; +} + +body img{ + max-width:auto; + height:auto; +} + +@media screen and (min-width: 600px) and (max-width: 800px) { +.people img{ + width: 100%; +} +} + +.people img{ + width: 230px; + height: 230px; +} + +.people H1{ + clear: both; + font-size: small; + text-align: left;} + +.people a{ + width: calc(50% - 8px); + background-color: #FFF; + border: 1px solid #FAB814; + display: inline-block; + text-align: center; + padding: 1px; +} + +/** + * Reset some basic elements + */ +html, body { + width: 100%; + height: 100%; } + +body, h1, h2, h3, h4, h5, h6, +p, blockquote, pre, hr, +dl, dd, ol, ul, figure { + margin: 0; + padding: 0; } + +/** + * Basic styling + */ +body { +/* font: 400 16px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; */ + font-family: 'Open Sans', sans-serif; + -webkit-font-smoothing: antialiased; + color: #111; + background-color: #fdfdfd; + -webkit-text-size-adjust: 100%; + -webkit-font-feature-settings: "kern" 1; + -moz-font-feature-settings: "kern" 1; + -o-font-feature-settings: "kern" 1; + font-feature-settings: "kern" 1; + font-kerning: normal; } + +/** + * Fonts + */ +.italic { + font-style: italic; } + +.center { + text-align: center; } + +/** + * Set `margin-bottom` to maintain vertical rhythm + */ +h1, h2, h3, h4, h5, h6, +p, blockquote, pre, +ul, ol, dl, figure, +.highlight { + margin-bottom: 15px; } + +/** + * Images + */ +img { + max-width: 100%; + vertical-align: middle; } + +/** + * Figures + */ +figure > img { + display: block; } + +figcaption { + font-size: 14px; } + +/** + * Lists + */ +ul, ol { + margin-left: 30px; } + +li > ul, +li > ol { + margin-bottom: 0; } + +/** + * Headings + */ +h1, h2, h3, h4, h5, h6 { + font-weight: 400; } + +/** + * Links + */ +a { + color: #2a7ae2; + text-decoration: none; + cursor: pointer; } + a:visited { + color: #1756a9; } + a:hover { + color: #111; + text-decoration: underline; } + +/** + * Blockquotes + */ +blockquote { + color: #828282; + border-left: 4px solid #e8e8e8; + padding-left: 15px; + font-size: 18px; + letter-spacing: -1px; + font-style: italic; } + blockquote > :last-child { + margin-bottom: 0; } + +/** + * Code formatting + */ + +.collapse{ + display: none; + font-size: 15px; + border: 1px solid #e8e8e8; + border-radius: 3px; + background-color: #eef; +} + +pre, +code { + font-size: 15px; + border: 1px solid #e8e8e8; + border-radius: 3px; + background-color: #eef; +} + +code { + padding: 1px 5px; } + +pre { + padding: 8px 12px; + overflow-x: scroll; +} + + pre > code { + border: 0; + padding-right: 0; + padding-left: 0; } + +/** + * Wrapper + */ +.wrapper { + max-width: -webkit-calc(1080px - (30px * 2)); + max-width: calc(1080px - (30px * 2)); + margin-right: auto; + margin-left: auto; + padding-right: 30px; + padding-left: 30px; +} + +@media screen and (max-width: 800px) { + .wrapper { + max-width: -webkit-calc(1080px - (30px)); + max-width: calc(1080px - (30px)); + padding-right: 15px; + padding-left: 15px; } } + +/** + * Clearfix + */ +.wrapper:after, .footer-col-wrapper:after { + content: ""; + display: table; + clear: both; } + +/** + * Icons + */ +.icon > svg { + display: inline-block; + vertical-align: middle; } + .icon > svg path { + fill: #828282; } + +/** + * Site header + */ +header{ + /* width: 50vw; */ + height: 15vh; +} +.site-header { + width: 100%; + height: 100%; + border-top: 0px solid #424242; + border-bottom: 0px solid #e8e8e8; + margin-bottom: 50px; + overflow: hidden; + position: relative; } + +.gray-rect { + width: 200px; + top: 0; + left: 0; + background-image: url("../assets/gray.svg"); } + @media screen and (max-width: 300px) { + .gray-rect { + background-position: left top; } } + +.white-rect { + width: calc(86% - 114px); + top: 50px; + left: 50px; + padding-left: calc(7% + 7px); + padding-right: calc(7% + 7px); + border-radius: 50px 0 50px 0; + border-top: 2px solid #4E5357; + border-bottom: 2px solid #FAB814; } + @media screen and (max-width: 300px) { + .white-rect { + left: 16.5%; } } + +.white-rect, .sbc-logo { + background: rgba(255, 255, 255, 0.9); } + +.orange-rect { + width: 200px; + top: 100px; + right: 0; + background-image: url("../assets/orange.svg"); } + @media screen and (max-width: 300px) { + .orange-rect { + left: 33%; + background-position: right bottom; } } + +.rect { + height: 200px; + position: absolute; + text-align: center; + overflow: hidden; } + @media screen and (max-width: 300px) { + .rect { + width: 66%; } } + +.rect p { + font-size: 32px; + line-height: 38px; + color: black; + text-shadow: 1px 1px 3px black; } + +.rect p:first-child { + margin-top: 42.5px; } + +@media screen and (min-width: 1300px) and (max-width: 2000px) { + .rect p { + font-size: 35px; + line-height: 40px; } + + .rect p:first-child { + margin-top: 40px; } } +@media screen and (min-width: 1200px) and (max-width: 1300px) { + .rect p { + font-size: 30px; + line-height: 35px; } + + .rect p:first-child { + margin-top: 45px; } } +@media screen and (min-width: 1100px) and (max-width: 1200px) { + .rect p { + font-size: 27px; + line-height: 32px; } + + .rect p:first-child { + margin-top: 47.5px; } } +@media screen and (min-width: 1000px) and (max-width: 1100px) { + .rect p { + font-size: 24px; + line-height: 32px; } + + .rect p:first-child { + margin-top: 50px; } } +@media screen and (min-width: 900px) and (max-width: 1000px) { + .rect p { + font-size: 21px; + line-height: 28px; } + + .rect p:first-child { + margin-top: 52.5px; } } +@media screen and (min-width: 800px) and (max-width: 900px) { + .rect p { + font-size: 18px; + line-height: 28px; } + + .rect p:first-child { + margin-top: 55px; } } +@media screen and (min-width: 600px) and (max-width: 800px) { + .rect p { + font-size: 16px; + line-height: 26px; } + + .rect p:first-child { + margin-top: 57.2px; } } +@media screen and (max-width: 600px) { + .rect p { + font-size: 14px; + line-height: 26px; } + + .rect p:first-child { + margin-top: 20px; } } + + +/** + * Site nav + */ +.site-nav { + width: 100%; + padding: 10px; + background-color: #e8e8e8; + position: relative; + left: 0%; +} + .site-nav .menu-icon { + display: none; } + .site-nav .page-link { + color: #111; + line-height: 1.5; + display: inline; + margin-bottom: 15px; + margin-left: 20px; +} + +@media screen and (max-width: 600px) { +.site-nav { + width: 18px; + padding: 0; + margin: 0; + position: absolute; + top: 9px; + background-color: #fdfdfd; + border: 1px solid #e8e8e8; + border-radius: 5px; + text-align: right; + margin-left: 15px; + padding-left: 15px; +} + +.site-nav .menu-icon { + display: block; + float: right; + width: 36px; + height: 26px; + line-height: 0; + padding-top: 10px; + text-align: center; +} +.site-nav .menu-icon > svg path { + fill: #424242; +} +.site-nav .trigger { + clear: both; + display: none; +} +.site-nav:hover .trigger { + display: inline; + padding-bottom: 5px; +} +.site-nav .page-link { + display: block; + padding: 5px 10px; + margin-left: 20px; + margin-bottom: 0; + line-height: 0; } +.site-nav .page-link:not(:last-child) { + margin-right: 0; + } +} + +.site-nav, .site-nav-border { + border-radius: 20px; +} + +@media screen and (max-width: 600px) { + .site-nav, .site-nav-border { + border-radius: 0; + } + .site-nav-border { + display: none; + } +} + +.site-nav-border { + width: 100%; + height: 100%; + position: absolute; + top: -10px; + left: -10px; + background-color: #FAB814; + z-index: -1; +} + + +.site-nav, .page-content { + display: inline-block; + vertical-align: top; } + +/** + * Page content + */ +.page-content { + width: 75%; + float: left; + text-align: justify; + } + + @media screen and (max-width: 600px) { + .page-content { + width: 100%; } } + +.page-heading { + font-size: 20px; } + +.post-list { + margin-left: 0; + list-style: none; } + .post-list > li { + margin-bottom: 30px; } + +.post-meta { + font-size: 14px; + color: #828282; } + +.post-link { + display: block; + font-size: 24px; } + + +/** + * Site footer + */ +footer{ + background-color: #00B7FF; + /* width: 100vw; */ +} +.site-footer { + margin-top: 30px; + padding: 30px 0; + background-color: #00B7FF; + } + +.icon-footer{ + height: 100px; + width: 100px; + color: #fff; +} +.height-50 { + height: 50px; } + +@media screen and (max-width: 600px) { +.logos img { +width: 30%; +float: right; +} +.rabbit{ +display: none; +} +} + +.logos img { + margin: 10px; +} + + +.width-50 { + width: 50px; } + +.width-150 { + width: 150px; } + +.footer-heading { + font-size: 18px; + margin-bottom: 15px; } + +.contact-list, +.social-media-list { + list-style: none; + margin-left: 0; } + +.footer-col-wrapper { + font-size: 15px; + color: #828282; + margin-left: -15px; } + +.footer-col { + float: left; + margin-bottom: 15px; + padding-left: 15px; } + +.footer-col-1 { + width: -webkit-calc(35% - math.div(30, 2) * 1px); + width: calc(35% - math.div(30, 2) * 1px); } + +.footer-col-2 { + width: -webkit-calc(20% - math.div(30, 2) * 1px); + width: calc(20% - math.div(30, 2) * 1px); } + +.footer-col-3 { + width: -webkit-calc(45% - math.div(30, 2) * 1px); + width: calc(45% - math.div(30, 2) * 1px); } + +@media screen and (max-width: 800px) { + .footer-col-1, + .footer-col-2 { + width: -webkit-calc(50% - math.div(30, 2) * 1px); + width: calc(50% - math.div(30, 2) * 1px); } + + .footer-col-3 { + width: -webkit-calc(100% - math.div(30, 2) * 1px); + width: calc(100% - math.div(30, 2) * 1px); } } +@media screen and (max-width: 600px) { + .footer-col { + float: none; + width: -webkit-calc(100% - math.div(30, 2) * 1px); + width: calc(100% - math.div(30, 2) * 1px); } } +/** + * Posts + */ +.post-header { + margin-bottom: 30px; } + +.post-draft{ + padding: 5px 0px 2px 20px; + font-size: small; +} + +.post-title { + font-size: 42px; + letter-spacing: -1px; + line-height: 1; } + @media screen and (max-width: 800px) { + .post-title { + font-size: 36px; } } + +.post-content { + margin-bottom: 30px; } + .post-content h2 { + font-size: 32px; } + @media screen and (max-width: 800px) { + .post-content h2 { + font-size: 28px; } } + .post-content h3 { + font-size: 26px; } + @media screen and (max-width: 800px) { + .post-content h3 { + font-size: 22px; } } + .post-content h4 { + font-size: 20px; } + @media screen and (max-width: 800px) { + .post-content h4 { + font-size: 18px; } } + +/* + * Extra + */ +.important-dates > * { + vertical-align: -10px; } + +.date { + display: inline-block; + padding: 5px; + margin-bottom: 20px; + text-align: center; + line-height: 20px; + background-color: #FAB814; + color: white; } + +.date .day { + font-size: 22px; } + +.date .month { + font-size: 18px; } + +table { + border-collapse: collapse; + margin-bottom: 25px; } + +th, td { + border: 1px solid gray; + padding: 0 5px; } + +/** + * Syntax highlighting styles + */ +.highlight { + background: #fff; } + .highlighter-rouge .highlight { + background: #eef; } + .highlight .c { + color: #998; + font-style: italic; } + .highlight .err { + color: #a61717; + background-color: #e3d2d2; } + .highlight .k { + font-weight: bold; } + .highlight .o { + font-weight: bold; } + .highlight .cm { + color: #998; + font-style: italic; } + .highlight .cp { + color: #999; + font-weight: bold; } + .highlight .c1 { + color: #998; + font-style: italic; } + .highlight .cs { + color: #999; + font-weight: bold; + font-style: italic; } + .highlight .gd { + color: #000; + background-color: #fdd; } + .highlight .gd .x { + color: #000; + background-color: #faa; } + .highlight .ge { + font-style: italic; } + .highlight .gr { + color: #a00; } + .highlight .gh { + color: #999; } + .highlight .gi { + color: #000; + background-color: #dfd; } + .highlight .gi .x { + color: #000; + background-color: #afa; } + .highlight .go { + color: #888; } + .highlight .gp { + color: #555; } + .highlight .gs { + font-weight: bold; } + .highlight .gu { + color: #aaa; } + .highlight .gt { + color: #a00; } + .highlight .kc { + font-weight: bold; } + .highlight .kd { + font-weight: bold; } + .highlight .kp { + font-weight: bold; } + .highlight .kr { + font-weight: bold; } + .highlight .kt { + color: #458; + font-weight: bold; } + .highlight .m { + color: #099; } + .highlight .s { + color: #d14; } + .highlight .na { + color: #008080; } + .highlight .nb { + color: #0086B3; } + .highlight .nc { + color: #458; + font-weight: bold; } + .highlight .no { + color: #008080; } + .highlight .ni { + color: #800080; } + .highlight .ne { + color: #900; + font-weight: bold; } + .highlight .nf { + color: #900; + font-weight: bold; } + .highlight .nn { + color: #555; } + .highlight .nt { + color: #000080; } + .highlight .nv { + color: #008080; } + .highlight .ow { + font-weight: bold; } + .highlight .w { + color: #bbb; } + .highlight .mf { + color: #099; } + .highlight .mh { + color: #099; } + .highlight .mi { + color: #099; } + .highlight .mo { + color: #099; } + .highlight .sb { + color: #d14; } + .highlight .sc { + color: #d14; } + .highlight .sd { + color: #d14; } + .highlight .s2 { + color: #d14; } + .highlight .se { + color: #d14; } + .highlight .sh { + color: #d14; } + .highlight .si { + color: #d14; } + .highlight .sx { + color: #d14; } + .highlight .sr { + color: #009926; } + .highlight .s1 { + color: #d14; } + .highlight .ss { + color: #990073; } + .highlight .bp { + color: #999; } + .highlight .vc { + color: #008080; } + .highlight .vg { + color: #008080; } + .highlight .vi { + color: #008080; } + .highlight .il { + color: #099; } + +/* INDEX */ + +.imagem-svg { + width: 200px; /* Largura do SVG */ + height: 200px; /* Altura do SVG */ +} + +.card-name{ + background-color: #fff; +} + +.index{ + background-image: url(/assets/img/index/indexBackground.png); + background-position: bottom; + background-repeat: repeat-x; + min-height: 100vh; + flex-direction: row; +} +.index-item{ + width: 100%; + height: 100%; +} + +#article h2{ + font-size: 24pt; + font-weight: bold; + + width: 80vw; +} + +@media (max-width: 800px) { + .index{ + background-image: url(/assets/img/index/indexBackground.png); + background-position: bottom; + background-repeat: repeat-x; + min-height: 90vh; + flex-direction: column; + } + .index-item img{ + width: 50%; + height: auto; + } +} \ No newline at end of file diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100755 index 0000000..b86d243 --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,2001 @@ +/*! +Theme Name: BC Business Consulting +Theme URI: https://athemeart.com/downloads/bc-business-consulting/ +Author: athemeart +Author URI: https://athemeart.com/ +Description: BC Business Consulting Multipurpose One page WordPress Theme BC Business Consulting is a clean, super flexible and fully responsive Multipurpose One page WordPress Theme for any project, business, agency , personal or web studio. Its equipped with the latest technologies and designed with user in mind to ensure endless freedom to create and customize your site like a pro and without any coding. This versatile, multi-purpose theme is perfect for beginners, while also feature rich and extendable for developers, freelancers and growing businesses. We built this theme on Visual Composer, a very convenient drag-n-drop PageBuilder for WordPress. It should provide you with the smoothest experience while creating your website with our theme. The colorful widgets will help anyone to customize according to their branding colors. This theme is very well commented and also have proper help documentation too. + +Version: 1.1.1 +License: GPLv3 or later +License URI: http://www.gnu.org/licenses/gpl-3.0.html +Text Domain: bc-business-consulting +Tags: one-column, two-columns, right-sidebar, left-sidebar, custom-header, custom-menu, full-width-template, theme-options, threaded-comments, featured-images, post-formats, translation-ready, flexible-header, custom-background, footer-widgets, blog, e-commerce +*/ +/*-------------------------------------------------------------- +>>> TABLE OF CONTENTS: +---------------------------------------------------------------- +# Common +# Header + -Top Header + -Header Contact Info + -Middle Header +# Footer + -Common Widget + -Contact Widget + -Instagram Widget + -Footer Bottom +# Responsive +# Page Breadbrumb +# Sidebar +# Blog +# BlogPost +# Post Comment +# Comment Form +# Widget Area +# Pagination +# 404 Page +# Captions +# Galleries +# Color +--------------------------------------------------------------*/ +/*========================================================== +********************** Common ******************** +===========================================================*/ + +body{ + font-family:'Roboto', sans-serif; + color: #000; + overflow-x: hidden; + font-size: 14px; + font-style: normal; + font-weight: 300; + line-height: 28px; + +} + +h1, +h2, +h3, +h4, +h5, +h6{ + font-family: 'Roboto Condensed', sans-serif; +} + +body img{ + max-width:100%; + height:auto; +} +a{ + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; +} +table{ + width:100%; + border-left:1px solid rgba(0,0,0,0.1); + border-top:1px solid rgba(0,0,0,0.1); +} +table th, +table td{ + padding:5px; + border-right:1px solid rgba(0,0,0,0.1); + border-bottom:1px solid rgba(0,0,0,0.1); + text-align:center; +} +/* ## Header */ +#slidepanel { + display: block; +} +#closeit, +#toggle, +#slideit { + display: none; +} + +/*========================================================== +********************** Header ******************** +===========================================================*/ + +.section-header { + display: inline-block; +} +.section-header h3{ + text-transform: capitalize; + color: #222; + margin: 0; + font-weight: 400; + position: relative; + display: inline-block; + padding-bottom: 26px; +} +.section-header h3::before{ + position: absolute; + content: ""; + bottom: 0; + left: 0; + display: inline-block; + background: url("./images/section-border.png"); + background-repeat: no-repeat; + width: 136px; + height: 9px; + +} + +/* -- Top Header */ +.top-header { + background-color: #f9f9f9; + line-height: 50px; +} +.top-header ul{ + margin:0px ; + padding:0px; +} +.top-header ul li{ + list-style:none; + display:inline-block; + margin:0px 4px; + position:relative; +} +.top-header a, +.top-header span { + color: #999; + font-size: 13px; + letter-spacing: 0.52px; + line-height: 26px; + text-transform: capitalize; +} +.top-header ul ul{ + position:absolute; + line-height:25px; + background-color: #f9f9f9; + display:none; + z-index:9999; + +} +.top-header li:hover ul{ + display:block; +} +.top-header li li{ + padding-bottom:5px; +} + +/* -- Header Contact Info */ +.header-contact-info { + float: right; +} +.header-contact-info a { + margin-left: 6px; + margin-right: 10px; + text-decoration: none; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; +} +.header-contact-info a:hover { + color: #000; +} +.header-contact-info .dropdown { + display: inline-block; +} +.header-contact-info .dropdown-menu{ + border-radius: 0; + border: none; + margin: 0; + padding: 0; + left: auto; + right: 0; +} +.header-contact-info .dropdown-menu > li > a { + color: #999; + padding: 3px 15px; + margin: 0; + line-height: 26px; +} +.header-contact-info .dropdown-menu > li > a:hover { + color: #222; +} +.header-contact-info .btn { + background-color: transparent; + border-radius: 0; + box-shadow: none; + padding-left: 15px; + padding-right: 0; +} +.header-contact-info .btn:active, +.header-contact-info .btn:focus{ + outline: none; +} + +/* -- Middle Header */ +.middle-header{ + display:block; + padding:0px 0px; +} +.middle-header .logo-block { + float: center; + max-width: 100%; + margin: 20px 0px; +} +.header-info { + float: left; + margin: 0px 0px; +} + +.header-info ul { + display: inline-block; + margin-top: 8px; + padding-left: 0; +} +.header-info ul li { + border-right: 1px solid #efefef; + display: block; + padding: 0 28px; +} +.header-info ul li:last-child{ + border:none; +} +.header-info h3 { + color: #333; + display: block; + font-weight: 400; + margin: 0; + text-transform: capitalize; + word-wrap: break-word; +} +.header-info span { + color: #823030; + word-wrap: break-word; +} +.header-social{ + float: right; +} +.header-social ul { + padding-left:0; + display: inline-block; + margin-bottom: 0; + position: relative; + +} +.header-social ul li{ + display: inline-block; +} +.header-social ul li a { + color: #fff; + font-size: 18px; + padding:0px 13px; + display:block; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + text-decoration:none; + line-height:65px; +} + +.menu-block { + position: absolute; + top: 0px; + left: 0; + right: 0; + z-index: 11; + background:rgba(0,0,0,0.5); +} + +.sticky-wrapper.is-sticky .menu-block { + background:#303031; +} +.menu-block .container span.home-icon { + color: #fff; + float: left; + font-size: 32px; + margin-top: 0; + padding-right: 25px; + position: relative; + top: 15px; + display:none; +} +.menu-block .container > span a{ + color:#FFF; +} +.menu-block .container > span::after { + background-color: rgba(255, 255, 255, 0.3); + content: ""; + height: 25px; + position: absolute; + right: 0; + top: 9px; + width: 1px; +} +.menu-block::after { + position: absolute; + content: ""; + left: 0; + right: 0; + background: rgba(255,255,255,0.2); + height: 1px; + width: 100%; +} +.menu_block_two.menu-block::after { + width: 0; +} + +/*========================================================== +********************** Footer ******************** +===========================================================*/ + +/* -- Footer Main */ +.footer-main { + background-color: #333; +} +.footer-main .container .row { + padding-bottom: 75px; + padding-top: 90px; +} +.footer-bottom .container .row { + padding-bottom: 0px; + padding-top: 0px; +} +.footer-main .ftr-widget { + margin-bottom: 20px; +} +.footer-main .ftr-widget .widget-title { + color: #fff; + letter-spacing: 0.9px; + margin-bottom: 30px; + margin-top: 0; + padding-bottom: 9px; + position: relative; + text-transform: uppercase; +} +.footer-main .ftr-widget .widget-title::before { + content: ""; + width: 30px; + height: 1px; + left: 0; + bottom: 0; + display: inline-block; + position: absolute; +} + +.ftr-widget p, +.ftr-widget table{ + font-weight: 300; + color: #999; + letter-spacing: 0.42px; + +} +/* -- Common Widget */ +.footer-main.footer2 .about-widget { + padding-right: 5px; +} +.ftr-widget{ + + color: #999; + +} +.ftr-widget a { + text-decoration: none; + + position: relative; +} + +.ftr-widget a:hover { + text-decoration:underline; +} + +/* -- Link Widget */ +.footer-main.footer2 .link-widget { + padding-left: 60px; +} +.link-widget.ftr-widget h3{ + margin-bottom: 20px; +} +.link-widget ul{ + padding-left: 0; +} +.link-widget ul li { + display: inline-block; + width: 100%; + border-bottom: 1px solid rgba(240,240,240,0.1); +} +.link-widget ul li a { + line-height: 44px; + font-size: 14px; + letter-spacing: 0.14px; + color: #999; + text-decoration: none; + padding-left: 15px; + position: relative; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + +} +.custom_header{ + display: none; +} +.link-widget ul li a::before { + position: absolute; + content: ""; + left: 0; + top: 5px; + height: 6px; + width: 6px; +} +.link-widget ul li:last-of-type { + border-bottom: none; +} +.link-widget ul li a:hover { + margin-left: 10px; + text-decoration:none; +} + +/* -- Contact Widget */ +.contact-widget.ftr-widget p { + position: relative; + padding-left: 40px; + margin-bottom: 18px; + color: #999; + font-size: 14px; + line-height: 24px; + +} +.contact-widget p:first-of-type{ + margin-top: -3px; +} +.contact-widget p:first-of-type span { + top: 5px; +} +.contact-widget p a { + color: #999; + text-decoration: none; +} + +/* -- Instagram Widget */ +.instagram-widget.ftr-widget{ + padding: 0; +} +.instagram-widget ul { + padding-left: 00; +} +.instagram-widget ul li{ + display: inline-block; + margin-right: 2px; + margin-bottom: 5px; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; +} +.instagram-widget ul li:hover{ + opacity: 0.5; +} + +/* -- Footer Bottom */ +.footer-bottom { + line-height: 60px; + position: relative; + display: inline-block; + width: 100%; +} +.footer-bottom::before { + position: absolute; + content: ""; + background-color: #333; + left: 30%; + bottom: 25px; + height: 100%; +} +.footer-bottom .container { + position: relative; +} +.footer-bottom .container::before{ + position: absolute; + left: -32%; + top: 0; + height: 35px; + width: 348px; + background-color: #333; + transform: skewX(-40deg); +} + +.footer-bottom .pull-left{ + font-weight: 500; + font-size: 14px; + color: #333; +} +.footer-bottom ul{ + float: right; + margin-bottom: 0; + padding:0px; + +} +.footer-bottom li{ + display:inline-block; + + list-style:none; +} +.footer-bottom a{ + color: #333; + text-decoration: none; + line-height: 26px; + font-weight: 500; + transition: all 0.4s ease 0s; + -webkit-transition: all 0.4s ease 0s; + -moz-transition: all 0.4s ease 0s; + -o-transition: all 0.4s ease 0s; +} +.footer-bottom a:hover{ + color: #fff; +} +.footer-bottom a:last-of-type{ + padding-right: 0; + border: none; +} + + +/* ========================================================================== */ +/* ========================================================================== */ + /* [ Responsive ] */ +/* ========================================================================== */ +/* ========================================================================== */ + +/* -- min-width: 1200 */ +@media (min-width: 1200px) { + .container { + width: 100%; + } +} + +/* -- min-width: 992 */ +@media (min-width: 992px) { + .desktop-hide { + display: none; + } + + /* -- Footer Main */ + .footer-main .col-md-3:nth-child(4n+1) { + clear: both; + } + .home-icon{ + + } +} + +/* -- min-width: 1200 to max-width: 1365 */ +@media only screen and (min-width: 1200px) and (max-width: 1365px) { + /* -- min-width: 1200 to max-width: 1365 */ + .footer-bottom .container::before{ + height: 15px; + left: -20%; + } +} + +@media only screen and (min-width: 992px) and (max-width: 1199px) { + /* -- Top Header */ + .header-info ul{ + margin-top: 0; + } + .header-info ul li{ + padding: 0 15px; + } + .header-info a { + padding: 10px 20px; + font-size: 12px; + } + + /* -- Menu Block */ + .menu-block .container .col-md-10 span{ + font-size: 25px; + padding-right: 15px; + } + .header-social ul li a { + margin-right: 20px; + } + .menu-block .menu-search { + right: -60px; + } + .footer-bottom .container::before{ + height: 15px; + } +} + +@media (max-width: 991px) { + /* - Responsive Switch: Header */ + + .mobile-hide { + display: none; + } + .headerbottom { + margin-top: 0; + } + .navbar-fixed-top .menu-search .sb-search-submit i, + .navbar-fixed-top.menu-block .container > span, + .navbar-fixed-top #loginpanel i , + .navbar-fixed-top .text-logo{ + color: #fff; + } + + /* -- Top Header */ + .header-info ul{ + margin-top: 0; + } + .header-info ul li { + padding: 0 7px; + } + .header-info h3 { + font-size: 14px; + } + .header-info a { + padding: 10px 15px; + font-size: 12px; + margin-left: 15px; + } + + /* -- Middel Header */ + .header-info { + margin-top: 20px; + } + .middle-header .logo-block { + max-width: 135px; + } + .header-social { + float: none; + right: 0; + left: 0; + top: 10px; + text-align: center; + } + .header-social ul { + right: 0; + } +/*========================================================== +********************** Menu Block ******************** +===========================================================*/ + + .menu-block{ + top: 0; + position: relative; + } + .menu-block::after{ + height: 0; + } + .menu-block .menu-search { + position: absolute; + top: 0; + right: 25%; + } + .menu-block .container > span { + top: 0; + height: 0; + } + .menu-block .container > span::after{ + top: 0; + width: 0; + } + .menu-search .sb-search { + top: 20px; + } + .menu-search .sb-search.sb-search-open .sb-search-input { + top: 40px; + } + .menu-search .sb-search-submit i { + font-size: 16px; + color: #000; + } + + /* -- Footer Main */ + .footer-main .col-md-3:nth-child(2n+1) { + clear: both; + } + .footer-bottom .container::before{ + height: 15px; + } + .footer-main.footer2 .link-widget { + padding-left: 15px; + } + /* -- Section Header */ + .section-header h3::before{ + width: 85px; + } +} + +/* -- max-width: 768 */ +@media (max-width: 768px) { + .menu-block .menu-search { + right: 17%; + } + +} + +/* -- max-width: 767 */ +@media (max-width: 767px) { + .menu-block .menu-search { + right: 18%; + } + .middle-header .logo-block { + max-width: 120px; + } + .header-info{ + margin-top: 15px; + } + .header-info a{ + padding: 8px; + font-size: 11px; + margin-left: 2px; + } + .header-info h3 { + font-size: 12px; + } + .header-info span{ + font-size: 11px; + } + .header-info ul li:last-of-type { + border: none; + } + .menu-block .menu-search{ + right: 28%; + } + .header-contact-info .btn, + .header-contact-info a, + .top-header span { + font-size: 12px; + letter-spacing: 0; + } + .header-contact-info a{ + margin-right: 0; + } + + /* -- Footer Main */ + .instagram-widget.ftr-widget{ + padding: 0 15px; + } + .footer-bottom .container::before{ + height: 0; + } + .widget-area{ + padding-left:0px!important; + margin-top:40px; + } + .nav-links{ + margin-top:40px; + } +} + +/* -- max-width: 639 */ +@media (max-width: 639px) { + .header-info{ + float: none; + } + .header-info ul{ + width: 100%; + text-align: center; + } + .header-info ul li{ + padding: 0 18px; + margin-bottom: 10px; + } + .header-info h3{ + font-size: 14px; + } + .header-social{ + top: 0; + } + /* -- Footer Main */ + .footer-bottom span{ + display: block; + text-align: center; + margin-top: 3px; + } + .footer-bottom p{ + float: none; + text-align: center; + line-height: 35px; + } + .footer-bottom p a{ + padding: 0 5px; + + } + +} + +/* -- max-width: 479 */ +@media (max-width: 479px) { + .menu-block .menu-search{ + right: 32%; + } + .header-info ul li{ + border-right: none; + } + .top-header { + text-align: center; + line-height: 30px; + } + .header-contact-info{ + float: none; + } + .header-social{ + top: 0; + } + .menu-block .container > span{ + position: relative; + top: 7px; + } + .text-logo{ + margin-left: 35px; + margin-top: 20px; + } + + .menu-search .sb-search.sb-search-open .sb-search-input{ + width: 200px; + height: 35px; + } + #slideit, #closeit { + right: -45px; + } + + /* -- Footer Main */ + .footer-main .ftr-widget { + width: 100%; + } +} + + +/*========================================================== +********************** Page Breadbrumb ******************** +===========================================================*/ + +.page-breadcrumb { + -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.08); + -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.08); + box-shadow: 0px 1px 1px rgba(0,0,0,0.08); +} +.page-breadcrumb .breadcrumb{ + background-color: transparent; + border-radius: 0; + line-height: 50px; + padding: 0; + width: 100%; + margin-bottom: 0; +} +.page-breadcrumb .breadcrumb > li + li::before{ + content: "\f105"; + font-family: "FontAwesome"; + line-height: 22px; + letter-spacing: 0.36px; + font-size: 14px; + color: #777; + margin-right: 8px; + margin-left: 5px; +} +.page-breadcrumb .breadcrumb a{ + color: #777; + font-weight: 400; + text-decoration: none; + letter-spacing: 0.42px; + line-height: 22px; + transition: all 1s ease 0s; + -webkit-transition: all 1s ease 0s; + -moz-transition: all 1s ease 0s; + -o-transition: all 1s ease 0s; +} + +.page-breadcrumb.breadcrumb li.active a { + color: #777; + +} + + +/*========================================================== +********************** Sidebar ******************** +===========================================================*/ + +aside { + display:block; + position: relative; + width: 100%; +} +.not-found p{ + margin-bottom:20px; + clear:both; +} +aside .widget, +#primary .search-form{ + border: 1px solid rgba(0,0,0,0.1); + display:block; + padding: 30px; + width: 100%; + margin-top: -1px; +} +aside .widget-title { + display:block; + margin-bottom:1rem; + width: 100%; + text-transform:uppercase; +} +.widget-area .widget-title { + position: relative; + font-weight: 500; + text-transform: capitalize; + padding-bottom: 10px; + margin: 0; + margin-bottom:25px; +} +.widget-area .widget-title::before { + position: absolute; + content: ""; + left: 0; + bottom: 0; + width: 15px; + height: 2px; +} + +#secondary .widget ul, +ul.popular_category_list{ + margin:0px; + padding:0px; +} +ul.popular_category_list{ + padding-right:15%; +} +#secondary .widget li, +ul.popular_category_list li{ + list-style:none; + display:block; + border-bottom: solid 1px #eee; + padding-top: 10px; + padding-bottom: 10px; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + padding-left:25px; + position:relative; + +} +#secondary .widget li:last-child, +ul.popular_category_list li:last-child{ + border:none; +} +.sidebar-menu { + list-style: none; + margin: 0; + padding: 0; +} +.sidebar-menu li a, +#secondary .widget li a{ + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + font-weight: normal; + color: #777; + text-decoration:none; + +} + +#secondary .widget li:hover{ + padding-left:30px; +} +.sidebar .widget li::before, +ul.popular_category_list li:before { + content: "\f105"; + position:absolute; + font-family: 'FontAwesome', sans-serif; + left:5px; + font-size: 12px; + top: 10px; + +} +#secondary .post-date{ + display:block; + text-align:right; + font-size:11px; + font-style:italic; +} +.sidebar .widget.widget_archive li::before { + content: "\f0c6"; +} +.sidebar .widget.widget_categories li::before { + content: "\f115"; +} +.sidebar .widget.widget_pages li::before { + content: "\f15b"; +} +.sidebar .widget.widget_meta ul li::before { + content: "\f0c1"; +} + +.sidebar .widget.widget_recent_comments ul li::before { + content: "\f086"; +} + +.sidebar .widget.widget_recent_entries ul li::before { + content: "\f02b"; +} +.sidebar .widget_rss ul li::before { + content: "\f09e"; +} + +.sidebar .widget.widget_tag_cloud ul li::before { + content: "\f0c2"; +} +.screen-reader-text{ + display:none; +} + +.widget input, +.widget select{ + max-width:100%; +} + +/*========================================================== +********************** Blog ******************** +===========================================================*/ +.latestnews-section.blog, +.container.page{ + padding-top:50px; + padding-bottom:50px; +} +.content-area { + position: relative; + +} + +.blog.latestnews-section .post-tag { + display: inline-block; +} +.blog.latestnews-section .type-post .post-tag i{ + margin-right:5px; +} +.blog.latestnews-section .type-post .post-tag { + padding-right:15px; +} +.blog.latestnews-section .type-post .post-tag a, +.blog.latestnews-section .type-post .post-tag { + position: relative; + margin-right: 5px; + color: #777; + height: auto; + width: auto; + border: none; + transition: all 1s ease 0s; + -webkit-transition: all 1s ease 0s; + -moz-transition: all 1s ease 0s; + -o-transition: all 1s ease 0s; +} + +.blog.latestnews-section .type-post .entry-meta{ + line-height: 40px; +} + +.blog.latestnews-section .type-post .entry-title h3, +.blog.latestnews-section .type-post .entry-title a , +.blog.latestnews-section .type-post .entry-title h2{ + + font-weight: 400; + margin-top: 0px; + margin-bottom:20px; + text-decoration:none; +} + +/*========================================================== +********************** BlogPost ******************** +===========================================================*/ + +.blogpost.latestnews-section.blog{ + padding-bottom: 25px; +} +.blogpost .content-area::after{ + bottom: -25px; +} +.entry-cover::before{ + background-color: transparent; +} + +.blogpost .entry-content p span:last-of-type { + margin-right: 0; +} +.blogpost .entry-thumbnail { + position: relative; + display: inline-block; + margin-bottom: 32px; +} +.blogpost .entry-thumbnail img{ + border-radius: 2px; + position: absolute; + left: 0; + top: 0; +} +.blogpost .entry-thumbnail p { + padding-left: 325px; + line-height: 28px; + letter-spacing: 0.28px; +} +.blogpost-nextprev { + display: inline-block; + width: 100%; + margin-top: 50px; + margin-bottom:50px; +} +.blogpost-nextprev a{ + line-height: 26px; + text-decoration: none; + text-transform: capitalize; + transition: all 1s ease 0s; + -webkit-transition: all 1s ease 0s; + -moz-transition: all 1s ease 0s; + -o-transition: all 1s ease 0s; +} + +.blogpost-nextprev a span{ + margin-right: 10px; + position: relative; + top: 4px; +} +.nav-previous{ + float:left; +} +.nav-next{ + float:right; +} + +/*========================================================== +********************** Post Comment ******************** +===========================================================*/ +.post-comments { + display: inline-block; + width: 100%; +} +.post-comments .section-header { + text-align: left; +} +.post-comments .section-header h3{ + font-weight: 600; + line-height: 28px; + margin: 0; + text-transform: capitalize; +} +.post-comments .media { + position: relative; + overflow: visible; + margin-top: 40px; +} +.post-comments .media-left { + position: absolute; + left: 0; + top: 0; +-webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; +} +.post-comments .media-left:hover { + opacity: 0.7; +} + +.post-comments img { + border-radius: 100%; +} +.post-comments .media-body { + overflow: visible; +} +.post-comments .media-body .media-content { + margin-left: 100px; + border-bottom: 1px solid #dedede; + padding-bottom: 20px; +} +.post-comments .media-body .media-heading { + font-size: 14px; + font-weight: 400; + margin-top: 0; + line-height: 28px; + letter-spacing: 1.3px; + margin-bottom: 10px; + text-transform: uppercase; +} +.post-comments .media-body .media-heading span { + color: #777; + font-size: 12px; + letter-spacing: 0.6px; + line-height: 22px; + float: right; + text-transform: capitalize; + font-weight: 400; + word-wrap: break-word; +} +.post-comments .media-body .media-heading a { + color: #232323; + float: right; + letter-spacing: 1.1px; + font-weight: 300; + text-decoration: none; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; +} + +.post-comments .media-body .media-heading a i { + margin-right: 5px; +} +.post-comments .media .media-body .media { + margin-left: 140px; + position: relative; +} +.post-comments .media .media-body .media::before { + position: absolute; + content: ""; + background-color: #eee; + top: -38px; + left: -86px; + bottom: 0; + width: 1px; +} +.post-comments .media .media-body .media::after { + position: absolute; + content: ""; + background-color: #eee; + top: 40%; + bottom: 0; + left: -86px; + width: 37px; + height: 1px; +} +.post-comments .media-content > p { + + letter-spacing: 0.42px; + line-height: 24px; + margin-bottom: 8px; +} +.post-comments .media-content > a { + letter-spacing: 0.65px; + line-height: 28px; + text-transform: capitalize; + position: relative; + text-decoration: none; + transition: all 1s ease 0s; + -webkit-transition: all 1s ease 0s; + -moz-transition: all 1s ease 0s; + -o-transition: all 1s ease 0s; + padding-left: 10px; +} + + +.post-comments .media-content > a::before { + position: absolute; + content: ""; + left: 0; + top: 8px; + background-color: #35373e; + height: 1px; + width: 4px; + transition: all 1s ease 0s; + -webkit-transition: all 1s ease 0s; + -moz-transition: all 1s ease 0s; + -o-transition: all 1s ease 0s; +} + + +/*========================================================== +********************** Comment Form ******************** +===========================================================*/ + +.comment-form { + position: relative; + padding: 55px 0; +} +.comment-form .form-submit{ + margin-left:15px; +} +.comment-form .section-header { + text-align: left; + margin-bottom: 0; +} +.comment-form .section-header h3::before { + right: 0; + margin: 0; +} +.comment-form h3{ + text-transform: uppercase; + font-size: 22px; + letter-spacing: 1.54px; + line-height: 28px; + font-weight: 700; + margin: 0 0 5px; +} +.comment-form .form-group { + margin-top: 15px; + margin-bottom: 0; + padding-bottom: 10px; + position:relative; +} +.comment-form .form-group span.required{ + position:absolute; + right:15px; + top:10px; + color:#F00; +} +.comment-form .form-control { + color: #222; + padding-left: 0; + min-height: 40px; + outline: none; + box-shadow: none; + border-radius: 0; + border: none; + border-bottom: 2px solid #e5e5e5; + background-color: transparent; + font-size: 11px; + letter-spacing: 0.77px; + position: relative; + text-transform: uppercase; + z-index: 1; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + position: relative; +} +.comment-form .form-control:focus { + border-color: #000; +} +.comment-form input[type="submit"] { + color: #fafbfc; + display: inline-block; + font-weight: 700; + padding: 10px 37px; + margin-top: 15px; + text-transform: uppercase; + border: none; + text-decoration: none; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; +} +.comment-form input[type="submit"]:hover { + color: #fafbfc; + background-color: #222; +} +.blogpost.latest-blog .section-padding:last-of-type { + padding-top: 60px; + padding-bottom: 60px; +} + +/*========================================================== +********************** Widget Area ******************** +===========================================================*/ +.widget-area { + + padding-left: 17px; +} +.widget-area .widget { + clear:both; + width: 100%; +} + +/* -- entry-cover */ +.entry-cover { + position: relative; +} +.entry-cover::before{ + position: absolute; + content: ""; + left: 0; + right: 0; + top: 0; + bottom: 0; + display: inline-block; + background-color: rgba(0,0,0,0.6); + opacity: 0; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; +} + +.entry-cover:hover::before{ + opacity: 1; +} +.entry-cover a{ + position:absolute; + left:0px; + right:0px; + top:0px; + bottom:0px; +} +.entry-cover a span, +.entry-cover a i { + position: absolute; + top: 0; + left: 50%; + -webkit-transform: translate(-50%, -50%); + -moz-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + font-size: 24px; + color: #fff; + font-size: 40px; + font-weight: 300; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + opacity: 0; + word-wrap: break-word; +} +.entry-cover:hover a span, +.entry-cover:hover a i{ + top: 50%; + opacity: 1; +} +.entry-meta { + display:block; + width: 100%; + border: 1px solid #ececec; + padding-left: 27px; + line-height: 50px; + border-bottom: none; + position:relative; + font-size:12px; + +} +.entry-meta .avatar_round{ + position:absolute; + right:20px; + top:-35px; + -webkit-border-radius:50%; + -moz-border-radius:50%; + border-radius:50%; + overflow:hidden; +} +.entry-meta .avatar_round img{ + -webkit-border-radius:50%; + -moz-border-radius:50%; + border-radius:50%; + border:5px solid #fff; +} +.entry-meta .list-inline{ + margin-bottom:0px; +} + +.entry-meta, +.entry-meta a { + line-height: 28px; + color: #777; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + text-decoration:none; +} +.entry-meta i{ + margin-right:10px; +} +.entry-block { + padding: 21px 30px 35px 29px; + border: 1px solid #ececec; +} +.entry-block { + border: 1px solid #ececec; +} +.entry-block .post-by a, +.post-by span { + font-size: 12px; + line-height: 26px; + letter-spacing: 0.18px; + text-transform: capitalize; + word-wrap: break-word; +} + +.padding-top-25{ + padding-top:25px; +} +.padding-top-35{ + padding-top:35px; +} + + + +/*========================================================== +********************** Buttons ******************** +===========================================================*/ +.btn i{ + margin:0px 5px; + display:inline-block; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + margin-left:15px; + +} +.btn:hover i{ + -webkit-transform: translateX(100%); + -moz-transform: translateX(100%); + -ms-transform: translateX(100%); + transform: translateX(100%); +} +.btn { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + padding: 9px 22px; + font-family: inherit; + color: #fff; +} + +.comment-form .section-header.comment_reply_header{ + margin-bottom:10px; +} + + +/*========================================================== +********************** Pagination ******************** +===========================================================*/ + +.navigation.pagination { + text-align: left; + display: inline-block; + margin-top: 1px; + margin-bottom: 0; +} +.navigation.pagination ul{ + margin: 0; + padding:0px; +} +.navigation.pagination li { + float: left; + list-style:none; +} +.navigation.pagination li:last-of-type a { + font-size: 13px; + padding: 12.25px 20px; +} +.navigation.pagination a, +.navigation.pagination span { + font-size: 12px; + padding: 13px 20px; + color: #323232; + border: 1px solid #e8e8e8; + transition: all 1s ease 0s; + -webkit-transition: all 1s ease 0s; + -moz-transition: all 1s ease 0s; + -o-transition: all 1s ease 0s; +} +.navigation.pagination a:focus, +.navigation.pagination a:hover, +.navigation.pagination span { + text-decoration:none; +} +.navigation.pagination span.page-numbers.dots{ + background:none; + border-color: #e8e8e8; + color: #000; +} + +/*========================================================== +********************** 404 Page ******************** +===========================================================*/ +.page-404{ + padding:20vh 0; +} + +.page-404 h1 { + font-size: 80px; + font-weight: 600; +} +.page-404 .btn { + margin-top:40px; +} + + +/*========================================================== +********************** Captions ******************** +===========================================================*/ + +.wp-caption { + margin-bottom: 1.5em; + max-width: 100%; +} + +.wp-caption img[class*="wp-image-"] { + display: inline-block; + margin-left: auto; + margin-right: auto; +} + +.wp-caption .wp-caption-text { + margin: 0.8075em 0; +} + +.wp-caption-text { + text-align: center; +} + +/*========================================================== +********************** Galleries ******************** +===========================================================*/ + +.gallery { + margin-bottom: 1.5em; +} + +.gallery-item { + display: inline-block; + text-align: center; + vertical-align: top; + width: 100%; + margin: 0; + padding: 5px 10px; +} + +.gallery-columns-2 .gallery-item { + max-width: 50%; +} + +.gallery-columns-3 .gallery-item { + max-width: 33.33%; +} + +.gallery-columns-4 .gallery-item { + max-width: 25%; +} + +.gallery-columns-5 .gallery-item { + max-width: 20%; +} + +.gallery-columns-6 .gallery-item { + max-width: 16.66%; +} + +.gallery-columns-7 .gallery-item { + max-width: 14.28%; +} + +.gallery-columns-8 .gallery-item { + max-width: 12.5%; +} + +.gallery-columns-9 .gallery-item { + max-width: 11.11%; +} +figure{ + max-width:100%; + height:auto; +} +.gallery-caption { + display: block; +} + +.bypostauthor { + display: block; +} +.alignleft{ + margin-right:15px; + float:left; +} +.alignright{ + margin-left:15px; + float:right; +} + +.aligncenter { + display:block; + margin:0px auto; +} +#menu_container_wrapper{ + position:relative; + min-height:65px; + clear:both; + z-index:9999; +} + + +/* + .widget_search +*/ +.widget_search{ + background-color: #f5f5f5; +} +.widget_search form { + position:relative; +} +.widget_search .search-field, +.widget_search input[type=text]{ + width:600px; + max-width:100%; + display:block; + height: 40px; + line-height: 40px; + border-radius: 33px; + padding: 0 12px; + border: 1px solid #dedede; + font-weight:normal; +} + +/* +.widget_search .search-submit, +#primary .search-form .search-submit{ + margin-top: 0; + width: auto; + position: absolute; + top: 0; + right: 0; + font-size:16px; + border-radius: 0 33px 33px 0; + text-transform: capitalize!important; + cursor: pointer; + padding: 0 13px; + border:none; +}*/ +/*------------------------------------- +* ----- custom_header -------- +-----------------------------------*/ +.custom_header{ + position:absolute; + left:0px; + right:0px; + top: 35%; + left:50%; + -webkit-transform: translate(-50%); + -ms-transform: translate(-50%); + transform: translate(-50%); + text-align:center; + font-size: 30px; + width:100%; + max-width:800px; +} +.display-1{ + font-family: Verdana; + font-size:80px; +} +#sticker-sticky-wrapper{ + z-index:9999; +} +article.loop-posts{ + margin-bottom:50px; +} + +/* + .Color +*/ + +body, +.latestnews-section .type-post .entry-content p, +.latestnews-section .type-post .entry-title a, +.post-comments .media-content > a, +.post-comments .media-content > p, +.post-comments .media-body .media-heading, +.post-comments .section-header h3, +.blogpost-nextprev a, +.widget-area .widget-title, +.entry-content a:hover, +#secondary a +{ + color: #000; +} +.custom_header, +.widget_search .search-submit, +#primary .search-form .search-submit, +.navigation.pagination a:focus, +.navigation.pagination a:hover, +.navigation.pagination span{ + color:#FFF; +} +.navigation.pagination a:focus, +.navigation.pagination a:hover, +.navigation.pagination span, +.btn{ + border-color: #ddab03; +} + +.widget_search .search-submit, +#primary .search-form .search-submit, +.navigation.pagination a:focus, +.navigation.pagination a:hover, +.navigation.pagination span, +.btn, +.comment-form input[type="submit"], +.post-comments .media-content > a:hover::before, +.widget-area .widget-title::before, +.footer-bottom, +.link-widget ul li a::before, +.footer-main .ftr-widget .widget-title::before, +.header-contact-info .dropdown-menu > li > a:hover { + background-color: #ddab03; +} + +.latestnews-section .type-post .entry-block a:hover, +.latestnews-section .type-post .entry-title:hover a, +.latestnews-section .type-post .entry-block .post-by a, +.post-comments .media-content > a:hover, +.post-comments .media-body .media-heading a:hover, +.blogpost-nextprev a:hover, +.blog.latestnews-section .type-post .entry-meta .post-tag span > a:hover, +.page-breadcrumb .breadcrumb a:hover, +.contact-widget.ftr-widget p:hover a, +.contact-widget.ftr-widget p:hover span, +.contact-widget.ftr-widget p:hover, +.link-widget ul li a:hover, +.ftr-widget a, +.header-social ul li a:hover, +.list-inline > li a:hover, +#secondary li:hover a, +#secondary li:hover:before, +#secondary a:hover, +a, +a.btn:hover, +a.btn:focus, +a.btn:active, +a.btn:active{ + color: #ddab03; +} +.btn:hover, +.btn:focus, +.btn:active, +.btn.active{ + background:none; +} +.owl-nav div{ + background:rgba(221,171,3,0.5); +} +.owl-nav:hover div{ + background:rgba(221,171,3,1); +} + +/* + .owlGallery +*/ + +.owlGallery{ + overflow:hidden; + position:relative; +} +.owlGallery .owl-item, +.owlGallery .item{ + float:left; +} +.owl-nav div{ + position:absolute; + -webkit-border-radius:50%; + -moz-border-radius:50%; + border-radius:50%; + top:50%; + left:10px; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + z-index:99; + width:45px; + height:45px; + text-align:center; + line-height:45px; + cursor:pointer; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + color:#FFF; +} +.owl-nav div.owl-prev{ + left:auto; + right:10px; +} + +/*=========================================================== +************* popup-search ******************** +===========================================================*/ +.popup-search{ + position:fixed; + left:0px; + right:0px; + top:0px; + bottom:0px; + background:rgba(0,0,0,0.9); + z-index:9999; + color:rgba(255,255,255,0.5); + display:none; +} +.popup-search .v-align-middle{ + top:48%; + position:absolute; + left:0px; + right:0px; +} +.popup-search .search-form{ + max-width:550px; + display:block; + margin:0px auto; + position:relative!important; + overflow:hidden; +} +.popup-search .search-field{ + padding:15px; + background:none; + width:800px; + max-width:95%; + border:none; + font-size:18px; + color:#FFF; + font-style:italic; + border-bottom:1px solid rgba(255,255,255,0.5); +} + +.popup-search .close-popup{ + position:absolute; + font-size:45px; + top:7%; + right:7%; + cursor:pointer; +} +.search-form .search-submit{ + position:absolute; + top:11px; + right:20px; + width:50px; + padding:7px 10px; + border:none; + cursor:pointer; + background:none; + z-index:99; + text-indent:-600px; + font-size:12px; +} +.search-form::before{ + z-index:9; + position:absolute; + font-family: 'FontAwesome', sans-serif; + right:5px; + font-size: 12px; + top: 6px; + right:0px; + content: "\f002"; + font-size:30px; + width:30px; + height:30px; + +} + +.content-area.no-sidebar{ + float:none; + display:block; + margin:0px auto; +} + +.container.page .entry-block { + padding:0px; + border:none; +} + +.bibliography { + list-style: none; + border: none; +} \ No newline at end of file diff --git a/assets/img/index/indexBackground.png b/assets/img/index/indexBackground.png new file mode 100644 index 0000000..78cabf4 Binary files /dev/null and b/assets/img/index/indexBackground.png differ diff --git a/assets/img/index/indexHome.png b/assets/img/index/indexHome.png new file mode 100644 index 0000000..d14e45b Binary files /dev/null and b/assets/img/index/indexHome.png differ diff --git a/assets/img/index/indexHome.svg b/assets/img/index/indexHome.svg new file mode 100644 index 0000000..9d55a94 --- /dev/null +++ b/assets/img/index/indexHome.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/img/index/people.svg b/assets/img/index/people.svg new file mode 100644 index 0000000..f18b630 --- /dev/null +++ b/assets/img/index/people.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/img/index/waves.svg b/assets/img/index/waves.svg new file mode 100644 index 0000000..822cc26 --- /dev/null +++ b/assets/img/index/waves.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/img/peoples/OIG4.K.jpg b/assets/img/peoples/OIG4.K.jpg new file mode 100644 index 0000000..98082ed Binary files /dev/null and b/assets/img/peoples/OIG4.K.jpg differ diff --git a/assets/js/jquery-3.1.1.min.js b/assets/js/jquery-3.1.1.min.js new file mode 100755 index 0000000..4c5be4c --- /dev/null +++ b/assets/js/jquery-3.1.1.min.js @@ -0,0 +1,4 @@ +/*! jQuery v3.1.1 | (c) jQuery Foundation | jquery.org/license */ +!function(a,b){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){"use strict";var c=[],d=a.document,e=Object.getPrototypeOf,f=c.slice,g=c.concat,h=c.push,i=c.indexOf,j={},k=j.toString,l=j.hasOwnProperty,m=l.toString,n=m.call(Object),o={};function p(a,b){b=b||d;var c=b.createElement("script");c.text=a,b.head.appendChild(c).parentNode.removeChild(c)}var q="3.1.1",r=function(a,b){return new r.fn.init(a,b)},s=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,t=/^-ms-/,u=/-([a-z])/g,v=function(a,b){return b.toUpperCase()};r.fn=r.prototype={jquery:q,constructor:r,length:0,toArray:function(){return f.call(this)},get:function(a){return null==a?f.call(this):a<0?this[a+this.length]:this[a]},pushStack:function(a){var b=r.merge(this.constructor(),a);return b.prevObject=this,b},each:function(a){return r.each(this,a)},map:function(a){return this.pushStack(r.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(f.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(a<0?b:0);return this.pushStack(c>=0&&c0&&b-1 in a)}var x=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+1*new Date,v=a.document,w=0,x=0,y=ha(),z=ha(),A=ha(),B=function(a,b){return a===b&&(l=!0),0},C={}.hasOwnProperty,D=[],E=D.pop,F=D.push,G=D.push,H=D.slice,I=function(a,b){for(var c=0,d=a.length;c