Profile view made responsive (Stage 1)

This commit is contained in:
ultimatemember
2014-12-16 21:57:13 +02:00
parent 333ac05a02
commit 69abac6c4e
12 changed files with 125 additions and 74 deletions
+20 -22
View File
@@ -12,7 +12,9 @@
.um-profile a:hover {text-decoration:none !important}
.um-profile .um-profile-body {
padding: 15px 170px 0 170px;
padding-top: 15px;
max-width: 600px;
margin: auto;
}
.um-profile.um-editing {
@@ -35,16 +37,17 @@
background-color: #eee;
}
.um-cover-e {
min-height: 200px;
text-align: center;
box-sizing: border-box;
border: 2px dashed #ddd;
.um-cover-add span {
display: table-cell;
vertical-align: middle;
}
.um-cover-e img {
width: 100% !important;
.um-cover-e {
text-align: center;
box-sizing: border-box;
}
.um-cover-e.empty {border: 2px dashed #ddd}
.um-cover-e img {width: 100% !important}
.um-cover-add {
color: #aaa;
@@ -52,13 +55,6 @@
width: 100%;
display: table;
}
.um-cover-add span {
display: table-cell;
vertical-align: middle;
height: 200px;
}
.um-cover-add:hover { color: #3ba1da }
/*
@@ -75,14 +71,15 @@
position: absolute;
top: 15px;
right: 15px;
font-size: 26px;
height: 26px;
line-height: 26px;
vertical-align: middle;
z-index: 99;
font-size: 30px;
height: 30px;
line-height: 30px;
}
.um-profile-edit i, .um-profile-edit i:before {
height: 26px;
height: 30px;
vertical-align: bottom !important;
}
@@ -153,13 +150,13 @@
}
.um-main-meta {
font-size: 24px;
font-weight: bold;
padding: 10px 0 0 0;
}
.um-name {
float: left;
font-size: 24px;
font-weight: bold;
margin-right: 30px;
}
@@ -168,10 +165,11 @@
}
.um-meta span {
margin: 0 10px 0 0;
margin: 0 5px;
font-size: 14px;
}
.um-meta-text {
margin: 12px 0 0 0;
color: #666;
}