Topic: Bitcointalk Mobile Friendly App for Android (Read 1116 times)

@-moz-document url-prefix("https://bitcointalk.org") {
/*--------------------
show avatar
--------------------*/

/* avatar in posts */

.avatar {
    margin-top: -9%;
}

.poster_info a[href^="https://bitcointalk.org/index.php?action=profile;u="]:first-child {
    margin-left: 46px;
}

/* when user without avatar*/
.poster_info a[href^="https://bitcointalk.org/index.php?action=profile;u="]:first-child:before {
content: " ";
    background: url("https://i.ibb.co/ctTj8CJ/user.png");
    margin-top: 0.5%;
    height: 2.5rem !important;
    width: 2.5rem !important;
    margin-left: 0.7px;
}

/* overflow poster_info */
.poster_info > .smalltext {
    margin-left: 46px;
    white-space: nowrap;
    overflow: auto;
  }

.poster_info > div.smalltext > a[title*="(Online)"] + span.smalltext,
.poster_info > div.smalltext > a[title*="(Offline)"] + span.smalltext,

div#bodyarea table.bordercolor td td td.poster_info div.smalltext img[src*="useron.gif"] + span.smalltext, div#bodyarea div.smalltext > a[title*="(Online)"] + span.smalltext {
    line-height: inherit !important;
}

/* hide avatar div space in header */
tr#upshrinkHeader > td > table > tbody > tr > td.windowbg /*select Div avatar!*/ {
    visibility:hidden; height:0; width:0; padding:0; margin:0;  
}


/*--- avatar in profile page ---*/
#modifyProfile .windowbg:nth-child(2) {
    position: absolute;
    top: 0; right: 0;
    visibility:hidden;
display: block !important;  
}
#modifyProfile .windowbg:nth-child(2) > img.avatar {
    visibility: visible;
    margin-left: 64px;
    margin-top: 5px;
}
tr#modifyProfile > td > table > tbody > tr:nth-child(2) {
    position: relative;
overflow: auto !important;
}

/*overflow signature */
form#quickModForm .windowbg > table > tbody > tr:nth-child(2),
form#quickModForm .windowbg2 > table > tbody > tr:nth-child(2) {
    overflow-x: auto !important;
}

/*---------- avatar style ----------*/
#quickModForm td.windowbg > table > tbody > tr > td.poster_info img.avatar,
#quickModForm td.windowbg2 > table > tbody > tr > td.poster_info img.avatar,
table > tbody > tr > td.windowbg img.avatar,
form[name=pmFolder]  img.avatar,
.poster_info a[href^="https://bitcointalk.org/index.php?action=profile;u="]:first-child:before /*when no avatar*/ {
    display: inline-block;
    vertical-align: middle;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    object-fit: cover;
    border: 2px solid #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-color: #FFFFFF;
background-repeat: no-repeat;
    background-position: center center;

position: absolute;
left: 5px;
}

/* size in posts */
#quickModForm td.windowbg > table > tbody > tr > td.poster_info img.avatar,
#quickModForm td.windowbg2 > table > tbody > tr > td.poster_info img.avatar,
form[name=pmFolder]  img.avatar /*in msg page*/,

/*when no avatar*/
.poster_info a[href^="https://bitcointalk.org/index.php?action=profile;u="]:first-child:before {
    height: 2.6rem;
    width: 2.6rem;
}

form[name=pmFolder]  img.avatar /*clear margin in msg page*/ {
    margin-top: 0;
    position: relative;
}

/* size in profile page */
table.bordercolor > tbody > tr > td.windowbg img.avatar {
    height: 4.4rem;
    width: 4.4rem;
}

/* size in top header */
#upshrinkHeader table > tbody > tr > td.windowbg img.avatar {
    height: 1.5rem;
    width: 1.5rem;
    margin-left: 2px;
    border-width: 1px;
    box-shadow: none;
    margin-top: -33px;
    visibility: visible;
}

/* hide overflow from container div  */
#quickModForm td.windowbg > table > tbody > tr > td.poster_info div[style^="overflow"],
#quickModForm td.windowbg2 > table > tbody > tr > td.poster_info div[style^="overflow"]{
    overflow: unset !important;
}
/*------ end avatar style ------*/
}