diff options
| author | ryderr <r@okfoc.us> | 2014-10-07 17:34:36 -0400 |
|---|---|---|
| committer | ryderr <r@okfoc.us> | 2014-10-07 17:34:36 -0400 |
| commit | ea5cce0042a6448636d4bd583c1200c26a7efe87 (patch) | |
| tree | dbabed76064923ef884a40049a79271973854e34 | |
| parent | 24cc36bf81987c721aee4dae57a64edf5dd515bb (diff) | |
no profile pic thing
| -rwxr-xr-x | public/assets/stylesheets/app.css | 30 | ||||
| -rw-r--r-- | views/profile.ejs | 6 |
2 files changed, 28 insertions, 8 deletions
diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css index 0831a36..cef90a9 100755 --- a/public/assets/stylesheets/app.css +++ b/public/assets/stylesheets/app.css @@ -9,7 +9,9 @@ body,textarea,input { font-family: 'Lato', sans-serif; } - +input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { + background:white; +} *, *:before, *:after { moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } @@ -468,14 +470,27 @@ iframe.embed { /* PROFILE PAGE */ .profilePic { - font-size: 148px; background-size: cover; background-position: center; width: 40%; height: 50vh; float: left; + display:table; } +.profilePic .ion-ios7-person-outline { + font-size: 100px; +} + + +.noPic input { + position: absolute; + width: 40%; + height: 48vh; + margin-top: -33vh; + margin-left: -20%; + opacity: 0; +} .topLinks { float: right; z-index: 3; @@ -1197,11 +1212,11 @@ iframe.embed { text-transform: none; -webkit-font-smoothing: antialiased; font-size: 40px; - margin-top: -62px; + margin-top: -50px; position: absolute; background: #FF3B30; border-radius: 1000px; - margin-left: -59px; + margin-left: -50px; color: white; width: 50px; height: 50px; @@ -2036,8 +2051,9 @@ form li textarea { letter-spacing: 2px; } .facebook b { - float: left; - font-size: 50px; + float: left; + font-size: 50px; + margin: 0 0 0 20px; } a[data-role="forgot-password"] { @@ -2049,7 +2065,7 @@ a[data-role="forgot-password"] { vertical-align: bottom; padding-right: 14px; font-size: 19px; - line-height: 16px; + line-height: 7px; } .aboutRoom { diff --git a/views/profile.ejs b/views/profile.ejs index 22c824c..6a5b3ea 100644 --- a/views/profile.ejs +++ b/views/profile.ejs @@ -13,8 +13,12 @@ <div class="profilePic" style="background-image:url([[- profile.photo ]])"> </div> [[ } else { ]] - <div class="profilePic"> + <div class="profilePic noPic"> + <span class="holder"> <span class="ion-ios7-person-outline"></span> + <div>click to add profile pic</div> + <input id="profile_avatar" name="avatar" class="element file" type="file"> + </span> </div> [[ } ]] <div class="bio"> |