Browse Source

Fix #20 - Restyled Profile modal now flexible in size, should always display topbar

master
toyg 11 years ago
parent
commit
5af34c39bd
  1. 43
      css/profile.css
  2. 2
      css/style.css

43
css/profile.css

@ -3,7 +3,6 @@ @@ -3,7 +3,6 @@
***************************************/
.profile-card
{
margin: 0 0 10px 335px;
padding: 7px;
background: rgba( 255, 255, 255, .5 );
border: solid 1px rgba( 69, 71, 77, .05 );
@ -11,8 +10,7 @@ @@ -11,8 +10,7 @@
}
.profile-card-main
{
width: 520px;
height: 280px;
width: 540px;
text-align: center;
position: relative;
transition: all .2s linear;
@ -38,10 +36,15 @@ @@ -38,10 +36,15 @@
{
width: 74px;
height: 74px;
margin: 20px auto 5px auto;
border-radius: 15%;
border: solid 5px #fff;
border: solid 6px #45474d;
border-radius: 40%;
border-top-right-radius: 0;
border-bottom-left-radius: 0;
box-sizing: content-box;
float:left;
top: 50%;
background-color: #a12a28;
}
.profile-card-main h1
{
@ -152,24 +155,31 @@ @@ -152,24 +155,31 @@
**************************************/
.profile-modal .modal-wrapper
{
width: 528px;
height: 680px;
margin: -340px 0 0 -264px;
width: 580px;
border-radius: 5px;
overflow: hidden;
position: absolute;
top:10%;
height: 80%;
margin-left: -300px;
}
.profile-modal .modal-content
{
padding: 3px;
height: 90%;
}
.profile-modal .profile-data
{
display: inline-block;
margin-left: -64px;
border-bottom: 0;
}
.profile-modal .postboard
{
margin-left: 0;
padding: 5px 0 5px 0;
height: 75%;
}
.profile-modal .postboard h2
{
@ -177,13 +187,15 @@ @@ -177,13 +187,15 @@
}
.profile-modal .postboard-posts
{
height: 240px;
display: block;
height: 90%;
overflow: auto;
}
.profile-modal .profile-card-main
{
background: #45474d;
color: white;
width:100%;
}
.profile-modal .profile-card-main a {
color: #8bb9e0;
@ -213,3 +225,14 @@ @@ -213,3 +225,14 @@
{
bottom: 10px;
}
h1.profile-name {
display: inline;
}
h2.profile-screen-name {
display: inline;
}
.profile-modal .modal-buttons {
display: none;
}

2
css/style.css

@ -769,7 +769,7 @@ button.disabled:hover @@ -769,7 +769,7 @@ button.disabled:hover
.postboard-posts > .post.open:after
{
width: 5px;
right: -5px;
/*right: -5px;*/
}
.post:hover,
.post .post

Loading…
Cancel
Save