Sindbad~EG File Manager
.userpro a {
color: #6e7e8f; }
.userpro .userpro-sc-buttons {
text-align: right;
margin: 10px 15px 0 10px;
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
.userpro .up-btn {
padding: 5px 10px;
border-radius: 3px;
font-weight: 300;
font-size: 13px;
align-self: flex-end; }
.userpro .up-btn p {
transition: 0.5s;
margin: 0;
display: inline-block; }
.userpro .up-btn__follow {
color: #fff;
background-color: #0061d3; }
.userpro .up-btn__follow:hover {
background-color: #7fcefc; }
.userpro .up-btn--outline {
color: #444;
border: 1px solid #444;
background-color: transparent; }
.userpro .up-btn span {
transition: 0.5s;
font-size: 0.6em;
margin-left: 10px;
vertical-align: middle;
display: inline-block; }
.userpro .up-btn--loading {
position: relative;
transition: 0.5s; }
.userpro .up-btn--loading p, .userpro .up-btn--loading span {
transition: 0.5s;
opacity: 0; }
.userpro .up-btn--loading:after {
content: '';
display: inline-block;
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
width: 10px;
height: 10px;
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 50%;
border-top-color: #fff;
animation: spin 1s ease-in-out infinite;
-webkit-animation: spin 1s ease-in-out infinite; }
@keyframes spin {
to {
-webkit-transform: rotate(360deg); } }
@-webkit-keyframes spin {
to {
-webkit-transform: rotate(360deg); } }
.userpro-sc-bar {
display: flex;
padding: 0 15px;
justify-content: space-between;
flex-wrap: wrap;
font-weight: 300;
border-radius: 15px; }
.userpro-sc-bar a:hover {
font-weight: 500; }
.userpro-sc-bar .up-social-tab {
padding: 15px 0;
text-transform: uppercase;
position: relative; }
.userpro-sc-bar .up-social-tab:after {
content: '';
display: block;
width: 50%;
position: absolute;
height: 2px;
left: 0;
right: 0;
margin: 0 auto; }
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists