github.com/Azareal/Gosora@v0.0.0-20210729070923-553e66b59003/themes/nox/public/profile.css (about)

     1  #main {
     2  	max-width: none !important;
     3  }
     4  #profile_left_lane {
     5  	margin-right: 24px;
     6  }
     7  .avatarRow {
     8  	display: flex;
     9  	width: 100%;
    10  }
    11  .avatar, .nameRow span, .passiveBlock .passive {
    12  	margin-left: auto;
    13  	margin-right: auto;
    14  }
    15  .avatar {
    16  	width: 64px;
    17  	height: 64px;
    18  	border-radius: 32px;
    19  }
    20  .avatarRow a {
    21  	margin-left: auto;
    22  	margin-right: auto;
    23  }
    24  .avatarRow .avatar {
    25  	display: block;
    26  }
    27  .nameRow {
    28  	display: flex;
    29  	flex-direction: column;
    30  }
    31  .profileName {
    32  	font-size: 21px;
    33  }
    34  .topBlock, .levelBlock, .passiveBlock {
    35  	background-color: #444444;
    36  	border-radius: 3px;
    37  	width: 180px;
    38  	padding: 16px;
    39  }
    40  .levelBlock, .passiveBlock {
    41  	margin-top: 12px;
    42  	padding: 12px;
    43  }
    44  .levelBlock {
    45  	padding: 0px;
    46  }
    47  
    48  .colstack_right .colstack_head:not(:first-child) {
    49  	margin-top: 0px;
    50  }
    51  #profile_right_lane {
    52  	width: 100%;
    53  }
    54  #profile_comments .rowitem .topRow {
    55  	display: flex;
    56  	width: 100%;
    57  }
    58  #profile_comments .rowitem .userbit {
    59  	display: flex;
    60  }
    61  #profile_comments .rowitem .topRow .nameAndTitle {
    62  	display: flex;
    63  	flex-direction: column;
    64  	margin-left: 8px;
    65  }
    66  .nameAndTitle .real_username {
    67  	font-size: 17px;
    68  	line-height: 16px;
    69  }
    70  .userbit > a {
    71  	height: 40px;
    72  }
    73  .userbit img {
    74  	width: 40px;
    75  	height: 40px;
    76  	border-radius: 24px;
    77  }
    78  .controls {
    79  	margin-left: auto;
    80  }
    81  .controls a {
    82  	margin-right: 8px;
    83  }
    84  .content_column {
    85  	margin-top: 5px;
    86  }
    87  .topic_reply_form {
    88  	margin-top: 8px;
    89  	padding: 12px;
    90  }
    91  .input_content {
    92  	width: 100%;
    93  	height: 100px;
    94  	resize: vertical;
    95  }
    96  
    97  .footer .widget, .sidebar {
    98  	display: none;
    99  }
   100  
   101  @media(max-width: 500px) {
   102  	.colstack {
   103  		display: block;
   104  	}
   105  	#profile_left_lane {
   106  		margin-right: 0px;
   107  		margin-bottom: 12px;
   108  	}
   109  	.topBlock, .levelBlock, .passiveBlock {
   110  		width: auto;
   111  	}
   112  }