twisterarmy/twister-html
1
0
Fork 0
mirror of https://github.com/twisterarmy/twister-html.git synced 2025-03-13 05:51:03 +00:00
Code Issues Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
toyg 2014-01-23 15:49:21 +00:00
parent f85d4f06a2
commit 5af34c39bd
2 changed files with 34 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
css/profile.css
View File

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

2
css/style.css
View File

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