mirror of
https://github.com/taobataoma/meanTorrent.git
synced 2026-01-18 05:12:21 +01:00
* Update social login design - Responsive images - Mobile layout as well * changes according to hyperreality advices
52 lines
862 B
CSS
52 lines
862 B
CSS
@media (min-width: 992px) {
|
|
.nav-users {
|
|
position: fixed;
|
|
}
|
|
}
|
|
.social-account-container {
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
.btn-remove-account {
|
|
top: 10px;
|
|
right: 10px;
|
|
position: absolute;
|
|
}
|
|
.btn-file {
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.btn-file input[type=file] {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
min-width: 100%;
|
|
min-height: 100%;
|
|
font-size: 100px;
|
|
text-align: right;
|
|
filter: alpha(opacity=0);
|
|
opacity: 0;
|
|
background: white;
|
|
cursor: inherit;
|
|
display: block;
|
|
}
|
|
.user-profile-picture {
|
|
min-height: 150px;
|
|
max-height: 150px;
|
|
}
|
|
.cropArea {
|
|
background: #E4E4E4;
|
|
width: 300px;
|
|
height: 300px;
|
|
}
|
|
|
|
.social {
|
|
-webkit-transition-duration: 0.4s;
|
|
-moz-transition-duration: 0.4s;
|
|
-o-transition-duration: 0.4s;
|
|
transition-duration: 0.4s;
|
|
}
|
|
|
|
.social:hover {
|
|
opacity: 0.65;
|
|
} |