diff --git a/src/css/advanced-search.css b/src/css/advanced-search.css index e365bc3c..b12a69f9 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 { @@ -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; @@ -282,7 +278,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 +364,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 +411,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 +499,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 +535,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 +562,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 +593,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 +605,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 +641,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 +662,7 @@ input.search-text::-webkit-input-placeholder { margin-right: 4px; margin-bottom: 6px; padding: 0 5px; -} +} .btnSecondary{ background: #c2c2c2; @@ -700,14 +696,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 +719,7 @@ input.search-text::-webkit-input-placeholder { } .filterWidget .alertMe{ margin: 23px 26px 12px; -} +} .chkWrap{ position: relative; } @@ -732,14 +728,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 +752,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 +762,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 b9ce506d..1b453c8c 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; @@ -1171,7 +1171,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..749a121e 100644 --- a/src/css/challenge-detail-software.css +++ b/src/css/challenge-detail-software.css @@ -1,20 +1,31 @@ +.challenge-detail .header-container { + max-width: 1200px; + margin: 0 auto; + box-sizing: border-box; + background: #fff; + border-bottom: 1px solid #f0f0f0; +} +.challenge-detail .header-container .container { + margin: 0 60px; + padding: 10px 60px; +} + +.challenge-detail .pageHeading { + padding: 30px 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; overflow: hidden; + text-align: left !important; } .challenge-detail .pageHeading h2 { - font-size: 14px; + font-size: 18px; line-height: 30px; - font-weight: bold; - color: #666666; - margin: 10px 0; + color: #A3A3AE; + margin-top: 10px; overflow: hidden; } @@ -25,12 +36,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 +56,8 @@ #stepBox .middleColumn { display: inline; float: left; - width: 550px; - margin: 0 22px; + width: 605px; + margin: 0 18px; } #stepBox .middleColumn table { @@ -64,6 +76,7 @@ font-size: 14px; font-weight: bold; margin-bottom: 27px; + text-align: center; } #stepBox .middleColumn table h3 { @@ -105,13 +118,13 @@ font-size: 18px; } #stepBox .rightColumn { display: inline; - float: left; - width: 283px; + float: right; + width: 290px; } .challenge-detail .grid-3-3 { float: left; - width: 728px; + width: 790px; } .challenge-detail .currentTab-checkpoints .grid-3-3, @@ -122,7 +135,7 @@ font-size: 18px; .challenge-detail .grid-1-3 { float: right; - width: 282px; + width: 288px; } .challenge-detail .currentTab-checkpoints .grid-1-3, @@ -132,7 +145,6 @@ font-size: 18px; #stepBox .rightColumn .nextBox { position: relative; - width: 283px; } #stepBox .rightColumn .nextBox .nextBoxContent, @@ -166,7 +178,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 +209,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 +237,6 @@ font-size: 18px; #stepBox .rightColumn .deadlineBox { position: relative; - width: 283px; } #stepBox .rightColumn .deadlineBox .deadlineBoxContent { @@ -268,6 +275,7 @@ font-size: 18px; float: left; border-left: 1px solid #D0D0D1; height: 16px; + font-size: 16px; line-height: 18px; } @@ -402,8 +410,7 @@ h1.center { } .challenge-detail .topRightTitle { - display: block; - width: 100%; + position: static !important; } .challenge-detail .topRightTitleAlt { @@ -467,7 +474,7 @@ h1.center { } .challenge-detail .columnSideBar h3 { - color: #00aeff; + color: #000 !important; font-size: 16px; font-weight: bold; padding: 11px 10px; @@ -488,6 +495,7 @@ h1.center { .challenge-detail .columnSideBar p strong { color: #000; + font-size: 16px; } .reviewStyle p { @@ -703,7 +711,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 { @@ -717,6 +725,7 @@ h1.center { } .challenge-detail .btnAction span { + display: inline-block; float: left; width: 21px; height: 37px; @@ -735,11 +744,10 @@ h1.center { } .challenge-detail .btnAction strong { - float: left; - height: 100%; + display: inline-block; + padding-top: 5px; width: 77%; - margin-top: 4px !important; - + color: #fff; } .btnMyAcc span { @@ -777,14 +785,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; @@ -964,7 +967,7 @@ h1.center { } @media (max-width: 1019px) { - .challenge-detail .pageHeading h1 { +/* .challenge-detail .pageHeading h1 { font-size: 18px; line-height: 24px; padding: 8px 0; @@ -985,7 +988,7 @@ h1.center { } .challenge-detail .grid-3-3 { - width: 100%; + width: 100% !important; } .challenge-detail .topRightTitleAlt, @@ -1060,10 +1063,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; @@ -1142,7 +1141,7 @@ h1.center { background-position: 0 -20px; } - /* Studio */ + /* Studio * / .prizeSlider .bx-controls { margin: 10px 0 10px 0; text-align: center; @@ -1229,7 +1228,7 @@ h1.center { padding-right: 5px; padding-top: 22px; padding-bottom: 22px; - } + }*/ } /*new css for topcoder view checkpoints and view submission */ @@ -2646,3 +2645,198 @@ h1.center { } /* styles for member program path box - end */ + +/* stylish changes per Victor applied to challenge details only */ +.cd-wrapper { + min-width: 1220px; + padding-top: 30px; + font-family: "Sofia Pro", "Merriweather Sans", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 22px; + color: #333; + background-color: #f6f6f6; +} + .cd-wrapper h1, + .cd-wrapper h2, + .cd-wrapper h3, + .cd-wrapper h4, + .cd-wrapper h5, + .cd-wrapper h6 { + font-weight: 400; + line-height: 1.125em; + font-family: "Sofia Pro", Helvetica, Arial, sans-serif; } + .cd-wrapper .sideStream h1, + .cd-wrapper header h1, + .cd-wrapper .challenge-detail.develop .tableWrap h1, + .cd-wrapper .challenge-detail .tableWrap h1 { + font-size: 28px; + color: #3D3D3D; + font-weight: 600; + text-transform: uppercase; + text-align: center; + border: none; } + .cd-wrapper h2, + .cd-wrapper .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; } + .cd-wrapper .challenge-detail .columnSideBar h3 { + color: #3d3d3d; + font-size: 14px; + padding-bottom: 0; } + .cd-wrapper p, + .cd-wrapper .challenge-detail .tableWrap p { + font-weight: 300; + font-size: 14px; + line-height: 24px; + color: #3d3d3d; + margin: 0; } + .cd-wrapper .challenge-detail .tableWrap strong { + color: #3d3d3d; + font-weight: 600; } + .cd-wrapper em { + font-style: italic; + font-family: "Merriweather", Georgia, serif; } + .cd-wrapper .note { + border-left: 6px solid #d2d2d2; + padding-left: 30px; + padding-bottom: 0px !important; } + .cd-wrapper .challenge-detail .columnSideBar { + display: block; + clear: none; + width: 100%; + background: #f7f7f7; + border: none; + margin-top: 0; + padding: 20px 10px; } + .cd-wrapper .challenge-detail.develop .columnSideBar { + margin-top: 25px; } + .cd-wrapper .challenge-detail .columnSideBar .inner { + padding: 10px; + border-bottom: none; } + .cd-wrapper #main, + .cd-wrapper #wrapper > .content { + background: #F6F6F6; + position: relative; + z-index: 5; } + .cd-wrapper #mainContent.splitLayout, + .cd-wrapper #mainContent.layChallenges { + max-width: 1080px; + padding: 60px 60px 30px; + margin: 0 auto; + background: #fff; } + .cd-wrapper #mainContent .container { + padding: 0; + margin: 0; + width: 100%; } + .cd-wrapper #main { + background: #F6F6F6; } + .cd-wrapper #navigation { + background: #fff; } + .cd-wrapper .challenge-detail .grid-3-3 { + padding: 0 10px 0 0; + box-sizing: border-box; } + .cd-wrapper .challenge-detail .rightSplit { + float: left; + width: calc(100% - 330px); + margin-right: 30px; } + .cd-wrapper .challenge-detail a, + .cd-wrapper .challenge-detail a:active, + .cd-wrapper .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: transparent; + outline: 0; } + .cd-wrapper .challenge-detail a:hover { + color: #097DCE; + text-decoration: underline; } + .cd-wrapper .challenge-detail .tabNav { + /* border-bottom: none; */ + margin-bottom: 30px; } + .cd-wrapper div#challengeNav { + display: inline-block; + /* padding-right: 20px; */ + position: relative; + padding-left: 20px; + float: none; } + .cd-wrapper a, + .cd-wrapper a:active, + .cd-wrapper 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: transparent; + outline: 0; } + .cd-wrapper a:hover { + color: #097DCE; + text-decoration: underline; } + .cd-wrapper #stepBox .leftColumn a { + margin-bottom: 10px; + border-radius: 0px; + height: 49px; } + .cd-wrapper .challenge-detail .btnAction strong { + font-size: 11px; + margin-top: 14px; } + .cd-wrapper .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; } + .cd-wrapper .challenge-detail .btnAction:hover { + color: #fff; + background-color: #097DCE; } + .cd-wrapper #stepBox .rightColumn .nextBox .allDeadlineNextBoxContent, + .cd-wrapper #stepBox .rightColumn .nextBox .nextBoxContent { + background: #85CCFF; + border: 1px solid #0096FF; + margin: 0 auto; + padding: 10px 13px; + height: 125px; } + .cd-wrapper #stepBox .rightColumn .nextBox .icoTime { + height: auto; + display: block; + padding-left: 0; + padding-top: 0px; + background: none; } + .cd-wrapper #stepBox .rightColumn .nextBox .CEDate, + .cd-wrapper #stepBox .rightColumn .nextBox .nextDTitle { + color: #333; + font-weight: 600; + text-transform: uppercase; + padding-bottom: 0; + margin-bottom: 0; } + .cd-wrapper #stepBox .rightColumn .nextBox .nextDTitle, + .cd-wrapper .challenge-detail.develop #stepBox .rightColumn .nextBox .nextDTitle { + color: #fff; + display: block; + font-size: 15px; + margin-bottom: 5px; + text-transform: uppercase; } + .cd-wrapper #stepBox .rightColumn .nextBox .timeLeft { + color: #FFFFFE; + font-size: 22px; + line-height: 30px; + margin: 24px 0px; + padding: 0; + display: block; + text-align: center; } + .cd-wrapper .challenge-detail .grid-3-3 { + padding: 0 10px 0 0; + box-sizing: border-box; } + .cd-wrapper .challenge-detail .rightSplit { + float: left; } \ No newline at end of file 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/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..59122577 100644 --- a/src/css/style-challenges.css +++ b/src/css/style-challenges.css @@ -21,6 +21,35 @@ /* end of edit by evilkyro1965 */ +.header-container { + background: #fcfcfc; +} + +.header-container .container { + margin: 0 60px; + padding: 10px 60px; +} + +.header-container header { + padding: 30px 60px; +} + +.header-container header h1 { + display: inline-block; + vertical-align: middle; + font-size: 36px; + line-height: 1; + overflow: hidden; + text-transform: uppercase; +} + +.header-container header span { + display: inline-block; + vertical-align: middle; + padding: 0; + margin-left: 10px; +} + body, #wrapper { min-width: 1024px !important; } @@ -164,7 +193,22 @@ select { width: auto; margin: 0 auto; } - +.layChallenges .links { + border-bottom: 1px solid #f0f0f0; +} +.layChallenges .links .link { + margin-right: 35px; + color: #A3A3AE; + font-size: 16px; + line-height: 24px; + font-family: "Sofia Pro", Helvetica, Arial; + text-transform: uppercase; +} +.layChallenges .links .link.active { + border-bottom: 2px solid #0096FF; + color: #000000; + padding-bottom: 18px +} .landingChallenges .challengeType { width: 300px; } @@ -195,8 +239,6 @@ select { position: absolute; left: 12px; top: 4px; - background: url(@@cdn/i/tco/tco-arrow.png) no-repeat; - background-position: 0 10px; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; @@ -558,14 +600,9 @@ select { } #tcoTableAllContest .colCh a img.allContestIco { - height: 36px; padding: 0px; } -.colCh a:hover img.allContestIco { - box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); -} - .tcoTable .colCh.nonTCO { text-align: left; } @@ -749,24 +786,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 +820,6 @@ caption.reviewDetail { } #gridAll .cgCh a img.allContestIco { - height: 36px; padding: 0px; } @@ -808,10 +842,6 @@ caption.reviewDetail { top: 46px; } -.cgCh a:hover img.allContestIco { - box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); -} - .contestGrid .cgTime { padding-left: 69px; } @@ -1065,7 +1095,7 @@ select:disabled { } .ui-datepicker-calendar .ui-datepicker-today { - background-color: #FF8A00; + background-color: #0096FF; color: #fff; } @@ -1074,7 +1104,7 @@ select:disabled { } .ui-datepicker-calendar .ui-datepicker-current-day { - background-color: #FFB800; + background-color: #0096FF; color: #fff; } @@ -1105,8 +1135,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 +1152,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 +1451,297 @@ span.subscribeTopWrapper .feedBtn { .dataCalendar .fc-day-grid-event > .fc-content { white-space: inherit; overflow: auto; -} \ No newline at end of file +} + + +/* stylish changes per Victor applied to challenge listing only */ +.cl-wrapper { + font-family: "Sofia Pro", "Merriweather Sans", Helvetica, Arial, sans-serif; + font-size: 14px; + 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, + .cl-wrapper h3, + .cl-wrapper h4, + .cl-wrapper h5, + .cl-wrapper h6 { + font-weight: 500; + line-height: 1.125em; + font-family: "Sofia Pro", Helvetica, Arial, sans-serif; } + .cl-wrapper .sideStream h1, + .cl-wrapper .challenge-detail.develop .tableWrap h1, + .cl-wrapper .challenge-detail .tableWrap h1 { + font-size: 28px; + color: #3D3D3D; + font-weight: 600; + text-transform: uppercase; + text-align: center; + border: none; } + .cl-wrapper h2, + .cl-wrapper .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; } + .cl-wrapper .challenge-detail .columnSideBar h3 { + color: #3d3d3d; + font-size: 14px; + padding-bottom: 0; } + .cl-wrapper p, + .cl-wrapper .challenge-detail .tableWrap p { + font-weight: 300; + font-size: 14px; + line-height: 24px; + color: #3d3d3d; + padding-bottom: 24px; + margin: 0; } + .cl-wrapper .challenge-detail .tableWrap strong { + color: #3d3d3d; + font-weight: 600; } + .cl-wrapper em { + font-style: italic; + font-family: Merriweather, Georgia, serif; } + .cl-wrapper .note { + border-left: 6px solid #d2d2d2; + padding-left: 30px; + padding-bottom: 0px !important; } + .cl-wrapper .challenge-detail .columnSideBar { + display: block; + clear: none; + width: 100%; + background: #f7f7f7; + border: none; + margin-top: 0; + padding: 20px 10px; } + .cl-wrapper .challenge-detail.develop .columnSideBar { + margin-top: 25px; } + .cl-wrapper .challenge-detail .columnSideBar .inner { + padding: 10px; + border-bottom: none; } + .cl-wrapper input[type=text], + .cl-wrapper 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; } + .cl-wrapper input[type=text]:hover, + .cl-wrapper input[type=url]:hover { + border: 1px solid #A3A3AE; + box-shadow: inset 0px 0px 1px 0px rgba(183, 183, 183, 0.8); } + .cl-wrapper input[type=text]:focus, + .cl-wrapper input[type=url]:focus { + border: 1px solid #4CB5FF; + box-shadow: inset 0px 0px 1px 0px rgba(133, 203, 255, 0.1); } + .cl-wrapper #main, + .cl-wrapper #wrapper > .content { + background: #F6F6F6; + position: relative; + z-index: 5; } + .cl-wrapper #mainContent.splitLayout, + .cl-wrapper #mainContent.layChallenges { + max-width: 1242px; + margin: 0 auto 0 auto; + background: #fff; } + .cl-wrapper #mainContent .container { + padding: 0; + margin: 0; + width: 100%; } + .cl-wrapper #main { + background: #F6F6F6; } + .cl-wrapper #navigation { + background: #fff; } + .cl-wrapper .layChallenges header { + padding-bottom: 30px; + position: relative; } + .cl-wrapper a, + .cl-wrapper a:active, + .cl-wrapper 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: transparent; + outline: 0; } + .cl-wrapper a:hover { + color: #097DCE; + text-decoration: underline; } + .cl-wrapper .tcoTable .colCh a:hover { + color: #097DCE; } + .cl-wrapper .nextLink:hover, + .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; + color: #3d3d3d; } + .cl-wrapper #mainContent .dataChanges .lt { + float: none; + display: inline; + padding: 0; + margin-right: 30px;} + .cl-wrapper #mainContent .dataChanges .rt { + float: none; + text-align: right; + overflow: hidden; + display: inline; } + .cl-wrapper #mainContent .dataChanges .prevLink { + display: inline-block; + padding-left: 20px; + position: relative; + float: none; } + .cl-wrapper #mainContent .dataChanges .nextLink { + position: relative; + padding-right: 23px; + padding-left: 30px; + float: none; } + .cl-wrapper span.ng-show.challenges.lenght { + color: #DEDEDE; + padding: 0 5px; } + .cl-wrapper .challengesGrid .ngHeaderContainer { + background-color: #FFFFFF; } + .cl-wrapper .challengesGrid .challengeHeader { + height: 100%; + border-bottom: none; } + .cl-wrapper .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; } + .cl-wrapper .ngTopPanel { + position: relative; + z-index: 1; + background-color: #FFFFFF; + border-bottom: none; } + .cl-wrapper .challengesGrid .challengeRow { + height: 100%; + border: solid #e7e7e7; + border-width: 1px 0; + font-size: 16px; + color: #3d3d3d; } + .cl-wrapper .challengesGrid .ngRow.odd { + background-color: #FCFCFC; } + .cl-wrapper .challengesGrid .challengeRow { + height: 100%; + border: solid #F1F0F0; + border-width: 1px 0; + font-size: 16px; + color: #3d3d3d; } + .cl-wrapper .challengesGrid .colTime .row { + overflow: hidden; + line-height: 24px; + font-size: 13px; } + .cl-wrapper .colt1 { + width: 210px; + text-align: center; } + .cl-wrapper .colt3 { + width: 90px; + text-align: center; } + .cl-wrapper .challengeRow .colt4 { + font-weight: 700; + text-align: center; } + .cl-wrapper .colt4 { + text-align: center; } + .cl-wrapper .tcoTable .colCh a { + width: 270px; + padding-left: 66px; + color: #3d3d3d; } + .cl-wrapper .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; } + .cl-wrapper .technologyTags .techTag a { + padding: 0; + color: #666; + display: inline; } + .cl-wrapper .layChallenges .actions { + margin-bottom: -1px; + padding: 16px 0 30px; } + .cl-wrapper .pastCaption, + .cl-wrapper .upcomingCaption { + font-style: italic; + color: #A3A3AE; + font-weight: 300; } + .cl-wrapper .layChallenges .challengeType ul .link.active, + .cl-wrapper .layChallenges .challengeType ul .link.active:hover { + color: #000; + cursor: default; + text-transform: none; + text-decoration: none; } + .cl-wrapper .new-search-box input.search-text { + width: calc( 100% - 14px); + display: block; + background: #FFFFFF; + border-radius: 2px; + margin: 0 auto; + border: 1px solid #CECECE; } + .cl-wrapper .new-search-box input.search-text:focus { + border: 1px solid #4CB5FF; + box-shadow: inset 0px 0px 2px 1px rgba(133, 203, 255, 0.6); } + .cl-wrapper .selected-tags .wrapper { + border: none; + padding: 10px 0 20px 0; } + .cl-wrapper .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; } + .cl-wrapper .selected-tags li.left .selecting-tag-wrapper:hover { + background: #0096FF; + cursor: default; } + .cl-wrapper .selected-tag { + margin: 5px 0 0 10px; + line-height: 28px; + position: relative; + padding: 2px 0 0 0; } + .cl-wrapper .filter-dropdown { + border: none; + background: #F6F6F6; } + .cl-wrapper .gridChallengName { + color: #0096FF; } + .cl-wrapper .contestGrid .trackSD .genInfo > p i { + background-color: #B9B9B9; } diff --git a/src/css/style-responsive.css b/src/css/style-responsive.css index f1affb6f..d9a4e01a 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,18 +148,11 @@ top: 0; 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; - + margin-bottom: 12px; } #mainContent .slogan{ @@ -165,7 +160,7 @@ font-size: 13px; font-weight: 300; line-height: 18px; - + margin: 0 8px; } .whatVdo{ @@ -180,7 +175,7 @@ margin-left: 0; position: relative; text-align: center; - + padding-top: 141px; margin-top: 20px; } @@ -191,7 +186,7 @@ padding-bottom: 15px; color: #01a8e9; } - + .whatVdo > section.build h3{ color: #228400; } @@ -201,7 +196,7 @@ .whatVdo > section p{ font-size: 13px; line-height: 18px; - + letter-spacing: 1px; padding: 0 10px; } @@ -212,10 +207,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 +225,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 +282,7 @@ } #featuredContent .container > section .action{ padding: 15px 0 5px; - + } .nextLink{ position: relative; @@ -299,26 +294,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 +322,7 @@ /* hero area */ #hero{ min-height: 162px; - background: #eee; + background: #eee; } #hero .trackList{ margin: 0 -10px; @@ -337,9 +331,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 +360,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 +380,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 +403,7 @@ } #hero .trackInfo a{ display: inline-block; - + font-size: 12px; } /* layout Challenges */ @@ -418,7 +412,7 @@ } .layChallenges header{ border-bottom: 1px solid #e7e7e7; - + padding-bottom: 8px; position: relative; font-size: 16px; @@ -428,7 +422,7 @@ .layChallenges header .rt{ position: absolute; right: 0; - + top: 4px; display: none; } @@ -436,7 +430,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 +438,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 +448,7 @@ margin: 0 -10px; } .layChallenges .actions .rt{ - float: none; + float: none; margin-top: 0; line-height: 42px; border-bottom: 1px solid #e7e7e7; @@ -498,12 +472,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 +487,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 +502,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 +512,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 +521,7 @@ display: inline-block; padding-right: 20px; position: relative; - + border-left: 1px solid transparent; } .layChallenges .actions .upDown i{ @@ -557,17 +531,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 +550,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 +563,8 @@ top: 19px; } #mainContent .dataChanges .rt{ - float: right; - + float: right; + text-align: right; z-index: 1; position: absolute; @@ -600,22 +572,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 +602,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 +629,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 .colCh a i{ + position: absolute; + top: 4px; + left: 14px; + background-color: #7ab800; + transition-duration: 0.2s; } - .dataTable .trackUX .colCh a i{ - background-position: 0 -50px; - background-color: #00add0; - } - .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 +662,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 +677,7 @@ .dataTable th.colPur{ width: 98px; } - .dataTable tbody .colTLeft, + .dataTable tbody .colTLeft, .dataTable tbody .colPur, .dataTable tbody .colReg, .dataTable tbody .colSub{ @@ -729,7 +687,7 @@ #tableView{ display: none !important; -} +} #gridView{ display: block !important; } @@ -746,7 +704,7 @@ .contestGrid .contest{ display: block; border: 1px solid #e7e7e7; - + width: auto; height: 268px; position: relative; @@ -759,13 +717,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 +736,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 +760,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 +781,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 +799,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 +830,7 @@ .contestGrid .genInfo .cgSub i{ background-position: 0 0; } - + /* welcome Banner */ .welcomeBanner{ margin-top: 0; @@ -880,19 +838,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 +862,11 @@ line-height: 46px; height: 42px; width: 151px; - + margin-bottom: 25px; margin-top: 20px; } - + /* splitLayout */ #mainContent.splitLayout{ background: none; @@ -917,14 +875,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 +908,7 @@ height: 17px; width: 100%; background: url(@@cdn/i/shadow-small.png) 50% 0 no-repeat; - + margin: 0; } .diagnostics > div{ @@ -959,7 +917,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 +938,7 @@ background-position: 0 -450px; } .diagnostics .val{ - font-size: 12px; + font-size: 12px; color: #fff; margin-top: 60px; } @@ -993,7 +951,7 @@ /* tops */ .tops{ margin-top: 25px; - + } .tops > nav{ padding: 12px 0 10px; @@ -1001,10 +959,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 +971,7 @@ display: block; } .tops ul > li{ - float: left; + float: left; border-left: 1px solid #D0D0D1; height: 16px; line-height: 18px; @@ -1022,7 +980,7 @@ border-left: 0; } .tops ul .link{ - margin: 0 10px; + margin: 0 10px; } .tops ul .link.active, .tops ul .link.active:hover{ @@ -1039,27 +997,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 +1021,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 +1038,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; - } - .starsOfMonth .profile .memberPic{ - float: left; + color: #ff7400; } - .starsOfMonth .profile .details .row{ - margin: 5px 0 13px 150px; - -} .starsOfMonth .profile label{ font-size: 12px; } @@ -1117,13 +1060,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 +1076,8 @@ /* whatsHappening */ #whatsHappening{ - background: #d2d2d2; - padding: 12px 0 26px 0; + background: #fff; + padding: 12px 0 26px 0; } #whatsHappening .inner{ margin: 0; @@ -1154,7 +1097,7 @@ #whatsHappening .featuredImg{ width: 100%; height: 180px; - + margin-bottom: 26px; } #whatsHappening .featuredImg img{ @@ -1166,37 +1109,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 +1160,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 +1196,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 +1226,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 +1241,7 @@ line-height: 14px; } .sideMostRecentChallenges{ - margin-bottom: 32px; + margin-bottom: 32px; } .sideMostRecentChallenges h3 { padding: 0 9px; @@ -1309,7 +1252,7 @@ .sideMostRecentChallenges li.alt { padding: 14px 0; } - + /*Case Page*/ .casesView.container{ margin: 0; @@ -1348,23 +1291,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 +1319,7 @@ } .casePage .caseBriefWrapper .caseQuote{ width: auto; - float: none; + float: none; padding: 0 0 11px 0; margin-bottom: 20px; } @@ -1404,7 +1347,7 @@ margin: 0; } .casePage .caseTitle{ - padding: 4px 0 12px 0; + padding: 4px 0 12px 0; } .casePage .caseTitle h3{ font-size: 25px; @@ -1421,7 +1364,7 @@ margin: 0 auto; } .casePage .caseBanner{ - margin-bottom: 11px; + margin-bottom: 11px; } .casePage .caseBanner img { width: 100%; @@ -1439,7 +1382,7 @@ margin-bottom: 23px; } .caseQuote .quoteTxt{ - padding-bottom: 23px; + padding-bottom: 23px; } .caseQuote .quoterName, .caseQuote .quoterTitle{ @@ -1502,7 +1445,7 @@ /*Resource Page*/ .resourceList{ - padding-top: 5px; + padding-top: 5px; } .resourceList li{ padding: 0; @@ -1574,11 +1517,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 +1541,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 +1557,7 @@ margin-bottom: 21px; } .sideSearchStories h3{ - text-align: center; + text-align: center; } .sideSearchStories .searchStoriesBox{ border-width: 0; @@ -1627,7 +1570,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 +1591,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 28604c17..d90adfc1 100644 --- a/src/css/style.css +++ b/src/css/style.css @@ -209,18 +209,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 */ @@ -228,7 +228,7 @@ height: 226px; display: block; } - #banner .slider .con{ + #banner .slider .con{ width: 590px; margin: 0 auto; } @@ -236,7 +236,7 @@ position: absolute; left: 60px; top: 175px; - + width: 101px; } #banner .slider .slide{ @@ -245,29 +245,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; @@ -275,14 +275,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; @@ -290,12 +290,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; @@ -305,17 +305,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; @@ -326,7 +326,7 @@ line-height: 68px; height: 68px; } - + #stats em{ font-weight: bold; } @@ -336,22 +336,12 @@ top: 14px; width: 205px; } - + /* 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; - + margin-bottom: 16px; } #mainContent .slogan{ @@ -372,7 +362,7 @@ margin-left: 25px; position: relative; text-align: center; - + padding-top: 141px; } .whatVdo > section:first-child{ @@ -382,7 +372,7 @@ padding-bottom: 15px; color: #01a8e9; } - + .whatVdo > section.build h3{ color: #228400; } @@ -392,7 +382,7 @@ .whatVdo > section p{ font-size: 16px; line-height: 24px; - + letter-spacing: 1px; padding: 0 10px; } @@ -402,14 +392,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{ @@ -427,7 +417,7 @@ } #featuredContent .container > section{ position: relative; - + } #featuredContent .container > section > h3, #featuredContent .container > section > p, @@ -435,7 +425,7 @@ margin: 0 25px 0 146px; } #featuredContent .container > section .badge{ - position: absolute; + position: absolute; left: 0; top: -1px; width: 185px; @@ -460,7 +450,7 @@ } #featuredContent .container > section .em{ padding: 7px 0 3px; - + color: #333; } #featuredContent .container > section em{ @@ -473,7 +463,7 @@ } #featuredContent .container > section .action{ padding: 20px 0 5px; - + } .nextLink{ position: relative; @@ -486,13 +476,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; @@ -502,19 +492,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{ @@ -537,7 +527,7 @@ float: left; width: 320px; text-align: center; - + margin-left: 25px; } #aboutContent .container > section:first-child{ @@ -556,7 +546,7 @@ font-size: 18px; line-height: 24px; } - + .userWidget{ width: 332px; height: 208px; @@ -581,18 +571,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; @@ -604,11 +594,11 @@ } .userWidget .details .userPic img{ width: 120px; - + background: #ccc; } .userWidget .details .userDetails{ - margin-left: 174px; + margin-left: 174px; min-height: 154px; padding-top: 14px; } @@ -630,38 +620,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{ @@ -692,17 +682,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; @@ -712,7 +702,7 @@ } #hero .trackInfo h3{ display: block; - color: #01a8e9; + color: #01a8e9; padding: 16px 0 3px 118px; } #hero .trackInfo.trackSD h3{ @@ -723,84 +713,57 @@ } #hero .trackInfo a{ display: inline-block; - + font-size: 12px; } /* lay Challenges */ .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; 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{ +} + .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 { + position: absolute; + right: 55px; } - .layChallenges .views .listView{ - background-position: 0 -147px; - } - .layChallenges .views .calendarView{ - background-position: 0 -247px; - } - - .layChallenges .views .gridView.isActive{ - background-position: 0 3px; - cursor: default; - } - .layChallenges .views .gridView.isActive:hover{ - border-top: 3px solid rgba(0, 0, 0, 0); + .layChallenges .views > a{ + font-size: 11px; + line-height: 13px; + color: #A3A3AE; } - - .layChallenges .views .listView.isActive{ - background-position: 0 -97px; - cursor: default; + .layChallenges .views a + a { + margin-left: 10px; } - .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; @@ -809,13 +772,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; @@ -826,28 +789,28 @@ margin-right: 8px; } .layChallenges .challengeType{ - + width: 300px; margin: 0 auto; } .layChallenges .challengeType ul{ overflow: hidden; - + display: block; font-size: 16px; - padding: 3px 0; + padding: 10px 0 0 55px; } .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{ @@ -857,7 +820,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; @@ -866,10 +829,10 @@ display: inline-block; padding-right: 20px; position: relative; - + margin-left: 4px; } - + .layChallenges .actions .upDown i{ position: absolute; right: 0; @@ -877,11 +840,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; @@ -894,7 +857,7 @@ .ddWrap .list{ border: 1px solid #ccc; border-top: none; - + display: none; background: #fff; } @@ -906,7 +869,7 @@ border-top: 1px solid #ccc; padding: 0 5px; font-size: 12px; - + line-height: 26px; text-align: left; } @@ -914,39 +877,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; } @@ -958,76 +921,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); @@ -1035,13 +1007,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; @@ -1049,10 +1016,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{ @@ -1064,7 +1031,7 @@ .dataTable th.colPur{ width: 98px; } - .dataTable tbody .colTLeft, + .dataTable tbody .colTLeft, .dataTable tbody .colPur, .dataTable tbody .colReg, .dataTable tbody .colSub{ @@ -1074,9 +1041,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; @@ -1087,15 +1058,15 @@ .contestGrid{ display: block; overflow: hidden; - margin: 0 -29px 0 -25px; } .contestGrid.alt{ - margin: 0 -12px -18px -12px; + width: 84%; + margin: 0 auto; } .contestGrid .contest{ display: inline-block; border: 1px solid #e7e7e7; - + width: 298px; height: 228px; position: relative; @@ -1105,19 +1076,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; @@ -1130,8 +1101,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; @@ -1154,17 +1125,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; @@ -1178,16 +1149,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{ @@ -1196,25 +1167,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{ @@ -1229,7 +1200,7 @@ .contestGrid .genInfo .cgSub i{ background-position: 0 0; } - + /* welcome Banner */ .welcomeBanner{ margin-top: 1px; @@ -1238,13 +1209,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{ @@ -1263,7 +1234,7 @@ height: 42px; width: 151px; } - + /* splitLayout */ #mainContent.splitLayout{ background: none; @@ -1285,7 +1256,7 @@ height: 17px; width: 100%; background: url(@@cdn/i/shadow-small.png) 50% 0 no-repeat; - + margin: 0; } .diagnostics > div{ @@ -1294,7 +1265,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; @@ -1314,7 +1285,7 @@ background-position: 0 -450px; } .diagnostics .val{ - font-size: 12px; + font-size: 12px; color: #fff; margin-top: 60px; } @@ -1325,20 +1296,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; @@ -1347,7 +1315,7 @@ display: block; } .tops ul > li{ - float: left; + float: left; border-left: 1px solid #D0D0D1; height: 16px; line-height: 18px; @@ -1356,7 +1324,7 @@ border-left: 0; } .tops ul .link{ - margin: 0 10px; + margin: 0 10px; } .tops ul .link.active, .tops ul .link.active:hover{ @@ -1364,7 +1332,7 @@ cursor: default; } .tops .topsTable{ - font-size: 12px; + font-size: 14px; } .topsTable .colRank{ width: 42px; @@ -1373,16 +1341,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; } @@ -1393,88 +1365,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 .profileHeader i { + height: 26px; + width: 25px; + color: #f6f6f6; + position: absolute; + top: 20px; + right: 20px; } - .starsOfMonth .profileAn{ - margin: 0 0 0 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; @@ -1483,13 +1503,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{ @@ -1500,17 +1523,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; @@ -1518,12 +1549,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{ @@ -1533,7 +1564,7 @@ display: inline; text-align: center; overflow: hidden; - + max-width: 21px; vertical-align: top; height: 11px; @@ -1547,12 +1578,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{ @@ -1610,7 +1641,7 @@ float: left; } .csRealResults { - padding: 7px 0 8px 0; + padding: 7px 0 8px 0; margin: 0 -12px; overflow: hidden; } @@ -1621,10 +1652,10 @@ } .csRealResults .realResult{ border: 1px solid #dfe1e1; - padding: 20px; + padding: 20px; } .csRealResults .csLogo{ - margin-bottom: 20px; + margin-bottom: 20px; } .csRealResults .quoterName{ padding-bottom: 0; @@ -1635,9 +1666,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; @@ -1694,8 +1725,8 @@ width: 55px; max-height: 55px; max-width: 55px; - position: absolute; - top: 0; + position: absolute; + top: 0; left: 0; cursor: pointer; } @@ -1721,7 +1752,7 @@ color: #828282; font-weight: 300; } -/*Right side: sideQuote*/ +/*Right side: sideQuote*/ .sideQuote{ margin-bottom: 20px; padding: 18px 0 16px 50px; @@ -1737,7 +1768,7 @@ font-size: 14px; color: #0071bc; } -/*Right side: Most Recent Challenges*/ +/*Right side: Most Recent Challenges*/ .sideMostRecentChallenges h3{ background-color: #f1f1f1; line-height: 42px; @@ -1797,7 +1828,7 @@ background-position: 0 -120px; background-color: #ffae00; } - + /*Case Studies Page*/ #mainContent.casePage{ background: none; @@ -1816,7 +1847,7 @@ position: relative; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; transition-duration: .2s; } - + .casesView .caseGrid a.jsShowCaseDetails > img{ display: block; width: 230px; @@ -1825,17 +1856,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; @@ -1851,7 +1882,7 @@ } .casesView .caseGrid a.isShow > i{ display: block; - cursor: default; + cursor: default; } .casesView .caseGridRowLast{ margin-right: 0; @@ -1900,10 +1931,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; @@ -1924,7 +1955,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; @@ -1969,7 +2000,7 @@ width: 100px; } #mainContent.casePage .dataChanges .rt{ - margin-top: 8px; + margin-top: 8px; } /*Case Details Page*/ @@ -1979,7 +2010,7 @@ } .casePage .caseTitle img{ display: block; - margin: 0 auto; + margin: 0 auto; } .casePage .caseTitle h3{ display: block; @@ -1991,12 +2022,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; @@ -2009,16 +2040,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; @@ -2042,18 +2073,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; @@ -2088,7 +2119,7 @@ .pressAside { font-size: 18px; line-height: 28px; - + } .aboutAreaWrapper{ background: #02a4f0 url(@@cdn/i/about-shadow.png) center 0 no-repeat; @@ -2152,10 +2183,10 @@ cursor: pointer; } .resourceList li .contentBrief{ - font-weight: 300; + font-weight: 300; } .showMoreResourceWrapper{ - display: none; + display: none; } /*Story Page*/ #mainContent.storyPage{ @@ -2163,7 +2194,7 @@ padding: 0 0 46px 0; } .storiesList li.grid-3-1{ - float: left; + float: left; } .storiesList li.grid-3-1 .storySpoker{ line-height: 34px; @@ -2202,7 +2233,7 @@ } .leftArrowLink{ position: relative; - display: inline-block; + display: inline-block; padding-right: 20px; position: relative; font-weight: 300; @@ -2221,7 +2252,7 @@ } .leftArrowLink:hover{ color: #FF8A00; - cursor: pointer; + cursor: pointer; text-shadow: 0 0 3px #ffdaa2; } .leftArrowLink:hover i{ @@ -2233,7 +2264,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; @@ -2244,7 +2275,7 @@ padding-bottom: 14px; color: #b2b2b2; font-size: 14px; - font-weight: 300; + font-weight: 300; } .storyDetailsWrapper .storyTitle h3{ line-height: 36px; @@ -2252,7 +2283,7 @@ color: #0071bc; } .storyDetails article{ - overflow: hidden; + overflow: hidden; } .storyDetails article p{ line-height: 24px; @@ -2270,7 +2301,7 @@ } .storyDetails article .sideImage img{ display: block; - max-width: 417px; + max-width: 417px; } .storyDetails article .sideImage p{ line-height: 17px; @@ -2278,13 +2309,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; @@ -2323,7 +2354,7 @@ width: 65px; vertical-align: top; } -/*Right side: Story Archive*/ +/*Right side: Story Archive*/ .sideArchiveStories h3{ background-color: #f1f1f1; line-height: 42px; @@ -2387,7 +2418,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); @@ -2401,7 +2432,7 @@ } .sideArchiveStories .showMoreWrapper{ padding-top: 10px; - text-align: center; + text-align: center; } .sideArchiveStories .showMoreWrapper .btn{ width: 100px; @@ -2550,7 +2581,7 @@ } /** - * Start of New Home Page additional styles + * Start of New Home Page additional styles */ #promo-banner { background: #f1f1f1; @@ -2586,7 +2617,7 @@ #promo-banner .bx-pager-item a.active { background-position: 0 100%; } - + #featuredContent.home { margin-top: 32px; padding-bottom: 20px; @@ -2596,7 +2627,7 @@ height: 100%; overflow: hidden; } - + #featuredContent.home h3 { font-size: 27px !important; line-height: normal !important; @@ -2620,7 +2651,7 @@ margin-left: 0; width: 50%; } - + .lead { font-size: 24px; line-height: 1.5; @@ -2632,7 +2663,7 @@ .lead small { font-size: smaller; } - + h2.title { font-size: 42px; margin: 10px 0; @@ -2667,7 +2698,7 @@ h4.title { color: #333; margin: 10px 0; } - + .grid-row { margin: 0 -15px; } @@ -2681,7 +2712,7 @@ h4.title { hr.light { background: #e9e9e9; border: none; - height: 1px; + height: 1px; margin: 20px 0; } @@ -2690,7 +2721,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; diff --git a/src/js/app/challenge-details/index.html b/src/js/app/challenge-details/index.html index 037d008b..fca36b5f 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 @@ -540,5 +874,6 @@

    Approval

+
@@footer diff --git a/src/js/app/challenge-details/js/ng-challenge-detail-software.js b/src/js/app/challenge-details/js/ng-challenge-detail-software.js index 3ef1b11f..480107a4 100644 --- a/src/js/app/challenge-details/js/ng-challenge-detail-software.js +++ b/src/js/app/challenge-details/js/ng-challenge-detail-software.js @@ -47,90 +47,6 @@ function getAnchor(url) { return url.substring(index); } -//create slider if page is wide -$(document).ready(function () { - - if (window.innerWidth < 1019) { - - $(".rightColumn").insertAfter('.leftColumn'); - $('.grid-1-3').insertBefore('#contest-overview'); - $('.scroll-pane').jScrollPane({ autoReinitialise: true }); - - sliderActive = createSlider(); - - $('#stepBox .rightColumn .nextBox .allDeadlineNextBoxContent p:nth-child(3)').addClass('moveRight'); - if ($('.studio').length > 0) { - updateDesignContestMobile(); - } - // Hide deadline boxes on mobile view - updateDeadlineBoxMobile(); - - $('.registrantsTable').not('.mobile').addClass('hide'); - $('.registrantsTable.mobile').removeClass('hide'); - } else { - - if ($('.studio').length > 0) { - updateDesignContest(); - } - // Show deadline boxes - updateDeadlineBox(); - - $('.registrantsTable').not('.mobile').removeClass('hide'); - $('.registrantsTable.mobile').addClass('hide'); - } - - $('a[href="' + getAnchor(location.href) + '"]').click(); - - // init tab nav - app.tabNavinit(); - - var tcjwt = getCookie('tcjwt'); - -}); - -//create/destroy slider based on width -$(window).resize(function () { - - if (window.innerWidth < 1019) { - if (sliderActive == false) { - $(".rightColumn").insertAfter('.leftColumn'); - $('.grid-1-3').insertBefore('#contest-overview'); - $('.scroll-pane').jScrollPane({ autoReinitialise: true }); - sliderActive = createSlider(); - } - if ($('.studio').length > 0) { - updateDesignContestMobile(); - } - // Hide deadline boxes on mobile view - updateDeadlineBoxMobile(); - - $('.registrantsTable').not('.mobile').addClass('hide'); - $('.registrantsTable.mobile').removeClass('hide'); - } - - if (window.innerWidth > 1019) { - if (sliderActive == true) { - $(".rightColumn").insertAfter('.middleColumn'); - $('.grid-1-3').insertAfter('.rightSplit'); - $('.scroll-pane').jScrollPane({ autoReinitialise: true }); - - slider.destroySlider(); - sliderActive = false; - // Replace the destroyed slider with a previously cloned one - // Hack for a known bxslider bug: http://stackoverflow.com/questions/16283955/window-resize-with-bxslider-destroyed-breaks-style - $('.slider > ul:first-child').replaceWith(sliderClone); - } - if ($('.studio').length > 0) { - updateDesignContest(); - } - // Show deadline boxes - updateDeadlineBox(); - - $('.registrantsTable').not('.mobile').removeClass('hide'); - $('.registrantsTable.mobile').addClass('hide'); - } -}); - $(window).bind('orientationchange', function (event) { //alert('new orientation:' + event.orientation); $('.scroll-pane').jScrollPane({ autoReinitialise: true }); 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..d1422d02 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-track-data.svg' : images + 'ico-track-' + challenge.challengeCommunity + '.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..d07b6dd6 100644 --- a/src/js/app/challenges/jsx/src/challenge-grid-view.js +++ b/src/js/app/challenges/jsx/src/challenge-grid-view.js @@ -115,9 +115,8 @@
- +

{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/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/arrow-button.png b/wp/wp-content/themes/tcs-responsive/i/arrow-button.png index 91f42acb..f73d5ac4 100644 Binary files a/wp/wp-content/themes/tcs-responsive/i/arrow-button.png and b/wp/wp-content/themes/tcs-responsive/i/arrow-button.png differ 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 00000000..76de1d3b Binary files /dev/null and b/wp/wp-content/themes/tcs-responsive/i/chevron-left-design.png differ diff --git a/wp/wp-content/themes/tcs-responsive/i/close-tag-blue.png b/wp/wp-content/themes/tcs-responsive/i/close-tag-blue.png new file mode 100644 index 00000000..16e7a508 Binary files /dev/null and b/wp/wp-content/themes/tcs-responsive/i/close-tag-blue.png differ diff --git a/wp/wp-content/themes/tcs-responsive/i/ico-competitive-develop-challenge.svg b/wp/wp-content/themes/tcs-responsive/i/ico-competitive-develop-challenge.svg new file mode 100644 index 00000000..5f0115a3 --- /dev/null +++ b/wp/wp-content/themes/tcs-responsive/i/ico-competitive-develop-challenge.svg @@ -0,0 +1,25 @@ + + + + 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/ico-track-data.svg b/wp/wp-content/themes/tcs-responsive/i/ico-track-data.svg new file mode 100644 index 00000000..d8bda563 --- /dev/null +++ b/wp/wp-content/themes/tcs-responsive/i/ico-track-data.svg @@ -0,0 +1,22 @@ + + + + ico-track-data + Created with Sketch. + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/wp/wp-content/themes/tcs-responsive/i/ico-track-design.svg b/wp/wp-content/themes/tcs-responsive/i/ico-track-design.svg new file mode 100644 index 00000000..15afce80 --- /dev/null +++ b/wp/wp-content/themes/tcs-responsive/i/ico-track-design.svg @@ -0,0 +1,17 @@ + + + + ico-track-design + Created with Sketch. + + + + + + + + + + + + \ No newline at end of file diff --git a/wp/wp-content/themes/tcs-responsive/i/ico-track-develop.svg b/wp/wp-content/themes/tcs-responsive/i/ico-track-develop.svg new file mode 100644 index 00000000..f525d756 --- /dev/null +++ b/wp/wp-content/themes/tcs-responsive/i/ico-track-develop.svg @@ -0,0 +1,18 @@ + + + + ico-track-develop + 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 00000000..6e8db8de Binary files /dev/null and b/wp/wp-content/themes/tcs-responsive/i/icon-filter-blue.png differ 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 6734ae39..3cb67020 100644 --- a/wp/wp-content/themes/tcs-responsive/ng-page-challenges.php +++ b/wp/wp-content/themes/tcs-responsive/ng-page-challenges.php @@ -41,29 +41,35 @@ function add_base_url() {
+
+