From 04a6784a3138256d89f6727cf6a3eaf6bf98b2f2 Mon Sep 17 00:00:00 2001 From: Ashraf Abed Date: Tue, 26 May 2015 23:00:19 -0400 Subject: [PATCH] Updated homepage --- .../css/debug_academy_theme.css | 348 ++++++++++++++++++ .../scss/debug_academy_theme.scss | 339 +++++++++++++++++ 2 files changed, 687 insertions(+) diff --git a/sites/all/themes/debug_academy_theme/css/debug_academy_theme.css b/sites/all/themes/debug_academy_theme/css/debug_academy_theme.css index be4a6b3..5084cdf 100644 --- a/sites/all/themes/debug_academy_theme/css/debug_academy_theme.css +++ b/sites/all/themes/debug_academy_theme/css/debug_academy_theme.css @@ -7350,3 +7350,351 @@ a.th { color: #000; background-color: #f2f2f2; } + +/* Homepage */ +/* Header */ +/* line 78, ../scss/debug_academy_theme.scss */ +.front { + /*Students and Employers blocks*/ + /* + * + * + * + Tabbed section + * + * + * + */ + /*First tab inactive state*/ + /*First tab active state*/ + /*Second tab inactive state*/ + /*Second tab active state*/ + /*Third tab inactive state*/ + /*Third tab active state*/ + /*Fourth (last) tab inactive state*/ + /*Fourth (last) tab active state*/ + /* + * + * + * + JOIN THE MOVEMENT + * + * + * + */ + /*hide link text*/ + /* + * + * + * + How we're different Pane section + * + * + * + */ + /* + * + * + * + Previous Graduate Statistics Pane section + * + * + * + */ +} +/* line 79, ../scss/debug_academy_theme.scss */ +.front main.row { + max-width: none; +} +/* line 82, ../scss/debug_academy_theme.scss */ +.front .column, .front .columns { + padding: 0; +} +/* line 85, ../scss/debug_academy_theme.scss */ +.front hr { + width: 4rem; + margin-bottom: 2.6rem; +} +/* line 90, ../scss/debug_academy_theme.scss */ +.front .hr-light { + border-color: #E4E4E4; +} +/* line 94, ../scss/debug_academy_theme.scss */ +.front .panel-1col { + text-align: center; +} +/* line 98, ../scss/debug_academy_theme.scss */ +.front #mini-panel-main_section .panel-col-first { + height: 1rem; +} +/* line 102, ../scss/debug_academy_theme.scss */ +.front #mini-panel-main_section .panel-col { + width: 50%; +} +/* line 106, ../scss/debug_academy_theme.scss */ +.front #mini-panel-main_section h1 { + font-size: 4rem; + color: #FFFFFF; +} +/* line 111, ../scss/debug_academy_theme.scss */ +.front #mini-panel-main_section .panel-col-last { + height: 22rem; +} +@media all and (min-width: 1329px) { + /* line 117, ../scss/debug_academy_theme.scss */ + .front #hire-bubble { + margin: 0; + text-align: left; + top: 10rem; + background-color: #F67C32; + padding-left: 1rem; + border-radius: 1rem; + color: #FFFFFF; + width: 19rem; + position: relative; + font-size: 0.9rem; + } +} +@media all and (max-width: 1329px) { + /* line 133, ../scss/debug_academy_theme.scss */ + .front #hire-bubble { + display: none; + } +} +/* line 138, ../scss/debug_academy_theme.scss */ +.front #second-sidebar { + padding: 0; +} +/* line 143, ../scss/debug_academy_theme.scss */ +.front .panel-col-bottom .pane-block { + text-align: left; + font-size: 0.9rem; + margin: 1rem; + margin-bottom: 0; + background: rgba(128, 128, 128, 0.5); + color: #FFFFFF; + display: inline-block; + position: relative; + bottom: -2.8rem; +} +/* line 155, ../scss/debug_academy_theme.scss */ +.front .main-pane { + text-align: left; + font-size: 0.9rem; + margin: 1rem; + margin-bottom: 0; + background: rgba(128, 128, 128, 0.5); + color: #FFFFFF; + display: inline-block; + position: relative; + bottom: -45px; +} +/* line 167, ../scss/debug_academy_theme.scss */ +.front .main-pane img { + display: block; +} +/* line 171, ../scss/debug_academy_theme.scss */ +.front .left-padding { + padding-left: 1rem; +} +/* line 175, ../scss/debug_academy_theme.scss */ +.front .right-padding { + padding-right: 1rem; +} +/* line 179, ../scss/debug_academy_theme.scss */ +.front .panel-col-bottom .pane-title { + border-bottom: 0.15rem solid gray; + width: 4.8rem; + margin-left: 1rem; +} +/* line 185, ../scss/debug_academy_theme.scss */ +.front .panel-separator { + display: none; +} +/* line 189, ../scss/debug_academy_theme.scss */ +.front #mini-panel-main_section { + background-image: url("/sites/all/themes/debuga_theme2/images/main-image.png"); + background-size: cover; + background-repeat: no-repeat; + margin-bottom: 3.4rem; +} +/* line 206, ../scss/debug_academy_theme.scss */ +.front #mini-panel-logistics_section { + margin-top: 6rem; + margin-bottom: 3rem; +} +/* line 211, ../scss/debug_academy_theme.scss */ +.front #tabs-logistics_section-middle { + border: none; + text-align: center; +} +/* line 215, ../scss/debug_academy_theme.scss */ +.front #tabs-logistics_section-middle .item-list { + display: inline-block; +} +/* line 219, ../scss/debug_academy_theme.scss */ +.front #tabs-logistics_section-middle .ui-tabs-panel { + text-align: left; + margin: 0 auto; + border: 0.2rem solid #E5E5E5; + width: 52rem; +} +/* line 226, ../scss/debug_academy_theme.scss */ +.front .tab-header { + font-size: 1.4rem; + margin-top: 0; +} +/* line 231, ../scss/debug_academy_theme.scss */ +.front #tabs-logistics_section-middle a { + text-decoration: none; +} +/* line 235, ../scss/debug_academy_theme.scss */ +.front #tabs-logistics_section-middle p { + font-size: 0.8rem; +} +/* line 239, ../scss/debug_academy_theme.scss */ +.front #tabs-logistics_section-middle .item-list a { + padding: 0; + margin: 0; + color: transparent; + width: 13.4375rem; + height: 10rem; +} +/* line 247, ../scss/debug_academy_theme.scss */ +.front #tabs-logistics_section-middle li { + margin: 0.25rem; +} +/* line 252, ../scss/debug_academy_theme.scss */ +.front #tabs-logistics_section-middle .ui-tabs-nav .first a { + background-image: url("/sites/all/themes/debuga_theme2/images/teaching-next-inactive.png"); + background-size: contain; + background-repeat: no-repeat; +} +/* line 259, ../scss/debug_academy_theme.scss */ +.front #tabs-logistics_section-middle .ui-tabs-nav li.first.ui-state-active a { + background-image: url("/sites/all/themes/debuga_theme2/images/teaching-next-active.png"); + background-size: contain; + background-repeat: no-repeat; +} +/* line 266, ../scss/debug_academy_theme.scss */ +.front #tabs-logistics_section-middle .ui-tabs-nav li:nth-child(2) a { + background-image: url("/sites/all/themes/debuga_theme2/images/class-over-inactive.png"); + background-size: contain; + background-repeat: no-repeat; +} +/* line 273, ../scss/debug_academy_theme.scss */ +.front #tabs-logistics_section-middle .ui-tabs-nav li:nth-child(2).ui-state-active a { + background-image: url("/sites/all/themes/debuga_theme2/images/class-over-active.png"); + background-size: contain; + background-repeat: no-repeat; +} +/* line 280, ../scss/debug_academy_theme.scss */ +.front #tabs-logistics_section-middle .ui-tabs-nav li:nth-child(3) a { + background-image: url("/sites/all/themes/debuga_theme2/images/location-tab-inactive.png"); + background-size: contain; + background-repeat: no-repeat; +} +/* line 287, ../scss/debug_academy_theme.scss */ +.front #tabs-logistics_section-middle .ui-tabs-nav li:nth-child(3).ui-state-active a { + background-image: url("/sites/all/themes/debuga_theme2/images/location-tab-active.png"); + background-size: contain; + background-repeat: no-repeat; +} +/* line 294, ../scss/debug_academy_theme.scss */ +.front #tabs-logistics_section-middle .ui-tabs-nav .last a { + background-image: url("/sites/all/themes/debuga_theme2/images/payment-tab-inactive.png"); + background-size: contain; + background-repeat: no-repeat; +} +/* line 301, ../scss/debug_academy_theme.scss */ +.front #tabs-logistics_section-middle .ui-tabs-nav li.last.ui-state-active a { + background-image: url("/sites/all/themes/debuga_theme2/images/payment-tab-active.png"); + background-size: contain; + background-repeat: no-repeat; +} +/* line 307, ../scss/debug_academy_theme.scss */ +.front #tabs-logistics_section-middle ul, .front #tabs-logistics_section-middle li { + background: none; + border: none; +} +/* line 321, ../scss/debug_academy_theme.scss */ +.front #join-movement { + background-image: url("/sites/all/themes/debuga_theme2/images/movement-bg.png"); + background-size: cover; + background-repeat: no-repeat; + margin-bottom: 3rem; + padding-bottom: 3rem; +} +/* line 329, ../scss/debug_academy_theme.scss */ +.front #join-movement .pane-title { + padding-top: 3rem; + margin: 0; + font-size: 3rem; + color: #FFFFFF; +} +/* line 336, ../scss/debug_academy_theme.scss */ +.front #apply-today, .front #teaching-next, .front #class-over, .front #next-location, .front #payment-info, +.front #apply-now, .front #hire-class { + font-size: 0; + color: transparent; + line-height: 0; +} +/* line 353, ../scss/debug_academy_theme.scss */ +.front #how-different { + width: 54rem; + font-size: 0.9rem; + margin: 3rem auto; +} +/* line 359, ../scss/debug_academy_theme.scss */ +.front #how-different .pane-title { + margin-bottom: 0; + font-size: 1.3rem; +} +/* line 364, ../scss/debug_academy_theme.scss */ +.front #how-different .pane-content ul { + margin: 0; + padding: 0; + display: inline-block; +} +/* line 370, ../scss/debug_academy_theme.scss */ +.front #how-different .pane-content li { + list-style: none; + background: url("/sites/all/themes/debuga_theme2/images/orange-check.png") no-repeat left top; + padding-left: 2rem; + margin-bottom: 1rem; + text-align: left; + vertical-align: middle; +} +/* line 379, ../scss/debug_academy_theme.scss */ +.front .left { + text-align: left; +} +/* line 392, ../scss/debug_academy_theme.scss */ +.front #grad-stats { + background-image: url("/sites/all/themes/debuga_theme2/images/statistics-bg.png"); + background-size: cover; + background-repeat: no-repeat; + margin-bottom: 3rem; + padding-bottom: 3rem; +} +/* line 400, ../scss/debug_academy_theme.scss */ +.front #grad-stats .pane-title { + padding-top: 3rem; + margin: 0; + color: #FFFFFF; +} +@media all and (max-width: 920px) { + /* line 408, ../scss/debug_academy_theme.scss */ + .front #tabs-logistics_section-middle .ui-tabs-panel { + width: auto; + display: block !important; + } + /* line 409, ../scss/debug_academy_theme.scss */ + .front #how-different { + width: auto; + } + /* line 410, ../scss/debug_academy_theme.scss */ + .front #tabs-logistics_section-middle .item-list { + display: none; + } +} diff --git a/sites/all/themes/debug_academy_theme/scss/debug_academy_theme.scss b/sites/all/themes/debug_academy_theme/scss/debug_academy_theme.scss index 68607c3..49147b8 100644 --- a/sites/all/themes/debug_academy_theme/scss/debug_academy_theme.scss +++ b/sites/all/themes/debug_academy_theme/scss/debug_academy_theme.scss @@ -71,3 +71,342 @@ color:#000; background-color:#f2f2f2; } + +/* Homepage */ + +/* Header */ +.front { + main.row { + max-width: none; + } + .column, .columns { + padding: 0; + } + hr{ + width:4rem; + margin-bottom:2.6rem; + } + + .hr-light{ + border-color: #E4E4E4; + } + + .panel-1col { + text-align: center; + } + + #mini-panel-main_section .panel-col-first{ + height:1rem; + } + + #mini-panel-main_section .panel-col{ + width:50%; + } + + #mini-panel-main_section h1{ + font-size: 4rem; + color: #FFFFFF; + } + + #mini-panel-main_section .panel-col-last { + height: 22rem; + } + + @media all + and (min-width : 1329px) { + #hire-bubble{ + margin:0; + text-align: left; + top:10rem; + background-color: #F67C32; + padding-left: 1rem; + border-radius: 1rem; + color: #FFFFFF; + width:19rem; + position:relative; + font-size: 0.9rem; + } + } + + @media all + and (max-width : 1329px) { + #hire-bubble{ + display:none; + } + } + + #second-sidebar{ + padding:0 + } + + /*Students and Employers blocks*/ + .panel-col-bottom .pane-block { + text-align: left; + font-size: 0.9rem; + margin: 1rem; + margin-bottom:0; + background: rgba(128, 128, 128, .5); + color: #FFFFFF; + display: inline-block; + position:relative; + bottom: -2.8rem; + } + + .main-pane{ + text-align: left; + font-size: 0.9rem; + margin: 1rem; + margin-bottom:0; + background: rgba(128, 128, 128, .5); + color: #FFFFFF; + display: inline-block; + position:relative; + bottom: -45px; + } + + .main-pane img{ + display: block; + } + + .left-padding{ + padding-left: 1rem; + } + + .right-padding{ + padding-right:1rem; + } + + .panel-col-bottom .pane-title { + border-bottom: 0.15rem solid gray; + width:4.8rem; + margin-left: 1rem; + } + + .panel-separator { + display: none; + } + + #mini-panel-main_section{ + background-image: url("/sites/all/themes/debuga_theme2/images/main-image.png"); + background-size: cover; + background-repeat:no-repeat; + margin-bottom: 3.4rem; + } + + /* + * + * + * + Tabbed section + * + * + * + */ + + #mini-panel-logistics_section{ + margin-top: 6rem; + margin-bottom: 3rem; + } + + #tabs-logistics_section-middle{ + border: none; + text-align:center; + } + #tabs-logistics_section-middle .item-list{ + display:inline-block; + } + + #tabs-logistics_section-middle .ui-tabs-panel{ + text-align:left; + margin:0 auto; + border:0.2rem solid #E5E5E5; + width:52rem; + } + + .tab-header{ + font-size:1.4rem; + margin-top:0; + } + + #tabs-logistics_section-middle a{ + text-decoration:none; + } + + #tabs-logistics_section-middle p{ + font-size: 0.8rem; + } + + #tabs-logistics_section-middle .item-list a{ + padding: 0; + margin: 0; + color: transparent; + width:13.4375rem; + height:10rem; + } + + #tabs-logistics_section-middle li{ + margin:0.25rem + } + + /*First tab inactive state*/ + #tabs-logistics_section-middle .ui-tabs-nav .first a{ + background-image:url("/sites/all/themes/debuga_theme2/images/teaching-next-inactive.png"); + background-size:contain; + background-repeat:no-repeat; + } + + /*First tab active state*/ + #tabs-logistics_section-middle .ui-tabs-nav li.first.ui-state-active a{ + background-image:url("/sites/all/themes/debuga_theme2/images/teaching-next-active.png"); + background-size:contain; + background-repeat:no-repeat; + } + + /*Second tab inactive state*/ + #tabs-logistics_section-middle .ui-tabs-nav li:nth-child(2) a { + background-image:url("/sites/all/themes/debuga_theme2/images/class-over-inactive.png"); + background-size:contain; + background-repeat:no-repeat; + } + + /*Second tab active state*/ + #tabs-logistics_section-middle .ui-tabs-nav li:nth-child(2).ui-state-active a { + background-image:url("/sites/all/themes/debuga_theme2/images/class-over-active.png"); + background-size:contain; + background-repeat:no-repeat; + } + + /*Third tab inactive state*/ + #tabs-logistics_section-middle .ui-tabs-nav li:nth-child(3) a { + background-image:url("/sites/all/themes/debuga_theme2/images/location-tab-inactive.png"); + background-size:contain; + background-repeat:no-repeat; + } + + /*Third tab active state*/ + #tabs-logistics_section-middle .ui-tabs-nav li:nth-child(3).ui-state-active a { + background-image:url("/sites/all/themes/debuga_theme2/images/location-tab-active.png"); + background-size:contain; + background-repeat:no-repeat; + } + + /*Fourth (last) tab inactive state*/ + #tabs-logistics_section-middle .ui-tabs-nav .last a{ + background-image:url("/sites/all/themes/debuga_theme2/images/payment-tab-inactive.png"); + background-size:contain; + background-repeat:no-repeat; + } + + /*Fourth (last) tab active state*/ + #tabs-logistics_section-middle .ui-tabs-nav li.last.ui-state-active a{ + background-image:url("/sites/all/themes/debuga_theme2/images/payment-tab-active.png"); + background-size:contain; + background-repeat:no-repeat; + } + + #tabs-logistics_section-middle ul, #tabs-logistics_section-middle li { + background:none; + border:none; + } + + /* + * + * + * + JOIN THE MOVEMENT + * + * + * + */ + #join-movement{ + background-image: url("/sites/all/themes/debuga_theme2/images/movement-bg.png"); + background-size: cover; + background-repeat:no-repeat; + margin-bottom: 3rem; + padding-bottom: 3rem; + } + + #join-movement .pane-title{ + padding-top:3rem; + margin: 0; + font-size:3rem; + color: #FFFFFF; + } + /*hide link text*/ + #apply-today,#teaching-next,#class-over,#next-location, #payment-info, + #apply-now, #hire-class{ + font-size: 0; + color: transparent; + line-height: 0; + } + + + /* + * + * + * + How we're different Pane section + * + * + * + */ + #how-different{ + width: 54rem; + font-size:0.9rem; + margin: 3rem auto; + } + + #how-different .pane-title{ + margin-bottom: 0; + font-size: 1.3rem; + } + + #how-different .pane-content ul{ + margin: 0; + padding: 0; + display: inline-block; + } + + #how-different .pane-content li{ + list-style:none; + background: url("/sites/all/themes/debuga_theme2/images/orange-check.png") no-repeat left top; + padding-left:2rem; + margin-bottom:1rem; + text-align:left; + vertical-align: middle; + } + + .left{ + text-align:left; + } + + /* + * + * + * + Previous Graduate Statistics Pane section + * + * + * + */ + #grad-stats{ + background-image: url("/sites/all/themes/debuga_theme2/images/statistics-bg.png"); + background-size: cover; + background-repeat:no-repeat; + margin-bottom: 3rem; + padding-bottom: 3rem; + } + + #grad-stats .pane-title{ + padding-top:3rem; + margin: 0; + color: #FFFFFF; + } + + @media all + and (max-width : 920px) { + #tabs-logistics_section-middle .ui-tabs-panel{width:auto; display:block !important;} + #how-different{width:auto;} + #tabs-logistics_section-middle .item-list{display:none;} + } +} \ No newline at end of file