go.charczuk.com@v0.0.0-20240327042549-bc490516bd1a/projects/chirp/pkg/static/_nextjs/src/pages/css/site.css (about)

     1  /*
     2   * Copyright (c) 2024 - Present. Will Charczuk. All rights reserved.
     3   * Use of this source code is governed by a MIT license that can be found in the LICENSE file at the root of the repository.
     4   */
     5  @import "./normalize.css";
     6  @import "~@blueprintjs/core";
     7  @import "~@blueprintjs/icons";
     8  @import "./skeleton.css";
     9  
    10  html {
    11  	--bg-color-dark: #2f343c;
    12  	--text-color: #f5f8fa;
    13  	--text-color-muted: #a7b6c2;
    14  	--text-color-very-muted: #a7b6c2;
    15  }
    16  
    17  body.bp5-dark {
    18  	background-color: var(--bg-color-dark);
    19  }
    20  
    21  .bp5-navbar {
    22  	margin-bottom: 25px;
    23  }
    24  
    25  form.form-inline {
    26  	display: inline-block;
    27  }
    28  
    29  .breadcrumbs {
    30  	margin-bottom: 15px;
    31  }
    32  
    33  .text-underline {
    34  	text-decoration: underline;
    35  }
    36  
    37  .full-width {
    38  	width: 100%;
    39  }
    40  
    41  .list {
    42  	list-style: none;
    43  }
    44  
    45  .unread-annotation {
    46  	border-radius: 25px;
    47  }
    48  
    49  /* profile picture(s) */
    50  
    51  .profile-picture-small {
    52  	max-height: 30px;
    53  	max-width: 30;
    54  	border-radius: 30px;
    55  	border: 1px solid #efefef;
    56  }
    57  
    58  .profile-picture-medium {
    59  	max-height: 40px;
    60  	max-width: 40px;
    61  	border-radius: 40px;
    62  	border: 1px solid #efefef;
    63  }
    64  
    65  .profile-picture-large {
    66  	max-height: 96px;
    67  	max-width: 96px;
    68  	border-radius: 96px;
    69  	border: 1px solid #efefef;
    70  }
    71  
    72  /* end profile picture(s) */
    73  
    74  /* feed and chirp stuff */
    75  
    76  .chirp {
    77  	margin-top: 20px;
    78  }
    79  
    80  .user-fullname a,
    81  .user-username a,
    82  .chirp-fullname a {
    83  	font-size: 1.5em;
    84  	color: inherit;
    85  	color: var(--text-color);
    86  }
    87  
    88  .user-fullname a:hover,
    89  .user-username a:hover,
    90  .chirp-fullname a:hover {
    91  	color: var(--text-color);
    92  }
    93  
    94  .user-email,
    95  .chirp-email {
    96  	font-size: 1em;
    97  	color: var(--text-color-muted);
    98  }
    99  
   100  .chirp-user .chirp-age a {
   101  	font-size: 0.9em;
   102  	color: inherit;
   103  	color: var(--text-color);
   104  }
   105  
   106  .chirp-reply-to,
   107  .chirp-reply-to a {
   108  	font-size: 0.9em;
   109  	color: var(--text-color-muted);
   110  	margin-bottom: 10px;
   111  }
   112  
   113  .chirp-actions {
   114  	margin-top: 5px;
   115  }
   116  
   117  .chirp-reply-to a:hover {
   118  	font-size: 0.9em;
   119  	color: var(--text-color-muted);
   120  }
   121  
   122  .chirp-quoted {
   123  	margin-top: 5px;
   124  	margin-left: 50px;
   125  	margin-right: 33px;
   126  	max-width: 70%;
   127  	padding: 10px;
   128  	border-radius: 10px;
   129  	background-color: #30404d;
   130  	box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4), 0 0 0 rgba(16, 22, 26, 0), 0 0 0 rgba(16, 22, 26, 0);
   131  }
   132  
   133  /* end feed and chirp stuff */
   134  
   135  /* profile specific stuff */
   136  
   137  .profile-details .name {
   138  	font-size: 2em;
   139  }
   140  
   141  .profile-details .email {
   142  	font-size: 1em;
   143  	color: var(--text-color-muted);
   144  }
   145  
   146  /* search page stuff */
   147  
   148  .search-user {
   149  	margin-top: 20px;
   150  }
   151  
   152  /* end search page stuff */
   153  
   154  /* notifications stuff */
   155  
   156  .notification {
   157  	margin-top: 10px;
   158  	padding-top: 5px;
   159  	padding-left: 10px;
   160  }
   161  
   162  .notification-unread {
   163  	border-left: 3px solid #137cbd;
   164  }
   165  
   166  /* end notification stuff */