Skip to content
This repository was archived by the owner on Mar 4, 2025. It is now read-only.

Sup 2266 nav changes #191

Merged
merged 4 commits into from
Oct 28, 2015
Merged

Sup 2266 nav changes #191

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
129cf45
footer from topcoder app
thabofletcher Oct 27, 2015
ef31f87
header style from topcoder app
thabofletcher Oct 28, 2015
4be01da
move sofia pro to where all pages can access
thabofletcher Oct 28, 2015
8c18521
update links per topcoder app changes
thabofletcher Oct 28, 2015
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
97 changes: 55 additions & 42 deletions src/css/base.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -595,8 +595,8 @@ sub, sup {
.social-links {
margin-bottom: 3px; }
.social-links a {
width: 20px;
height: 20px;
width: 26px;
height: 26px;
margin-top: 13px; }
.social-links .fb-link {
background-image: url(@@cdn/i/ico-facebook_desktop.svg); }
Expand All @@ -623,7 +623,7 @@ sub, sup {
display: inline-block;
width: 12px;
height: 12px;
background: url(@@cdn/i/magnifying_glass.svg);
background: url("@@cdn/i/magnifying_glass.svg");
background-size: contain;
border: none;
outline: none;
Expand Down Expand Up @@ -673,7 +673,7 @@ sub, sup {
height: 19px;
left: 13px;
top: 14px;
background: url(@@cdn/i/logo_mobile.svg);
background: url("@@cdn/i/logo_mobile.svg");
background-size: contain;
background-repeat: no-repeat; }

Expand All @@ -686,16 +686,7 @@ sub, sup {
text-decoration: none; }

.btn-link {
color: #fff;
font-size: 12px;
line-height: 1.2em;
border-radius: 4px;
background-color: #00AEFf;
display: inline-block;
padding: 8px 20px;
text-decoration: none; }
.btn-link.secondary-link {
background-color: #d1d3d4; }
display: inline-block; }

.user-link .user-avatar, .user-link .btn-join {
vertical-align: middle;
Expand Down Expand Up @@ -728,9 +719,10 @@ sub, sup {
background-color: transparent; }

.menu-item {
color: #fff;
color: #a3a3ae;
font-size: 18px;
font-weight: bold; }
font-weight: 500;
font-family: 'Sofia Pro'; }

.search-wrapper input {
font-weight: bold;
Expand All @@ -742,7 +734,11 @@ sub, sup {
width: 100%;
padding: 0 15px 0 37px;
background: transparent;
outline: none; }
outline: none;
box-shadow: none; }
.search-wrapper input:focus {
outline: none;
box-shadow: none; }

.search-wrapper ::-webkit-input-placeholder {
color: #7f7f7f; }
Expand All @@ -766,8 +762,10 @@ sub, sup {
border-radius: 50%; }

.user-menu .username {
padding-left: 10px;
vertical-align: middle; }
.user-menu .username.underline {
padding-bottom: 12px;
border-bottom: 2px #0096FF solid; }

.user-menu .menu-item-header {
text-transform: none; }
Expand All @@ -789,6 +787,11 @@ sub, sup {
font-size: 14px;
cursor: pointer; }

.menu-text {
color: #fff; }
.menu-text:hover {
color: #fff; }

@media only screen and (max-width: 1024px) {
.header-wrapper.autocomplete .menu-item:not(.search-wrapper),
.header-wrapper.autocomplete ~ .bottom-footer > *:not(.copyright-notice) {
Expand All @@ -814,8 +817,8 @@ sub, sup {
.menu-link {
display: block; }
.menu-link.active {
background-color: rgba(0, 150, 255, 0.2);
border-left: 5px solid #0096ff;
background-color: rgba(0, 150, 255, 0.35);
border-left: 5px solid #0096FF;
color: #fff;
margin: 0 -20px;
padding-left: 15px; }
Expand Down Expand Up @@ -863,6 +866,8 @@ sub, sup {
height: 53px;
padding: 0;
font-weight: normal; }
.search-wrapper .submenu input:focus {
background-color: transparent; }
.search-wrapper .submenu ::-webkit-input-placeholder {
color: #d1d3d4; }
.search-wrapper .submenu ::-moz-placeholder {
Expand All @@ -872,30 +877,28 @@ sub, sup {
color: #d1d3d4; }
.top-header {
height: 54px;
max-width: 1376px;
margin: 0 auto; }
.top-header .main-menu {
line-height: 54px;
}
line-height: 54px; }
.top-header .menu-item .submenu {
overflow: hidden;
max-height: 0px;
transition: all .25s ease-in-out;
}
max-height: 0px;
transition: all 0.25s ease-in-out; }
.top-header .menu-item:hover .submenu {
max-height: 500px;
}
max-height: 500px; }
.top-header .menu-item:not(:hover) .submenu:not(.expanded):not(:hover) {
padding: 0px 54px 0px 54px;
}
padding: 0px 54px 0px 54px; }
.top-header .menu-link:hover {
background-color: #0096ff; }
background-color: #0096FF;
text-decoration: none; }
.top-header .menu-link.active {
background-color: rgba(0, 150, 255, 0.1); }
background-color: rgba(0, 150, 255, 0.35); }
.top-header .menu-link.active:hover {
background-color: #0096ff; }
.top-header .menu-item:not(.anonymous-menu):hover .menu-item-header {
position: relative;
cursor: pointer;
color: #0096ff; }
color: #0096FF; }
.top-header .menu-item:not(.anonymous-menu):hover .menu-item-header:after {
content: '';
display: block;
Expand All @@ -909,8 +912,12 @@ sub, sup {
left: 50%;
margin-left: -6px;
background-color: transparent; }
.top-header .menu-item:not(.anonymous-menu):hover .menu-item-header.hide:after {
display: none; }
.top-header .menu-item.search-wrapper:hover .menu-item-header:after {
margin-left: 6px; }
.top-header .logo-link {
background: url(@@cdn/i/logo_topcoder.svg);
background: url("@@cdn/i/logo_topcoder.svg");
width: 156px;
height: 54px;
margin: 0;
Expand All @@ -927,22 +934,24 @@ sub, sup {
top: 100%;
left: 0;
right: 0;
background-color: rgba(61, 61, 61, 0.95); }
background: rgba(38, 38, 38, 0.95); }
.top-header .suggestion-list {
text-align: left;
font-size: 16px;
line-height: 32px;
color: #bababa; }
.top-header .link-group .menu-link {
width: 130px;
height: 122px;
max-width: 90px;
padding: 0 30px;
height: 123px;
font-size: 12px;
font-weight: 300;
line-height: 1.2em; }
.top-header .link-group .menu-link img {
display: block;
height: 44px;
width: 44px;
margin: 20px auto 10px auto; }
height: 36px;
width: 36px;
margin: 30px auto 10px auto; }
.top-header .user-menu, .top-header .search-wrapper {
float: right;
color: #a3a3a3;
Expand Down Expand Up @@ -973,8 +982,11 @@ sub, sup {
vertical-align: bottom; }
.link-group {
display: inline-block;
color: #a3a3a3;
font-size: 16px; }
color: #A3A3AE;
font-size: 14px;
font-weight: 400; }
.link-group.selected {
box-shadow: inset 0 -4px 0px -1px #0096ff; }
.search-wrapper .menu-item-header:before {
content: '';
display: inline-block;
Expand Down Expand Up @@ -1019,6 +1031,7 @@ sub, sup {
.nav-category + .nav-category {
margin-left: 80px; } }


/*! Qtip2 style */

.qtip {
Expand Down
169 changes: 0 additions & 169 deletions src/css/member-onboarding.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,172 +1,3 @@
/* fonts */
@font-face {
font-family: 'Sofia Pro';
src: url('/mf/fonts/sofiapro-ultralight-webfont.eot');
src: url('/mf/fonts/sofiapro-ultralight-webfont.eot?#iefix') format('embedded-opentype'),
url('/mf/fonts/sofiapro-ultralight-webfont.woff') format('woff'),
url('/mf/fonts/sofiapro-ultralight-webfont.ttf') format('truetype'),
url('/mf/fonts/sofiapro-ultralight-webfont.svg#sofia_pro_ultralight') format('svg');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Sofia Pro';
src: url('/mf/fonts/sofiapro-ultralight-italic-webfont.eot');
src: url('/mf/fonts/sofiapro-ultralight-italic-webfont.eot?#iefix') format('embedded-opentype'),
url('/mf/fonts/sofiapro-ultralight-italic-webfont.woff') format('woff'),
url('/mf/fonts/sofiapro-ultralight-italic-webfont.ttf') format('truetype'),
url('/mf/fonts/sofiapro-ultralight-italic-webfont.svg#sofia_pro_ultralightitalic') format('svg');
font-weight: 100;
font-style: italic;
}

@font-face {
font-family: 'Sofia Pro';
src: url('/mf/fonts/sofiapro-extralight-webfont.eot');
src: url('/mf/fonts/sofiapro-extralight-webfont.eot?#iefix') format('embedded-opentype'),
url('/mf/fonts/sofiapro-extralight-webfont.woff') format('woff'),
url('/mf/fonts/sofiapro-extralight-webfont.woff2') format('woff2'),
url('/mf/fonts/sofiapro-extralight-webfont.svg#sofia_pro_extralight') format('svg');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'Sofia Pro';
src: url('/mf/fonts/sofiapro-extralight-italic-webfont.eot');
src: url('/mf/fonts/sofiapro-extralight-italic-webfont.eot?#iefix') format('embedded-opentype'),
url('/mf/fonts/sofiapro-extralight-italic-webfont.woff') format('woff'),
url('/mf/fonts/sofiapro-extralight-italic-webfont.woff2') format('woff2'),
url('/mf/fonts/sofiapro-extralight-italic-webfont.ttf') format('truetype');
font-weight: 200;
font-style: italic;
}

@font-face {
font-family: 'Sofia Pro';
src: url('/mf/fonts/sofiapro-light-webfont.eot');
src: url('/mf/fonts/sofiapro-light-webfont.eot?#iefix') format('embedded-opentype'),
url('/mf/fonts/sofiapro-light-webfont.woff') format('woff'),
url('/mf/fonts/sofiapro-light-webfont.woff2') format('woff2'),
url('/mf/fonts/sofiapro-light-webfont.svg#sofia_pro_light') format('svg'),
url('/mf/fonts/sofiapro-light-webfont.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}

@font-face {
font-family: 'Sofia Pro';
src: url('/mf/fonts/sofiapro-light-italic-webfont.eot');
src: url('/mf/fonts/sofiapro-light-italic-webfont.eot?#iefix') format('embedded-opentype'),
url('/mf/fonts/sofiapro-light-italic-webfont.woff') format('woff'),
url('/mf/fonts/sofiapro-light-italic-webfont.ttf') format('truetype'),
url('/mf/fonts/sofiapro-light-italic-webfont.svg#sofia_pro_lightitalic') format('svg');
font-weight: 300;
font-style: italic;
}

@font-face {
font-family: 'Sofia Pro';
src: url('/mf/fonts/sofiapro-regular-webfont.eot');
src: url('/mf/fonts/sofiapro-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/mf/fonts/sofiapro-regular-webfont.woff') format('woff'),
url('/mf/fonts/sofiapro-regular-webfont.woff2') format('woff2'),
url('/mf/fonts/sofiapro-regular-webfont.ttf') format('truetype'),
url('/mf/fonts/sofiapro-regular-webfont.svg#sofia_pro_regular') format('svg');
font-weight: 400;
font-style: normal;
}

@font-face {
font-family: 'Sofia Pro';
src: url('/mf/fonts/sofiapro-medium-webfont.eot');
src: url('/mf/fonts/sofiapro-medium-webfont.eot?#iefix') format('embedded-opentype'),
url('/mf/fonts/sofiapro-medium-italic.woff') format('woff'),
url('/mf/fonts/sofiapro-medium-italic.woff2') format('woff2'),
url('/mf/fonts/sofiapro-medium-webfont.svg#sofia_pro_medium') format('svg'),
url('/mf/fonts/sofiapro-medium-webfont.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}

@font-face {
font-family: 'Sofia Pro';
src: url('/mf/fonts/sofiapro-medium-italic.eot');
src: url('/mf/fonts/sofiapro-medium-italic.eot?#iefix') format('embedded-opentype'),
url('/mf/fonts/sofiapro-medium-italic.woff') format('woff'),
url('/mf/fonts/sofiapro-medium-italic.ttf') format('truetype'),
url('/mf/fonts/sofiapro-medium-italic.svg#sofia_pro_mediumitalic') format('svg');
font-weight: 500;
font-style: italic;
}

@font-face {
font-family: 'Sofia Pro';
src: url('/mf/fonts/sofiapro-semibold-webfont.eot');
src: url('/mf/fonts/sofiapro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('/mf/fonts/sofiapro-semibold-webfont.woff') format('woff'),
url('/mf/fonts/sofiapro-semibold-webfont.woff2') format('woff2'),
url('/mf/fonts/sofiapro-semibold-webfont.svg#sofia_pro_semibold') format('svg'),
url('/mf/fonts/sofiapro-semibold-webfont.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}

@font-face {
font-family: 'Sofia Pro';
src: url('/mf/fonts/sofiapro-semibold-italic-webfont.eot');
src: url('/mf/fonts/sofiapro-semibold-italic-webfont.eot?#iefix') format('embedded-opentype'),
url('/mf/fonts/sofiapro-semibold-italic-webfont.woff') format('woff'),
url('/mf/fonts/sofiapro-semibold-italic-webfont.ttf') format('truetype'),
url('/mf/fonts/sofiapro-semibold-italic-webfont.svg#sofia_pro_semibolditalic') format('svg');
font-weight: 600;
font-style: italic;
}

@font-face {
font-family: 'Sofia Pro';
src: url('/mf/fonts/sofiapro-bold-webfont.eot');
src: url('/mf/fonts/sofiapro-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('/mf/fonts/sofiapro-bold-webfont.woff') format('woff'),
url('/mf/fonts/sofiapro-bold-webfont.woff2') format('woff2'),
url('/mf/fonts/sofiapro-bold-webfont.svg#sofia_pro_bold') format('svg'),
url('/mf/fonts/sofiapro-bold-webfont.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}

@font-face {
font-family: 'Sofia Pro';
src: url('/mf/fonts/sofiapro-bold-italic-webfont.eot');
src: url('/mf/fonts/sofiapro-bold-italic-webfont.eot?#iefix') format('embedded-opentype'),
url('/mf/fonts/sofiapro-bold-italic-webfont.woff') format('woff'),
url('/mf/fonts/sofiapro-bold-italic-webfont.ttf') format('truetype'),
url('/mf/fonts/sofiapro-bold-italic-webfont.svg#sofia_pro_bolditalic') format('svg');
font-weight: 700;
font-style: italic;
}

@font-face {
font-family: 'Sofia Pro';
src: url('/mf/fonts/sofiapro-black-webfont.eot');
src: url('/mf/fonts/sofiapro-black-webfont.eot?#iefix') format('embedded-opentype'),
url('/mf/fonts/sofiapro-black-webfont.woff') format('woff'),
url('/mf/fonts/sofiapro-black-webfont.woff2') format('woff2'),
url('/mf/fonts/sofiapro-black-webfont.svg#sofia_pro_black') format('svg'),
url('/mf/fonts/sofiapro-black-webfont.ttf') format('truetype');
font-weight: 800;
font-style: normal;
}

@font-face {
font-family: 'Sofia Pro';
src: url('/mf/fonts/sofiapro-black-italic-webfont.eot');
src: url('/mf/fonts/sofiapro-black-italic-webfont.eot?#iefix') format('embedded-opentype'),
url('/mf/fonts/sofiapro-black-italic-webfont.woff') format('woff'),
url('/mf/fonts/sofiapro-black-italic-webfont.woff2#sofia_pro_blackitalic') format('svg');
font-weight: 800;
font-style: italic;
}

/* Member Onboarding Base */
/*#onboarding a:active, #onboarding a:focus,
#onboarding a:hover, #onboarding a:link,
Expand Down
Loading