jimeh/jimeh.me-v3.0
1
0
Fork 0
mirror of https://github.com/jimeh/jimeh.me-v3.0.git synced 2026-02-19 05:46:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

added avatar to front-page

Browse Source
This commit is contained in:
Jim Myhrberg
2011-01-19 22:14:04 +00:00
parent 05c4176f82
commit 1465579057
2 changed files with 38 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
source/site/index.html
View File

@@ -4,6 +4,7 @@ title: jimeh / about
---
<div id="about">
<span class="avatar"><a href="http://gravatar.com/avatar/c48498c82bfaf0c6c8843ba85e3cd598.jpg?s=354" class="fancybox"><img src="http://gravatar.com/avatar/c48498c82bfaf0c6c8843ba85e3cd598.jpg?s=70" alt="" /></a></span>
<h4 class="thin">
Hi, my name is <strong>Jim Myhrberg</strong>.
</h4>

57
source/site/stylesheets/master.css
View File

@@ -628,27 +628,44 @@ blockquote {
/* @group #about */
#about {
width: 454px;
height: 170px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -150px;
margin-left: -228px;
width: 454px;
height: 170px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -150px;
margin-left: -228px;
}
#about .info {
color: #bbb;
margin: 0px auto;
/*width: 100%;*/
}
#about .info .label {
text-align: right;
padding-right: 5px;
padding-bottom: 10px;
}
#about .info .label a {
color: #bbb;
}
#about .avatar {
position: absolute;
top: -23px;
left: -95px;
margin: 0px 10px 10px 0px;
cursor: default;
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
}
#about .avatar img {
opacity: 0.8;
-webkit-transition: opacity 0.5s linear;
-moz-transition: opacity 0.5s linear;
}
#about .avatar:hover img {
opacity: 1;
}
#about .info {
color: #bbb;
margin: 0px auto;
/*width: 100%;*/
}
#about .info .label {
text-align: right;
padding-right: 5px;
padding-bottom: 10px;
}
#about .info .label a {
color: #bbb;
}
/* @end */