diff --git a/css/ece.css b/css/ece.css index 0d78669..6433715 100644 --- a/css/ece.css +++ b/css/ece.css @@ -8836,8 +8836,23 @@ body { } body a { text-decoration: none; + color: #00a8b1; +} + +p { + line-height: 1.7em; + margin: 0 0 20px; +} + +h1, .h1, h2, .h2, h3, .h3 { + margin: 20px 0px; } +.hidden { + display: none; +} + +/* ---------------------------- Masthead & Nav ------------------------------ */ #masthead { margin-top: -1px; } @@ -8847,15 +8862,42 @@ body a { } #site-title { - background-color: #333333; + background: #333333; + background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyODI4MjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: -moz-linear-gradient(top, #333333 0%, #282828 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #282828)); + background: -webkit-linear-gradient(top, #333333 0%, #282828 100%); + background: -o-linear-gradient(top, #333333 0%, #282828 100%); + background: -ms-linear-gradient(top, #333333 0%, #282828 100%); + background: linear-gradient(to bottom, #333333 0%, #282828 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#282828',GradientType=0 ); border-top: 1px solid #3F3F3F; } #site-title .searchform { display: none; } +#site-title #uc-site-title { + width: 400px; +} +@media (max-width: 1200px) { + #site-title #uc-site-title { + line-height: 1.5em; + font-size: 19px; + } +} #site-title #uc-site-title a { color: white; } +@media (max-width: 1200px) { + #site-title #uc-site-title a { + font-size: 22px; + } +} +@media (max-width: 991px) { + #site-title #uc-site-title { + width: auto; + } +} #site-title #site-navigation #primary-nav #menu-primary li:nth-last-child(1) a:before { content: "\E028"; font-family: "Glyphicons Regular"; @@ -8892,6 +8934,20 @@ body a { margin-bottom: 0; } } +#nav-wrapper .navbar-nav { + float: right; +} +@media (max-width: 767px) { + #nav-wrapper .navbar-nav { + float: none; + text-align: center; + } +} +@media (max-width: 1200px) { + #nav-wrapper .navbar-nav li a { + padding-left: 10px; + } +} #nav-wrapper ul li a { color: white; } @@ -8908,13 +8964,25 @@ body a { #nav-wrapper .navbar-collapse { border-color: inherit; } +#nav-wrapper .search-field { + margin-top: 12px; + font-size: 12px; + padding-left: 15px; +} +#nav-wrapper .search-field input { + border: transparent; + border-radius: 3px; + padding-top: 4px; + padding-bottom: 4px; + padding-left: 7px; +} .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background-color: transparent; color: #00a8b1 !important; } -.uc-cal { +uc-cal { padding: 0 !important; } @@ -8949,6 +9017,7 @@ ol.uc-cal-list { } .uc-iconcal .uc-cal-event-time { color: #9944a9 !important; + padding-top: 5px !important; } .uc-iconcal .uc-cal-event { padding: 2px 4px 6px 60px !important; @@ -8957,7 +9026,8 @@ ol.uc-cal-list { text-decoration: none !important; } .uc-iconcal .uc-cal-event-title { - padding-top: 6px !important; + padding-top: 3px !important; + line-height: 1.2em !important; } .uc-iconcal .uc-cal-event-title:hover { color: #9944a9 !important; @@ -8981,6 +9051,9 @@ ol.uc-cal-list { text-shadow: 0px 1px 0px white; color: #4B4B4B; } +#content .widget a { + color: #00a8b1; +} #content .widget a.btn { width: 100%; color: white; @@ -9015,6 +9088,11 @@ ol.uc-cal-list { #content .entry-content { margin: 0; } +@media (max-width: 767px) { + #content .entry-content { + padding: inherit; + } +} #content .entry-content a { text-decoration: none; } @@ -9025,10 +9103,293 @@ ol.uc-cal-list { #content .widget_black-studio-tinymce { margin-bottom: 15px !important; } +#content .in-page-list { + border: none; + background: transparent; +} +#content .btn { + color: white; + font-family: 'bebas_neue_regularregular', helvetica, arial, sans-serif; + font-size: 19px; + letter-spacing: 0.5px; + text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3); + white-space: normal !important; + line-height: 1.1em; + padding-top: 8px; +} +#content .btn-lg, #content .btn-group-lg > .btn { + padding-top: 13px; +} +#content .btn-xs, #content .btn-group-xs > .btn { + padding: 3px 10px; + font-size: 14px; +} +#content .btn-default { + color: #00a8b1; + text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7); +} +#content .btn-link { + color: #00a8b1; + text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7); +} +#content .alignleft, #content .alignright { + margin-top: 1em; + margin-bottom: 1em; +} + +.metaslider .caption-wrap { + opacity: 1 !important; + background-color: rgba(65, 178, 60, 0.7) !important; +} +.metaslider .caption-wrap .caption { + padding: 7px 12px; + font-size: 12px; + text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); + line-height: 1.3em; +} + +/* ---------------------------- Home Page Specific Styles ------------------------------- */ +body.home .entry-content { + padding-right: 10px !important; +} +body.home .panel-grid:nth-child(2) .panel-grid-cell:nth-child(1) p { + margin-bottom: 5px !important; +} +body.home .metaslider .caption-wrap { + top: 0; + width: 45%; + background-color: rgba(65, 178, 60, 0.7); + opacity: 1; +} +@media (max-width: 991px) { + body.home .metaslider .caption-wrap { + width: 100%; + } +} +@media (max-width: 767px) { + body.home .metaslider .caption-wrap { + position: relative; + } +} +body.home .metaslider .caption-wrap .caption { + padding: 12px 40px; + font-size: 14px; +} +@media (max-width: 767px) { + body.home .metaslider .caption-wrap .caption { + padding: 12px 40px 30px; + } +} +body.home .metaslider .caption-wrap h1 { + font-family: 'bebas_neue_regularregular', helvetica, arial, sans-serif; + font-size: 45px; + letter-spacing: 0.5px; + text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.6); + color: white; + line-height: 1em; +} +@media (max-width: 991px) { + body.home .metaslider .caption-wrap h1 { + font-size: 32px; + } +} +body.home .metaslider .caption-wrap p { + line-height: 1.5em; +} +body.home .metaslider .caption-wrap a.btn { + margin-top: 20px !important; + width: auto !important; + font-size: 15px !important; + padding-left: 25px; + padding-right: 25px; + padding-top: 7px !important; +} +body.home .hentry { + margin: 0; +} + +#page-page, #page-blank, #page-userlist, #page-user-profile .col-sm-9, #page-single, #page-archive { + background-color: #FAFAFA; + border: 1px solid #EBEBEB; +} +#page-page .row:nth-child(1), #page-blank .row:nth-child(1), #page-userlist .row:nth-child(1), #page-user-profile .col-sm-9 .row:nth-child(1), #page-single .row:nth-child(1), #page-archive .row:nth-child(1) { + background-color: #FAFAFA; + border: 1px solid #EBEBEB; +} +#page-page #main, #page-blank #main, #page-userlist #main, #page-user-profile .col-sm-9 #main, #page-single #main, #page-archive #main { + background-color: transparent; + padding-left: 40px; + padding-right: 40px; + margin-top: 18px; +} +#page-page h1, #page-blank h1, #page-userlist h1, #page-user-profile .col-sm-9 h1, #page-single h1, #page-archive h1 { + margin-bottom: 30px; + font-family: 'bebas_neue_regularregular', helvetica, arial, sans-serif; + font-size: 40px; + letter-spacing: 0.5px; + text-shadow: 0px 1px 0px white; + color: #4B4B4B; +} +#page-page h2, #page-blank h2, #page-userlist h2, #page-user-profile .col-sm-9 h2, #page-single h2, #page-archive h2 { + text-transform: uppercase; + color: #00a8b1; + font-size: 20px; +} + +#page-blank { + background-color: #FAFAFA; +} +#page-blank .entry-content { + margin-top: -1px; + padding-top: 40px; + padding-right: auto; +} +#page-blank .row:nth-child(1) { + background-color: #FAFAFA; + border: 1px solid #EBEBEB; +} +#page-blank .widget { + border: 0; + padding: 0; +} +#page-blank h1 { + margin-top: 0; + text-shadow: 0px 1px 0px white; + color: #4B4B4B; +} +#page-blank .menu-item { + padding: 4px 10px 4px 28px; +} +#page-blank .widget_nav_menu { + margin-left: -15px !important; +} +#page-blank .widget_nav_menu h3 { + padding-left: 28px; +} +#page-blank .menu { + margin-left: 0 !important; +} +#page-blank .current_page_item { + background-color: #c5112e; +} +#page-blank .current_page_item a { + color: white; +} +#page-blank .current_page_item a:hover { + color: #ccc; +} +#page-blank .textwidget { + padding-left: 15px; + padding-right: 15px; +} +@media (max-width: 767px) { + #page-blank .textwidget { + padding-right: 10px; + padding-left: 10px; + } +} + +#page-page .entry-content { + padding-right: 0; +} +#page-page .entry-content .widget { + padding: 0px !important; + border: none; +} +#page-page .entry-content .widget h1 { + margin-top: 0px; + margin-bottom: 20px; +} + +#page-single .widget, #page-archive .widget { + padding: 0px !important; + border: none; +} +#page-single .widget h1, #page-archive .widget h1 { + margin-top: 0px; + margin-bottom: 20px; +} +#page-single .nav-links, #page-archive .nav-links { + border: none !important; +} +#page-single .entry-meta, #page-archive .entry-meta { + margin: 20px 0; +} +#page-single .post, #page-archive .post { + padding-left: 0; +} +#page-single .comments-link, #page-archive .comments-link { + display: none; +} +#page-single .edit-link, #page-archive .edit-link { + margin-left: 10px; +} +#page-single .page-title, #page-archive .page-title { + margin-bottom: 0; + color: #bbb; +} +#page-single #secondary, #page-archive #secondary { + margin-top: 50px !important; +} +#page-single #secondary .searchform, #page-archive #secondary .searchform { + display: none; +} +#page-single #secondary #meta, #page-archive #secondary #meta { + display: none; +} + +/* ----------------------------- UUP ----------------------------- */ +.uup-title { + font-style: italic; +} + +.uup-list .uup-item { + float: left; + width: 50%; +} + +/* ----------------------------- FOOTER ----------------------------- */ +.footer-img { + margin-top: 20px; + height: 90px; + background-image: url("../img/ece_title.png"); + background-repeat: no-repeat; + background-size: calc(90%); + background-position: center center; +} +@media (max-width: 1200px) { + .footer-img { + height: 70px; + } +} +@media (max-width: 991px) { + .footer-img { + height: 60px; + } +} +@media (max-width: 767px) { + .footer-img { + height: 50px; + } +} +@media (max-width: 550px) { + .footer-img { + height: 30px; + } +} #footers { - background-color: #313131; - border-top: 1px solid #9944a9; + border-top: none; + padding-top: 2px; + background: #43b23a; + background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQzYjIzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE5JSIgc3RvcC1jb2xvcj0iIzQzYjIzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iIzAwYThiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iIzAwYThiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzk3NDVhOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU5JSIgc3RvcC1jb2xvcj0iIzk3NDVhOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2Y3OGExMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc5JSIgc3RvcC1jb2xvcj0iI2Y3OGExMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgxJSIgc3RvcC1jb2xvcj0iI2M1MTEyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNTExMmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: -moz-linear-gradient(left, #43b23a 0%, #43b23a 19%, #00a8b1 20%, #00a8b1 39%, #9745a9 40%, #9745a9 59%, #f78a11 60%, #f78a11 79%, #c5112e 81%, #c5112e 100%); + background: -webkit-gradient(linear, left top, right top, color-stop(0%, #43b23a), color-stop(19%, #43b23a), color-stop(20%, #00a8b1), color-stop(39%, #00a8b1), color-stop(40%, #9745a9), color-stop(59%, #9745a9), color-stop(60%, #f78a11), color-stop(79%, #f78a11), color-stop(81%, #c5112e), color-stop(100%, #c5112e)); + background: -webkit-linear-gradient(left, #43b23a 0%, #43b23a 19%, #00a8b1 20%, #00a8b1 39%, #9745a9 40%, #9745a9 59%, #f78a11 60%, #f78a11 79%, #c5112e 81%, #c5112e 100%); + background: -o-linear-gradient(left, #43b23a 0%, #43b23a 19%, #00a8b1 20%, #00a8b1 39%, #9745a9 40%, #9745a9 59%, #f78a11 60%, #f78a11 79%, #c5112e 81%, #c5112e 100%); + background: -ms-linear-gradient(left, #43b23a 0%, #43b23a 19%, #00a8b1 20%, #00a8b1 39%, #9745a9 40%, #9745a9 59%, #f78a11 60%, #f78a11 79%, #c5112e 81%, #c5112e 100%); + background: linear-gradient(to right, #43b23a 0%, #43b23a 19%, #00a8b1 20%, #00a8b1 39%, #9745a9 40%, #9745a9 59%, #f78a11 60%, #f78a11 79%, #c5112e 81%, #c5112e 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#43b23a', endColorstr='#c5112e',GradientType=1 ); } #footers .widget { background-color: transparent; @@ -9081,6 +9442,7 @@ ol.uc-cal-list { color: white; font-size: 12px; padding-top: 0px; + background-color: #313131; } #footers #footer a { color: white; @@ -9089,3 +9451,6 @@ ol.uc-cal-list { #footers #footer #uc-footer-links { text-align: center; } +#footers #mega-footer { + background-color: #313131; +} diff --git a/footer.php b/footer.php deleted file mode 100644 index 6bbcc78..0000000 --- a/footer.php +++ /dev/null @@ -1,81 +0,0 @@ - - - - -
- - -
- - - - - - diff --git a/header.php b/header.php index 3b8c199..909bc13 100644 --- a/header.php +++ b/header.php @@ -41,12 +41,12 @@ if (/*@cc_on!@*/false) {
-
+
-
+
diff --git a/img/ece_title.png b/img/ece_title.png new file mode 100644 index 0000000..e9da470 Binary files /dev/null and b/img/ece_title.png differ diff --git a/js/custom.js b/js/custom.js index 91f6163..8c8b4bb 100644 --- a/js/custom.js +++ b/js/custom.js @@ -1,8 +1,37 @@ jQuery(document).ready(function($) { - $( ".social-vimeo > a" ).html( "DONATE" ); -}); - - - + + $( ".social-vimeo > a" ).html( "DONATE" ); + + var search = ''; + var active = false; + $('.search').on('click',function(e){ + if($(e.target).attr('id')=='s') return; + active = true; + search = $(e.target).parent().html(); + $('.search').fadeOut(500,function(){ + $(this).html('
').fadeIn(500); + $(this).addClass('search-field'); + }); + }); + + $('body').on('click',function(e){ + if($(e.target).attr('id')=='s') return; + if($(e.target).parent().html()== search) return; + if(!active) return; + active = false; + $('.search').fadeOut(500,function(){ + $(this).html(search).fadeIn(500); + $('.search').removeClass('search-field'); + }); + }); + + $( "#footers" ).before( "
" ); + + + +}); + + + \ No newline at end of file diff --git a/js/min/custom.min.js b/js/min/custom.min.js index 968b0b6..b4fedb1 100644 --- a/js/min/custom.min.js +++ b/js/min/custom.min.js @@ -1 +1 @@ -jQuery(document).ready(function(e){e(".social-vimeo > a").html("DONATE")}); \ No newline at end of file +jQuery(document).ready(function(t){t(".social-vimeo > a").html("DONATE");var e="",a=!1;t(".search").on("click",function(o){"s"!=t(o.target).attr("id")&&(a=!0,e=t(o.target).parent().html(),t(".search").fadeOut(500,function(){t(this).html('
').fadeIn(500),t(this).addClass("search-field")}))}),t("body").on("click",function(o){"s"!=t(o.target).attr("id")&&t(o.target).parent().html()!=e&&a&&(a=!1,t(".search").fadeOut(500,function(){t(this).html(e).fadeIn(500),t(".search").removeClass("search-field")}))}),t("#footers").before("
")}); \ No newline at end of file diff --git a/page-home.php b/page-home.php new file mode 100644 index 0000000..fb315d4 --- /dev/null +++ b/page-home.php @@ -0,0 +1,18 @@ + +
+ +
+
+ +
+
+ +
+ diff --git a/sass/ece.scss b/sass/ece.scss index 924e294..0a8fac3 100644 --- a/sass/ece.scss +++ b/sass/ece.scss @@ -12,9 +12,24 @@ body { a { text-decoration: none; + color:$teal; } } +p { + line-height: 1.7em; + margin: 0 0 20px; +} + +h1, .h1, h2, .h2, h3, .h3 { + margin:20px 0px +} + +.hidden {display: none;} + + +/* ---------------------------- Masthead & Nav ------------------------------ */ + #masthead { margin-top: -1px; } @@ -26,7 +41,15 @@ body { #site-title { - background-color: #333333; + background: #333333; + background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyODI4MjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: -moz-linear-gradient(top, #333333 0%, #282828 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#282828)); + background: -webkit-linear-gradient(top, #333333 0%,#282828 100%); + background: -o-linear-gradient(top, #333333 0%,#282828 100%); + background: -ms-linear-gradient(top, #333333 0%,#282828 100%); + background: linear-gradient(to bottom, #333333 0%,#282828 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#282828',GradientType=0 ); border-top:1px solid #3F3F3F; @@ -35,9 +58,21 @@ body { } #uc-site-title { + width:400px; + + @media (max-width:1200px) { + line-height: 1.5em; + font-size:19px; + } a { color:white; + + @media (max-width:1200px) { + font-size:22px; + } } + @media (max-width:991px) { + width:auto; } } #site-navigation { @@ -89,6 +124,24 @@ body { } } + .navbar-nav { + float:right; + + @media (max-width:767px) { + float:none; + text-align: center; + } + + + li { + a { + @media (max-width:1200px) { + padding-left:10px; + } + } + } + } + ul { li { a { @@ -112,15 +165,31 @@ body { .navbar-collapse { border-color: inherit; + } + + .search-field { + margin-top:12px; + font-size:12px; + padding-left:15px; + + input { + border:transparent; + border-radius: 3px; + padding-top:4px; + padding-bottom:4px; + padding-left: 7px; + } } } + .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background-color:transparent; color:$teal !important; } -.uc-cal { + +uc-cal { padding:0 !important; } @@ -160,6 +229,7 @@ ol.uc-cal-list { .uc-cal-event-time { color:$purple !important; + padding-top:5px !important; } @@ -171,7 +241,8 @@ ol.uc-cal-list { } .uc-cal-event-title { - padding-top:6px !important; + padding-top: 3px !important; + line-height:1.2em !important; } .uc-cal-event-title:hover { color:$purple !important; @@ -181,12 +252,10 @@ ol.uc-cal-list { min-height: 50px; } - - } - + #content { .widget { @@ -205,6 +274,10 @@ ol.uc-cal-list { text-shadow: 0px 1px 0px white; color:#4B4B4B; } + a { + color:$teal; + } + a.btn { width:100%; color:white; @@ -217,6 +290,8 @@ ol.uc-cal-list { margin-top:5px; padding-top:8px; } + + article { padding:0; } @@ -243,25 +318,359 @@ ol.uc-cal-list { } } .entry-content { + + + @media (max-width:767px) { + padding:inherit; + } + a { + text-decoration: none; + } + a:hover { + text-decoration: underline; + color:$teal; + } + + margin:0; + } + + .widget_black-studio-tinymce { + margin-bottom: 15px !important; + } + + .in-page-list { + border:none; + background:transparent; + } + + .btn { + color:white; + font-family: 'bebas_neue_regularregular', helvetica, arial, sans-serif; + font-size:19px; + letter-spacing:0.5px; + text-shadow: 0px 1px 0px rgba(0,0,0,0.3); + white-space:normal !important; + line-height:1.1em; + padding-top:8px; + } + + .btn-lg { + padding-top:13px; + } + .btn-xs { + padding:3px 10px; + font-size:14px; + } + + .btn-default { + color:$teal; + text-shadow: 0px 1px 0px rgba(255,255,255,0.7); + } + + .btn-link { + color:$teal; + text-shadow: 0px 1px 0px rgba(255,255,255,0.7); + } + + .alignleft, .alignright { + margin-top:1em; + margin-bottom:1em; + } +} + + + +.metaslider .caption-wrap { + opacity:1 !important; + background-color:rgba(65, 178, 60,0.7) !important; + + .caption { + padding:7px 12px; + font-size:12px; + text-shadow: 0px 1px 0px rgba(0,0,0,0.5); + line-height:1.3em; + } +} + + +/* ---------------------------- Home Page Specific Styles ------------------------------- */ + +body.home { + .entry-content { + padding-right:10px !important; + } + .panel-grid:nth-child(2) { + .panel-grid-cell:nth-child(1) { + p { + margin-bottom:5px !important; + } + } + } + .metaslider .caption-wrap { + top:0; + width:45%; + background-color:rgba(65, 178, 60,0.7); + opacity:1; + + @media (max-width:991px) { + width:100%; + } + @media (max-width:767px) { + position:relative; + } + + .caption { + padding: 12px 40px; + font-size:14px; + + @media (max-width:767px) { + padding: 12px 40px 30px; + } + } + + + + h1 { + font-family: 'bebas_neue_regularregular', helvetica, arial, sans-serif; + font-size:45px; + letter-spacing:0.5px; + text-shadow: 0px 1px 0px rgba(0,0,0,0.6); + color:white; + line-height: 1em; + + @media (max-width:991px) { + font-size:32px; + } + } + + p { + line-height: 1.5em; + } + + a.btn { + margin-top:20px !important; + width:auto !important; + font-size:15px !important; + padding-left:25px; + padding-right:25px; + padding-top:7px !important; + } + } + .hentry{ + margin:0; + } +} + + + + +#page-page, #page-blank, #page-userlist, #page-user-profile .col-sm-9, #page-single, #page-archive { + background-color:#FAFAFA; + border:1px solid #EBEBEB; + + .row:nth-child(1) { + background-color:#FAFAFA; + border:1px solid #EBEBEB; + } + + #main { + background-color:transparent; + padding-left:40px; + padding-right:40px; + margin-top:18px; + } + + h1 { + margin-bottom:30px; + font-family: 'bebas_neue_regularregular', helvetica, arial, sans-serif; + font-size:40px; + letter-spacing:0.5px; + text-shadow: 0px 1px 0px white; + color:#4B4B4B; + } + + h2 { + text-transform: uppercase; + color:$teal; + font-size:20px; + } +} + +#page-blank { + background-color:#FAFAFA; + + .entry-content { + margin-top:-1px; + padding-top:40px; + padding-right:auto;; + } + .row:nth-child(1) { + background-color:#FAFAFA; + border:1px solid #EBEBEB; + } + + .widget { + border:0; + padding:0; + } + h1 { + margin-top:0; + text-shadow: 0px 1px 0px white; + color:#4B4B4B; + } + + .menu-item { + padding: 4px 10px 4px 28px; + } + + .widget_nav_menu { + margin-left:-15px !important; + + h3 { + padding-left:28px; + } + } + + .menu { + margin-left:0 !important; + } + + .current_page_item { + background-color:$red; a { - text-decoration: none; + color:white; } a:hover { - text-decoration: underline; - color:$teal; + color:#ccc; } + } + + .textwidget { + padding-left: 15px; + padding-right:15px; - margin:0; + @media (max-width:767px) { + padding-right: 10px; + padding-left: 10px; + } } - .widget_black-studio-tinymce { - margin-bottom: 15px !important; +} + +#page-page { + .entry-content { + padding-right:0; + + .widget { + padding:0px !important; + border:none; + + h1 { + margin-top:0px; + margin-bottom:20px; + } + } } } +#page-single, #page-archive { + .widget { + padding:0px !important; + border:none; + + h1 { + margin-top:0px; + margin-bottom:20px; + } + } + + .nav-links { + border:none !important; + } + + .entry-meta { + margin: 20px 0; + } + + .post { + padding-left:0; + } + .comments-link { + display: none; + } + .edit-link { + margin-left:10px; + } + + .page-title { + margin-bottom:0; + color:#bbb; + } + #secondary { + margin-top:50px !important; + + .searchform { + display: none; + } + #meta { + display: none; + } + } + + +} + +/* ----------------------------- UUP ----------------------------- */ + +.uup-title { + font-style: italic; +} + +.uup-list .uup-item { + float: left; + width: 50%; +} + + +/* ----------------------------- FOOTER ----------------------------- */ + +.footer-img { + margin-top:20px; + height:90px; + background-image: url('../img/ece_title.png'); + background-repeat: no-repeat; + background-size: calc(90%); + background-position: center center; + + @media (max-width:1200px) { + height:70px; + } + @media (max-width:991px) { + height:60px; + } + @media (max-width:767px) { + height:50px; + } + @media (max-width:550px) { + height:30px; + } + +} + + #footers { - background-color:#313131; - border-top:1px solid $purple; + border-top:none; + padding-top:2px; + background: #43b23a; + background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQzYjIzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE5JSIgc3RvcC1jb2xvcj0iIzQzYjIzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iIzAwYThiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iIzAwYThiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzk3NDVhOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU5JSIgc3RvcC1jb2xvcj0iIzk3NDVhOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2Y3OGExMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc5JSIgc3RvcC1jb2xvcj0iI2Y3OGExMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgxJSIgc3RvcC1jb2xvcj0iI2M1MTEyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNTExMmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: -moz-linear-gradient(left, #43b23a 0%, #43b23a 19%, #00a8b1 20%, #00a8b1 39%, #9745a9 40%, #9745a9 59%, #f78a11 60%, #f78a11 79%, #c5112e 81%, #c5112e 100%); + background: -webkit-gradient(linear, left top, right top, color-stop(0%,#43b23a), color-stop(19%,#43b23a), color-stop(20%,#00a8b1), color-stop(39%,#00a8b1), color-stop(40%,#9745a9), color-stop(59%,#9745a9), color-stop(60%,#f78a11), color-stop(79%,#f78a11), color-stop(81%,#c5112e), color-stop(100%,#c5112e)); + background: -webkit-linear-gradient(left, #43b23a 0%,#43b23a 19%,#00a8b1 20%,#00a8b1 39%,#9745a9 40%,#9745a9 59%,#f78a11 60%,#f78a11 79%,#c5112e 81%,#c5112e 100%); + background: -o-linear-gradient(left, #43b23a 0%,#43b23a 19%,#00a8b1 20%,#00a8b1 39%,#9745a9 40%,#9745a9 59%,#f78a11 60%,#f78a11 79%,#c5112e 81%,#c5112e 100%); + background: -ms-linear-gradient(left, #43b23a 0%,#43b23a 19%,#00a8b1 20%,#00a8b1 39%,#9745a9 40%,#9745a9 59%,#f78a11 60%,#f78a11 79%,#c5112e 81%,#c5112e 100%); + background: linear-gradient(to right, #43b23a 0%,#43b23a 19%,#00a8b1 20%,#00a8b1 39%,#9745a9 40%,#9745a9 59%,#f78a11 60%,#f78a11 79%,#c5112e 81%,#c5112e 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43b23a', endColorstr='#c5112e',GradientType=1 ); + .widget { background-color:transparent; @@ -328,7 +737,8 @@ ol.uc-cal-list { color:white; font-size:12px; padding-top:0px; - + background-color:#313131; + a { color:white; font-size:12px; @@ -337,6 +747,10 @@ ol.uc-cal-list { text-align: center; } } + #mega-footer { + background-color:#313131; + } + }