diff options
Diffstat (limited to 'static/profile.css')
| -rw-r--r-- | static/profile.css | 121 |
1 files changed, 76 insertions, 45 deletions
diff --git a/static/profile.css b/static/profile.css index ff11cac..dec02ae 100644 --- a/static/profile.css +++ b/static/profile.css @@ -2,34 +2,45 @@ float: right; padding: 20px; width: 180px; -position:absolute; -top:0px; -right:15; + position:absolute; + top:0px; + right:35; margin-top:15px; background-color:#f5f5f5; background-image:url(/static/spex.ppng); border:solid 1px #999; - - - + text-overflow: ellipsis-word; background-position:center; z-index:999; - -min-height:600px; -height:98%; - -line-height:1.6; - + min-height:600px; + border-top-left-radius:5px; + border-top-right-radius:5px; + -webkit-border-top-left-radius:5px; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; + border-bottom-left-radius:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-left-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; + box-shadow: 3px 4px 10px #c8cbce; +-webkit-box-shadow: 3px 4px 10px #c8cbce; +-moz-box-shadow: 3px 3px 10px #c8cbce; + + line-height:1.6; } #chatrap{ top: 10px; min-width:800px; + position:relative; width:100%; - padding-bottom:105px; + } #footer @@ -49,29 +60,15 @@ width:100%; } #log { - - background-color:#f; - -position:absolute; -width:100%; -top:50px; -margin-right:5px; - padding-bottom: 20px; + position:absolute; + width:100%; + top:50px; + margin-right:5px; + padding-top: 15px; min-height: 800px; - border-top-left-radius:5px; - border-top-right-radius:5px; - -webkit-border-top-left-radius:5px; - -webkit-border-top-right-radius:5px; - -moz-border-radius-topleft:5px; - -moz-border-radius-topright:5px; - border-bottom-left-radius:5px; - border-bottom-right-radius:5px; - -webkit-border-bottom-left-radius:5px; - -webkit-border-bottom-right-radius:5px; - -moz-border-radius-bottomleft:5px; - -moz-border-radius-bottomright:5px; - border:solid 5px #f; + + } #posts { @@ -92,11 +89,11 @@ margin-right:5px; .logged-dump{ - +text-overflow: ellipsis-word; padding: 15px; font-family: Arial, Helvetica, sans-serif; -margin-right:15px; +margin-right:35; @@ -106,42 +103,76 @@ margin-right:15px; line-height:15px; background-color:#fff; - background-image:/static/footer.png; - background-position:bottom; + border-top-left-radius:5px; + border-top-right-radius:5px; + -webkit-border-top-left-radius:5px; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; + border-bottom-left-radius:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-left-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; z-index:4; line-height:20px; text-align: left; - margin-left:15px; + margin-left:35; } .editable { color: #0AA; + width:250px; } .editing { color: #F0F; } div#avatar { - overflow: hidden; - text-overflow: ellipsis; + overflow: hidden; + text-overflow: ellipsis; + max-width: 160px; + padding-bottom:40px; } + #contact { + max-width: 200px; + + + text-overflow: ellipsis-word; + } + #bio { + max-width: 200px; + text-overflow: ellipsis-word; + } h2 { letter-spacing:-1px; - font-weight:lighter; color:#087cff; - - height:28px; + height:48px; font-size:33px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:capitalize; + - text-shadow: -6px 4px 4px #ccc; + text-shadow: 3px 4px 4px #c8cbce; } img#avatarPic { max-height:250px; + border-top-left-radius:5px; + border-top-right-radius:5px; + -webkit-border-top-left-radius:5px; + -webkit-border-top-right-radius:5px; + -moz-border-radius-topleft:5px; + -moz-border-radius-topright:5px; + border-bottom-left-radius:5px; + border-bottom-right-radius:5px; + -webkit-border-bottom-left-radius:5px; + -webkit-border-bottom-right-radius:5px; + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; } #logged-dump { |