greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

More css enhancements on login container, plus added new ios 7 styled buttons

pull/2/head
Sahat Yalkabov 2013-12-04 06:39:47 -05:00
parent 969168a7b5
commit 3c5f19a6d9
2 changed files with 98 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

93
public/css/ios7.less
View File

@ -18,6 +18,14 @@ body {
margin-right: 10px;
}
a {
color: #007aff;
&:hover {
color: #666666;
text-decoration: none;
}
}
// Navbar =====================================================================
.navbar-default {
@ -88,6 +96,55 @@ body {
}
}
.btn-success {
background: #60c560;
border-color: #60c560;
&:hover,
&.active {
background: transparent;
color: #60c560;
border-color: #60c560;
}
}
.btn-info {
background: #5bc0de;
border-color: #5bc0de;
&:hover,
&.active {
background: transparent;
color: #5bc0de;
border-color: #5bc0de;
}
}
.btn-warning {
background: #f0ad4e;
border-color: #f0ad4e;
&:hover,
&.active {
background: transparent;
color: #f0ad4e;
border-color: #f0ad4e;
}
}
.btn-danger {
background: #d9534f;
border-color: #d9534f;
&:hover,
&.active {
background: transparent;
color: #d9534f;
border-color: #d9534f;
}
}
.facebook {
background-color: #335397;
border-color: #335397;
@ -98,6 +155,36 @@ body {
}
}
.twitter {
background-color: #00c7f7;
border-color: #00c7f7;
&:focus,
&:hover {
background-color: transparent;
color: #00c7f7;
}
}
.google {
background-color: #d34836;
border-color: #d34836;
&:focus,
&:hover {
background-color: transparent;
color: #d34836;
}
}
.github {
background-color: #000;
border-color: #000;
&:focus,
&:hover {
background-color: transparent;
color: #000;
}
}
// Panel ======================================================================
.panel {
background-color: #fff;
@ -131,6 +218,10 @@ body {
}
}
.text-primary {
color: #007aff;
}
// Forms =================================================================
.form-control {
@ -232,7 +323,7 @@ input[type="radio"]:checked + span:after {
box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
padding: 30px;
width: 380px;
height: 390px;
height: 380px;
text-align: center;
position: absolute;
top: 50%;

10
views/login.jade
View File

@ -2,7 +2,9 @@ extends layout
block content
.login-container
h3.text-center Project name
h3.text-center
span.text-primary PROJECT
span.text-muted NAME
form(method='POST')
.form-group
input.form-control(type='text', name='usernameOrEmail', id='usernameOrEmail', placeholder='Username or Email', autofocus='')
@ -22,16 +24,16 @@ block content
i.fa.fa-facebook
| Facebook
.col-xs-6.col-sm-6.col-md-6
a.btn.btn-danger.btn-block(href='/auth/google')
a.btn.btn-danger.btn-block.google(href='/auth/google')
i.fa.fa-google-plus
|   Google
.row
.col-xs-6.col-sm-6.col-md-6
a.btn.btn-info.btn-block(href='/auth/twitter')
a.btn.btn-info.btn-block.twitter(href='/auth/twitter')
i.fa.fa-twitter
|   Twitter
.col-xs-6.col-sm-6.col-md-6
a.btn.btn-default.btn-block(href='/auth/github')
a.btn.btn-default.btn-block.github(href='/auth/github')
i.fa.fa-github
|   GitHub
p Don't have an account yet?