Skip to content

Commit

Permalink
UI updates for Sign in, Sign up, Sign out pages
Browse files Browse the repository at this point in the history 
Added blue background box for form block,
Structured the sign in , forgot password button block.
  • Loading branch information
@anjithpal
anjithpal committed Aug 5, 2013
1 parent 18576e4 commit ab12631
Show file tree
Hide file tree
Showing 5 changed files with 142 additions and 77 deletions.
128 changes: 82 additions & 46 deletions codalab/apps/web/static/foundation/css/codalab.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -63,147 +63,147 @@ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
display: block;
}

/* line 44, ../sass/_settings.scss */
/* line 45, ../sass/_settings.scss */
* {
font-family: Segoe UI,'Segoe UI', Helvetica, Arial,'Trebuchet MS',sans-serif;
font-size: 100%;
font-weight: normal;
}

/* line 50, ../sass/_settings.scss */
/* line 51, ../sass/_settings.scss */
.menu-icon {
background: #3684d6;
}

/* line 54, ../sass/_settings.scss */
/* line 55, ../sass/_settings.scss */
.menu-icon > span, .menu-icon > span a, .menu-icon > span a:hover {
border-bottom-style: none;
border: 0px;
padding: 2px;
}

/* line 61, ../sass/_settings.scss */
/* line 62, ../sass/_settings.scss */
div.CompetitionsDetailContainer div.section-container section:not(.active) p a:hover {
color: #ffac31;
}

/* line 65, ../sass/_settings.scss */
/* line 66, ../sass/_settings.scss */
div.CompetitionsDetailContainer div.section-container section.active div.content div.section-container section p.title {
background: transparent;
}

/* line 68, ../sass/_settings.scss */
/* line 69, ../sass/_settings.scss */
div.CompetitionsDetailContainer div.section-container section.active div.content div.section-container section.active div.content {
border: 0px;
}

/* line 72, ../sass/_settings.scss */
/* line 73, ../sass/_settings.scss */
div.CompetitionsDetailContainer div.section-container section.active div.content div.section-container section p.title a {
padding: 2px;
text-align: right;
border: 0px;
}

/* line 78, ../sass/_settings.scss */
/* line 79, ../sass/_settings.scss */
div.CompetitionsDetailContainer div.section-container section.active div.content div.section-container section p {
border: 0px;
}

/* line 82, ../sass/_settings.scss */
/* line 83, ../sass/_settings.scss */
td > a > i {
color: #3684d6;
}

/* line 86, ../sass/_settings.scss */
/* line 87, ../sass/_settings.scss */
a > i {
height: 100%;
color: white;
}

/* line 91, ../sass/_settings.scss */
/* line 92, ../sass/_settings.scss */
.competitionsDetailTabArea > section > .title {
font-size: 19px;
font-weight: 400;
}

/* line 96, ../sass/_settings.scss */
/* line 97, ../sass/_settings.scss */
.competitionsDetailTabArea > section > .title a:hover {
color: #ffac31;
}

/* line 100, ../sass/_settings.scss */
/* line 101, ../sass/_settings.scss */
.process_participant_request {
padding-top: 10px;
}

/* line 105, ../sass/_settings.scss */
/* line 106, ../sass/_settings.scss */
.competitionUserBlock {
border: solid 1px #ccc;
margin-bottom: 10px;
position: relative;
padding: 0;
}

/* line 112, ../sass/_settings.scss */
/* line 113, ../sass/_settings.scss */
.competitionUserBlock p {
font-size: 13px;
}

/* line 116, ../sass/_settings.scss */
/* line 117, ../sass/_settings.scss */
.user_results, .competition_results {
padding-top: 10px;
}

/* line 119, ../sass/_settings.scss */
/* line 120, ../sass/_settings.scss */
.globalBlueButton a, .globalBlueButton a:hover {
color: white;
}

/* line 123, ../sass/_settings.scss */
/* line 124, ../sass/_settings.scss */
.content > h3 {
font-size: 14px;
font-weight: 700;
}

/* line 128, ../sass/_settings.scss */
/* line 129, ../sass/_settings.scss */
.content > p {
font-size: 13px;
}

/* line 132, ../sass/_settings.scss */
/* line 133, ../sass/_settings.scss */
.section-container.vertical-tabs > section > .content {
border: 0px;
color: #3b3b3b;
}

/* line 137, ../sass/_settings.scss */
/* line 138, ../sass/_settings.scss */
.competitionProcessHeader > ul > li {
height: 100%;
}

/* line 140, ../sass/_settings.scss */
/* line 141, ../sass/_settings.scss */
.competitionProcessHeader > ul > li > a {
color: white;
font-size: 13px;
padding-left: 40px;
padding-right: 40px;
}

/* line 147, ../sass/_settings.scss */
/* line 148, ../sass/_settings.scss */
.competition-preview {
border: 1px solid #cccccc;
margin-top: 5px;
margin-bottom: 5px;
}

/* line 153, ../sass/_settings.scss */
/* line 154, ../sass/_settings.scss */
.competition-summary {
background: #fafafa;
height: 100px;
overflow: hidden;
}

/* line 159, ../sass/_settings.scss */
/* line 160, ../sass/_settings.scss */
.competition-preview > .columns > .button.small {
vertical-align: middle;
margin-bottom: 5px;
Expand All @@ -213,13 +213,13 @@ a > i {
border-color: #ffac31;
}

/* line 168, ../sass/_settings.scss */
/* line 169, ../sass/_settings.scss */
.competition-summary > .columns {
margin: 0px;
padding: 0px;
}

/* line 173, ../sass/_settings.scss */
/* line 174, ../sass/_settings.scss */
.competition-label {
height: 100px;
background: #3684d6;
Expand All @@ -228,41 +228,41 @@ a > i {
padding-left: 0px;
}

/* line 181, ../sass/_settings.scss */
/* line 182, ../sass/_settings.scss */
.competition-image {
padding: 0px;
margin: 0px;
height: 100px;
vertical-align: middle;
}

/* line 188, ../sass/_settings.scss */
/* line 189, ../sass/_settings.scss */
.competition-info .columns {
padding: 0px;
margin: 0px;
}

/* line 192, ../sass/_settings.scss */
/* line 193, ../sass/_settings.scss */
.competition-title {
color: #333333;
text-align: left;
font-size: 15px;
}

/* line 198, ../sass/_settings.scss */
/* line 199, ../sass/_settings.scss */
.large-12 > .competition-label {
margin: 0px;
padding: 0px;
width: 30px;
}

/* line 204, ../sass/_settings.scss */
/* line 205, ../sass/_settings.scss */
.competition-description, .competition-owner {
font-size: small;
color: #999999;
}

/* line 209, ../sass/_settings.scss */
/* line 210, ../sass/_settings.scss */
.slider {
color: white;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
Expand All @@ -278,26 +278,26 @@ a > i {
vertical-align: middle;
}

/* line 224, ../sass/_settings.scss */
/* line 225, ../sass/_settings.scss */
.subheader {
height: auto;
padding-bottom: 10px;
}

/* line 229, ../sass/_settings.scss */
/* line 230, ../sass/_settings.scss */
#footer, #footer a, #footer a:hover {
font-size: small;
background: #3684d6;
color: white;
}

/* line 235, ../sass/_settings.scss */
/* line 236, ../sass/_settings.scss */
.topbar-title {
font-size: x-large;
font-weight: light;
}

/* line 240, ../sass/_settings.scss */
/* line 241, ../sass/_settings.scss */
.header {
position: fixed;
left: 0;
Expand All @@ -306,62 +306,98 @@ a > i {
z-index: 1000;
}

/* line 248, ../sass/_settings.scss */
/* line 249, ../sass/_settings.scss */
.container {
padding-top: 45px;
padding-bottom: 20px;
}

/* line 253, ../sass/_settings.scss */
/* line 254, ../sass/_settings.scss */
p.competition-paragraph {
font-size: 11px;
color: #666666;
line-height: 15px;
margin-bottom: 0;
}

/* line 260, ../sass/_settings.scss */
/* line 261, ../sass/_settings.scss */
.competition-info {
height: 90px;
overflow: hidden;
padding-top: 5px;
}

/* line 266, ../sass/_settings.scss */
/* line 267, ../sass/_settings.scss */
.competition-image > img {
height: 90px;
margin-top: 5px;
}

/* line 271, ../sass/_settings.scss */
/* line 272, ../sass/_settings.scss */
.competition-preview.panel {
background: #fafafa;
}

/* line 275, ../sass/_settings.scss */
/* line 276, ../sass/_settings.scss */
.competition-tile {
margin-bottom: 10px;
}

/* line 279, ../sass/_settings.scss */
/* line 280, ../sass/_settings.scss */
.competition-tile h3 {
font-size: 16px;
color: #333333;
}

/* line 284, ../sass/_settings.scss */
/* line 285, ../sass/_settings.scss */
.articleHeadingContainer h3 {
margin: 0;
line-height: 100%;
}

/* line 289, ../sass/_settings.scss */
/* line 290, ../sass/_settings.scss */
.articleHeadingContainer label {
color: #a4a4a4;
margin-bottom: 14px;
font-size: 12px;
}

/* line 296, ../sass/_settings.scss */
.signin-centered-container {
margin: auto !important;
float: none !important;
background: #eff2f9;
padding: 25px;
}

/* line 303, ../sass/_settings.scss */
.small-6.pull-6.columns > .globalBlueButton {
float: right;
}

/* line 306, ../sass/_settings.scss */
.signin-formfields p:nth-child(3) > input {
float: left;
position: relative;
top: -20px;
}

/* line 311, ../sass/_settings.scss */
.signin-formfields p:nth-child(3) > label {
padding-left: 20px;
}

/* line 315, ../sass/_settings.scss */
.globalBlueButton, .globalBlueButtonBig, .globalBlueButtonInput, .globalBlueButtonAtag > a, .globalBlueButtonSmallAtag > a, .globalBlueButtonSmall, .globalBlueButtonSmallFlexi, .buttonAccept {
box-shadow: none;
white-space: nowrap;
}

/* line 319, ../sass/_settings.scss */
.signin-centered-container > p > a {
display: inline-block;
}

/* font-face */
@font-face {
font-family: "GeneralFoundicons";
Expand Down
Loading

0 comments on commit ab12631

Please sign in to comment.