From aabfc20de505748b4256931f637b2b58756afc6d Mon Sep 17 00:00:00 2001 From: Thabo Date: Tue, 27 Oct 2015 20:48:58 -0700 Subject: [PATCH 01/33] restore reverted changes for sup-2131 --- src/css/advanced-search.css | 72 +- src/css/base-responsive.css | 154 +-- src/css/base.css | 76 +- src/css/challenge-detail-software.css | 302 +++++- src/css/challenge-submit.css | 7 +- src/css/community-landing.css | 105 +- src/css/style-404page.css | 10 +- src/css/style-challenges-responsive.css | 8 +- src/css/style-challenges.css | 412 +++++++- src/css/style-responsive.css | 417 ++++---- src/css/style.css | 975 +++++++++++------- src/js/app/challenge-details/index.html | 362 ++++++- ...g-content-basic-challenge-details.tpl.html | 342 +----- src/js/app/challenges/css/ngchallenges.css | 14 +- .../jsx/build/challenge-grid-view.js | 93 +- .../challenges/jsx/src/challenge-grid-view.js | 9 +- src/js/scripts.js | 110 +- .../TcApi-hookup/includes/ajax_func.php | 2 +- .../TcApi-hookup/includes/i/ajax_func.php | 68 +- .../plugins/TcApi-hookup/includes/widget.php | 99 +- .../config/script-register.json | 5 +- .../tcs-responsive/i/chevron-left-design.png | Bin 0 -> 139 bytes .../tcs-responsive/i/close-tag-blue.png | Bin 0 -> 111 bytes .../i/ico-competitive-develop-challenge.svg | 25 + .../tcs-responsive/i/ico-data-challenge.svg | 35 + .../tcs-responsive/i/ico-design-challenge.svg | 29 + .../i/ico-develop-challenge.svg | 25 + .../tcs-responsive/i/icon-filter-blue.png | Bin 0 -> 285 bytes .../ng-content-basic-challenge-details.php | 2 +- .../tcs-responsive/ng-page-challenges.php | 44 +- .../themes/tcs-responsive/page-community.php | 73 +- 31 files changed, 2458 insertions(+), 1417 deletions(-) create mode 100644 wp/wp-content/themes/tcs-responsive/i/chevron-left-design.png create mode 100644 wp/wp-content/themes/tcs-responsive/i/close-tag-blue.png create mode 100644 wp/wp-content/themes/tcs-responsive/i/ico-competitive-develop-challenge.svg create mode 100644 wp/wp-content/themes/tcs-responsive/i/ico-data-challenge.svg create mode 100644 wp/wp-content/themes/tcs-responsive/i/ico-design-challenge.svg create mode 100644 wp/wp-content/themes/tcs-responsive/i/ico-develop-challenge.svg create mode 100644 wp/wp-content/themes/tcs-responsive/i/icon-filter-blue.png diff --git a/src/css/advanced-search.css b/src/css/advanced-search.css index e365bc3c..f8e2c97a 100644 --- a/src/css/advanced-search.css +++ b/src/css/advanced-search.css @@ -68,7 +68,7 @@ display: block !important; width: 11px !important; height: 7px !important; - background: url("../i/icon-filter.png") no-repeat 0 0 !important; + background: url("../i/icon-filter-blue.png") no-repeat 0 0 !important; right: 10px !important; top: 14px !important; position: absolute !important; @@ -120,7 +120,7 @@ border-bottom: none; } .select2-results .select2-highlighted { - background: #ff9900 !important; + background: #0096FF !important; color: #fff !important; } .select2-results .select2-disabled .select2-result-label { @@ -282,7 +282,7 @@ input.search-text::-webkit-input-placeholder { margin-left: 8px; margin-right: 6px; margin-top: 11px; - background: url("../i/close-tag.png") no-repeat; + background: url("../i/close-tag-blue.png") no-repeat; display: block; width: 7px; height: 7px; @@ -368,7 +368,7 @@ input.search-text::-webkit-input-placeholder { display: block; width: 28px; height: 28px; - background: url("../i/icon-filter.png") no-repeat 0 -18px; + background: url("../i/icon-filter-blue.png") no-repeat 0 -18px; position: relative; top: 3px; } @@ -415,7 +415,7 @@ input.search-text::-webkit-input-placeholder { .datepic-head { line-height: 36px; font-size: 14px; - color: #ff9900; + color: #0096FF; margin-right: 18px; } .from-datepicker.hasDatepicker{ @@ -503,10 +503,10 @@ input.search-text::-webkit-input-placeholder { color: #fff; margin-left: 16px; } -/* myFilterWrap */ +/* myFilterWrap */ .new-search-box .filtersSectn{ background: #f9f9f9; - + padding-left: 15px; width: 304px; box-sizing: border-box; @@ -539,13 +539,13 @@ input.search-text::-webkit-input-placeholder { padding-left: 8px; color: #666; position: relative; -} +} .myFilterWrap .btnFilter .arrow{ - display: block; - width: 12px; - height: 10px; - - background: url("../i/icon-filter.png") no-repeat 0 0; + display: block; + width: 12px; + height: 10px; + + background: url("../i/icon-filter-blue.png") no-repeat 0 0; position: absolute; right: 10px; top: 15px; @@ -566,21 +566,21 @@ input.search-text::-webkit-input-placeholder { font-size: 22px; font-weight: normal; padding: 0 15px; -} +} .myFilterWrap .caption{ color: #666; font-size: 13px; font-weight: 300; padding: 0 15px 12px; border-bottom: 1px solid #E7E7E7; -} +} .myFilterWrap .savedSearchList{ padding: 4px 12px; max-height: 290px; overflow: auto; -} +} .myFilterWrap .filterPop .hr{ - height: 1px; + height: 1px; background: #e7e7e7; } .myFilterWrap .savedSearchList h6{ @@ -597,9 +597,9 @@ input.search-text::-webkit-input-placeholder { padding: 11px 11px 13px; min-height: 78px; box-sizing: border-box; -} +} .myFilterWrap .savedSearch:hover{ - border: 1px solid #f90; + border: 1px solid #0096FF; cursor: pointer; } .myFilterWrap .savedSearch .name{ @@ -609,23 +609,23 @@ input.search-text::-webkit-input-placeholder { overflow: hidden; white-space: nowrap; height: 18px; -} +} .myFilterWrap .savedSearch:hover .name{ - color: #f90; + color: #0096FF; } .myFilterWrap .savedSearch .opts{ margin-top: -18px; - + box-sizing: border-box; height: 18px; padding-top: 3px; } .myFilterWrap .savedSearch .lbl{ line-height: 13px; -} +} .myFilterWrap .savedSearch .chk{ vertical-align: top; -} +} .myFilterWrap .savedSearch .chkWrap .chk + .chkLbl{ padding-left: 15px; } @@ -645,14 +645,14 @@ input.search-text::-webkit-input-placeholder { height: 12px; width: 12px; margin-left: 11px; -} +} .myFilterWrap .btnRemove:hover{ background: url(@@cdn/i/ico-failed-x.png) 50% 50% no-repeat; } .myFilterWrap .savedSearch .tags{ margin-top: 16px; overflow: hidden; -} +} .myFilterWrap .savedSearch .tags .tag{ max-width: 100%; text-overflow: ellipsis; @@ -666,7 +666,7 @@ input.search-text::-webkit-input-placeholder { margin-right: 4px; margin-bottom: 6px; padding: 0 5px; -} +} .btnSecondary{ background: #c2c2c2; @@ -700,14 +700,14 @@ input.search-text::-webkit-input-placeholder { } .filterWidget .details{ padding-top: 19px; -} +} .filterWidget .rw{ padding: 0 12px 12px; -} +} .filterWidget .lbl{ margin-bottom: 10px; display: block; -} +} .filterWidget #searchSaveTxt{ background: #fff; border: 1px solid #e7e7e7; @@ -723,7 +723,7 @@ input.search-text::-webkit-input-placeholder { } .filterWidget .alertMe{ margin: 23px 26px 12px; -} +} .chkWrap{ position: relative; } @@ -732,14 +732,14 @@ input.search-text::-webkit-input-placeholder { top: 0; left: 0; opacity: 0; -} +} .chkWrap .chk + .chkLbl{ padding-left: 30px; max-width: 215px; display: inline-block; -webkit-user-select: none; line-height: 16px; -} +} .chkWrap .chk + .chkLbl:before{ content: ''; position: absolute; @@ -756,7 +756,7 @@ input.search-text::-webkit-input-placeholder { } .chkWrap .myChallengesLabel .chk + .chkLbl{ padding-left: 20px; - + } .chkWrap .myChallengesLabel .chk + .chkLbl:before{ background-image: url(@@cdn/i/chk3.png); @@ -766,11 +766,11 @@ input.search-text::-webkit-input-placeholder { border-top: 1px solid #e7e7e7; padding: 10px 5px 10px 0; text-align: right; -} +} .filterWidget .actn .btnCancel{ width: 86px; margin: 0 4px; -} +} .filterWidget .actn .btnSaveSearch{ margin: 0 4px; width: 145px; diff --git a/src/css/base-responsive.css b/src/css/base-responsive.css index b86cb140..8efed56f 100644 --- a/src/css/base-responsive.css +++ b/src/css/base-responsive.css @@ -1,15 +1,15 @@ -/* Media queries +/* Media queries -----------------------------------*/ -/* width >= 1010px +/* width >= 1010px -----------------------------*/ -@media (min-width: 1020px) { +@media (min-width: 1020px) { .onMobi{ display: none !important; } } -/* width < 1010px +/* width < 1010px -----------------------------*/ @media (max-width: 1019px) { @@ -21,7 +21,7 @@ } .container { width: auto; - + margin: 0 10px; } .grid{ @@ -35,10 +35,10 @@ } .grid .grid-3-1{ width: 33.2%; - min-width: 98px; + min-width: 98px; display: inline-block; margin-left: 0px; - + } .grid-float .grid-3-1{ float: left; @@ -48,8 +48,8 @@ float: none; display: block; width: auto; - } - + } + /* heading */ h1, h2, h3, h4, h5, h6 { font-weight: normal; @@ -63,7 +63,7 @@ header h1{ h2{ font-size: 24px; color: #333; - font-weight: normal; + font-weight: normal; } h2 em{ color: #f72125; @@ -83,7 +83,7 @@ em{ color: #aaa; } .hide{ - display: none; + display: none; } .clear{ clear: both; @@ -97,7 +97,7 @@ em{ #navigation, #wrapper > .content{ - transition-duration: 0.3s; + transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition: -webkit-transform .3s ease-in-out; -ms-transition: transform .3s ease-in-out; @@ -114,16 +114,16 @@ em{ /* sidebarNav */ .sidebarNav{ position: fixed; - left: 18%; + left: 18%; right: 0; bottom: 0; - top: 0; + top: 0; background: #ff8a00; color: #fff; overflow: auto; opacity: 0; } -.stop-scrolling .sidebarNav{ +.stop-scrolling .sidebarNav{ -webkit-overflow-scrolling: touch; } .motion{ @@ -135,12 +135,12 @@ em{ } .sidebarNav .root{ margin: 0 10px; - + height: 100%; padding-bottom: 40px; } .sidebarNav .root li > a{ - padding-left: 20px; + padding-left: 20px; background-position: 3px -41px; line-height: 32px; display: block; @@ -169,8 +169,8 @@ em{ line-height: 32px; } .sidebarNav .root li > a{ - display: block; - line-height: 32px; + display: block; + line-height: 32px; border-bottom: 1px solid #FF7A00; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; transition-duration: 0s; position: relative; @@ -186,17 +186,17 @@ em{ background-position: 10px 13px; } .sidebarNav .root .child a{ - padding-left: 47px; + padding-left: 47px; background-position: 21px -41px; font-size: 12px; } .sidebarNav .root .child a i{ left: 18px; - + } .sidebarNav .userInfo{ display: block; - + border-bottom: 1px solid #FF7A00; padding-bottom: 7px; } @@ -214,8 +214,8 @@ em{ height: 53px; width: 53px; border: 2px solid #ff7a00; - -webkit-border-radius: 28px; - border-radius: 28px; + -webkit-border-radius: 28px; + border-radius: 28px; } .sidebarNav .userInfo .userDetails{ margin-left: 86px; @@ -235,7 +235,7 @@ em{ .sidebarNav .userInfo .userDetails .link{ line-height: 24px; display: block; - + } .sidebarNav .userInfo .userDetails a:hover{ color: #FFDE89; @@ -246,23 +246,23 @@ em{ .sidebarNav.newUser .notLogged{ display: block; } - + #banner{ height: 355px; background: #fff url(@@cdn/i/bg-banner-sprite-m.png) repeat-x; - overflow: hidden; + overflow: hidden; } -#banner .inner{ +#banner .inner{ height: 355px; background: url(@@cdn/i/bg-banner-m.png) 50% 0 repeat-x; } - + /* header ---------------------------*/ #navigation, #navigation > .container{ height: 74px; - + } .logo{ position: absolute; @@ -275,12 +275,12 @@ em{ } .logo a{ display: block; - + height: 41px; - + -moz-transition-duration: 0s; -webkit-transition-duration: 0s; transition-duration: 0s; } - + #mainNav{ z-index: 10; position: absolute; @@ -296,43 +296,43 @@ em{ } #mainNav .root > li{ margin-left: 14px; - float: left; - + float: left; + } #mainNav .root > li:hover{ background: #ff8a00; } #mainNav .root > li > .child{ margin-top: -10px; - + display: none; } #mainNav .root > li:hover > .child{ - margin-top: 0; + margin-top: 0; display: block; } #mainNav .root .child{ - display: block; - + display: block; + transition: margin .3s; } - + #mainNav .root > li a{ padding: 0 10px; color: #666; -moz-transition-duration: .3s; -webkit-transition-duration: .3s; transition-duration: .3s; height: 32px; - line-height: 32px; + line-height: 32px; display: block; } #mainNav .root .child > li{ margin: 0 10px; - + border-top: 1px solid #FF7A00; -moz-transition-duration: .3s; -webkit-transition-duration: .3s; transition-duration: .3s; } - #mainNav .root .child a{ - + #mainNav .root .child a{ + padding: 0; margin: 0 -10px; text-indent: 10px; @@ -340,14 +340,14 @@ em{ #mainNav .root .child li:hover{ } #mainNav .root > li:hover a{ - color: #fff; + color: #fff; text-decoration: none; } - + #mainNav .root > li a:hover{ background: #F00; } - + #navigation .btnRegister{ position: absolute; right: 0; @@ -358,7 +358,7 @@ em{ width: auto; height: 18px; line-height: 18px; - + text-transform: uppercase; } #navigation .linkLogin.onMobi{ @@ -396,21 +396,21 @@ em{ display: inline-block; width: 16px; height: 9px; - position: absolute; + position: absolute; right: 13px; top: 13px; background: url(@@cdn/i/ico-arrow.png) no-repeat; - background-position: 0 0; - transition-duration: 0.3s; + background-position: 0 0; + transition-duration: 0.3s; display: none; } .btnMyAcc.isActive i{ - background-position: 0 -12px; + background-position: 0 -12px; } #navigation #mainNav .root{ display: none; } - + .userWidget{ top: 36px; } @@ -427,7 +427,7 @@ em{ float: none; width: auto; text-align: center; - + margin: 0; } #aboutContent .container > section:first-child{ @@ -461,22 +461,22 @@ em{ min-height: 175px; } #footer .updates{ - margin-right: 0; + margin-right: 0; margin-bottom: 25px; } #footer .connected h4{ padding-bottom: 6px; - + border-bottom: none; } #footer nav, #footer .rootNode{ float: none; width: auto; -} +} #footer nav > ul, #footer .rootNode .child{ display: none; - border-bottom: 1px solid #222; + border-bottom: 1px solid #222; padding-left: 10px; } #footer nav > ul.show, @@ -496,36 +496,36 @@ em{ #footer .rootNode a:hover{ color: #fff; } - + #footer .updates .email{ width: 180px; } - + #footer h4, #footer .rootNode > a{ line-height: 38px; - padding-bottom: 0; + padding-bottom: 0; border-bottom: 1px solid #222; text-indent: 2px; color: #D8D8D8; display: block; } - #footer nav h4, + #footer nav h4, #footer .rootNode > a{ cursor: pointer; } #footer .connected{ - width: 100%; + width: 100%; } #footer .connected{ - margin-top: 20px; + margin-top: 20px; } .headerTopRightMenu{ - display: none; + display: none; } - + /** - * Start of New Home Page additional styles + * Start of New Home Page additional styles */ .lead { font-size: 18px; @@ -540,9 +540,25 @@ em{ #featuredContent.home .toChallenge { float: none; - width: 100%; + width: 100%; } #featuredContent.home h3 { - padding: 130px 0 9px !important; + padding: 130px 0 9px !important; } } +@media (min-width: 1020px) { + .challenge-detail .grid-3-3 { + width: calc( 100% - 330px); + float: left; + } + .community .sideStream { + width: 282px; + float: right; + margin-left: 30px; + } + .container { + width: 1012px; + margin: 0 auto; + position: relative; + } +} diff --git a/src/css/base.css b/src/css/base.css index 3eb16aab..eca57f2a 100644 --- a/src/css/base.css +++ b/src/css/base.css @@ -6,10 +6,10 @@ padding: 0; border: 0; outline: 0; - vertical-align: baseline; + vertical-align: baseline; } div, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { - -webkit-backface-visibility: hidden; + -webkit-backface-visibility: hidden; } body { line-height: 1.2em; @@ -35,17 +35,17 @@ blockquote:before, blockquote:after, q:before, q:after { content: none; } a{ - background: transparent; + background: transparent; } a, a:active, a:visited { - text-decoration: none; - outline: none; + text-decoration: none; + outline: none; } :not('.ng-header-bootstrap') a, :not('.ng-header-bootstrap') a:active, :not('.ng-header-bootstrap') a:visited { color: #FF8A00; - -moz-transition-duration: .3s; -webkit-transition-duration: .3s; transition-duration: .3s; + -moz-transition-duration: .3s; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-tap-highlight-color: rgba(0,0,0,0); } a.profile-link-dropdown { @@ -80,7 +80,7 @@ input, textarea { input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"]{ border: none; padding:6px; - margin: 0; + margin: 0; height: 20px; line-height: 20px; background: #3f4143; @@ -100,7 +100,7 @@ header h1, h2{ font-size: 36px; color: #333; - font-weight: normal; + font-weight: normal; } h2 em{ color: #f72125; @@ -138,22 +138,22 @@ sub, sup { width: 50%; } .grid .grid-3-1{ - width: 320px; + width: 320px; display: inline-block; margin: 0 12px; - + } .grid-float .grid-3-1, .grid-float .grid-2-1{ float: left; - } + } /* rightSplit */ .grid-3-3{ position: relative; } .grid-3-3 .grid-2-3{ width: 665px; - + float: left; } .grid-3-3 .grid-1-3{ @@ -173,7 +173,7 @@ sub, sup { color: #aaa; } .hide{ - display: none; + display: none; } .clear{ clear: both; @@ -319,7 +319,7 @@ sub, sup { .btn:hover{ background: #ff7a00; text-decoration: none; - + color: #fff; } .btnAlt, a.btnAlt{ @@ -328,7 +328,7 @@ sub, sup { } .btnAlt:hover{ background: #0096ff; - + } .btnGreen, a.btnGreen{ background: #64c51c; @@ -347,7 +347,7 @@ sub, sup { /* header ---------------------------*/ #navigation{ - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); + border-bottom: 1px solid rgba(0, 0, 0, 0.25); z-index: 80; position: relative; @@ -373,10 +373,10 @@ sub, sup { } .logo a{ display: block; - height: 52px; + height: 52px; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; transition-duration: 0s; } - + #mainNav{ z-index: 10; position: absolute; @@ -388,37 +388,37 @@ sub, sup { } #mainNav .root > li{ margin-left: 8px; - float: left; - + float: left; + position: relative; } #mainNav .root > li > .child{ - + display: none; } /*#mainNav .root > li:hover > .child{ display: block; } #mainNav .root > li.hover > .child{ - margin-top: 0; + margin-top: 0; }*/ #mainNav .root .child{ - display: block; + display: block; background: #FF8A00; min-width: 80px; position: absolute; min-width: 100%; left: 15px; } - + #mainNav .root > li a{ padding: 0 10px 12px 15px; color: #666; - -moz-transition-duration: .3s; - -webkit-transition-duration: .3s; + -moz-transition-duration: .3s; + -webkit-transition-duration: .3s; transition-duration: .3s; height: 32px; - line-height: 32px; + line-height: 32px; display: block; min-width: 55px; font-weight: bold; @@ -426,10 +426,10 @@ sub, sup { #mainNav .root .child > li{ padding: 0 10px; width: 175px; - border-top: 1px solid #FF7A00; + border-top: 1px solid #FF7A00; } - #mainNav .root .child a{ - + #mainNav .root .child a{ + padding: 0 6px 0 0; margin: 0 -10px; text-indent: 15px; @@ -443,10 +443,10 @@ sub, sup { #mainNav .root .child li:hover{ background: #F00; } - #mainNav .root > li:hover a{ + #mainNav .root > li:hover a{ text-decoration: none; } - + #navigation .btnRegister{ position: absolute; right: 0; @@ -463,23 +463,23 @@ sub, sup { display: inline-block; width: 16px; height: 9px; - position: absolute; + position: absolute; right: 13px; top: 13px; background: url(@@cdn/i/ico-arrow.png) no-repeat; - background-position: 0 0; - transition-duration: 0.3s; + background-position: 0 0; + transition-duration: 0.3s; cursor: pointer; } .btnMyAcc.isActive i{ - background-position: 0 -12px; + background-position: 0 -12px; } /* Page Title ---------------------------*/ .pageTitleWrapper { height: 65px; margin-bottom: 41px; - background-color: #eeeeee; + background-color: #eeeeee; } .pageTitleWrapper .pageTitle{ height: 65px; @@ -1155,7 +1155,7 @@ a.tc-btn, button.tc-btn { .qtip .qtip-content{ font-size: 12px; - padding: 8px; + padding: 8px; } .qtip .qtip-close .qtip-icon{ diff --git a/src/css/challenge-detail-software.css b/src/css/challenge-detail-software.css index bfb4a8f7..3cbc919b 100644 --- a/src/css/challenge-detail-software.css +++ b/src/css/challenge-detail-software.css @@ -1,20 +1,25 @@ +.challenge-detail .header-container { + background: #fff; + box-shadow: 0 1px 3px #D1D3D4; +} +.challenge-detail .header-container .container { + margin: 0 60px; + padding: 10px 60px; +} .challenge-detail .pageHeading h1 { - font-size: 30px; - line-height: 30px; - font-weight: normal; - color: #474747; - padding: 15px 0; - margin: 10px 0; - border-bottom: 1px solid #e7e7e7; + font-size: 32px; + line-height: 38px; + padding: 15px 0 0; + margin: 10px 0 0; overflow: hidden; + text-align: left; } .challenge-detail .pageHeading h2 { - font-size: 14px; + font-size: 18px; line-height: 30px; - font-weight: bold; - color: #666666; - margin: 10px 0; + color: #A3A3AE; + margin: 10px 0 20px; overflow: hidden; } @@ -25,12 +30,13 @@ #stepBox { display: block; overflow: hidden; + margin-bottom: 30px; } #stepBox .leftColumn { display: inline; float: left; - width: 133px; + width: 145px; } .view-challenge-result #stepBox .leftColumn a { @@ -44,8 +50,8 @@ #stepBox .middleColumn { display: inline; float: left; - width: 550px; - margin: 0 22px; + width: 605px; + margin: 0 18px; } #stepBox .middleColumn table { @@ -64,6 +70,7 @@ font-size: 14px; font-weight: bold; margin-bottom: 27px; + text-align: center; } #stepBox .middleColumn table h3 { @@ -105,8 +112,8 @@ font-size: 18px; } #stepBox .rightColumn { display: inline; - float: left; - width: 283px; + float: right; + width: 300px; } .challenge-detail .grid-3-3 { @@ -132,7 +139,6 @@ font-size: 18px; #stepBox .rightColumn .nextBox { position: relative; - width: 283px; } #stepBox .rightColumn .nextBox .nextBoxContent, @@ -166,7 +172,7 @@ font-size: 18px; float: left; font-weight: bold; text-align: left; - width: 150px; /* Issue ID: I-107591 - adjust the value so all the deadlines are displayed correctly. Previous value: 155px */ + width: 135px; /* Issue ID: I-107591 - adjust the value so all the deadlines are displayed correctly. Previous value: 155px */ } #stepBox .rightColumn .nextBox .nextDTitle { @@ -197,10 +203,6 @@ font-size: 18px; background: url("@@cdn/i/ico-time.png") no-repeat 0 0; } -.challenge-detail.develop #stepBox .rightColumn .nextBox .icoTime { - background: url("@@cdn/i/ico-time-develop.png") no-repeat 0 0; -} - #stepBox .rightColumn .nextBox .timeLeft { color: #FFFFFE; font-size: 30px; @@ -229,7 +231,6 @@ font-size: 18px; #stepBox .rightColumn .deadlineBox { position: relative; - width: 283px; } #stepBox .rightColumn .deadlineBox .deadlineBoxContent { @@ -268,6 +269,7 @@ font-size: 18px; float: left; border-left: 1px solid #D0D0D1; height: 16px; + font-size: 16px; line-height: 18px; } @@ -488,6 +490,7 @@ h1.center { .challenge-detail .columnSideBar p strong { color: #000; + font-size: 16px; } .reviewStyle p { @@ -703,7 +706,7 @@ h1.center { .challenge-detail.develop .btnAction { background: #64c51c !important; - border-bottom: 4px solid #46b314 !important; + border-bottom: none !important; } .challenge-detail.develop .btnAction:hover { @@ -738,8 +741,7 @@ h1.center { float: left; height: 100%; width: 77%; - margin-top: 4px !important; - + color: #fff; } .btnMyAcc span { @@ -777,14 +779,9 @@ h1.center { font-size: 18px; } -#stepBox .rightColumn .nextBox .allDeadlineNextBoxContent.studio { - height: 90px; -} - -#stepBox .rightColumn .nextBox .allDeadlineNextBoxContent.studio label { - width: 150px; /* Issue ID: I-107591 - adjust the value so all the deadlines are displayed correctly. Previous value: 155px */ +#stepBox .rightColumn .nextBox .allDeadlineNextBoxContent.studio p { + padding-bottom: 5px; } - .challenge-detail .tabNav span.inactive { color: #aaa; cursor: default; @@ -985,7 +982,7 @@ h1.center { } .challenge-detail .grid-3-3 { - width: 100%; + width: 100% !important; } .challenge-detail .topRightTitleAlt, @@ -1060,10 +1057,6 @@ h1.center { padding-top: 10px; } - .challenge-detail.develop #stepBox .rightColumn .nextBox .icoTime { - background: url("@@cdn/i/ico-time-develop-phone.png") no-repeat 0 10px; - } - #stepBox .rightColumn .nextBox .nextDTitle { font-size: 16px; margin-bottom: 0px; @@ -2646,3 +2639,236 @@ h1.center { } /* styles for member program path box - end */ +/* Stylish Start */ +body { + font-family: "Sofia Pro", "Merriweather Sans", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 22px; + color: #333; + background-color: #f6f6f6; +} +h1, +h2, +h3, +h4, +h5, +h6 { + font-weight: 400; + line-height: 1.125em; + font-family: "Sofia Pro", Helvetica, Arial, sans-serif; +} +.sideStream h1, +header h1, +.challenge-detail.develop .tableWrap h1, +.challenge-detail .tableWrap h1 { + font-size: 28px; + color: #3D3D3D; + font-weight: 600; + text-transform: uppercase; + text-align: center; + border: none; +} +h2, +.challenge-detail .tableWrap h2 { + font-size: 18px; + font-weight: 400; + font-style: normal; + color: #000; + text-transform: uppercase; + font-family: "Sofia Pro", "Merriweather Sans", Helvetica, Aria, sans-serif; + margin: 40px 0 10px 0; + text-align: left; +} +.challenge-detail .columnSideBar h3 { + color: #3d3d3d; + font-size: 14px; + padding-bottom: 0; +} +p, +.challenge-detail .tableWrap p { + font-weight: 300; + font-size: 14px; + line-height: 24px; + color: #3d3d3d; + padding-bottom: 24px; + margin: 0; +} +.challenge-detail .tableWrap strong { + color: #3d3d3d; + font-weight: 600; +} +em { + font-style: italic; + font-family: "Merriweather", Georgia, serif; +} +.note { + border-left: 6px solid #d2d2d2; + padding-left: 30px; + padding-bottom: 0px !important; +} +.challenge-detail .columnSideBar { + display: block; + clear: none; + width: 100%; + background: #f7f7f7; + border: none; + margin-top: 0; + padding: 20px 10px; +} +.challenge-detail.develop .columnSideBar { + margin-top: 25px; +} +.challenge-detail .columnSideBar .inner { + padding: 10px; + border-bottom: none; +} +#main, +#wrapper > .content { + background: #F6F6F6; + position: relative; + z-index: 5; +} +#mainContent.splitLayout, +#mainContent.layChallenges { + padding: 90px 60px 30px; + margin: 60px; + background: #fff; +} +#mainContent .container { + padding: 0; + margin: 0; + width: 100%; +} +#main { + background: #F6F6F6; +} +#navigation { + background: #fff; +} +.challenge-detail .grid-3-3 { + padding: 0 10px 0 0; + box-sizing: border-box; +} +.challenge-detail .rightSplit { + float: left; + width: calc(100% - 330px); + margin-right: 30px; +} +.challenge-detail a, +.challenge-detail a:active, +.challenge-detail a:visited { + text-decoration: none; + color: #0096FF; + -moz-transition-duration: .3s; + -webkit-transition-duration: .3s; + transition: .2s all ease-in-out; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + outline: 0; +} +.challenge-detail a:hover { + color: #097DCE; + text-decoration: underline; +} +/* tabs */ + +.challenge-detail .tabNav { +/* border-bottom: none; */ + margin-bottom: 30px; +} +div#challengeNav { + display: inline-block; + /* padding-right: 20px; */ + + position: relative; + padding-left: 20px; + float: none; +} +a, +a:active, +a:visited { + text-decoration: none; + color: #0096FF; + -moz-transition-duration: .3s; + -webkit-transition-duration: .3s; + transition: .2s all ease-in-out; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + outline: 0; +} +a:hover { + color: #097DCE; + text-decoration: underline; +} +/* content box */ + +#stepBox .leftColumn a { + margin-bottom: 10px; + border-radius: 0px; + height: 49px; +} +.challenge-detail .btnAction strong { + font-size: 11px; + margin-top: 14px; +} +.challenge-detail .btnAction { + background: #0096FF!important; + border-bottom: 4px solid #0096ff!important; + text-align: left!important; + line-height: 12px!important; + font-size: 12px!important; + font-weight: 700!important; + text-transform: uppercase; + overflow: hidden; + display: block; +} +.challenge-detail .btnAction:hover { + color: #fff; + background-color: #097DCE; +} +#stepBox .rightColumn .nextBox .allDeadlineNextBoxContent, +#stepBox .rightColumn .nextBox .nextBoxContent { + background: #85CCFF; + border: 1px solid #0096FF; + margin: 0 auto; + padding: 10px 13px; + height: 125px; +} +#stepBox .rightColumn .nextBox .icoTime { + height: auto; + display: block; + padding-left: 0; + padding-top: 0px; + background: none; +} +#stepBox .rightColumn .nextBox .CEDate, +#stepBox .rightColumn .nextBox .nextDTitle { + color: #333; + font-weight: 600; + text-transform: uppercase; + padding-bottom: 0; + margin-bottom: 0; +} +#stepBox .rightColumn .nextBox .nextDTitle, +.challenge-detail.develop #stepBox .rightColumn .nextBox .nextDTitle { + color: #fff; + display: block; + font-size: 15px; + margin-bottom: 5px; + text-transform: uppercase; +} +#stepBox .rightColumn .nextBox .timeLeft { + color: #FFFFFE; + font-size: 22px; + line-height: 30px; + margin: 24px 0px; + padding: 0; + display: block; + text-align: center; +} +.challenge-detail .grid-3-3 { + padding: 0 10px 0 0; + box-sizing: border-box; +} +.challenge-detail .rightSplit { + float: left; +} +/* Stylish End */ diff --git a/src/css/challenge-submit.css b/src/css/challenge-submit.css index b0fe9658..37fab622 100644 --- a/src/css/challenge-submit.css +++ b/src/css/challenge-submit.css @@ -731,9 +731,6 @@ .submitAnotherEntry{ margin-bottom: 280px; } -.challenge-detail .pageHeading h1{ - margin-top: 0; -} #main > .container{ padding-top: 10px; } @@ -744,8 +741,8 @@ } - @media (max-width: 1019px) { - + @media (max-width: 1019px) { + .submitForChallenge #mainContent .pageTitle{ display: none; } diff --git a/src/css/community-landing.css b/src/css/community-landing.css index 62560842..e1d0b393 100644 --- a/src/css/community-landing.css +++ b/src/css/community-landing.css @@ -11,7 +11,7 @@ #banner.design .inner .container{ background: url(@@cdn/i/banner-2.png) 50% 0 no-repeat; } - + #banner.develop{ background: url(@@cdn/i/bg-banner-sprite-develop.png) 0 0 repeat-x; } @@ -20,7 +20,7 @@ } #banner.develop .inner .container{ background: url(@@cdn/i/banner-3.png) 50% 0 no-repeat; - } + } #banner.algorithm{ background: url(@@cdn/i/bg-banner-sprite-data.png) 0 0 repeat-x; @@ -30,26 +30,26 @@ } #banner.algorithm .inner .container{ background: url(@@cdn/i/banner-4.png) 50% 0 no-repeat; - } - + } + .pageContent h1,.pageContent h2,.pageContent h3,.pageContent h4,.pageContent h5,.pageContent h6,.pageContent h7 { color:#333333; } .pageContent p { margin-bottom:20px; } - + .starsOfMonthWrapper { background: url(@@cdn/i/stars-of-month-bg.png) 0 0 repeat-x; height:354px; -} +} .starsOfMonthInner { background: url(@@cdn/i/bg-stars-of-month.jpg) 50% 0 no-repeat; height:354px; width:1010px; margin:0px auto; } - + .starsOfMonthWrapper .sectionTitle { font-weight:normal; font-size:36px; @@ -62,7 +62,7 @@ .starItem { float:left; width: 320px; - height: 208px; + height: 208px; margin-left:25px; float:left; } @@ -78,7 +78,7 @@ background: #00aeff; padding:10px; color:#fff; -} +} .starItem .starContent{ width: 320px; height: 208px; @@ -91,10 +91,10 @@ box-shadow: 0 1px 3px rgba(0,0,0,0.2); } .starItem .details{ - position: relative; + position: relative; } .starItem .details .userPicture{ - float: left; + float: left; margin: 20px 0 0 20px; width: 120px; height: 120px; @@ -106,11 +106,11 @@ } .starItem .details .userPicture img{ width: 120px; - + background: #ccc; } .starItem .details .userDetailsCommunity{ - margin-left: 174px; + margin-left: 174px; min-height: 154px; padding-top: 14px; } @@ -136,33 +136,33 @@ font-size: 12px; letter-spacing: 1px; padding-top: 6px; - + line-height: 20px; } .starItem .details .userDetailsCommunity .val{ font-size: 18px; letter-spacing: 1px; line-height: 24px; - + font-weight: bold; - } + } .develop .starItem .starTitle { background: #75d30d; -} +} .develop .starItem .starContent{ border-top: 4px solid #75d30d; -} +} .develop .starItem .userHandle { color:#52ac09; } .algorithm .starItem .starTitle { background: #ffae00; -} +} .algorithm .starItem .starContent{ border-top: 4px solid #ffae00; -} +} .algorithm .starItem .userHandle { color:#ffae00; } @@ -205,16 +205,16 @@ } #banner.develop .inner .container{ background: none; - } + } #banner.algorithm .inner .container{ background: none; - } - + } + .starsOfMonthWrapper { background: url(@@cdn/i/stars-of-month-bg.png) 0 0 repeat; height:auto; min-height:354px; - } + } .starsOfMonthInner { background: none; min-width:0px; @@ -223,22 +223,67 @@ margin:0px auto; padding-bottom:40px; } - + .starItem { float:none; margin:0px auto; margin-top:20px; overflow:hidden; } - + .starsOfMonthInner .first { margin-left:auto; } - + .starItem .starTitle { min-width: 0px; width:auto; margin:0px auto; - } - -} \ No newline at end of file + } + +} +.header-container { + background: #fff; + box-shadow: 0 1px 3px #D1D3D4; + padding: 10px 120px; +} +.header-container header h1 { + font-size: 32px; + font-weight: 700; + line-height: 38px; + padding: 15px 0; + margin: 10px 0 0; + overflow: hidden; + text-align: left; +} +.header-container .statistics, .header-container .statistics .ilb { + display: inline-block; +} +.header-container .statistics { + float: right; +} +.header-container .statistics p { + padding-bottom: 0; + text-align: center; +} +.header-container .statistics .val { + font-size: 32px; + line-height: 38px; + font-family: "Sofia Pro"; + font-weight: 400; + color: #3d3d3d; +} +.header-container .statistics .lbl { + font-size: 12px; + line-height: 14px; + color: #a3a3ae; +} +.dataTable.challenges { + background: #fff; +} +@media (min-width: 1020px) { + .grid-3-3 .grid-2-3 { + width: calc( 100% - 360px); + float: left; + } +} diff --git a/src/css/style-404page.css b/src/css/style-404page.css index a4d2bb9f..b9c0a007 100644 --- a/src/css/style-404page.css +++ b/src/css/style-404page.css @@ -1,6 +1,6 @@ #wrapper404 #navigation { height: 94px; - box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); + border-bottom: 1px solid rgba(0, 0, 0, 0.25); behavior: url(./wp-content/themes/tcs-responsive/css/PIE.htc); } #wrapper404 #navigation .container { @@ -22,8 +22,8 @@ padding-top: 20px; padding-bottom: 20px; background-color: #fcfcfc; - -} + +} #wrapper404 .page404 .container { width: auto; } @@ -79,7 +79,7 @@ background-image: url('../i/404-Mobile.png'); } } - + #wrapper404 .step404 #print_btn{ margin: 0 auto; padding-top: 20px; @@ -132,4 +132,4 @@ #print_area { display: block; } -} \ No newline at end of file +} diff --git a/src/css/style-challenges-responsive.css b/src/css/style-challenges-responsive.css index 1cf878ec..8a19ae42 100644 --- a/src/css/style-challenges-responsive.css +++ b/src/css/style-challenges-responsive.css @@ -1,4 +1,4 @@ -/* Mobile View Fix */ +/* Mobile View Fix */ @media (max-width: 1019px) { .hideOnMobile, .contestGrid .contest .hideOnMobile { display:none; @@ -16,13 +16,13 @@ border:none; padding-top:0px; } - + .layChallenges .actions .rt { border:none; padding-top:10px; padding-right:10px; } - + #hero .container { margin:0px; } @@ -36,4 +36,4 @@ .contestGrid .contest { width:auto; } -} \ No newline at end of file +} diff --git a/src/css/style-challenges.css b/src/css/style-challenges.css index e103e635..bd4ba58b 100644 --- a/src/css/style-challenges.css +++ b/src/css/style-challenges.css @@ -21,6 +21,25 @@ /* end of edit by evilkyro1965 */ +.header-container { + background: #fff; + box-shadow: 0 1px 3px #D1D3D4; +} + +.header-container .container { + margin: 0 60px; + padding: 10px 60px; +} + +.header-container .container header h1 { + font-size: 32px; + line-height: 38px; + padding: 15px 0; + margin: 10px 0 0; + overflow: hidden; + text-align: left; +} + body, #wrapper { min-width: 1024px !important; } @@ -164,7 +183,23 @@ select { width: auto; margin: 0 auto; } - +.layChallenges .links { + border-bottom: 1px solid #D1D3D4; + padding-bottom: 5px; +} +.layChallenges .links .link { + margin: 0 1%; + padding: 0 1% 7px; + color: #A3A3AE; + font-size: 16px; + line-height: 19px; + font-family: "Sofia Pro", Helvetica, Arial; + text-transform: uppercase; +} +.layChallenges .links .link.active { + border-bottom: 4px solid #0096FF; + color: #000000; +} .landingChallenges .challengeType { width: 300px; } @@ -558,7 +593,6 @@ select { } #tcoTableAllContest .colCh a img.allContestIco { - height: 36px; padding: 0px; } @@ -749,24 +783,22 @@ caption.reviewDetail { /*Bugfix I-107027: restrict contest name to 2 lines in grid mode*/ .contestGrid .cgCh a span { display:inline-block; - height: 2.4em; + height: 2.7em; width: 100%; overflow: hidden; } .contestGrid .cgCh a:hover { - color: #FFB800 + color: #0096FF; } .contestGrid .technologyTags a:hover { - color: #FFB800 + color: #0096FF; } .contestGrid .cgCh a img { position: absolute; top: 0; left: 15px; - background: url(@@cdn/i/tco/tco-arrow.png) no-repeat; - background-position: 0 10px; padding-bottom: 8px; } @@ -785,7 +817,6 @@ caption.reviewDetail { } #gridAll .cgCh a img.allContestIco { - height: 36px; padding: 0px; } @@ -1065,7 +1096,7 @@ select:disabled { } .ui-datepicker-calendar .ui-datepicker-today { - background-color: #FF8A00; + background-color: #0096FF; color: #fff; } @@ -1074,7 +1105,7 @@ select:disabled { } .ui-datepicker-calendar .ui-datepicker-current-day { - background-color: #FFB800; + background-color: #0096FF; color: #fff; } @@ -1105,8 +1136,6 @@ select:disabled { .ui-datepicker-prev, .ui-datepicker-next { - background: url(@@cdn/i/arrows-rl.png) no-repeat; - background-position: 3px -25px; cursor: pointer; z-index: 10; } @@ -1124,21 +1153,22 @@ select:disabled { text-indent: 10000px; display: block; overflow: hidden; - top: 9px; + top: 13px; left: 11px; position: absolute; + background: url(@@cdn/i/chevron-left-design.png) no-repeat; } .ui-datepicker-next { width: 20px; height: 20px; text-indent: 10000px; - background-position: 3px 4px; display: block; overflow: hidden; - top: 9px; + top: 13px; right: 11px; position: absolute; + background: url(@@cdn/i/chevron-right-design.png) no-repeat; } .ui-datepicker-next.ui-state-disabled { @@ -1422,4 +1452,354 @@ span.subscribeTopWrapper .feedBtn { .dataCalendar .fc-day-grid-event > .fc-content { white-space: inherit; overflow: auto; -} \ No newline at end of file +} +/* Stylish Start */ +body { + font-family: "Sofia Pro", "Merriweather Sans", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 22px; + color: #333; + background-color: #f6f6f6; +} +h1, +h2, +h3, +h4, +h5, +h6 { + font-weight: 400; + line-height: 1.125em; + font-family: "Sofia Pro", Helvetica, Arial, sans-serif; +} +.sideStream h1, +header h1, +.challenge-detail.develop .tableWrap h1, +.challenge-detail .tableWrap h1 { + font-size: 28px; + color: #3D3D3D; + font-weight: 600; + text-transform: uppercase; + text-align: center; + border: none; +} +h2, +.challenge-detail .tableWrap h2 { + font-size: 18px; + font-weight: 400; + font-style: normal; + color: #000; + text-transform: uppercase; + font-family: "Sofia Pro", "Merriweather Sans", Helvetica, Aria, sans-serif; + margin: 40px 0 10px 0; + text-align: left; +} +.challenge-detail .columnSideBar h3 { + color: #3d3d3d; + font-size: 14px; + padding-bottom: 0; +} +p, +.challenge-detail .tableWrap p { + font-weight: 300; + font-size: 14px; + line-height: 24px; + color: #3d3d3d; + padding-bottom: 24px; + margin: 0; +} +.challenge-detail .tableWrap strong { + color: #3d3d3d; + font-weight: 600; +} +em { + font-style: italic; + font-family: Merriweather, Georgia, serif; +} +.note { + border-left: 6px solid #d2d2d2; + padding-left: 30px; + padding-bottom: 0px !important; +} +.challenge-detail .columnSideBar { + display: block; + clear: none; + width: 100%; + background: #f7f7f7; + border: none; + margin-top: 0; + padding: 20px 10px; +} +.challenge-detail.develop .columnSideBar { + margin-top: 25px; +} +.challenge-detail .columnSideBar .inner { + padding: 10px; + border-bottom: none; +} +/* form elements */ + +input[type=text], +input[type=url] { + padding: 6px; + margin: 0; + height: 30px; + line-height: 20px; + background: #3f4143; + font-family: "Merriweather Sans", Helvetica, Aria, sans-serif; + font-size: 15px; + color: #3d3d3d; + border: 1px solid #CECECE; + box-shadow: inset 0px 0px 1px 0px rgba(183, 183, 183, 0.4); + transition: 200ms all; +} +input[type=text]:hover, +input[type=url]:hover { + border: 1px solid #A3A3AE; + box-shadow: inset 0px 0px 1px 0px rgba(183, 183, 183, 0.8); +} +input[type=text]:focus, +input[type=url]:focus { + border: 1px solid #4CB5FF; + box-shadow: inset 0px 0px 1px 0px rgba(133, 203, 255, 0.10); +} +/*******/ + +#main, +#wrapper > .content { + background: #F6F6F6; + position: relative; + z-index: 5; +} +#mainContent.splitLayout, +#mainContent.layChallenges { + padding: 90px 60px 30px; + margin: 60px; + background: #fff; +} +#mainContent .container { + padding: 0; + margin: 0; + width: 100%; +} +#main { + background: #F6F6F6; +} +#navigation { + background: #fff; +} +.layChallenges header { + padding-bottom: 30px; + position: relative; +} +a, +a:active, +a:visited { + text-decoration: none; + color: #0096FF; + -moz-transition-duration: .3s; + -webkit-transition-duration: .3s; + transition: .2s all ease-in-out; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + outline: 0; +} +a:hover { + color: #097DCE; + text-decoration: underline; +} +.tcoTable .colCh a:hover { + color: #097DCE; +} +.nextLink:hover, +.prevLink:hover { + color: #097DCE; +} +/* content */ + +#mainContent .dataChanges { + text-align: center; + font-family: "Sofia Pro", Helvetica, Arial; + font-size: 14px; + color: #3d3d3d; +} +#mainContent .dataChanges .lt { + float: none; + display: inline; + padding: 0; +} +#mainContent .dataChanges .rt { + float: none; + text-align: right; + overflow: hidden; + display: inline; +} +#mainContent .dataChanges .prevLink { + display: inline-block; + padding-left: 20px; + position: relative; + float: none; +} +#mainContent .dataChanges .nextLink { + position: relative; + padding-right: 23px; + padding-left: 30px; + float: none; +} +/* Table of DIVs... OMG! */ + +span.ng-show.challenges.lenght { + color: #DEDEDE; + padding: 0 5px; +} +.challengesGrid .ngHeaderContainer { + background-color: #FFFFFF; +} +.challengesGrid .challengeHeader { + height: 100%; + border-bottom: none; +} +.challengesGrid .ngHeaderCell { + background-color: #fff; + color: #7F7F7F; + line-height: 37px; + vertical-align: middle; + text-align: left; + font-family: "Sofia Pro", Helvetica, Arial, sans-serif; + word-wrap: break-word; + text-transform: uppercase; + font-size: 10px; + font-weight: 400; +} +.ngTopPanel { + position: relative; + z-index: 1; + background-color: #FFFFFF; + border-bottom: none; +} +.challengesGrid .challengeRow { + height: 100%; + border: solid #e7e7e7; + border-width: 1px 0; + font-size: 16px; + color: #3d3d3d; +} +.challengesGrid .ngRow.odd { + background-color: #FCFCFC; +} +.challengesGrid .challengeRow { + height: 100%; + border: solid #F1F0F0; + border-width: 1px 0; + font-size: 16px; + color: #3d3d3d; +} +.challengesGrid .colTime .row { + overflow: hidden; + line-height: 24px; + font-size: 13px; +} +.colt1 { + width: 210px; + text-align: center; +} +.colt3 { + width: 90px; + text-align: center; +} +.challengeRow .colt4 { + font-weight: 700; + text-align: center; +} +.colt4 { + text-align: center; +} +.tcoTable .colCh a { + width: 270px; + padding-left: 66px; + color: #3d3d3d; +} +.technologyTags span { + color: #3C3C3C; + font-size: 12px; + margin: 0; + padding: 1px 6px; + border-radius: 4px; + -moz-border-radius: 5px; + -webkit-border-radius: 4px; + background-color: #F0F0F0; +} +.technologyTags .techTag a { + padding: 0; + color: #666; + display: inline; +} +/* the search form */ + +.layChallenges .actions { + margin-bottom: -1px; + padding: 16px 0 30px; +} +.pastCaption, +.upcomingCaption { + font-style: italic; + color: #A3A3AE; + font-weight: 300; +} +.layChallenges .challengeType ul .link.active, +.layChallenges .challengeType ul .link.active:hover { + color: #000; + cursor: default; + text-transform: none; + text-decoration: none; +} +.new-search-box { + border: none; +} +.new-search-box input.search-text { + width: calc( 100% - 14px); + display: block; + background: #FFFFFF; + border-radius: 2px; + margin: 0 auto; + border: 1px solid #CECECE; +} +.new-search-box input.search-text:focus { + border: 1px solid #4CB5FF; + box-shadow: inset 0px 0px 2px 1px rgba(133, 203, 255, 0.60); +} +.selected-tags .wrapper { + border: none; + padding: 10px 0 20px 0; +} +.selected-tags li.left .selecting-tag-wrapper { + height: 30px; + background: #D1D3D4; + padding-right: 25px; + margin-right: 15px; + font-size: 12px; + color: #fff; + border-radius: 15px; + transition: .2s all ease-in-out; +} +.selected-tags li.left .selecting-tag-wrapper:hover { + background: #0096FF; + cursor: default; +} +.selected-tag { + margin: 5px 0 0 10px; + line-height: 28px; + position: relative; + padding: 2px 0 0 0; +} +.filter-dropdown { + border: none; + background: #F6F6F6; +} +/* Grid */ + +.gridChallengName { + color: #0096FF; +} +.contestGrid .trackSD .genInfo>p i { + background-color: #B9B9B9; +} +/* End Stylish */ diff --git a/src/css/style-responsive.css b/src/css/style-responsive.css index f1affb6f..fd0a9f88 100644 --- a/src/css/style-responsive.css +++ b/src/css/style-responsive.css @@ -1,14 +1,16 @@ -/* width < 1010px +/* width < 1010px -----------------------------*/ @media (max-width: 1019px) { - +.header-container header h1 { + text-align: center !important; +} #banner{ height: 355px; background: #fff url(@@cdn/i/bg-banner-sprite-m.png) repeat-x; - overflow: hidden; + overflow: hidden; } -#banner .inner{ +#banner .inner{ height: 355px; background: url(@@cdn/i/bg-banner-m.png) 50% 0 repeat-x; } @@ -21,7 +23,7 @@ margin: 0; max-width: 100% !important; } - + /* slider */ #banner .slider{ @@ -30,7 +32,7 @@ } #banner .slider .welcome .con{ background: url(@@cdn/i/banner-1-m.png) 50% 100% no-repeat; - + height: 355px; text-align: center; width: auto; @@ -42,7 +44,7 @@ position: relative; left: auto; top: auto; - + width: 101px; margin-top: 14px; } @@ -53,13 +55,13 @@ font-weight: bold; text-align: center; background: #666; - + margin-top: 80px; -} +} #banner .bx-controls{ position: absolute; right: 0; - + left: 0; bottom: auto; top: 12px; @@ -67,7 +69,7 @@ } #banner .bx-controls .bx-pager{ overflow: hidden; - + text-align: center; } #banner .bx-controls .bx-pager-item{ @@ -75,8 +77,8 @@ margin: 0 3px; text-align: left; text-indent: -100px; - overflow: hidden; - + overflow: hidden; + display: inline-block; } #banner .bx-controls .bx-pager-item a{ @@ -85,37 +87,37 @@ width: 12px; background: url(@@cdn/i/nav-dot.png) no-repeat; background-position: 0 -12px; - + -moz-transition-duration: 0s; -webkit-transition-duration: 0s; transition-duration: 0s; } #banner .bx-controls .bx-pager-item a.active, #banner .bx-controls .bx-pager-item a:hover{ - background-position: 0 0; + background-position: 0 0; } #banner .welcome{ color: #fff; font-size: 12px; - + letter-spacing: 1px; line-height: 16px; } #banner .welcome blockquote{ position: relative; right: auto; - + top: auto; padding-top: 28px; margin: 0 10px; width: auto; } #banner .welcome info{ - + } #banner .welcome h2{ color: #fff; font-weight: bold; font-size: 16px; - + padding-bottom: 9px; text-transform: uppercase; text-align: center; @@ -132,7 +134,7 @@ } #stats p{ text-indent: 0; - + letter-spacing: 1px; min-height: 26px; padding-top: 8px; @@ -146,10 +148,10 @@ top: 0; width: 205px; } - + /* mainContent */ #mainContent{ - background: url(@@cdn/i/shadow.png) 50% 0 no-repeat; + background: url(@@cdn/i/shadow.png) 50% 0 no-repeat; padding-top: 8px; padding-bottom: 18px; background-size: 120% 20px; @@ -157,7 +159,7 @@ #mainContent .title{ padding-top: 14px; text-align: center; - + margin-bottom: 12px; } #mainContent .slogan{ @@ -165,7 +167,7 @@ font-size: 13px; font-weight: 300; line-height: 18px; - + margin: 0 8px; } .whatVdo{ @@ -180,7 +182,7 @@ margin-left: 0; position: relative; text-align: center; - + padding-top: 141px; margin-top: 20px; } @@ -191,7 +193,7 @@ padding-bottom: 15px; color: #01a8e9; } - + .whatVdo > section.build h3{ color: #228400; } @@ -201,7 +203,7 @@ .whatVdo > section p{ font-size: 13px; line-height: 18px; - + letter-spacing: 1px; padding: 0 10px; } @@ -212,10 +214,10 @@ height: 130px; } .whatVdo > section.build i{ - background-position: 50% -150px; + background-position: 50% -150px; } .whatVdo > section.solve i{ - background-position: 50% -300px; + background-position: 50% -300px; } #featuredContent{ @@ -230,30 +232,30 @@ right: 0; background: #eee; position: absolute; - + display: none; } #featuredContent .container > section{ position: relative; - + padding-bottom: 22px; } #featuredContent .container > section > h3, #featuredContent .container > section > p, #featuredContent .container > section > .action{ margin: 0 12px; - + text-align: center; } #featuredContent .container > section .badge{ - position: absolute; + position: absolute; left: 50%; top: -1px; width: 185px; height: 125px; background: url(@@cdn/i/ico-featured.png) no-repeat; background-position: 0 0; - + margin-left: -73px; } #featuredContent .container > section.toChallenge .badge{ @@ -287,7 +289,7 @@ } #featuredContent .container > section .action{ padding: 15px 0 5px; - + } .nextLink{ position: relative; @@ -299,26 +301,25 @@ width: 8px; top: 7px; right: 4px; - background: url(@@cdn/i/arrow-nxt.png) no-repeat; background-position: 0 0; position: absolute; - -moz-transition-duration: .3s; -webkit-transition-duration: .3s; transition-duration: .3s; + -moz-transition-duration: .3s; -webkit-transition-duration: .3s; transition-duration: .3s; } .nextLink:hover{ - color: #FF8A00; + color: #FF8A00; } .nextLink:hover i{ right: 0; } #featuredContent .container > section .action a{ font-size: 18px; - display: inline-block; + display: inline-block; line-height: 24px; } #featuredContent .toBusiness{ float: none; width: auto; - + margin: 0 -10px; } #featuredContent .toChallenge{ @@ -328,7 +329,7 @@ /* hero area */ #hero{ min-height: 162px; - background: #eee; + background: #eee; } #hero .trackList{ margin: 0 -10px; @@ -337,9 +338,9 @@ text-align: center; font-size: 13px; color: #01a8e9; - + margin-top: 18px; - -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 18px 1.5% 0; width: 30.2%; @@ -366,17 +367,17 @@ #hero .trackAn i{ background: url(@@cdn/i/ico-an.png) 50% 0 no-repeat; } - + #hero .tracksInfo{ padding: 2px 2px 14px; margin: 0 -10px; } #hero .trackInfo{ - height: 120px; + height: 120px; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,0.5); font-size: 14px; - color: #666; + color: #666; position: relative; float: none; display: block; @@ -386,19 +387,19 @@ #hero .trackInfo i{ height: 89px; width: 89px; - + position: absolute; left: 13px; top: 13px; } #hero .trackInfo p{ padding-left: 118px; - + margin-right: 8px; } #hero .trackInfo h3{ display: block; - color: #01a8e9; + color: #01a8e9; padding: 16px 0 3px 118px; } #hero .trackInfo.trackSD h3{ @@ -409,7 +410,7 @@ } #hero .trackInfo a{ display: inline-block; - + font-size: 12px; } /* layout Challenges */ @@ -418,7 +419,7 @@ } .layChallenges header{ border-bottom: 1px solid #e7e7e7; - + padding-bottom: 8px; position: relative; font-size: 16px; @@ -428,7 +429,7 @@ .layChallenges header .rt{ position: absolute; right: 0; - + top: 4px; display: none; } @@ -436,7 +437,7 @@ display: inline-block; float: left; margin-left: 20px; - + line-height: 36px; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; transition-duration: 0s; } @@ -444,28 +445,8 @@ display: inline-block; height: 30px; width: 30px; - background: url(@@cdn/i/ico-views.png) no-repeat; - background-position: 0 0; } - .layChallenges .views .calendarView, - .layChallenges .views .gridView{ - background-position: 0 -50px; - } - .layChallenges .views .listView{ - background-position: 0 -150px; - } - - .layChallenges .views .calendarView.isActive, - .layChallenges .views .gridView.isActive{ - background-position: 0 0px; - cursor: default; - } - - .layChallenges .views .listView.isActive{ - background-position: 0 -100px; - cursor: default; - } - + .layChallenges .actions{ min-height: 25px; position: relative; @@ -474,7 +455,7 @@ margin: 0 -10px; } .layChallenges .actions .rt{ - float: none; + float: none; margin-top: 0; line-height: 42px; border-bottom: 1px solid #e7e7e7; @@ -498,12 +479,12 @@ display: inline-block; vertical-align: top; height: 24px; - + z-index: 100; position: relative; } .layChallenges .challengeType{ - + width: auto; margin: 0; border-bottom: 1px solid #e7e7e7; @@ -513,13 +494,13 @@ } .layChallenges .challengeType ul{ overflow: hidden; - + display: inline-block; font-size: 16px; padding: 4px 0; } .layChallenges .challengeType ul > li{ - float: left; + float: left; border-left: 1px solid #D0D0D1; height: 16px; line-height: 18px; @@ -528,7 +509,7 @@ border-left: 0; } .layChallenges .challengeType ul .link{ - margin: 0 10px; + margin: 0 10px; } .layChallenges .challengeType ul .link.active, .layChallenges .challengeType ul .link.active:hover{ @@ -538,7 +519,7 @@ .layChallenges .actions .searchLink{ background: url(@@cdn/i/ico-zoom.png) 0 50% no-repeat; padding-left: 27px; - + line-height: 22px; height: 22px; display: inline-block; @@ -547,7 +528,7 @@ display: inline-block; padding-right: 20px; position: relative; - + border-left: 1px solid transparent; } .layChallenges .actions .upDown i{ @@ -557,17 +538,17 @@ width: 13px; height: 24px; background: url(@@cdn/i/arrows-ud.png) no-repeat; - background-position: 0 9px; + background-position: 0 9px; } .layChallenges .actions .upDown.alt{ background-position: 100% -11px; } -/* dataChanges */ +/* dataChanges */ #mainContent .dataChanges{ padding-top: 19px; font-size: 14px; - - min-height: 18px; + width: 100%; + height: 60px; overflow: hidden; position: relative; } @@ -576,14 +557,12 @@ } #mainContent .dataChanges .mid{ text-align: center; - - display: block; - margin: 0 100px; + margin: 20px; position: relative; } #mainContent .dataChanges .lt{ - float: left; - + float: left; + min-width: 99px; z-index: 1; position: absolute; @@ -591,8 +570,8 @@ top: 19px; } #mainContent .dataChanges .rt{ - float: right; - + float: right; + text-align: right; z-index: 1; position: absolute; @@ -600,22 +579,22 @@ top: 19px; } #mainContent .dataChanges .nextLink{ - display: inline-block; + display: inline-block; padding-right: 18px; position: relative; padding-left: 10px; -} +} #mainContent .dataChanges .nextLink i{ top: 2px; } #mainContent .dataChanges .prevLink{ - display: inline-block; + display: inline-block; padding-left: 18px; position: relative; -} +} #mainContent .dataChanges .prevLink.hide{ display: none; - + } #mainContent .dataChanges .prevLink i{ top: 2px; @@ -630,18 +609,17 @@ } .dataTable th, .dataTable td{ - border: solid #e7e7e7; - border-width: 1px 0; + border-bottom: 1px solid #d4d4d4; } .dataTable th{ vertical-align: middle; - background: #f1f1f1; + background: #fff; font-weight: normal; - height: 42px; + height: 42px; font-size: 14px; } .dataTable tbody .alt td{ - background: #f7f7f7; + background: #fcfcfc; } .dataTable th.colCh{ text-align: left; @@ -658,31 +636,18 @@ padding-left: 66px; display: inline-block; } - .dataTable .colCh a i{ - position: absolute; - top: 4px; - left: 14px; - background: url(@@cdn/i/ico-tracks.png) no-repeat; - background-position: 0 0; - background-color: #7ab800; - width: 40px; - height: 36px; - transition-duration: 0.2s; -} - .dataTable .trackSD .colCh a i{ - background-position: 0 0; - background-color: #7ab800; - } - .dataTable .trackUX .colCh a i{ - background-position: 0 -50px; - background-color: #00add0; + .dataTable .colCh a i{ + position: absolute; + top: 4px; + left: 14px; + background-color: #7ab800; + transition-duration: 0.2s; } - .dataTable .trackAn .colCh a i{ - background-position: 0 -100px; - background-color: #ffae00; + .dataTable .colCh a span.track-symbol { + left: -51px; } .dataTable .colCh a:hover{ - color: #FF8A00; + color: #097DCE; } .dataTable .colCh a:hover i{ box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); @@ -704,10 +669,10 @@ .dataTable tbody .colTime .row{ overflow: hidden; line-height: 24px; - font-size: 12px; + font-size: 12px; } .dataTable tbody .colTime .row .lbl{ - float: left; + float: left; width: 85px; } .dataTable tbody .colTime .row .val{ @@ -719,7 +684,7 @@ .dataTable th.colPur{ width: 98px; } - .dataTable tbody .colTLeft, + .dataTable tbody .colTLeft, .dataTable tbody .colPur, .dataTable tbody .colReg, .dataTable tbody .colSub{ @@ -729,7 +694,7 @@ #tableView{ display: none !important; -} +} #gridView{ display: block !important; } @@ -746,7 +711,7 @@ .contestGrid .contest{ display: block; border: 1px solid #e7e7e7; - + width: auto; height: 268px; position: relative; @@ -759,13 +724,13 @@ .contestGrid .cgCh a{ color: #666; position: relative; - padding: 0 0 0 54px; + padding: 0 0 0 54px; display: block; height: 36px; max-width: 1000px; margin-right: 10px; line-height: 18px; - overflow: hidden; + overflow: hidden; } .contestGrid .cgCh a:hover{ color: #FF8A00; @@ -778,8 +743,8 @@ background-position: 0 -50px; background-color: #00add0; width: 40px; - height: 36px; - -moz-transition-duration: .3s; -webkit-transition-duration: .3s; transition-duration: .3s; + height: 36px; + -moz-transition-duration: .3s; -webkit-transition-duration: .3s; transition-duration: .3s; } .contestGrid .trackSD .cgCh a i{ background-position: 0 -50px; @@ -802,14 +767,14 @@ line-height: 24px; } .contestGrid .cgTime .lbl{ - float: left; + float: left; } .contestGrid .cgTime .val{ - margin-left: 92px; + margin-left: 92px; } .contestGrid .genInfo{ background: #f7f7f7; - + position: absolute; bottom: 0; right: 0; @@ -823,16 +788,16 @@ width: 24.8%; text-align: center; font-size: 18px; - color: #00add0; + color: #00add0; padding-top: 8px; } - contestGrid .trackSD .genInfo > p{ + contestGrid .trackSD .genInfo > p{ color: #00add0; } - .contestGrid .trackUX .genInfo > p{ + .contestGrid .trackUX .genInfo > p{ color: #7ab800; } - .contestGrid .trackAn .genInfo > p{ + .contestGrid .trackAn .genInfo > p{ color: #ffae00; } .contestGrid .genInfo > p.imp{ @@ -841,23 +806,23 @@ .contestGrid .genInfo > p i{ display: block; height: 30px; - width: 30px; + width: 30px; margin: 0 auto; background-image: url(@@cdn/i/ico-con.png); background-color: #00add0; - background-repeat: no-repeat; + background-repeat: no-repeat; margin-bottom: 9px; } - .contestGrid .trackSD .genInfo > p i{ + .contestGrid .trackSD .genInfo > p i{ background-color: #00add0; } - .contestGrid .trackUX .genInfo > p i{ + .contestGrid .trackUX .genInfo > p i{ background-color: #7ab800; } - .contestGrid .trackAn .genInfo > p i{ + .contestGrid .trackAn .genInfo > p i{ background-color: #ffae00; } - .contestGrid1 .contest .genInfo > p.imp i{ + .contestGrid1 .contest .genInfo > p.imp i{ background-color: #f00; } .contestGrid .genInfo .cgTLeft i{ @@ -872,7 +837,7 @@ .contestGrid .genInfo .cgSub i{ background-position: 0 0; } - + /* welcome Banner */ .welcomeBanner{ margin-top: 0; @@ -880,19 +845,19 @@ color: #fff; min-height: 85px; font-size: 14px; - line-height: 16px; + line-height: 16px; text-align: center; } .welcomeBanner p{ margin-right: 0; - + text-align: center; } .welcomeBanner .title{ font-size: 18px; padding-top: 20px; - + line-height: 18px; margin-bottom: 18px; } @@ -904,11 +869,11 @@ line-height: 46px; height: 42px; width: 151px; - + margin-bottom: 25px; margin-top: 20px; } - + /* splitLayout */ #mainContent.splitLayout{ background: none; @@ -917,14 +882,14 @@ position: relative; } #mainContent.splitLayout .mainStream{ - width: auto; - + width: auto; + display: block; float: none; } #mainContent.splitLayout .sideStream{ width: auto; - + display: block; float: none; margin-top: 22px; @@ -950,7 +915,7 @@ height: 17px; width: 100%; background: url(@@cdn/i/shadow-small.png) 50% 0 no-repeat; - + margin: 0; } .diagnostics > div{ @@ -959,7 +924,7 @@ float: none; font-size: 10px; text-align: center; - + background: url(@@cdn/i/ico-flags.png) no-repeat; background-position: 0 0; line-height: 14px; @@ -980,7 +945,7 @@ background-position: 0 -450px; } .diagnostics .val{ - font-size: 12px; + font-size: 12px; color: #fff; margin-top: 60px; } @@ -993,7 +958,7 @@ /* tops */ .tops{ margin-top: 25px; - + } .tops > nav{ padding: 12px 0 10px; @@ -1001,10 +966,10 @@ .tops h1{ border-bottom: 1px solid #e7e7e7; padding-bottom: 13px; - } + } .tops ul{ overflow: hidden; - + display: inline-block; font-size: 16px; padding: 3px 0; @@ -1013,7 +978,7 @@ display: block; } .tops ul > li{ - float: left; + float: left; border-left: 1px solid #D0D0D1; height: 16px; line-height: 18px; @@ -1022,7 +987,7 @@ border-left: 0; } .tops ul .link{ - margin: 0 10px; + margin: 0 10px; } .tops ul .link.active, .tops ul .link.active:hover{ @@ -1039,27 +1004,21 @@ } .tops .topsTable td{ text-align: center; - + height: 32px; } .tops .views{ text-align: right; font-size: 16px; - + margin-top: 19px; } /* starsOfMonth */ -.somInner{ +.somInner{ max-width: 300px; margin: 0 auto; width: auto; -} -.starsOfMonth{ - background: url(@@cdn/i/shadow.png) 50% 0 no-repeat; - border-top: 1px solid #dfe1e1; - padding-top: 26px; - background-size: 120% 20px; } .starsOfMonth h2{ color: #2e3b19; @@ -1069,18 +1028,16 @@ .starsOfMonth h2 small{ display: block; font-size: 14px; - + line-height: 18px; } .starsOfMonth .starProfiles{ overflow: hidden; - + margin: 0; } .starsOfMonth .profile{; border: 1px solid #dfe1e1; - max-width: 262px; - margin: 15px 0 0; width: auto; } @@ -1088,25 +1045,18 @@ overflow: hidden; } .starsOfMonth .profile h3{ - color: #01a8e9; + color: #01a8e9; margin-bottom: 16px; -} +} .starsOfMonth .profileUX h3{ - color: #01a8e9; + color: #01a8e9; } .starsOfMonth .profileSD h3{ - color: #228400; + color: #228400; } .starsOfMonth .profileAn h3{ - color: #ff7400; + color: #ff7400; } - .starsOfMonth .profile .memberPic{ - float: left; - } - .starsOfMonth .profile .details .row{ - margin: 5px 0 13px 150px; - -} .starsOfMonth .profile label{ font-size: 12px; } @@ -1117,13 +1067,13 @@ font-size: 18px; } .starProfiles .grid-3-1{ - float: none; + float: none; margin-top: 15px; overflow: hidden; width: auto; display: block; margin: 0; -} +} .starProfiles .gird-rt .profile{ float: none; } @@ -1133,8 +1083,8 @@ /* whatsHappening */ #whatsHappening{ - background: #d2d2d2; - padding: 12px 0 26px 0; + background: #fff; + padding: 12px 0 26px 0; } #whatsHappening .inner{ margin: 0; @@ -1154,7 +1104,7 @@ #whatsHappening .featuredImg{ width: 100%; height: 180px; - + margin-bottom: 26px; } #whatsHappening .featuredImg img{ @@ -1166,37 +1116,37 @@ #whatsHappening .slide .title{ font-weight: bold; font-size: 14px; - + line-height: 24px; height: 50px; overflow: hidden; } #whatsHappening .slide .postedBy{ - line-height: 30px; + line-height: 30px; } #whatsHappening .slide .excerpt{ - line-height: 18px; + line-height: 18px; } #whatsHappening .slide .excerpt .more{ display: block; } #whatsHappening .grid-3-1 > section{ - width: auto; + width: auto; padding-bottom: 30px; border-bottom: 1px solid #cacaca; } #whatsHappening .grid-rt > section{ float: none; border-bottom: none; - + padding-bottom: 0; } - #whatsHappening .grid-mid > section{ + #whatsHappening .grid-mid > section{ margin: 0 auto; } #whatsHappening .slider .bx-controls{ text-align: center; - + margin-top: 16px; } #whatsHappening .slider .bx-controls .bx-pager-item{ @@ -1217,15 +1167,15 @@ } #whatsHappening .slider .bx-controls .bx-pager-item a.active, #whatsHappening .slider .bx-controls .bx-pager-item a:hover{ - background-position: 0 -20px; + background-position: 0 -20px; } #whatsHappening .grid-3-1{ float: none; - + display: block; width: auto; } - + /*Title*/ .pageTitleWrapper { @@ -1253,10 +1203,10 @@ padding: 6px 0 2px 14px; } .pageContent ul .listTitle{ - display: block; + display: block; } .pageContent ul .listTitleDash{ - display: none; + display: none; } .pageContent ol { padding: 6px 10px 2px 33px; @@ -1283,7 +1233,7 @@ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 65px; border-right: 10px solid transparent; - + } .sideFindRelatedContent .searchRelatedBox .btn { position: absolute; @@ -1298,7 +1248,7 @@ line-height: 14px; } .sideMostRecentChallenges{ - margin-bottom: 32px; + margin-bottom: 32px; } .sideMostRecentChallenges h3 { padding: 0 9px; @@ -1309,7 +1259,7 @@ .sideMostRecentChallenges li.alt { padding: 14px 0; } - + /*Case Page*/ .casesView.container{ margin: 0; @@ -1348,23 +1298,23 @@ padding: 18px 0; } .casesView .caseGrid a.jsShowCaseDetails > img{ - padding: 0; + padding: 0; } .grid-4 .caseDetailsWrapper{ - display: none; + display: none; } #mainContent.casePage .dataChanges{ - margin-top: 17px; + margin-top: 17px; } .casePage .jsCloseCaseDetails{ top: 12px; - right: 0; + right: 0; } .casePage .caseBriefWrapper{ - padding-bottom: 25px; + padding-bottom: 25px; } .casePage .caseBriefWrapper .caseTitle{ - padding: 41px 0 23px 0; + padding: 41px 0 23px 0; } .casePage .caseBriefWrapper .caseTitle h3{ line-height: 30px; @@ -1376,7 +1326,7 @@ } .casePage .caseBriefWrapper .caseQuote{ width: auto; - float: none; + float: none; padding: 0 0 11px 0; margin-bottom: 20px; } @@ -1404,7 +1354,7 @@ margin: 0; } .casePage .caseTitle{ - padding: 4px 0 12px 0; + padding: 4px 0 12px 0; } .casePage .caseTitle h3{ font-size: 25px; @@ -1421,7 +1371,7 @@ margin: 0 auto; } .casePage .caseBanner{ - margin-bottom: 11px; + margin-bottom: 11px; } .casePage .caseBanner img { width: 100%; @@ -1439,7 +1389,7 @@ margin-bottom: 23px; } .caseQuote .quoteTxt{ - padding-bottom: 23px; + padding-bottom: 23px; } .caseQuote .quoterName, .caseQuote .quoterTitle{ @@ -1502,7 +1452,7 @@ /*Resource Page*/ .resourceList{ - padding-top: 5px; + padding-top: 5px; } .resourceList li{ padding: 0; @@ -1574,11 +1524,11 @@ .storyPage .grid-3-3 .grid-2-3, .storyPage .grid-3-3 .grid-1-3{ float: none; - width: 100%; + width: 100%; } .storyDetailsWrapper .storyTitle{ - padding: 0 0 32px 0; + padding: 0 0 32px 0; } .storyDetailsWrapper .storyTitle .author{ font-size: 16px; @@ -1598,7 +1548,7 @@ .storyDetails article .sideImage img{ width: 100%; max-width: 100%; - height: auto; + height: auto; } .storyDetails article .sideImage p { padding: 10px 0 14px 0; @@ -1614,7 +1564,7 @@ margin-bottom: 21px; } .sideSearchStories h3{ - text-align: center; + text-align: center; } .sideSearchStories .searchStoriesBox{ border-width: 0; @@ -1627,7 +1577,7 @@ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 65px; border-right: 10px solid transparent; - + } .sideSearchStories .searchStoriesBox .btn { position: absolute; @@ -1648,3 +1598,20 @@ } } +/* For community page */ +@media (max-width: 480px ) { + .community #mainContent.splitLayout { + margin: 30px 10px; + padding: 30px 10px; + } + .tops .topsTable .colHandle { + text-align: center; + } +} +@media (max-width: 960px) { + .challenge-detail .rightSplit .grid-3-3 { + width: 100%; + margin: 0; + padding: 0; + } +} diff --git a/src/css/style.css b/src/css/style.css index bcba6ef7..96c5d57f 100644 --- a/src/css/style.css +++ b/src/css/style.css @@ -159,6 +159,173 @@ font-weight: 300; } +@font-face { + font-family: 'Sofia Pro'; + src: url('/mf/fonts/sofiapro-ultralight-webfont.eot'); + src: url('/mf/fonts/sofiapro-ultralight-webfont.eot?#iefix') format('embedded-opentype'), + url('/mf/fonts/sofiapro-ultralight-webfont.woff') format('woff'), + url('/mf/fonts/sofiapro-ultralight-webfont.ttf') format('truetype'), + url('/mf/fonts/sofiapro-ultralight-webfont.svg#sofia_pro_ultralight') format('svg'); + font-weight: 100; + font-style: normal; +} +@font-face { + font-family: 'Sofia Pro'; + src: url('/mf/fonts/sofiapro-ultralight-italic-webfont.eot'); + src: url('/mf/fonts/sofiapro-ultralight-italic-webfont.eot?#iefix') format('embedded-opentype'), + url('/mf/fonts/sofiapro-ultralight-italic-webfont.woff') format('woff'), + url('/mf/fonts/sofiapro-ultralight-italic-webfont.ttf') format('truetype'), + url('/mf/fonts/sofiapro-ultralight-italic-webfont.svg#sofia_pro_ultralightitalic') format('svg'); + font-weight: 100; + font-style: italic; +} + +@font-face { + font-family: 'Sofia Pro'; + src: url('/mf/fonts/sofiapro-extralight-webfont.eot'); + src: url('/mf/fonts/sofiapro-extralight-webfont.eot?#iefix') format('embedded-opentype'), + url('/mf/fonts/sofiapro-extralight-webfont.woff') format('woff'), + url('/mf/fonts/sofiapro-extralight-webfont.woff2') format('woff2'), + url('/mf/fonts/sofiapro-extralight-webfont.svg#sofia_pro_extralight') format('svg'); + font-weight: 200; + font-style: normal; +} +@font-face { + font-family: 'Sofia Pro'; + src: url('/mf/fonts/sofiapro-extralight-italic-webfont.eot'); + src: url('/mf/fonts/sofiapro-extralight-italic-webfont.eot?#iefix') format('embedded-opentype'), + url('/mf/fonts/sofiapro-extralight-italic-webfont.woff') format('woff'), + url('/mf/fonts/sofiapro-extralight-italic-webfont.woff2') format('woff2'), + url('/mf/fonts/sofiapro-extralight-italic-webfont.ttf') format('truetype'); + font-weight: 200; + font-style: italic; +} + +@font-face { + font-family: 'Sofia Pro'; + src: url('/mf/fonts/sofiapro-light-webfont.eot'); + src: url('/mf/fonts/sofiapro-light-webfont.eot?#iefix') format('embedded-opentype'), + url('/mf/fonts/sofiapro-light-webfont.woff') format('woff'), + url('/mf/fonts/sofiapro-light-webfont.woff2') format('woff2'), + url('/mf/fonts/sofiapro-light-webfont.svg#sofia_pro_light') format('svg'), + url('/mf/fonts/sofiapro-light-webfont.ttf') format('truetype'); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: 'Sofia Pro'; + src: url('/mf/fonts/sofiapro-light-italic-webfont.eot'); + src: url('/mf/fonts/sofiapro-light-italic-webfont.eot?#iefix') format('embedded-opentype'), + url('/mf/fonts/sofiapro-light-italic-webfont.woff') format('woff'), + url('/mf/fonts/sofiapro-light-italic-webfont.ttf') format('truetype'), + url('/mf/fonts/sofiapro-light-italic-webfont.svg#sofia_pro_lightitalic') format('svg'); + font-weight: 300; + font-style: italic; +} + +@font-face { + font-family: 'Sofia Pro'; + src: url('/mf/fonts/sofiapro-regular-webfont.eot'); + src: url('/mf/fonts/sofiapro-regular-webfont.eot?#iefix') format('embedded-opentype'), + url('/mf/fonts/sofiapro-regular-webfont.woff') format('woff'), + url('/mf/fonts/sofiapro-regular-webfont.woff2') format('woff2'), + url('/mf/fonts/sofiapro-regular-webfont.ttf') format('truetype'), + url('/mf/fonts/sofiapro-regular-webfont.svg#sofia_pro_regular') format('svg'); + font-weight: 400; + font-style: normal; +} + +@font-face { + font-family: 'Sofia Pro'; + src: url('/mf/fonts/sofiapro-medium-webfont.eot'); + src: url('/mf/fonts/sofiapro-medium-webfont.eot?#iefix') format('embedded-opentype'), + url('/mf/fonts/sofiapro-medium-webfont.woff') format('woff'), + url('/mf/fonts/sofiapro-medium-webfont.woff2') format('woff2'), + url('/mf/fonts/sofiapro-medium-webfont.svg#sofia_pro_medium') format('svg'), + url('/mf/fonts/sofiapro-medium-webfont.ttf') format('truetype'); + font-weight: 500; + font-style: normal; +} + +@font-face { + font-family: 'Sofia Pro'; + src: url('/mf/fonts/sofiapro-medium-italic.eot'); + src: url('/mf/fonts/sofiapro-medium-italic.eot?#iefix') format('embedded-opentype'), + url('/mf/fonts/sofiapro-medium-italic.woff') format('woff'), + url('/mf/fonts/sofiapro-medium-italic.ttf') format('truetype'), + url('/mf/fonts/sofiapro-medium-italic.svg#sofia_pro_mediumitalic') format('svg'); + font-weight: 500; + font-style: italic; +} + +@font-face { + font-family: 'Sofia Pro'; + src: url('/mf/fonts/sofiapro-semibold-webfont.eot'); + src: url('/mf/fonts/sofiapro-semibold-webfont.eot?#iefix') format('embedded-opentype'), + url('/mf/fonts/sofiapro-semibold-webfont.woff') format('woff'), + url('/mf/fonts/sofiapro-semibold-webfont.woff2') format('woff2'), + url('/mf/fonts/sofiapro-semibold-webfont.svg#sofia_pro_semibold') format('svg'), + url('/mf/fonts/sofiapro-semibold-webfont.ttf') format('truetype'); + font-weight: 600; + font-style: normal; +} + +@font-face { + font-family: 'Sofia Pro'; + src: url('/mf/fonts/sofiapro-semibold-italic-webfont.eot'); + src: url('/mf/fonts/sofiapro-semibold-italic-webfont.eot?#iefix') format('embedded-opentype'), + url('/mf/fonts/sofiapro-semibold-italic-webfont.woff') format('woff'), + url('/mf/fonts/sofiapro-semibold-italic-webfont.ttf') format('truetype'), + url('/mf/fonts/sofiapro-semibold-italic-webfont.svg#sofia_pro_semibolditalic') format('svg'); + font-weight: 600; + font-style: italic; +} + +@font-face { + font-family: 'Sofia Pro'; + src: url('/mf/fonts/sofiapro-bold-webfont.eot'); + src: url('/mf/fonts/sofiapro-bold-webfont.eot?#iefix') format('embedded-opentype'), + url('/mf/fonts/sofiapro-bold-webfont.woff') format('woff'), + url('/mf/fonts/sofiapro-bold-webfont.woff2') format('woff2'), + url('/mf/fonts/sofiapro-bold-webfont.svg#sofia_pro_bold') format('svg'), + url('/mf/fonts/sofiapro-bold-webfont.ttf') format('truetype'); + font-weight: 700; + font-style: normal; +} + +@font-face { + font-family: 'Sofia Pro'; + src: url('/mf/fonts/sofiapro-bold-italic-webfont.eot'); + src: url('/mf/fonts/sofiapro-bold-italic-webfont.eot?#iefix') format('embedded-opentype'), + url('/mf/fonts/sofiapro-bold-italic-webfont.woff') format('woff'), + url('/mf/fonts/sofiapro-bold-italic-webfont.ttf') format('truetype'), + url('/mf/fonts/sofiapro-bold-italic-webfont.svg#sofia_pro_bolditalic') format('svg'); + font-weight: 700; + font-style: italic; +} + +@font-face { + font-family: 'Sofia Pro'; + src: url('/mf/fonts/sofiapro-black-webfont.eot'); + src: url('/mf/fonts/sofiapro-black-webfont.eot?#iefix') format('embedded-opentype'), + url('/mf/fonts/sofiapro-black-webfont.woff') format('woff'), + url('/mf/fonts/sofiapro-black-webfont.woff2') format('woff2'), + url('/mf/fonts/sofiapro-black-webfont.svg#sofia_pro_black') format('svg'), + url('/mf/fonts/sofiapro-black-webfont.ttf') format('truetype'); + font-weight: 800; + font-style: normal; +} + +@font-face { + font-family: 'Sofia Pro'; + src: url('/mf/fonts/sofiapro-black-italic-webfont.eot'); + src: url('/mf/fonts/sofiapro-black-italic-webfont.eot?#iefix') format('embedded-opentype'), + url('/mf/fonts/sofiapro-black-italic-webfont.woff') format('woff'), + url('/mf/fonts/sofiapro-black-italic-webfont.woff2#sofia_pro_blackitalic') format('svg'); + font-weight: 800; + font-style: italic; +} /* main ---------------------------*/ #banner{ @@ -167,18 +334,18 @@ background: url(@@cdn/i/bg-slide-sprite.jpg) 0 0 repeat-x; } #banner .inner{ - + height: 226px; background: url(@@cdn/i/bg-slide.jpg) 50% 0 no-repeat; } #banner .inner .container{ background: url(@@cdn/i/banner-1.png) 50% 0 no-repeat; - + padding-left: 0; } #banner .inner .container .bx-wrapper{ margin-left: 395px; - + max-width: 600px !important; } /* slider */ @@ -186,7 +353,7 @@ height: 226px; display: block; } - #banner .slider .con{ + #banner .slider .con{ width: 590px; margin: 0 auto; } @@ -194,7 +361,7 @@ position: absolute; left: 60px; top: 175px; - + width: 101px; } #banner .slider .slide{ @@ -203,29 +370,29 @@ color: #fff; font-weight: bold; text-align: center; - + overflow: hidden; } #banner .slider li .con{ height: 196px; padding: 30px 20px 0 0; position: relative; - + } #banner .slider li.welcome .con{ background: url(@@cdn/i/tc-cs.png) -400px 0 no-repeat; - + } #banner .slider li .textOnly{ font-size: 14px; - + font-weight: normal; line-height: 18px; } #banner .bx-controls{ position: absolute; left: 50%; - + bottom: 13px; z-index: 60; width: auto; @@ -233,14 +400,14 @@ } #banner .bx-controls .bx-pager{ overflow: hidden; - + } #banner .bx-controls .bx-pager-item{ float: left; margin-left: 5px; text-align: left; text-indent: -100px; - overflow: hidden; + overflow: hidden; } #banner .bx-controls .bx-pager-item a{ display: block; @@ -248,12 +415,12 @@ width: 12px; background: url(@@cdn/i/nav-dot.png) no-repeat; background-position: 0 -12px; - + -moz-transition-duration: 0s; -webkit-transition-duration: 0s; transition-duration: 0s; } #banner .bx-controls .bx-pager-item a.active, #banner .bx-controls .bx-pager-item a:hover{ - background-position: 0 0; + background-position: 0 0; } #banner .welcome{ color: #fff; @@ -263,17 +430,17 @@ position: absolute; right: 93px; width: 458px; - + top: 54px; } #banner .welcome info{ - + } #banner .welcome h2{ color: #fff; font-weight: bold; font-size: 28px; - + padding-bottom: 9px; text-transform: uppercase; line-height: 34px; @@ -284,7 +451,7 @@ line-height: 68px; height: 68px; } - + #stats em{ font-weight: bold; } @@ -294,10 +461,10 @@ top: 14px; width: 205px; } - + /* mainContent */ #mainContent{ - background: url(@@cdn/i/shadow.png) 50% 0 no-repeat; + background: url(@@cdn/i/shadow.png) 50% 0 no-repeat; padding-top: 8px; padding-bottom: 32px; } @@ -309,7 +476,7 @@ #mainContent .title{ padding-top: 32px; text-align: center; - + margin-bottom: 16px; } #mainContent .slogan{ @@ -330,7 +497,7 @@ margin-left: 25px; position: relative; text-align: center; - + padding-top: 141px; } .whatVdo > section:first-child{ @@ -340,7 +507,7 @@ padding-bottom: 15px; color: #01a8e9; } - + .whatVdo > section.build h3{ color: #228400; } @@ -350,7 +517,7 @@ .whatVdo > section p{ font-size: 16px; line-height: 24px; - + letter-spacing: 1px; padding: 0 10px; } @@ -360,14 +527,14 @@ left: 50%; max-height: 130px; width: 127px; - + margin-left: -63px; } .whatVdo > section.build i{ - background-position: 50% -150px; + background-position: 50% -150px; } .whatVdo > section.solve i{ - background-position: 50% -300px; + background-position: 50% -300px; } #featuredContent{ @@ -385,7 +552,7 @@ } #featuredContent .container > section{ position: relative; - + } #featuredContent .container > section > h3, #featuredContent .container > section > p, @@ -393,7 +560,7 @@ margin: 0 25px 0 146px; } #featuredContent .container > section .badge{ - position: absolute; + position: absolute; left: 0; top: -1px; width: 185px; @@ -418,7 +585,7 @@ } #featuredContent .container > section .em{ padding: 7px 0 3px; - + color: #333; } #featuredContent .container > section em{ @@ -431,7 +598,7 @@ } #featuredContent .container > section .action{ padding: 20px 0 5px; - + } .nextLink{ position: relative; @@ -444,13 +611,13 @@ width: 8px; top: 7px; right: 4px; - background: url(@@cdn/i/arrow-nxt.png) no-repeat; + background: url(@@cdn/i/chevron-right-design.png) no-repeat; background-position: 0 0; position: absolute; - transition-duration: 0.2s; + transition-duration: 0.2s; } .nextLink:hover{ - color: #FF8A00; + color: #FF8A00; } .nextLink:hover i{ right: 0; @@ -460,19 +627,19 @@ padding-left: 23px; } .prevLink i{ - background: url(@@cdn/i/arrow-prev.png) no-repeat; + background: url(@@cdn/i/chevron-left-design.png) no-repeat; right: auto; left: 4px; } .prevLink:hover{ - color: #FF8A00; + color: #FF8A00; } .prevLink:hover i{ left: 0; } #featuredContent .container > section .action a{ font-size: 22px; - display: inline-block; + display: inline-block; line-height: 26px; } #featuredContent .toBusiness{ @@ -495,7 +662,7 @@ float: left; width: 320px; text-align: center; - + margin-left: 25px; } #aboutContent .container > section:first-child{ @@ -514,7 +681,7 @@ font-size: 18px; line-height: 24px; } - + .userWidget{ width: 332px; height: 208px; @@ -539,18 +706,18 @@ margin-left: 1.5%; float: left; text-align: center; - + font-size: 12px; letter-spacing: 1px; } .userWidget .action a:first-child{ - margin-left: 0; + margin-left: 0; } .userWidget .details{ - position: relative; + position: relative; } .userWidget .details .userPic{ - float: left; + float: left; margin: 20px 0 0 20px; width: 120px; height: 120px; @@ -562,11 +729,11 @@ } .userWidget .details .userPic img{ width: 120px; - + background: #ccc; } .userWidget .details .userDetails{ - margin-left: 174px; + margin-left: 174px; min-height: 154px; padding-top: 14px; } @@ -588,38 +755,38 @@ font-size: 12px; letter-spacing: 1px; padding-top: 6px; - + line-height: 20px; } .userWidget .details .userDetails .val{ font-size: 18px; letter-spacing: 1px; line-height: 24px; - + font-weight: bold; } /* hero area */ #hero{ min-height: 162px; - background: #eee; + background: #eee; } #hero .track{ text-align: center; font-size: 18px; color: #01a8e9; - + margin-top: 0px; line-height: 20px; } #hero .track a{ - color: #01a8e9; - + color: #01a8e9; + display: block; height: 142px; padding-top: 18px; } #hero .track a:hover{ - text-decoration: underline; - + text-decoration: underline; + background: #f9f9f9; } #hero .trackSD a{ @@ -650,17 +817,17 @@ padding: 22px 0 5px; } #hero .trackInfo{ - height: 120px; + height: 120px; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,0.5); font-size: 14px; - color: #666; + color: #666; position: relative; } #hero .trackInfo i{ height: 89px; width: 89px; - + position: absolute; left: 13px; top: 13px; @@ -670,7 +837,7 @@ } #hero .trackInfo h3{ display: block; - color: #01a8e9; + color: #01a8e9; padding: 16px 0 3px 118px; } #hero .trackInfo.trackSD h3{ @@ -681,7 +848,7 @@ } #hero .trackInfo a{ display: inline-block; - + font-size: 12px; } /* lay Challenges */ @@ -690,7 +857,7 @@ } .layChallenges header{ border-bottom: 1px solid #e7e7e7; - + padding-bottom: 12px; position: relative; font-size: 16px; @@ -698,7 +865,7 @@ .layChallenges header .rt{ position: absolute; right: 0; - + top: 4px; } .layChallenges header .rt a{ @@ -706,59 +873,32 @@ display: inline-block; float: left; margin-left: 20px; - + line-height: 36px; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; transition-duration: 0s; border-top: 3px solid transparent; -} +} .layChallenges header .rt .calendarView:hover, .layChallenges header .rt .gridView:hover, .layChallenges header .rt .listView:hover{ border-top: 3px solid #FF8A00; } - - .layChallenges .views > a{ - display: inline-block; - height: 30px; - width: 30px; - background: url(@@cdn/i/ico-views.png) no-repeat; - background-position: 0 0; -} - .layChallenges .views .gridView{ - background-position: 0 -47px; - } - .layChallenges .views .listView{ - background-position: 0 -147px; + .layChallenges .views { + float: right; } - .layChallenges .views .calendarView{ - background-position: 0 -247px; + .layChallenges .views > a{ + font-size: 11px; + line-height: 13px; + color: #A3A3AE; } - - .layChallenges .views .gridView.isActive{ - background-position: 0 3px; - cursor: default; + .layChallenges .views a + a { + margin-left: 10px; } - .layChallenges .views .gridView.isActive:hover{ - border-top: 3px solid rgba(0, 0, 0, 0); - } - - .layChallenges .views .listView.isActive{ - background-position: 0 -97px; - cursor: default; - } - .layChallenges .views .listView.isActive:hover{ - border-top: 3px solid transparent; + .layChallenges .views a.isActive { + color: #000000; } - .layChallenges .views .calendarView.isActive{ - background-position: 0 -197px; - cursor: default; - } - .layChallenges .views .calendarView.isActive:hover{ - border-top: 3px solid transparent; - } - .layChallenges .actions{ min-height: 25px; position: relative; @@ -767,13 +907,13 @@ z-index: 10; } .layChallenges .actions .rt{ - float: right; + float: right; margin-top: -25px; line-height: 24px; } .layChallenges .actions .lt{ float: left; - + line-height: 24px; margin-top: -25px; min-width: 118px; @@ -784,28 +924,28 @@ margin-right: 8px; } .layChallenges .challengeType{ - + width: 300px; margin: 0 auto; } .layChallenges .challengeType ul{ overflow: hidden; - + display: block; font-size: 16px; padding: 3px 0; } .layChallenges .challengeType ul > li{ - float: left; + float: left; border-left: 1px solid #D0D0D1; - height: 16px; + height: 18px; line-height: 18px; } .layChallenges .challengeType ul li:first-child{ border-left: 0; } .layChallenges .challengeType ul .link{ - margin: 0 10px; + margin: 0 10px; } .layChallenges .challengeType ul .link.active, .layChallenges .challengeType ul .link.active:hover{ @@ -815,7 +955,7 @@ .layChallenges .actions .searchLink{ background: url(@@cdn/i/ico-zoom.png) 0 50% no-repeat; padding-left: 27px; - + line-height: 22px; height: 22px; display: inline-block; @@ -824,10 +964,10 @@ display: inline-block; padding-right: 20px; position: relative; - + margin-left: 4px; } - + .layChallenges .actions .upDown i{ position: absolute; right: 0; @@ -835,11 +975,11 @@ width: 13px; height: 24px; background: url(@@cdn/i/arrows-ud.png) no-repeat; - background-position: 0 8px; + background-position: 0 8px; } .layChallenges .actions .on .upDown i{ background-position: 100% -13px; - -moz-transition-duration: .3s; -webkit-transition-duration: .3s; transition-duration: .3s; + -moz-transition-duration: .3s; -webkit-transition-duration: .3s; transition-duration: .3s; } .lt .ddWrap{ float: left; @@ -852,7 +992,7 @@ .ddWrap .list{ border: 1px solid #ccc; border-top: none; - + display: none; background: #fff; } @@ -864,7 +1004,7 @@ border-top: 1px solid #ccc; padding: 0 5px; font-size: 12px; - + line-height: 26px; text-align: left; } @@ -872,39 +1012,39 @@ .ddWrap .list li.active{ background: #f7f7f7; } -/* dataChanges */ +/* dataChanges */ #mainContent .dataChanges{ padding-top: 19px; font-size: 16px; - + min-height: 20px; overflow: hidden; } #mainContent .dataChanges .lt{ - float: left; + float: left; } #mainContent .dataChanges .rt{ - float: right; - + float: right; + text-align: right; overflow: hidden; } #mainContent .dataChanges .nextLink{ - display: inline-block; + display: inline-block; padding-right: 20px; position: relative; padding-left: 40px; float: left; -} +} #mainContent .dataChanges .nextLink i{ top: 4px; } #mainContent .dataChanges .prevLink{ - display: inline-block; + display: inline-block; padding-left: 20px; position: relative; float: left; -} +} #mainContent .dataChanges .prevLink.hide{ display: none; } @@ -916,76 +1056,85 @@ width: 100%; font-size: 14px; } - .dataTable .imp{ - color: #f00; - } - .dataTable th, - .dataTable td{ - border: solid #e7e7e7; - border-width: 1px 0; - } - .dataTable th{ - vertical-align: middle; - background: #f1f1f1; - font-weight: normal; - height: 42px; - font-size: 14px; - } - .layChallenges .dataTable .colCh{ - width: 308px; - } - - - .dataTable tbody .alt td{ - background: #f7f7f7; - } - - .dataTable th.colCh{ - text-align: left; - text-indent: 56px; - width: 308px - } - .dataTable .colCh div{ - margin-right: 15px; +.dataTable .imp{ + color: #f00; +} +.dataTable th, +.dataTable td{ + border-bottom: 1px solid #d4d4d4; +} +.dataTable th{ + background-color: #fff; + color: #7F7F7F; + line-height: 37px; + vertical-align: middle; + text-align: left; + font-family: "Sofia Pro", Helvetica, Arial, sans-serif; + word-wrap: break-word; + text-transform: uppercase; + font-size: 10px; + font-weight: 400; +} +.dataTable th.colTime { + text-align: center; +} +.layChallenges .dataTable .colCh{ + width: 308px; +} +.dataTable tbody .alt td{ + background: #FCFCFC; +} +.dataTable td.colCh , .dataTable td.colTime, .dataTable td.colPur { + margin-right: 15px; + vertical-align: top; + padding-top: 15px; + padding-bottom: 15px; + text-align: left; +} +.dataTable td.colPur { + padding-top: 30px; +} +.dataTable .colCh a{ + color: #666; + line-height: 22px; + padding-left: 35px; + display: inline-block; + cursor: pointer; + position: relative; +} +.dataTable .colCh a i{ + position: absolute; + top: 4px; + left: 14px; + width: 40px; + height: 75px; + transition-duration: 0.2s; + cursor: pointer; +} +.dataTable .track-develop .colCh a i { + background: url(@@cdn/i/ico-develop-challenge.svg) no-repeat; +} +.dataTable .track-design .colCh a i { + background: url(@@cdn/i/ico-design-challenge.svg) no-repeat; +} +.dataTable .colCh a span.track-symbol { + position: absolute; + left: -21px; + top: 45px; + z-index: 10; + color: white; + font-weight: bold; + width: 40px; + display: inline-block; + text-align: center; + font-size: 14px; + text-transform: uppercase; +} +.layChallenges .dataTable .colCh a span.track-symbol { + left: 12px; } - .dataTable .colCh a{ - color: #666; - line-height: 22px; - padding-left: 35px; - display: inline-block; - - cursor: pointer; - position: relative; -} - .dataTable .colCh a i{ - position: absolute; - top: 4px; - left: 14px; - background: url(@@cdn/i/ico-tracks.png) no-repeat; - background-position: 0 0; - background-color: #7ab800; - width: 40px; - height: 36px; - transition-duration: 0.2s; - cursor: pointer; -} - .dataTable .trackSD .colCh a i, - .dataTable .track-develop .colCh a i{ - background-position: 0 0; - background-color: #7ab800; - } - .dataTable .trackUX .colCh a i, - .dataTable .track-design .colCh a i{ - background-position: 0 -50px; - background-color: #00add0; - } - .dataTable .trackAn .colCh a i, - .dataTable .track-data .colCh a i{ - background-position: 0 -100px; - background-color: #ffae00; - } .dataTable .colCh a:hover{ - color: #FF8A00; + color: #097DCE; } .dataTable .colCh a:hover i{ box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); @@ -993,13 +1142,8 @@ .dataTable .btn{ width: 86px; } - .dataTable tbody td{ - height: 95px; - vertical-align: middle; - } - .dataTable tbody td{ - height: 95px; - vertical-align: middle; + .dataTable.challenges tbody tr{ + height: 140px; } .dataTable th.colTime{ width: 224px; @@ -1007,10 +1151,10 @@ .dataTable tbody .colTime .row{ overflow: hidden; line-height: 24px; - font-size: 12px; + font-size: 12px; } .dataTable tbody .colTime .row .lbl{ - float: left; + float: left; width: 85px; } .dataTable tbody .colTime .row .val{ @@ -1022,7 +1166,7 @@ .dataTable th.colPur{ width: 98px; } - .dataTable tbody .colTLeft, + .dataTable tbody .colTLeft, .dataTable tbody .colPur, .dataTable tbody .colReg, .dataTable tbody .colSub{ @@ -1032,9 +1176,13 @@ .dataTable .colPur, .dataTable tbody .colPur{ - text-align: left; + text-align: left; text-indent: 20px; -} +} +.dataTable tfoot tr td { + border: none; + padding-top: 10px; +} /* contest gird view */ #tableView{ padding-top: 15px; @@ -1053,7 +1201,7 @@ .contestGrid .contest{ display: inline-block; border: 1px solid #e7e7e7; - + width: 298px; height: 228px; position: relative; @@ -1063,19 +1211,19 @@ .contestGrid.alt .contest{ width: 318px; margin: 15px 12px 16px 13px; - } + } .contestGrid .cgCh{ margin: 18px 0 14px; } .contestGrid .cgCh a{ color: #666; position: relative; - padding: 0 0 0 54px; + padding: 0 0 0 54px; display: block; height: 36px; max-width: 234px; line-height: 18px; - overflow: hidden; + overflow: hidden; } .contestGrid .cgCh a:hover{ color: #FF8A00; @@ -1088,8 +1236,8 @@ background-position: 0 -50px; background-color: #00add0; width: 40px; - height: 36px; - -moz-transition-duration: .3s; -webkit-transition-duration: .3s; transition-duration: .3s; + height: 36px; + -moz-transition-duration: .3s; -webkit-transition-duration: .3s; transition-duration: .3s; } .contestGrid .trackSD .cgCh a i{ background-position: 0 -50px; @@ -1112,17 +1260,17 @@ line-height: 24px; } .contestGrid .cgTime .lbl{ - float: left; + float: left; } .contestGrid .cgTime .val{ - margin-left: 92px; + margin-left: 92px; } .contestGrid.alt .cgTime .val{ - margin-left: 104px; - } + margin-left: 104px; + } .contestGrid .genInfo{ background: #f7f7f7; - + position: absolute; bottom: 0; right: 0; @@ -1136,16 +1284,16 @@ width: 24.8%; text-align: center; font-size: 18px; - color: #00add0; + color: #00add0; padding-top: 8px; } - contestGrid .trackSD .genInfo > p{ + contestGrid .trackSD .genInfo > p{ color: #00add0; } - .contestGrid .trackUX .genInfo > p{ + .contestGrid .trackUX .genInfo > p{ color: #7ab800; } - .contestGrid .trackAn .genInfo > p{ + .contestGrid .trackAn .genInfo > p{ color: #ffae00; } .contestGrid .genInfo > p.imp{ @@ -1154,25 +1302,25 @@ .contestGrid .genInfo > p i{ display: block; height: 30px; - width: 30px; + width: 30px; margin: 0 auto; background-image: url(@@cdn/i/ico-con.png); - background-repeat: no-repeat; + background-repeat: no-repeat; margin-bottom: 9px; } - .contestGrid .trackSD .genInfo > p i{ + .contestGrid .trackSD .genInfo > p i{ background-color: #00add0; } - .contestGrid .type-develop .genInfo > p i{ + .contestGrid .type-develop .genInfo > p i{ background-color: #47a911; } - .contestGrid .trackUX .genInfo > p i{ + .contestGrid .trackUX .genInfo > p i{ background-color: #7ab800; } - .contestGrid .trackAn .genInfo > p i{ + .contestGrid .trackAn .genInfo > p i{ background-color: #ffae00; } - .contestGrid1 .contest .genInfo > p.imp i{ + .contestGrid1 .contest .genInfo > p.imp i{ background-color: #f00; } .contestGrid .genInfo .cgTLeft i{ @@ -1187,7 +1335,7 @@ .contestGrid .genInfo .cgSub i{ background-position: 0 0; } - + /* welcome Banner */ .welcomeBanner{ margin-top: 1px; @@ -1196,13 +1344,13 @@ font-size: 18px; line-height: 24px; background: #006eb0; - background: -moz-linear-gradient(left, #006eb0 0%, #00d9fa 100%); - background: -webkit-gradient(linear, left top, right top, color-stop(0%,#006eb0), color-stop(100%,#00d9fa)); - background: -webkit-linear-gradient(left, #006eb0 0%,#00d9fa 100%); - background: -o-linear-gradient(left, #006eb0 0%,#00d9fa 100%); - background: -ms-linear-gradient(left, #006eb0 0%,#00d9fa 100%); - background: linear-gradient(to right, #006eb0 0%,#00d9fa 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006eb0', endColorstr='#00d9fa',GradientType=1 ); + background: -moz-linear-gradient(left, #006eb0 0%, #00d9fa 100%); + background: -webkit-gradient(linear, left top, right top, color-stop(0%,#006eb0), color-stop(100%,#00d9fa)); + background: -webkit-linear-gradient(left, #006eb0 0%,#00d9fa 100%); + background: -o-linear-gradient(left, #006eb0 0%,#00d9fa 100%); + background: -ms-linear-gradient(left, #006eb0 0%,#00d9fa 100%); + background: linear-gradient(to right, #006eb0 0%,#00d9fa 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006eb0', endColorstr='#00d9fa',GradientType=1 ); } .welcomeBanner p{ @@ -1221,7 +1369,7 @@ height: 42px; width: 151px; } - + /* splitLayout */ #mainContent.splitLayout{ background: none; @@ -1243,7 +1391,7 @@ height: 17px; width: 100%; background: url(@@cdn/i/shadow-small.png) 50% 0 no-repeat; - + margin: 0; } .diagnostics > div{ @@ -1252,7 +1400,7 @@ float: left; font-size: 10px; text-align: center; - + background: url(@@cdn/i/ico-flags.png) no-repeat; background-position: 0 0; line-height: 14px; @@ -1272,7 +1420,7 @@ background-position: 0 -450px; } .diagnostics .val{ - font-size: 12px; + font-size: 12px; color: #fff; margin-top: 60px; } @@ -1283,20 +1431,17 @@ bottom: 0; } /* tops */ -.tops{ - margin-top: 30px; - -} .tops > nav{ padding: 12px 0 10px; + font-weight: bold; } .tops h1{ border-bottom: 1px solid #e7e7e7; padding-bottom: 13px; - } + } .tops ul{ overflow: hidden; - + display: inline-block; font-size: 16px; padding: 3px 0; @@ -1305,7 +1450,7 @@ display: block; } .tops ul > li{ - float: left; + float: left; border-left: 1px solid #D0D0D1; height: 16px; line-height: 18px; @@ -1314,7 +1459,7 @@ border-left: 0; } .tops ul .link{ - margin: 0 10px; + margin: 0 10px; } .tops ul .link.active, .tops ul .link.active:hover{ @@ -1322,7 +1467,7 @@ cursor: default; } .tops .topsTable{ - font-size: 12px; + font-size: 14px; } .topsTable .colRank{ width: 42px; @@ -1331,16 +1476,20 @@ font-size: 12px; padding-top: 13px; height: 28px; + text-align: center; + background: #f7f7f7; + color: #000; + text-transform: none; } .tops .topsTable td{ text-align: center; - + height: 32px; } .tops .views{ text-align: right; font-size: 16px; - + margin-top: 19px; } @@ -1351,88 +1500,136 @@ } /* starsOfMonth */ .starsOfMonth{ - background: url(@@cdn/i/shadow.png) 50% 0 no-repeat; - border-top: 1px solid #dfe1e1; - padding-top: 19px; - margin: 18px 0 0; + background: #fff; + margin: -50px 60px 60px; + padding: 30px 0 36px 0; + border: none; } .starsOfMonth h2{ - color: #2e3b19; - font-size: 24px; - line-height: 24px; + color: #3d3d3d; + font-size: 28px; + line-height: 34px; + font-family: "Sofia Pro"; + font-weight: bold; + text-align: center; + margin-bottom: 60px; } .starsOfMonth h2 small{ display: block; font-size: 14px; - + line-height: 18px; } .starsOfMonth .starProfiles{ overflow: hidden; - - margin: 0 -12px; + + margin: 0 90px; } .starsOfMonth .profile{ border: 1px solid #dfe1e1; - padding: 18px; - width: 262px; - + width: 300px; + height: 368px; margin: 0 auto; + border-radius: 4px; } - .starsOfMonth .profileUX{ - margin: 0; + .starsOfMonth .profileHeader { + height: 110px; + position: relative; + border-radius: 4px 4px 0 0; } - .starsOfMonth .profileAn{ - margin: 0 0 0 20px; + .starsOfMonth .profileHeader i { + height: 26px; + width: 25px; + color: #f6f6f6; + position: absolute; + top: 20px; + right: 20px; + } + .starsOfMonth .profileHeader.profileUX { + background: #21B2F1; + } + .starsOfMonth .profileHeader.profileUX i { + background: url(@@cdn/i/ico-design-challenge.svg); + + background-position: 73px 69px; + } + .starsOfMonth .profileHeader.profileSD { + background: #05C14F; + } + .starsOfMonth .profileHeader.profileSD i { + background: url(@@cdn/i/ico-develop-challenge.svg); + + background-position: 73px 69px; + } + .starsOfMonth .profileHeader.profileAn { + background: #FC9A00 + } + .starsOfMonth .profileHeader.profileAn i { + background: url(@@cdn/i/ico-data-challenge.svg); + + background-position: 73px 69px; + } + .starsOfMonth .memberPic { + position: relative; + top: -70px; + left: 80px; + margin-bottom: -70px; + } + .starsOfMonth .memberPic img { + height: 140px; + width: 140px; + border-radius: 50%; + vertical-align: middle; } .starsOfMonth .profile .details{ overflow: hidden; } .starsOfMonth .profile h3{ - color: #01a8e9; + color: #01a8e9; margin-bottom: 16px; -} +} .starsOfMonth .profileUX h3{ - color: #01a8e9; + color: #01a8e9; } .starsOfMonth .profileSD h3{ - color: #228400; + color: #228400; } .starsOfMonth .profileAn h3{ - color: #ff7400; + color: #ff7400; } - .starsOfMonth .profile .memberPic{ - float: left; + .starsOfMonth .profile .details h3 { + font-size: 26px; + line-height: 32px; + color: #3d3d3d; + font-weight: 600; } .starsOfMonth .profile .details .row{ - margin: 5px 0 13px 150px; - -} - .starsOfMonth .profile label{ - font-size: 12px; + margin: 10px auto 40px; + text-align: center; } .starsOfMonth .profile .wonPurse{ line-height: 24px; + font-family: "Merriweather Sans", Helvetica, Arial, sans-serif; } .starsOfMonth .profile .inPurse{ font-size: 18px; + font-weight: bold; } .starProfiles .grid-3-1{ - float: left; margin-top: 15px; overflow: hidden; -} +} .starProfiles .gird-rt .profile{ float: right; } .starProfiles .gird-mid .profile{ margin: 0 auto; } - /* whatsHappening */ #whatsHappening{ - background: #d2d2d2; - padding: 30px 0 36px 0; + background: #fff; + margin: -30px 60px 60px; + padding: 30px 0 36px 0; } #whatsHappening .inner{ margin: 0 -12px; @@ -1441,13 +1638,16 @@ width: 100%; } #whatsHappening h2{ - font-size: 24px; + font-size: 22px; + line-height: 28px; + color: #a3a3ae; + text-align: center; margin-bottom: 22px; } #whatsHappening .featuredImg{ width: 100%; height: 180px; - + margin-bottom: 26px; } #whatsHappening .featuredImg img{ @@ -1458,17 +1658,25 @@ } #whatsHappening .slide .title{ font-weight: bold; - font-size: 14px; - - line-height: 24px; + font-size: 18px; + font-family: "Merriweather Sans", Helvetica, Arial, sans-serif; + color: #3d3d3d; + line-height: 22px; height: 50px; overflow: hidden; } #whatsHappening .slide .postedBy{ - line-height: 30px; + line-height: 30px; } #whatsHappening .slide .excerpt{ - line-height: 18px; + line-height: 22px; + font-size: 13px; + color: #3d3d3d; + font-family: "Merriweather Sans", Helvetica, Arial, sans-serif; + } + #whatsHappening .slide .excerpt a.more { + display: inline-block; + margin-top: 20px; } #whatsHappening .grid-3-1 > section{ width: 301px; @@ -1476,12 +1684,12 @@ #whatsHappening .grid-rt > section{ float: right; } - #whatsHappening .grid-mid > section{ + #whatsHappening .grid-mid > section{ margin: 0 auto; } #whatsHappening .slider .bx-controls{ text-align: center; - + margin-top: 30px; } #whatsHappening .slider .bx-pager{ @@ -1491,7 +1699,7 @@ display: inline; text-align: center; overflow: hidden; - + max-width: 21px; vertical-align: top; height: 11px; @@ -1505,12 +1713,12 @@ height: 11px; margin: 0 5px; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; transition-duration: 0s; - + overflow: hidden; } #whatsHappening .slider .bx-controls .bx-pager-item a.active, #whatsHappening .slider .bx-controls .bx-pager-item a:hover{ - background-position: 0 -20px; + background-position: 0 -20px; } /* device specific */ .onMobi{ @@ -1568,7 +1776,7 @@ float: left; } .csRealResults { - padding: 7px 0 8px 0; + padding: 7px 0 8px 0; margin: 0 -12px; overflow: hidden; } @@ -1579,10 +1787,10 @@ } .csRealResults .realResult{ border: 1px solid #dfe1e1; - padding: 20px; + padding: 20px; } .csRealResults .csLogo{ - margin-bottom: 20px; + margin-bottom: 20px; } .csRealResults .quoterName{ padding-bottom: 0; @@ -1593,9 +1801,9 @@ padding-bottom: 0; font-weight: normal; } -/*Right side: Find Related Content*/ +/*Right side: Find Related Content*/ .sideFindRelatedContent{ - margin-bottom: 20px; + margin-bottom: 20px; } .sideFindRelatedContent h3{ padding: 0 15px; @@ -1652,8 +1860,8 @@ width: 55px; max-height: 55px; max-width: 55px; - position: absolute; - top: 0; + position: absolute; + top: 0; left: 0; cursor: pointer; } @@ -1679,7 +1887,7 @@ color: #828282; font-weight: 300; } -/*Right side: sideQuote*/ +/*Right side: sideQuote*/ .sideQuote{ margin-bottom: 20px; padding: 18px 0 16px 50px; @@ -1695,7 +1903,7 @@ font-size: 14px; color: #0071bc; } -/*Right side: Most Recent Challenges*/ +/*Right side: Most Recent Challenges*/ .sideMostRecentChallenges h3{ background-color: #f1f1f1; line-height: 42px; @@ -1755,7 +1963,7 @@ background-position: 0 -120px; background-color: #ffae00; } - + /*Case Studies Page*/ #mainContent.casePage{ background: none; @@ -1774,7 +1982,7 @@ position: relative; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; transition-duration: .2s; } - + .casesView .caseGrid a.jsShowCaseDetails > img{ display: block; width: 230px; @@ -1783,17 +1991,17 @@ -moz-transition-duration: .4s; -webkit-transition-duration: .4s; transition-duration: .4s; } .casesView .caseGrid a.jsShowCaseDetails:hover > img{ - -webkit-transform: rotate(10deg) scale(1.1,1.1); /* for Chrome || Safari */ - -moz-transform: rotate(10deg) scale(1.1,1.1); /* for Firefox */ - -ms-transform: rotate(10deg) scale(1.1,1.1); /* for IE 缩放0.5 */ - -o-transform: rotate(10deg) scale(1.1,1.1); /* for Opera */ + -webkit-transform: rotate(10deg) scale(1.1,1.1); /* for Chrome || Safari */ + -moz-transform: rotate(10deg) scale(1.1,1.1); /* for Firefox */ + -ms-transform: rotate(10deg) scale(1.1,1.1); /* for IE 缩放0.5 */ + -o-transform: rotate(10deg) scale(1.1,1.1); /* for Opera */ transform: rotate(10deg) scale(1.1,1.1); } .casesView .caseGrid a.isShow:hover > img{ - -webkit-transform: none; /* for Chrome || Safari */ - -moz-transform: none; /* for Firefox */ - -ms-transform: none; /* for IE 缩放0.5 */ - -o-transform: none; /* for Opera */ + -webkit-transform: none; /* for Chrome || Safari */ + -moz-transform: none; /* for Firefox */ + -ms-transform: none; /* for IE 缩放0.5 */ + -o-transform: none; /* for Opera */ } .casesView .caseGrid a.jsShowCaseDetails > i{ display: none; @@ -1809,7 +2017,7 @@ } .casesView .caseGrid a.isShow > i{ display: block; - cursor: default; + cursor: default; } .casesView .caseGridRowLast{ margin-right: 0; @@ -1858,10 +2066,10 @@ background-position: 0 -30px; } .casePage .caseBriefWrapper{ - padding: 0 0 50px 0; + padding: 0 0 50px 0; } .casePage .caseBriefWrapper .caseTitle { - padding: 33px 0 23px 0; + padding: 33px 0 23px 0; } .casePage .caseBriefWrapper .caseTitle h3{ padding: 0 0 5px 0; @@ -1882,7 +2090,7 @@ .casePage .caseBriefWrapper .quoteTxt{ background: url(@@cdn/i/quote-mark-trans.png) 0 0 no-repeat; color: #ffffff; - padding: 9px 0 9px 50px + padding: 9px 0 9px 50px } .casePage .caseBriefWrapper .quoterName{ padding-left: 50px; @@ -1927,7 +2135,7 @@ width: 100px; } #mainContent.casePage .dataChanges .rt{ - margin-top: 8px; + margin-top: 8px; } /*Case Details Page*/ @@ -1937,7 +2145,7 @@ } .casePage .caseTitle img{ display: block; - margin: 0 auto; + margin: 0 auto; } .casePage .caseTitle h3{ display: block; @@ -1949,12 +2157,12 @@ } .casePage .caseTitle p{ display: block; - margin: 0 auto; + margin: 0 auto; line-height: 24px; - font-size: 20px; + font-size: 20px; } .casePage .caseBanner{ - margin-bottom: 33px; + margin-bottom: 33px; } .casePage .caseBanner img.dCaseBanner{ display: block; @@ -1967,16 +2175,16 @@ font-size: 22px; line-height: 26px; padding: 6px 0 25px 0; - + } .casePage .caseDetails article p{ line-height: 24px; padding: 0 30px 24px 0; font-size: 14px; font-weight: 300; - + } -/*Right side: Case Quote*/ +/*Right side: Case Quote*/ .caseQuote{ margin-bottom: 20px; padding-bottom: 11px; @@ -2000,18 +2208,18 @@ line-height: 17px; font-size: 14px; font-weight: 300; - text-indent: 2px; + text-indent: 2px; } -/*Right side: Case Video*/ +/*Right side: Case Video*/ .caseVideo .placeholderImg{ - display: block; + display: block; } /*Press Release Page*/ #mainContent.pressReleasePage{ padding-bottom: 0; } .pressTitleWrapper{ - text-align: center; + text-align: center; padding: 0 200px 33px 200px; border-bottom: 1px solid #d0d0d0; margin-bottom: 42px; @@ -2046,7 +2254,7 @@ .pressAside { font-size: 18px; line-height: 28px; - + } .aboutAreaWrapper{ background: #02a4f0 url(@@cdn/i/about-shadow.png) center 0 no-repeat; @@ -2110,10 +2318,10 @@ cursor: pointer; } .resourceList li .contentBrief{ - font-weight: 300; + font-weight: 300; } .showMoreResourceWrapper{ - display: none; + display: none; } /*Story Page*/ #mainContent.storyPage{ @@ -2121,7 +2329,7 @@ padding: 0 0 46px 0; } .storiesList li.grid-3-1{ - float: left; + float: left; } .storiesList li.grid-3-1 .storySpoker{ line-height: 34px; @@ -2160,7 +2368,7 @@ } .leftArrowLink{ position: relative; - display: inline-block; + display: inline-block; padding-right: 20px; position: relative; font-weight: 300; @@ -2179,7 +2387,7 @@ } .leftArrowLink:hover{ color: #FF8A00; - cursor: pointer; + cursor: pointer; text-shadow: 0 0 3px #ffdaa2; } .leftArrowLink:hover i{ @@ -2191,7 +2399,7 @@ text-align: center; padding: 5px 0 23px 0; border-bottom: 1px solid #d0d0d0; - margin-bottom: 24px; + margin-bottom: 24px; } .storyDetailsWrapper .storyTitle .author{ line-height: 24px; @@ -2202,7 +2410,7 @@ padding-bottom: 14px; color: #b2b2b2; font-size: 14px; - font-weight: 300; + font-weight: 300; } .storyDetailsWrapper .storyTitle h3{ line-height: 36px; @@ -2210,7 +2418,7 @@ color: #0071bc; } .storyDetails article{ - overflow: hidden; + overflow: hidden; } .storyDetails article p{ line-height: 24px; @@ -2228,7 +2436,7 @@ } .storyDetails article .sideImage img{ display: block; - max-width: 417px; + max-width: 417px; } .storyDetails article .sideImage p{ line-height: 17px; @@ -2236,13 +2444,13 @@ margin: 10px 0 0 0; border-top: 1px solid #e1e3e3; border-bottom: 1px solid #e1e3e3; - color: #858585; + color: #858585; } .storyDetails article .storyPic{ display: block; margin: 2px 0 27px 0; } -/*Right side: Search Stories*/ +/*Right side: Search Stories*/ .sideSearchStories{ margin-bottom: 27px; margin-top: 6px; @@ -2281,7 +2489,7 @@ width: 65px; vertical-align: top; } -/*Right side: Story Archive*/ +/*Right side: Story Archive*/ .sideArchiveStories h3{ background-color: #f1f1f1; line-height: 42px; @@ -2345,7 +2553,7 @@ line-height: 16px; font-size:12px; font-weight: 300; - + } .sideArchiveStories li .archiveStoriesLink:hover img{ box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); @@ -2359,7 +2567,7 @@ } .sideArchiveStories .showMoreWrapper{ padding-top: 10px; - text-align: center; + text-align: center; } .sideArchiveStories .showMoreWrapper .btn{ width: 100px; @@ -2508,7 +2716,7 @@ } /** - * Start of New Home Page additional styles + * Start of New Home Page additional styles */ #promo-banner { background: #f1f1f1; @@ -2544,7 +2752,7 @@ #promo-banner .bx-pager-item a.active { background-position: 0 100%; } - + #featuredContent.home { margin-top: 32px; padding-bottom: 20px; @@ -2554,7 +2762,7 @@ height: 100%; overflow: hidden; } - + #featuredContent.home h3 { font-size: 27px !important; line-height: normal !important; @@ -2578,7 +2786,7 @@ margin-left: 0; width: 50%; } - + .lead { font-size: 24px; line-height: 1.5; @@ -2590,7 +2798,7 @@ .lead small { font-size: smaller; } - + h2.title { font-size: 42px; margin: 10px 0; @@ -2625,7 +2833,7 @@ h4.title { color: #333; margin: 10px 0; } - + .grid-row { margin: 0 -15px; } @@ -2639,7 +2847,7 @@ h4.title { hr.light { background: #e9e9e9; border: none; - height: 1px; + height: 1px; margin: 20px 0; } @@ -2648,7 +2856,7 @@ hr.light { background: url(@@cdn/i/chevron-right-design.png) 100% 50% no-repeat; padding-right: 18px; } - + .text-development { color: #278904 !important; } .text-development.chevron-right { background: url(@@cdn/i/chevron-right-development.png) 100% 50% no-repeat; @@ -2792,3 +3000,68 @@ hr.light { font-weight: bold; background-color: #f1f1f1; } +/* Stylish Start */ +.community body { + font-family: "Sofia Pro", "Merriweather Sans", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 22px; + color: #333; + background-color: #f6f6f6; +} +.community .sideStream h1, +.community header h1 { + font-size: 28px; + color: #3D3D3D; + font-weight: 600; + text-transform: uppercase; + text-align: center; + border: none; +} +.community p { + font-weight: 300; + font-size: 14px; + line-height: 24px; + color: #3d3d3d; + padding-bottom: 24px; + margin: 0; +} +.community #main, +.community #wrapper > .content { + background: #F6F6F6; + position: relative; + z-index: 5; +} +.community #mainContent.splitLayout { + padding: 90px 60px; + margin: 60px; + background: #fff; +} +.community #mainContent .container { + padding: 0; + margin: 0; + width: 100%; +} +.community #main { + background: #F6F6F6; +} +.community a, +.community a:active, +.community a:visited { + text-decoration: none; + -moz-transition-duration: .3s; + -webkit-transition-duration: .3s; + transition: .2s all ease-in-out; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + outline: 0; +} +.community .coderTextRed, +.community .coderTextYellow, +.community .coderTextRed:active, +.community .coderTextRed:hover, +.community .coderTextRed:link, +.community .coderTextRed:visited { + padding: 0 13px 0 0; + margin: 0; + position: relative; +} +/* Stylish End */ diff --git a/src/js/app/challenge-details/index.html b/src/js/app/challenge-details/index.html index 037d008b..2c134e5c 100644 --- a/src/js/app/challenge-details/index.html +++ b/src/js/app/challenge-details/index.html @@ -3,10 +3,343 @@
-
+
+
+
+ +
+ + 1Register For This Challenge + + + 2Submit Your Entries + + + 1 Register For This Challenge + + + 2 Submit Your Entries + + + 3 View Your Submission + + + 3Review This Challenge + +
+ +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + +
+

1st PLACE

+ +

+ $ +

+ 		+

2nd PLACE

+

+ $ +

+ 		+

1st PLACE

+ +

+ $

+ 		+

2nd PLACE

+ +

+ $

+ 		+

3rd PLACE

+ +

+ $

+ 		+

4th PLACE

+ +

+ $

+ 		+

5th PLACE

+ +

+ $

+ 		+ +
+

+

$

+
+

+ Reliability Bonus + + + + N/A + +

+ 		+

CHECKPOINT AWARDS WORTH + EACH

+

NO CHECKPOINT AWARDS

+
+ +
+
    +
  • + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +

    1st PLACE

    + +

    + $ +

    +     		+

    2nd PLACE

    +

    + $ +

    +     		+

    1st PLACE

    + +

    + $ +

    +     		+

    1st PLACE

    + +

    + $0 +

    +     		+

    2nd PLACE

    + +

    + $ +

    +     		+

    2nd PLACE

    + +

    + $0 +

    +     		+

    3rd PLACE

    + +

    + $ +

    +     		+

    3rd PLACE

    + +

    + $0 +

    +     		+

    4th PLACE

    + +

    + $ +

    +     		+

    4th PLACE

    + +

    + $ +

    +     		+

    5th PLACE

    + +

    + $ +

    +     		+

    5th PLACE

    + +

    + $0 +

    +     		+ +
    +

    +

    $

    +
    +

    + Reliability Bonus + + {{CD.challenge.reliabilityBonus}} + + + N/A + +

    +     		+

    CHECKPOINT AWARDS WORTH $ + EACH

    +
    +
    • +
+ +
+ +
+
+ +
+ +
+
+ Current Phase + + +
+ + + + + + + + + +
+ +
+

+ + {{CD.challenge.postingDate | formatDate:2}} + +

+

+ + {{CD.challenge.registrationEndDate | formatDate:2}} + +

+

+ + {{CD.challenge.submissionEndDate | formatDate:2}} + +

+

+ + + {{CD.challenge.currentPhaseEndDate | formatDate:2}} + +

+ +

+ + {{CD.challenge.finalFixEndDate | formatDate:2}} + +

+ +
+ +
+

+ + {{CD.challenge.postingDate | formatDate:2}} + +

+

+ + {{CD.challenge.checkpointSubmissionEndDate | formatDate:2}} + +

+ +

+ + {{CD.challenge.submissionEndDate | formatDate:2}} + +

+ +

+ + {{CD.challenge.appealsEndDate | formatDate:2}} + +

+
+ +
+ + +
+ +
+ View all deadlines + +
+ +
+ View next deadline + +
+ +
+ +
+
+
@@ -52,12 +385,12 @@
-

Challenge Overview

+

Challenge Overview

-

Platforms

+

Platforms

  • @@ -69,7 +402,7 @@

    Platforms

-

Technologies

+

Technologies

  • @@ -88,7 +421,7 @@

    Final Submission Guidelines

    -

    Payments

    +

    Payments

    TopCoder will compensate members in accordance with the payment structure of this challenge. Initial payment for the winning member will be distributed in two installments. The first payment @@ -112,20 +445,21 @@

    Reliability Rating and Bonus

    -

    CHALLENGE SUMMARY

    +

    CHALLENGE SUMMARY

    -

    Please read the challenge specification carefully and watch the forums for any +

    Please read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. It is important that you monitor any updates provided by the client or Studio Admins in the forums. Please post any questions you might have for - the client in the forums.

    + the client in the forums. +

    -

    CHALLENGE FORMAT

    +

    CHALLENGE FORMAT

    This competition will be run as a two-round challenge.

    Round One (1) @@ -170,13 +504,13 @@
    Regarding the Rounds:
    -

    FULL DESCRIPTION & PROJECT GUIDE

    +

    FULL DESCRIPTION & PROJECT GUIDE

    -

    STOCK PHOTOGRAPHY

    +

    STOCK PHOTOGRAPHY

    Stock photography is allowed in this challenge.
    See this page for more details.

    @@ -188,7 +522,7 @@

    STOCK PHOTOGRAPHY

    -

    HOW TO SUBMIT

    +

    HOW TO SUBMIT

      @@ -217,7 +551,7 @@

      HOW TO SUBMIT

    -

    WINNER SELECTION

    +

    WINNER SELECTION

    Submissions are viewable to the client as they are entered into the challenge. Winners are selected by the @@ -226,7 +560,7 @@

    WINNER SELECTION

    -

    PAYMENTS

    +

    PAYMENTS

    TopCoder will compensate members in accordance with the payment structure of this challenge. Initial payment for the winning member will be distributed in two installments. The first payment diff --git a/src/js/app/challenge-details/partials/ng-content-basic-challenge-details.tpl.html b/src/js/app/challenge-details/partials/ng-content-basic-challenge-details.tpl.html index 54a1db2c..93b6ebb7 100644 --- a/src/js/app/challenge-details/partials/ng-content-basic-challenge-details.tpl.html +++ b/src/js/app/challenge-details/partials/ng-content-basic-challenge-details.tpl.html @@ -1,344 +1,6 @@ -

    +

    -

    CHALLENGE TYPE:

    +

    - -
    -
    - -
    - - 1Register For This Challenge - - - 2Submit Your Entries - - - 1 Register For This Challenge - - - 2 Submit Your Entries - - - 3 View Your Submission - - - 3Review This Challenge - -
    - -
    -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - -
    -

    1st PLACE

    - -

    - $ -

    -     		-

    2nd PLACE

    -

    - $ -

    -     		-

    1st PLACE

    - -

    - $

    -     		-

    2nd PLACE

    - -

    - $

    -     		-

    3rd PLACE

    - -

    - $

    -     		-

    4th PLACE

    - -

    - $

    -     		-

    5th PLACE

    - -

    - $

    -     		- -
    -

    -

    $

    -
    -

    - Reliability Bonus - - - - N/A - -

    -     		-

    CHECKPOINT AWARDS WORTH - EACH

    -

    NO CHECKPOINT AWARDS

    -
    - -
    -
      -
    • - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
      -

      1st PLACE

      - -

      - $ -

      -       		-

      2nd PLACE

      -

      - $ -

      -       		-

      1st PLACE

      - -

      - $ -

      -       		-

      1st PLACE

      - -

      - $0 -

      -       		-

      2nd PLACE

      - -

      - $ -

      -       		-

      2nd PLACE

      - -

      - $0 -

      -       		-

      3rd PLACE

      - -

      - $ -

      -       		-

      3rd PLACE

      - -

      - $0 -

      -       		-

      4th PLACE

      - -

      - $ -

      -       		-

      4th PLACE

      - -

      - $ -

      -       		-

      5th PLACE

      - -

      - $ -

      -       		-

      5th PLACE

      - -

      - $0 -

      -       		- -
      -

      -

      $

      -
      -

      - Reliability Bonus - - {{CD.challenge.reliabilityBonus}} - - - N/A - -

      -       		-

      CHECKPOINT AWARDS WORTH $ - EACH

      -
      -
    -
    - -
    - -
    - -
    - -
    -
    - Current Phase - - -
    - - - - - - - - - -
    - -
    -

    - - {{CD.challenge.postingDate | formatDate:2}} - -

    -

    - - {{CD.challenge.registrationEndDate | formatDate:2}} - -

    -

    - - {{CD.challenge.submissionEndDate | formatDate:2}} - -

    -

    - - - {{CD.challenge.currentPhaseEndDate | formatDate:2}} - -

    - -

    - - {{CD.challenge.finalFixEndDate | formatDate:2}} - -

    - -
    - -
    -

    - - {{CD.challenge.postingDate | formatDate:2}} - -

    -

    - - {{CD.challenge.checkpointSubmissionEndDate | formatDate:2}} - -

    - -

    - - {{CD.challenge.submissionEndDate | formatDate:2}} - -

    - -

    - - {{CD.challenge.appealsEndDate | formatDate:2}} - -

    -
    - -
    - - -
    - -
    - View all deadlines + -
    - -
    - View next deadline + -
    - -
    - -
    - -
    -
    - - -
- diff --git a/src/js/app/challenges/css/ngchallenges.css b/src/js/app/challenges/css/ngchallenges.css index 17deef0e..5c0c55e0 100644 --- a/src/js/app/challenges/css/ngchallenges.css +++ b/src/js/app/challenges/css/ngchallenges.css @@ -94,7 +94,7 @@ .challengesGrid .colTime { vertical-align: top; padding-top: 15px; - padding-bottom: 15px; + padding-bottom: 15px; text-align: left; } @@ -137,7 +137,7 @@ text-overflow: ellipsis; display: inline-block; height: 100%; - color: #FF8A00; + color: #666; } /* TESTING FOR ANGULAR NEED TO REMOVE */ @@ -184,7 +184,7 @@ font-size: 13px; } -/* Mobile View Fix */ +/* Mobile View Fix */ @media (max-width: 1019px) { .hideOnMobile, .contestGrid .contest .hideOnMobile { display:none; @@ -193,7 +193,7 @@ min-width: 0px !important; width:auto; } - + .contestGrid.alt .contest { min-width: 0px !important; width: auto; @@ -202,13 +202,13 @@ border:none; padding-top:0px; } - + .layChallenges .actions .rt { border:none; padding-top:10px; padding-right:10px; } - + #hero .container { margin:0px; } @@ -222,4 +222,4 @@ .contestGrid .contest { width:auto; } -} +} diff --git a/src/js/app/challenges/jsx/build/challenge-grid-view.js b/src/js/app/challenges/jsx/build/challenge-grid-view.js index 5f9a5b13..753fa903 100644 --- a/src/js/app/challenges/jsx/build/challenge-grid-view.js +++ b/src/js/app/challenges/jsx/build/challenge-grid-view.js @@ -37,8 +37,8 @@ ) }); return ( - React.createElement("ul", null, - techRows, + React.createElement("ul", null, + techRows, platRows ) ); @@ -112,75 +112,74 @@ var track = getTrackSymbol(challenge.challengeType); var trackTag = 'track-' + track; return ( - React.createElement("div", {className: "contest "+ trackTag +" trackSD type-" + challenge.challengeCommunity, key: challenge.challengeId}, - React.createElement("div", {className: "cgCh"}, - React.createElement("a", {href: challenge.challengeCommunity != 'data' ? "/challenge-details/" +challenge.challengeId+"/?type="+challenge.challengeCommunity : tcconfig.communityURL + '/tc?module=MatchDetails&rd=' + challenge.roundId, className: "contestName"}, - React.createElement("img", {alt: "", className: "allContestIco", src: images + '/ico-track-' + challenge.challengeCommunity + '.png'}), - React.createElement("span", {className: "gridChallengName"}, challenge.challengeName), - React.createElement("img", {alt: "", className: challenge.challengeCommunity != 'data' ? "allContestTCOIco" : "allContestTCOIco ng-hide", src: images + '/tco-flag-' + challenge.challengeCommunity + '.png'}), - React.createElement(Qtip, {text: challenge.challengeType, title: "Challenge Type", community: challenge.challengeCommunity}, + React.createElement("div", {className: "contest "+ trackTag +" trackSD type-" + challenge.challengeCommunity, key: challenge.challengeId}, + React.createElement("div", {className: "cgCh"}, + React.createElement("a", {href: challenge.challengeCommunity != 'data' ? "/challenge-details/" +challenge.challengeId+"/?type="+challenge.challengeCommunity : tcconfig.communityURL + '/tc?module=MatchDetails&rd=' + challenge.roundId, className: "contestName"}, + React.createElement("img", {alt: "", className: "allContestIco", src: (scope.contest.contestType == 'data' && challenge.challengeCommunity == 'develop') ? images + 'ico-competitive-develop-challenge.svg' : images + 'ico-' + challenge.challengeCommunity + '-challenge.svg'}), + React.createElement("span", {className: "gridChallengName"}, challenge.challengeName), + React.createElement(Qtip, {text: challenge.challengeType, title: "Challenge Type", community: challenge.challengeCommunity}, React.createElement("span", {className: "track-symbol"}, track.toUpperCase()) ) ) - ), - React.createElement("div", {className: "cgTime"}, - React.createElement("div", null, - React.createElement("div", {className: "row"}, - React.createElement("label", {className: "lbl"}, "Start Date"), + ), + React.createElement("div", {className: "cgTime"}, + React.createElement("div", null, + React.createElement("div", {className: "row"}, + React.createElement("label", {className: "lbl"}, "Start Date"), React.createElement("div", {className: "val vStartDate"}, scope.dateFormatFilter(challenge.registrationStartDate, scope.dateFormat)) - ), - React.createElement("div", {className: classNames[challengeCombo].registerBy !== undefined ? 'row':'row ng-hide'}, - React.createElement("label", {className: "lbl"}, "Register By"), + ), + React.createElement("div", {className: classNames[challengeCombo].registerBy !== undefined ? 'row':'row ng-hide'}, + React.createElement("label", {className: "lbl"}, "Register By"), React.createElement("div", {className: "val vStartDate"}, scope.dateFormatFilter(challenge.registrationEndDate, scope.dateFormat)) - ), - React.createElement("div", {className: classNames[challengeCombo].roundEnd !== undefined && challenge.checkpointSubmissionEndDate !== '' ? 'row' : 'row ng-hide'}, - React.createElement("label", {className: "lbl"}, "Round 1 End"), + ), + React.createElement("div", {className: classNames[challengeCombo].roundEnd !== undefined && challenge.checkpointSubmissionEndDate !== '' ? 'row' : 'row ng-hide'}, + React.createElement("label", {className: "lbl"}, "Round 1 End"), React.createElement("div", {className: "val vEndRound"}, scope.dateFormatFilter(challenge.checkpointSubmissionEndDate, scope.dateFormat)) - ), - React.createElement("div", {className: classNames[challengeCombo].endDate !== undefined ? 'row':'row ng-hide'}, - React.createElement("label", {className: "lbl"}, "End Date"), + ), + React.createElement("div", {className: classNames[challengeCombo].endDate !== undefined ? 'row':'row ng-hide'}, + React.createElement("label", {className: "lbl"}, "End Date"), React.createElement("div", {className: "val vEndDate"}, scope.dateFormatFilter(challenge.submissionEndDate, scope.dateFormat)) - ), - React.createElement("div", {className: classNames[challengeCombo].submitBy !== undefined ? 'row':'row ng-hide'}, - React.createElement("label", {className: "lbl"}, "Submit By"), + ), + React.createElement("div", {className: classNames[challengeCombo].submitBy !== undefined ? 'row':'row ng-hide'}, + React.createElement("label", {className: "lbl"}, "Submit By"), React.createElement("div", {className: "val vStartDate"}, scope.dateFormatFilter(challenge.submissionEndDate, scope.dateFormat)) - ), + ), /*
{challenge.currentPhaseName}
*/ - React.createElement("div", {className: classNames[challengeCombo].currentStatus !== undefined ? 'row':'row ng-hide'}, - React.createElement("label", {className: "lbl"}, "Current Status"), + React.createElement("div", {className: classNames[challengeCombo].currentStatus !== undefined ? 'row':'row ng-hide'}, + React.createElement("label", {className: "lbl"}, "Current Status"), React.createElement("div", {className: "val vStatus"}, challenge.status) ) ) - ), - React.createElement("div", {id: challenge.challengeId, className: classNames[challengeCombo].tech !== undefined ? 'technologyTags':'technologyTags ng-hide'}, - React.createElement(ChallengeTechsList, {challenge: challenge, scope: scope}), + ), + React.createElement("div", {id: challenge.challengeId, className: classNames[challengeCombo].tech !== undefined ? 'technologyTags':'technologyTags ng-hide'}, + React.createElement(ChallengeTechsList, {challenge: challenge, scope: scope}), React.createElement("div", {className: "clear"}) - ), - React.createElement("div", {className: classNames[challengeCombo].genInfo !== undefined ? 'genInfo':'genInfo ng-hide'}, - React.createElement(Qtip, {text: scope.formatTimeLeft(challenge.currentPhaseRemainingTime, true, challenge.currentPhaseName).$$unwrapTrustedValue(), title: "Time Left", community: challenge.challengeCommunity}, + ), + React.createElement("div", {className: classNames[challengeCombo].genInfo !== undefined ? 'genInfo':'genInfo ng-hide'}, + React.createElement(Qtip, {text: scope.formatTimeLeft(challenge.currentPhaseRemainingTime, true, challenge.currentPhaseName).$$unwrapTrustedValue(), title: "Time Left", community: challenge.challengeCommunity}, React.createElement("p", {className: "cgTLeft", 'data-hasqtip': "0", 'aria-describedby': "qtip-0"}, React.createElement("i", null), React.createElement("span", {dangerouslySetInnerHTML: {__html: scope.formatTimeLeft(challenge.currentPhaseRemainingTime, true, challenge.currentPhaseName)}}) ) - ), - React.createElement(Qtip, {text: scope.currencyFilter(challenge.totalPrize), title: "Total Prize", community: challenge.challengeCommunity}, + ), + React.createElement(Qtip, {text: scope.currencyFilter(challenge.totalPrize), title: "Total Prize", community: challenge.challengeCommunity}, React.createElement("p", {className: "cgPur", 'data-hasqtip': "1", 'aria-describedby': "qtip-1"}, React.createElement("i", null), " ", scope.currencyFilter(challenge.totalPrize)) - ), - React.createElement(Qtip, {text: challenge.numRegistrants, title: "Registrants", community: challenge.challengeCommunity}, + ), + React.createElement(Qtip, {text: challenge.numRegistrants, title: "Registrants", community: challenge.challengeCommunity}, React.createElement("p", {className: "cgReg", 'data-hasqtip': "2", 'aria-describedby': "qtip-2"}, React.createElement("i", null), React.createElement("a", {href: "/challenge-details/" +challenge.challengeId + "/?type=" + challenge.challengeCommunity + "#viewRegistrant"}, challenge.numRegistrants) ) - ), - React.createElement(Qtip, {text: challenge.numSubmissions, title: "Submissions", community: challenge.challengeCommunity}, + ), + React.createElement(Qtip, {text: challenge.numSubmissions, title: "Submissions", community: challenge.challengeCommunity}, React.createElement("p", {className: "cgSub", 'data-hasqtip': "3", 'aria-describedby': "qtip-3"}, React.createElement("i", null), challenge.numSubmissions) ) - ), - React.createElement("div", {className: classNames[challengeCombo].gdUpcoming !== undefined ? 'genInfo gdUpcoming':'genInfo gdUpcoming ng-hide'}, - React.createElement(Qtip, {text: scope.getContestDuration(challenge.registrationStartDate, challenge.submissionEndDate), title: "Duration (days)", community: challenge.challengeCommunity}, + ), + React.createElement("div", {className: classNames[challengeCombo].gdUpcoming !== undefined ? 'genInfo gdUpcoming':'genInfo gdUpcoming ng-hide'}, + React.createElement(Qtip, {text: scope.getContestDuration(challenge.registrationStartDate, challenge.submissionEndDate), title: "Duration (days)", community: challenge.challengeCommunity}, React.createElement("p", {className: "cgTLeft", 'data-hasqtip': 0, 'aria-describedby': "qtip-0"}, React.createElement("i", null), scope.getContestDuration(challenge.registrationStartDate, challenge.submissionEndDate)+(scope.getContestDuration(challenge.registrationStartDate, challenge.submissionEndDate)<2?" Day":" Days")) - ), - React.createElement(Qtip, {text: scope.currencyFilter(challenge.totalPrize), title: "Total Prize", community: challenge.challengeCommunity}, + ), + React.createElement(Qtip, {text: scope.currencyFilter(challenge.totalPrize), title: "Total Prize", community: challenge.challengeCommunity}, React.createElement("p", {className: "cgPur", 'data-hasqtip': 1, 'aria-describedby': "qtip-1"}, React.createElement("i", null), " ", scope.currencyFilter(challenge.totalPrize)) ) ) @@ -188,7 +187,7 @@ ); }); return ( - React.createElement("div", null, + React.createElement("div", null, rows ) ); diff --git a/src/js/app/challenges/jsx/src/challenge-grid-view.js b/src/js/app/challenges/jsx/src/challenge-grid-view.js index b81deeb5..1a56b792 100644 --- a/src/js/app/challenges/jsx/src/challenge-grid-view.js +++ b/src/js/app/challenges/jsx/src/challenge-grid-view.js @@ -115,10 +115,9 @@
- +

{scope.getContestDuration(challenge.registrationStartDate, challenge.submissionEndDate)+(scope.getContestDuration(challenge.registrationStartDate, challenge.submissionEndDate)<2?" Day":" Days")}

- +

{scope.currencyFilter(challenge.totalPrize)}

 diff --git a/src/js/scripts.js b/src/js/scripts.js index e9f43ae4..7aeb4492 100644 --- a/src/js/scripts.js +++ b/src/js/scripts.js @@ -140,7 +140,7 @@ var app = { $('.userWidget').on(ev, function(e) { e.stopPropagation(); - }); + }); }, // event bindings initEvents: function() { @@ -692,42 +692,69 @@ var app = { getTrackSymbol: function(type) { var trackName = "o"; switch (type) { - case "Web Design": - trackName = "w"; - break; - case "Widget or Mobile Screen Design": - trackName = "wi"; - break; - case "Logo Design": - trackName = "l"; - break; - case "Banners/Icons": - trackName = "bi"; - break; - case "Wireframes": - trackName = "wf"; - break; - case "Idea Generation": - trackName = "ig"; - break; - case "Other": - trackName = "o"; - break; - case "UI Prototype Competition": - trackName = "p"; - break; - case "Content Creation": - trackName = "cc"; - break; - case "Assembly Competition": - trackName = "as"; - break; - case "Conceptualization": - trackName = "c"; - break; - case "Marathon": - trackName = "mm"; - break; + case "Web Design": + trackName = "w"; + break; + case "Widget or Mobile Screen Design": + trackName = "wi"; + break; + case "Wireframes": + trackName = "wf"; + break; + case "Idea Generation": + trackName = "ig"; + break; + case "Other": + trackName = "o"; + break; + case "UI Prototype Competition": + trackName = "p"; + break; + case "Content Creation": + trackName = "cc"; + break; + case "Assembly Competition": + trackName = "ac"; + break; + case "Print\/Presentation": + trackName = "pr"; + break; + case "Banners\/Icons": + trackName = "bi"; + break; + case "Code": + trackName = "c"; + break; + case "Architecture": + trackName = "a"; + break; + case "Bug Hunt": + trackName = "bh"; + break; + case "Specification": + trackName = "spc"; + break; + case "Test Suites": + trackName = "ts"; + break; + case "Copilot Posting": + trackName = "cp"; + break; + case "Conceptualization": + trackName = "c"; + break; + case "First2Finish": + trackName = "ff"; + break; + case "Design First2Finish": + trackName = "df2f"; + break; + case "Application Front-End Design": + trackName = "af"; + break; + default: + trackName = "o"; + break; } return trackName; @@ -1599,8 +1626,8 @@ var app = { /* * generate table row for contest type */ - - $('.contestName', row).html('' + '' + rec.challengeName + ''); + var trackName = app.getTrackSymbol(rec.challengeType); + $('.contestName', row).html('' + '' + rec.challengeName + ''+ trackName +''); if (rec.startDate == null || rec.startDate == "") { rec.startDate = "10.31.2013 10:10 EDT"; //dummy data @@ -1637,7 +1664,8 @@ var app = { /* * generate table row for contest type */ - $('.contestName', row).html('' + '' + rec.challengeName + ''); + var trackName = app.getTrackSymbol(rec.challengeType); + $('.contestName', row).html('' + '' + rec.challengeName + ''+ trackName +''); if (rec.startDate == null || rec.startDate == "") { rec.startDate = "10.31.2013 10:10 EDT"; //dummy data @@ -1807,7 +1835,7 @@ var app = { success: function(response) { designChallenge = response.data[0]; $('.sideMostRecentChallenges a.contestType2') - .append(designChallenge.challengeName) + .append(designChallenge.challengeName) .attr('href', tcconfig.mainURL + '/challenge-details/' + designChallenge.challengeId + '/?type=design'); } }); diff --git a/wp/wp-content/plugins/TcApi-hookup/includes/ajax_func.php b/wp/wp-content/plugins/TcApi-hookup/includes/ajax_func.php index 6c95ce7a..b499ddf7 100644 --- a/wp/wp-content/plugins/TcApi-hookup/includes/ajax_func.php +++ b/wp/wp-content/plugins/TcApi-hookup/includes/ajax_func.php @@ -343,7 +343,7 @@ function get_top_rank( $userKey = '', $contestType = 'Algorithm' ) $url = TC_API_URL . "/users/tops/develop?pageSize=10"; break; case "data": - $url = TC_API_URL . "/data/srm/statistics/tops"; + $url = TC_API_URL . "/data/srm/statistics/tops?pageSize=10"; break; case "design": $url = TC_API_URL . "/users/tops/design?pageSize=10"; diff --git a/wp/wp-content/plugins/TcApi-hookup/includes/i/ajax_func.php b/wp/wp-content/plugins/TcApi-hookup/includes/i/ajax_func.php index faa7a233..2bac6020 100644 --- a/wp/wp-content/plugins/TcApi-hookup/includes/i/ajax_func.php +++ b/wp/wp-content/plugins/TcApi-hookup/includes/i/ajax_func.php @@ -9,8 +9,8 @@ function post_register_controller(){ 'httpversion' => '1.0', 'blocking' => true, 'headers' => array(), - 'body' => array( - 'firstName' => $_POST['firstName'], + 'body' => array( + 'firstName' => $_POST['firstName'], 'lastName' => $_POST['lastName'], 'handle' => $_POST['handle'], 'country' => $_POST['country'], @@ -30,8 +30,8 @@ function post_register_controller(){ foreach ( $msg->message as $m ): $mm.= $m; endforeach; - - echo json_encode(array("code" => $code, "description" => $mm )); + + echo json_encode(array("code" => $code, "description" => $mm )); exit; return "Error in processing request"; @@ -51,12 +51,12 @@ function post_login_controller(){ 'body' => "{\n \"firstname\" : \"".$_POST['name']."\",\n \"lastname\" : \"Doe\",\n \"handle\" : \"".$_POST['name']."\",\n \"country\" : \"UK\",\n \"email\" : \"".$_POST['password']."\",\n \"password\" : \"HashedPassword\",\n \"socialProvider\" : \"google\",\n \"socialUserName\" : \"JohnsGoogleName\",\n \"socialEmail\" : \"john@gmail.com\",\n \"socialEmailVerified\" : \"true\"\n}" ); $response = wp_remote_post ( $url, $args ); - - // harcoded message + + // harcoded message $description = 'We have sent you an email to '.$_POST['email'].' with a activation instructions.
If you do not receive that email within 1 hour, please email support@topcoder.com'; echo json_encode(array('description' => $description )); exit; - + return "Error in processing request"; @@ -77,7 +77,7 @@ function get_active_contest_ajax_controller() { $page = $_GET ['pageIndex']; $sortColumn = $_GET ['sortColumn']; $sortOrder = $_GET ['sortOrder']; - + $contest_list = get_active_contests_ajax ( $userkey, $contest_type, $page, $post_per_page, $sortColumn, $sortOrder ); if ($contest_list->data != null) { echo json_encode ( $contest_list->data ); @@ -93,7 +93,7 @@ function get_past_contest_ajax_controller() { $post_per_page = $_GET ['pageSize']; $sortColumn = $_GET ['sortColumn']; $sortOrder = $_GET ['sortOrder']; - + $contest_list = get_past_contests_ajax ( $userkey, $contest_type, $page, $post_per_page, $sortColumn, $sortOrder ); if ($contest_list->data != null) { echo json_encode ( $contest_list->data ); @@ -110,7 +110,7 @@ function get_review_opportunities_ajax_controller() { $post_per_page = get_option ( 'contest_per_page' ); $sortColumn = $_GET ['sortColumn']; $sortOrder = $_GET ['sortOrder']; - + $contest_list = get_review_opportunities_ajax ( $userkey, $contest_type, $page, $post_per_page, $sortColumn, $sortOrder ); if ($contest_list->data != null) { echo json_encode ( $contest_list->data ); @@ -123,7 +123,7 @@ function get_review_opportunities_ajax_controller() { function get_member_profile_ajax_controller() { $userkey = get_option ( 'api_user_key' ); $handle = $_GET ["handle"]; - + $memberProfile = get_member_profile ( $userkey, $handle ); if ($memberProfile != null) { echo json_encode ( $memberProfile ); @@ -135,7 +135,7 @@ function get_member_profile_ajax_controller() { function get_user_achievements_ajax_controller() { $userkey = get_option ( 'api_user_key' ); $handle = $_GET ["handle"]; - + $userAchievements = get_user_achievements ( $userkey, $handle ); if ($userAchievements != null) { echo json_encode ( $userAchievements ); @@ -147,7 +147,7 @@ function get_user_achievements_ajax_controller() { function get_copilot_stats_controller() { $userkey = get_option ( 'api_user_key' ); $handle = $_GET ["handle"]; - + $userAchievements = get_copilot_stats ( $userkey, $handle ); if ($userAchievements != null) { echo json_encode ( $userAchievements ); @@ -171,7 +171,7 @@ function get_active_contests_ajax($userKey = '', $contestType = 'design', $page $contestType = str_replace ( "-", "/", $contestType ); $listType = ( $contestType == 'data/marathon' or $contestType == 'data/srm' ) ? "active":"Open"; $url = "https://api.topcoder.com/v2/".$contestType."/challenges?listType=".$listType."&pageIndex=".$page."&pageSize=".$post_per_page; - + if ($contestType == "") { $url = "https://api.topcoder.com/v2/".$contestType."/challenges?listType=".$listType."&pageIndex=".$page."&pageSize=".$post_per_page; } @@ -196,7 +196,7 @@ function get_active_contests_ajax($userKey = '', $contestType = 'design', $page $active_contest_list = json_decode (str_replace('"items":','"data":',$response ['body'] )); return $active_contest_list; } - + return "Error in processing request"; } @@ -206,7 +206,7 @@ function get_past_contests_ajax($userKey = '', $contestType = '', $page = 1, $po $url = "https://api.topcoder.com/v2/develop/challenges?user_key=" . $userKey . "&listType=PAST&type=" . $contestType . "&pageSize=10000"; $args = array ( 'httpversion' => get_option ( 'httpversion' ), - 'timeout' => get_option ( 'request_timeout' ) + 'timeout' => get_option ( 'request_timeout' ) ); if ($contestType == "") { $url = "https://api.topcoder.com/v2/develop/challenges?user_key=" . $userKey . "&listType=PAST&pageSize=10000"; @@ -218,7 +218,7 @@ function get_past_contests_ajax($userKey = '', $contestType = '', $page = 1, $po $url .= "&sortColumn=$sortColumn"; } $response = wp_remote_get ( $url, $args ); - + if (is_wp_error ( $response ) || ! isset ( $response ['body'] )) { return "Error in processing request"; } @@ -235,7 +235,7 @@ function get_review_opportunities_ajax($userKey = '', $contestType = '', $page = $url = "https://api.topcoder.com/rest/reviewOpportunities?user_key=" . $userKey . "&type=" . $contestType . "&pageSize=10000"; $args = array ( 'httpversion' => get_option ( 'httpversion' ), - 'timeout' => get_option ( 'request_timeout' ) + 'timeout' => get_option ( 'request_timeout' ) ); if ($contestType == "") { $url = "https://api.topcoder.com/rest/reviewOpportunities?user_key=" . $userKey . "&pageSize=10000"; @@ -247,7 +247,7 @@ function get_review_opportunities_ajax($userKey = '', $contestType = '', $page = $url .= "&sortColumn=$sortColumn"; } $response = wp_remote_get ( $url, $args ); - + if (is_wp_error ( $response ) || ! isset ( $response ['body'] )) { return "Error in processing request"; } @@ -264,7 +264,7 @@ function get_member_profile($userKey = '', $handle = '') { $url = "https://api.topcoder.com/rest/statistics/" . $handle . "?user_key=" . $userKey; $args = array ( 'httpversion' => get_option ( 'httpversion' ), - 'timeout' => get_option ( 'request_timeout' ) + 'timeout' => get_option ( 'request_timeout' ) ); $response = wp_remote_get ( $url, $args ); #print_r($response); @@ -284,10 +284,10 @@ function get_user_achievements($userKey = '', $handle = '') { $url = "https://api.topcoder.com/rest/statistics/$handle/achievements?user_key=" . $userKey; $args = array ( 'httpversion' => get_option ( 'httpversion' ), - 'timeout' => get_option ( 'request_timeout' ) + 'timeout' => get_option ( 'request_timeout' ) ); $response = wp_remote_get ( $url, $args ); - + if (is_wp_error ( $response ) || ! isset ( $response ['body'] )) { return "Error in processing request or Member dosen't exist"; } @@ -303,10 +303,10 @@ function get_copilot_stats($userKey = '', $handle = '') { $url = "https://api.topcoder.com/rest/statistics/copilots/$handle/contests?user_key=" . $userKey; $args = array ( 'httpversion' => get_option ( 'httpversion' ), - 'timeout' => get_option ( 'request_timeout' ) + 'timeout' => get_option ( 'request_timeout' ) ); $response = wp_remote_get ( $url, $args ); - + if (is_wp_error ( $response ) || ! isset ( $response ['body'] )) { return "Error in processing request or Member dosen't exist"; } @@ -320,23 +320,23 @@ function get_copilot_stats($userKey = '', $handle = '') { // returns top rank function get_top_rank($userKey = '', $contestType = 'Algorithm') { $contestType = str_replace ( " ", "+", $contestType ); - + switch($contestType){ case "develop": $url = "https://api.topcoder.com/v2/develop/statistics/tops/development?rankType=rank"; break; case "data": $url = "https://api.topcoder.com/v2/data/srm/statistics/tops"; - break; - + break; + } - + $args = array ( 'httpversion' => get_option ( 'httpversion' ), - 'timeout' => get_option ( 'request_timeout' ) + 'timeout' => get_option ( 'request_timeout' ) ); $response = wp_remote_get ( $url, $args ); - + if (is_wp_error ( $response ) || ! isset ( $response ['body'] )) { return "Error in processing request"; } @@ -358,7 +358,7 @@ function get_contest_info($contestID = '') { $url = "https://api.topcoder.com/v2/software/contests/$contestID"; $args = array ( 'httpversion' => get_option ( 'httpversion' ), - 'timeout' => get_option ( 'request_timeout' ) + 'timeout' => get_option ( 'request_timeout' ) ); $response = wp_remote_get ( $url, $args ); if (is_wp_error ( $response ) || ! isset ( $response ['body'] )) { @@ -370,7 +370,7 @@ function get_contest_info($contestID = '') { } return "Error in processing request"; } - + /** - * End of load data functioning - */ + * End of load data functioning + */ diff --git a/wp/wp-content/plugins/TcApi-hookup/includes/widget.php b/wp/wp-content/plugins/TcApi-hookup/includes/widget.php index b52c3705..e839287a 100644 --- a/wp/wp-content/plugins/TcApi-hookup/includes/widget.php +++ b/wp/wp-content/plugins/TcApi-hookup/includes/widget.php @@ -7,31 +7,31 @@ function apiwidget_load_widgets() { /* Begin Widget Class */ class Tops_Rank_Widget extends WP_Widget { - + /* Widget setup */ function Tops_Rank_Widget() { /* Widget settings. */ $widget_ops = array ( 'classname' => 'Tops_Rank_Widget', - 'description' => __ ( 'Tops Rank Widget', 'inm' ) + 'description' => __ ( 'Tops Rank Widget', 'inm' ) ); - + /* Widget control settings. */ $control_ops = array ( - 'id_base' => 'top-rank-widget' + 'id_base' => 'top-rank-widget' ); - + /* Create the widget. */ $this->WP_Widget ( 'top-rank-widget', __ ( 'Tops Rank Widget', 'inm' ), $widget_ops, $control_ops ); } - + /* Display the widget */ function widget($args, $instance) { extract ( $args ); - + /* Before widget (defined by themes). */ echo $before_widget; - + /* Display the widget title if one was input (before and after defined by themes). */ if ($title) echo $before_title . $title . $after_title; @@ -49,12 +49,12 @@ function widget($args, $instance) { $topRankContestType = "data"; $userkey = get_option ( 'api_user_key' ); $arrTopRank = get_top_rank($userkey,$topRankContestType); - + /*$arrTopRank = json_decode ( '{ "total": 30, "pageIndex": 1, "pageSize": 3, - "data": + "data": [ { "Rank": 1, @@ -128,10 +128,10 @@ function widget($args, $instance) { } ] }' ); - - */ + + */ $arrRank = $arrTopRank->data; - + ?>
@@ -151,7 +151,7 @@ function widget($args, $instance) { ?> - + @@ -196,7 +196,7 @@ function widget($args, $instance) { data; + $arrRank = $arrTopRank->data; if ($arrRank != null) foreach ( $arrRank as $row ) : $handleLink = get_bloginfo ( "siteurl" ) . "/member-profile/" . $row->handle; @@ -204,7 +204,7 @@ function widget($args, $instance) { - + @@ -221,31 +221,31 @@ function widget($args, $instance) { } } class Stars_Of_Month_Widget extends WP_Widget { - + /* Widget setup */ function Stars_Of_Month_Widget() { /* Widget settings. */ $widget_ops = array ( 'classname' => 'Stars_Of_Month_Widget', - 'description' => __ ( 'Stars Of Month Widget', 'inm' ) + 'description' => __ ( 'Stars Of Month Widget', 'inm' ) ); - + /* Widget control settings. */ $control_ops = array ( - 'id_base' => 'stars-of-month-widget' + 'id_base' => 'stars-of-month-widget' ); - + /* Create the widget. */ $this->WP_Widget ( 'stars-of-month-widget', __ ( 'Stars Of Month Widget', 'inm' ), $widget_ops, $control_ops ); } - + /* Display the widget */ function widget($args, $instance) { extract ( $args ); - + /* Before widget (defined by themes). */ echo $before_widget; - + /* Display the widget title if one was input (before and after defined by themes). */ if ($title) echo $before_title . $title . $after_title; @@ -258,7 +258,7 @@ function widget($args, $instance) {
'stars-of-month' + 'post_type' => 'stars-of-month' ); //query_posts ( $query ); global $post; @@ -269,15 +269,15 @@ function widget($args, $instance) { $postQuery->the_post (); $postId = $post->ID; $handle = get_post_meta ( $postId, "Handle", true ); - $ratingColor = ""; + $ratingColor = ""; $ratingColor = "color:".get_post_meta ( $postId, "Rating Color", true ); $handleLink = get_post_meta ( $postId, "Handle Link", true ); $handleLink = $handleLink == "" ? "javascript:;" : $handleLink; $contestLink = get_post_meta ( $postId, "Contest Link", true ); $contestLink = $contestLink == "" ? "javascript:;" : $contestLink; $userkey = get_option ( 'api_user_key' ); - # $data = get_member_profile ( $userkey, $handle ); - # $arrRating = $data->ratingsSummary; + $data = get_member_profile ( $handle ); + $arrRating = $data->ratingsSummary; $rating = 0; for($i = 0; $i < count ( $arrRating ); $i ++) { if ($arrRating [$i]->rating > $rating) { @@ -289,33 +289,32 @@ function widget($args, $instance) { $image = $image != null ? $image [0] : plugins_url ( "TcApi-hookup" ) . "/includes/i/no_pic.png"; $title = get_the_title (); $profile = ""; - /*if ($title == "Software Developers") { - $profile = "profileSD"; - } elseif ($title == "Analytics") { - $profile = "profileAn"; - } - */ - if ( $i % 3 == 0 ){ - $profile = "profileUX"; + if ($title == "Developer") { + $profile = "profileSD"; + } elseif ($title == "Designer") { + $profile = "profileUX"; + } else { + $profile = "profileAn"; } - $i++; - + $i++; ?> - +
-
-

+
+
+ +
+
+ <?php echo $handle;?> +
-
- <?php echo $handle;?> -
-
- - + +
+

- post_content;?> -
+ post_content;?> +
@@ -334,4 +333,4 @@ function widget($args, $instance) { } add_action ( 'widgets_init', 'apiwidget_load_widgets' ); -?> \ No newline at end of file +?> diff --git a/wp/wp-content/themes/tcs-responsive/config/script-register.json b/wp/wp-content/themes/tcs-responsive/config/script-register.json index d39f335f..3920b722 100755 --- a/wp/wp-content/themes/tcs-responsive/config/script-register.json +++ b/wp/wp-content/themes/tcs-responsive/config/script-register.json @@ -385,7 +385,7 @@ "app/users/js/controllers/controllers-users.js", "app/users/js/directives/directives-users.js", "app/users/js/directives/badge-directive-users.js", - "app/users/js/directives/coderbits-directive-users.js", + "app/users/js/directives/coderbits-directive-users.js", "app/users/js/directives/develop-directive-users.js", "app/users/js/controllers/base-controller-users.js", "app/users/js/controllers/design-controller-users.js", @@ -557,7 +557,7 @@ "style-404page.css", "my-dashboard.css" ] - }, + }, "ngChallenges": { "name": "ngChallenges", "js": [ @@ -630,6 +630,7 @@ "style-challenges.css", "jquery.qtip.min.css", "advanced-search.css", + "font-awesome.css", "../js/app/challenges/css/ngchallenges.css", "../js/app/challenges/lib/angular-loading-bar-0.3.0/loading-bar.css", "../js/app/challenges/lib/select2/select2-3.4.8/select2.css", diff --git a/wp/wp-content/themes/tcs-responsive/i/chevron-left-design.png b/wp/wp-content/themes/tcs-responsive/i/chevron-left-design.png new file mode 100644 index 0000000000000000000000000000000000000000..76de1d3b8776025da929b569d822e51afdf385ec GIT binary patch literal 139 zcmeAS@N?(olHy`uVBq!ia0vp^93VCa6Ofc%up=Kxv6Te*1p{dy$Xmuf5lA_Bx;TbN zOs(xZ$jji!!KC^vo_!lz=$r44R@$XANqn>pSdez>sO#oCD>mB%1SBj!_36X0T|W!6 h&z0vD2HIJ%zG6)1vf`cIvZ@>$j+1|*LJg + + + competitive develop + Created with Sketch. + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/wp/wp-content/themes/tcs-responsive/i/ico-data-challenge.svg b/wp/wp-content/themes/tcs-responsive/i/ico-data-challenge.svg new file mode 100644 index 00000000..e6bcaa05 --- /dev/null +++ b/wp/wp-content/themes/tcs-responsive/i/ico-data-challenge.svg @@ -0,0 +1,35 @@ + + + + data science challenge + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/wp/wp-content/themes/tcs-responsive/i/ico-design-challenge.svg b/wp/wp-content/themes/tcs-responsive/i/ico-design-challenge.svg new file mode 100644 index 00000000..bb5dc2f8 --- /dev/null +++ b/wp/wp-content/themes/tcs-responsive/i/ico-design-challenge.svg @@ -0,0 +1,29 @@ + + + + design challenge + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/wp/wp-content/themes/tcs-responsive/i/ico-develop-challenge.svg b/wp/wp-content/themes/tcs-responsive/i/ico-develop-challenge.svg new file mode 100644 index 00000000..68b6e48e --- /dev/null +++ b/wp/wp-content/themes/tcs-responsive/i/ico-develop-challenge.svg @@ -0,0 +1,25 @@ + + + + develop challenge + Created with Sketch. + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/wp/wp-content/themes/tcs-responsive/i/icon-filter-blue.png b/wp/wp-content/themes/tcs-responsive/i/icon-filter-blue.png new file mode 100644 index 0000000000000000000000000000000000000000..6e8db8de27aae17c77f8ba9dcf94134cfc726c2f GIT binary patch literal 285 zcmV+&0pk9NP)T=X}jM5=v};9Nv)l`s^UL@qkO4`+d@`Y=Ts|x(J1qQ zxvWvfWM5+3Dy`m+MVtayCd9K=8Ox&guGcZ{^|ICG>lk}Im2vABZ;#X8!qaJdbeb(a j#p6*>&V1TD{s0g#X!0}ZmU{pI002ovPDHLkV1fVu@z#0V literal 0 HcmV?d00001 diff --git a/wp/wp-content/themes/tcs-responsive/ng-content-basic-challenge-details.php b/wp/wp-content/themes/tcs-responsive/ng-content-basic-challenge-details.php index 91b135ae..575eec86 100644 --- a/wp/wp-content/themes/tcs-responsive/ng-content-basic-challenge-details.php +++ b/wp/wp-content/themes/tcs-responsive/ng-content-basic-challenge-details.php @@ -2,7 +2,7 @@

-

CHALLENGE TYPE:

+

diff --git a/wp/wp-content/themes/tcs-responsive/ng-page-challenges.php b/wp/wp-content/themes/tcs-responsive/ng-page-challenges.php index c6788df3..8551ed6c 100644 --- a/wp/wp-content/themes/tcs-responsive/ng-page-challenges.php +++ b/wp/wp-content/themes/tcs-responsive/ng-page-challenges.php @@ -46,24 +46,26 @@ function add_base_url() { -
+
From 5437a33b535587f4c23403e870e93420c53f7217 Mon Sep 17 00:00:00 2001 From: Thabo Date: Fri, 30 Oct 2015 13:41:02 -0700 Subject: [PATCH 05/33] move scoping of stylish reskin to not affect footer --- src/js/app/challenge-details/index.html | 5 +++-- wp/wp-content/themes/tcs-responsive/ng-page-challenges.php | 4 +++- 2 files changed, 6 insertions(+), 3 deletions(-) diff --git a/src/js/app/challenge-details/index.html b/src/js/app/challenge-details/index.html index 8cb03a14..fca36b5f 100644 --- a/src/js/app/challenge-details/index.html +++ b/src/js/app/challenge-details/index.html @@ -1,10 +1,10 @@ @@header -
+
+
-
@@ -874,5 +874,6 @@

Approval

+
@@footer diff --git a/wp/wp-content/themes/tcs-responsive/ng-page-challenges.php b/wp/wp-content/themes/tcs-responsive/ng-page-challenges.php index e3f279b1..569942a4 100644 --- a/wp/wp-content/themes/tcs-responsive/ng-page-challenges.php +++ b/wp/wp-content/themes/tcs-responsive/ng-page-challenges.php @@ -39,8 +39,9 @@ function add_base_url() { } -
+
+
@@ -569,5 +570,6 @@ class="ngHeaderCell" ng-header-cell> View Winners +
From 85e0da9952460255a7fe456daca872bf305eb772 Mon Sep 17 00:00:00 2001 From: Thabo Date: Tue, 3 Nov 2015 21:58:20 -0800 Subject: [PATCH 06/33] challenge listing reskin style changes --- src/css/advanced-search.css | 6 +-- src/css/challenge-detail-software.css | 1 - src/css/style-challenges.css | 49 +++++++++++-------- src/css/style-responsive.css | 7 --- src/css/style.css | 30 ++++-------- .../tcs-responsive/ng-page-challenges.php | 14 +++--- 6 files changed, 47 insertions(+), 60 deletions(-) diff --git a/src/css/advanced-search.css b/src/css/advanced-search.css index f8e2c97a..b12a69f9 100644 --- a/src/css/advanced-search.css +++ b/src/css/advanced-search.css @@ -153,12 +153,8 @@ clear: both; } .new-search-box { - width: 100%; - display: block; - height: auto; position: relative; - border: 1px solid #e1e1e1; - border-bottom: 0; + margin: 0 55px 0 55px; } .new-search-box input.search-text { height: 30px; diff --git a/src/css/challenge-detail-software.css b/src/css/challenge-detail-software.css index 38c2c4fd..07691daf 100644 --- a/src/css/challenge-detail-software.css +++ b/src/css/challenge-detail-software.css @@ -2687,7 +2687,6 @@ h1.center { font-size: 14px; line-height: 24px; color: #3d3d3d; - padding-bottom: 24px; margin: 0; } .cd-wrapper .challenge-detail .tableWrap strong { color: #3d3d3d; diff --git a/src/css/style-challenges.css b/src/css/style-challenges.css index 45e23787..a3aeabfa 100644 --- a/src/css/style-challenges.css +++ b/src/css/style-challenges.css @@ -22,8 +22,7 @@ /* end of edit by evilkyro1965 */ .header-container { - background: #fff; - box-shadow: 0 1px 3px #D1D3D4; + background: #fcfcfc; } .header-container .container { @@ -31,13 +30,13 @@ padding: 10px 60px; } -.header-container .container header h1 { - font-size: 32px; - line-height: 38px; - padding: 15px 0; - margin: 10px 0 0; +.header-container header h1 { + font-size: 36px; + line-height: 43px; overflow: hidden; - text-align: left; + text-transform: uppercase; + text-align: center; + padding-top: 30px; } body, #wrapper { @@ -184,21 +183,20 @@ select { margin: 0 auto; } .layChallenges .links { - border-bottom: 1px solid #D1D3D4; - padding-bottom: 5px; + border-bottom: 1px solid #f0f0f0; } .layChallenges .links .link { - margin: 0 1%; - padding: 0 1% 7px; + margin-right: 35px; color: #A3A3AE; font-size: 16px; - line-height: 19px; + line-height: 24px; font-family: "Sofia Pro", Helvetica, Arial; text-transform: uppercase; } .layChallenges .links .link.active { - border-bottom: 4px solid #0096FF; + border-bottom: 2px solid #0096FF; color: #000000; + padding-bottom: 18px } .landingChallenges .challengeType { width: 300px; @@ -1462,6 +1460,19 @@ span.subscribeTopWrapper .feedBtn { line-height: 22px; color: #333; background-color: #f6f6f6; + padding: 30px 0 30px 0; + clear: both; +} + +.cl-wrapper .challenges-sub-nav { + text-align: center; + height: 40px; + padding: 20px 0 0 60px; + background: #fcfcfc; +} + +.cl-wrapper .challenges-sub-nav a:hover { + text-decoration: none; } .cl-wrapper h1, .cl-wrapper h2, @@ -1469,11 +1480,10 @@ span.subscribeTopWrapper .feedBtn { .cl-wrapper h4, .cl-wrapper h5, .cl-wrapper h6 { - font-weight: 400; + font-weight: 500; line-height: 1.125em; font-family: "Sofia Pro", Helvetica, Arial, sans-serif; } .cl-wrapper .sideStream h1, - .cl-wrapper header h1, .cl-wrapper .challenge-detail.develop .tableWrap h1, .cl-wrapper .challenge-detail .tableWrap h1 { font-size: 28px; @@ -1555,8 +1565,8 @@ span.subscribeTopWrapper .feedBtn { z-index: 5; } .cl-wrapper #mainContent.splitLayout, .cl-wrapper #mainContent.layChallenges { - padding: 90px 60px 30px; - margin: 60px; + max-width: 1242px; + margin: 0 auto 0 auto; background: #fff; } .cl-wrapper #mainContent .container { padding: 0; @@ -1588,6 +1598,7 @@ span.subscribeTopWrapper .feedBtn { .cl-wrapper .prevLink:hover { color: #097DCE; } .cl-wrapper #mainContent .dataChanges { + padding: 20px 0 20px 0; text-align: center; font-family: "Sofia Pro", Helvetica, Arial; font-size: 14px; @@ -1695,8 +1706,6 @@ span.subscribeTopWrapper .feedBtn { cursor: default; text-transform: none; text-decoration: none; } - .cl-wrapper .new-search-box { - border: none; } .cl-wrapper .new-search-box input.search-text { width: calc( 100% - 14px); display: block; diff --git a/src/css/style-responsive.css b/src/css/style-responsive.css index fd0a9f88..d9a4e01a 100644 --- a/src/css/style-responsive.css +++ b/src/css/style-responsive.css @@ -149,13 +149,6 @@ width: 205px; } -/* mainContent */ -#mainContent{ - background: url(@@cdn/i/shadow.png) 50% 0 no-repeat; - padding-top: 8px; - padding-bottom: 18px; - background-size: 120% 20px; -} #mainContent .title{ padding-top: 14px; text-align: center; diff --git a/src/css/style.css b/src/css/style.css index 47daf782..795d558e 100644 --- a/src/css/style.css +++ b/src/css/style.css @@ -338,16 +338,6 @@ } /* mainContent */ -#mainContent{ - background: url(@@cdn/i/shadow.png) 50% 0 no-repeat; - padding-top: 8px; - padding-bottom: 32px; -} -#mainContent.layChallenges{ - padding-top: 30px; - padding-bottom: 20px; - background: #FFFffe; -} #mainContent .title{ padding-top: 32px; text-align: center; @@ -730,20 +720,19 @@ .layChallenges{ display: block; } - .layChallenges header{ - border-bottom: 1px solid #e7e7e7; - + .layChallenges header{ + border-bottom: 1px solid #f0f0f0; padding-bottom: 12px; position: relative; font-size: 16px; } - .layChallenges header .rt{ + .layChallenges header .rt{ position: absolute; right: 0; top: 4px; } - .layChallenges header .rt a{ + .layChallenges header .rt a{ padding-top: 1px; display: inline-block; float: left; @@ -753,14 +742,15 @@ -moz-transition-duration: 0s; -webkit-transition-duration: 0s; transition-duration: 0s; border-top: 3px solid transparent; } - .layChallenges header .rt .calendarView:hover, - .layChallenges header .rt .gridView:hover, - .layChallenges header .rt .listView:hover{ + .layChallenges header .rt .calendarView:hover, + .layChallenges header .rt .gridView:hover, + .layChallenges header .rt .listView:hover{ border-top: 3px solid #FF8A00; } .layChallenges .views { - float: right; + position: absolute; + right: 55px; } .layChallenges .views > a{ font-size: 11px; @@ -808,7 +798,7 @@ display: block; font-size: 16px; - padding: 3px 0; + padding: 10px 0 0 55px; } .layChallenges .challengeType ul > li{ float: left; diff --git a/wp/wp-content/themes/tcs-responsive/ng-page-challenges.php b/wp/wp-content/themes/tcs-responsive/ng-page-challenges.php index 569942a4..067ecbc7 100644 --- a/wp/wp-content/themes/tcs-responsive/ng-page-challenges.php +++ b/wp/wp-content/themes/tcs-responsive/ng-page-challenges.php @@ -47,16 +47,16 @@ function add_base_url() {
rank;?>handle;?>handle;?> rating;?>
rank;?> handle;?>handle;?> rating;?>