[P2U CSS] Simple Space Mobile

/* ========================================================== */
/* • • • • • • • • • • • • • • • • • • • • • • • • • • • • •  */
/* ========================================================== */
/*                                                            */
/*                                                            */
/*                        CSS BY ovob                         */
/*                                                            */
/*                                                            */
/* ========================================================== */
/*                                                            */
/*  INFO:                                                     */
/*                                                            */
/*    - Guide for Colors                                      */
/*        https://toyhou.se/4150012.retheme-color-guide       */
/*                                                            */
/*    - Guide for Clean Up                                    */
/*        https://toyhou.se/4146906.clean-up-css-guide        */
/*                                                            */
/* ========================================================== */
/*                                                            */
/*                     BOOTSTRAP DEFAULTS                     */
/*                                                            */
/* ========================================================== */

$primary:                           #9eb26e;
$info:                              mix($primary, #6FBEB0, 14%);
$success:                           mix($primary, #9db460, 14%);
$warning:                           mix($primary, #D8A85F, 14%);
$danger:                            mix($primary, #C16050, 14%);

/* ========================================================== */
/*                                                            */
/*                       GENERAL BODY                         */
/*                                                            */
/* ========================================================== */

$body:                              #2e2a29;
$text-body:                         mix(#fff, $primary, 90%);
$text-muted:                        mix($body, $text-body, 30%);
$bg-faded:                          mix($body, $text-body, 92%);
$bg-utility:                        mix($body, $text-body, 95%);

/* ========================================================== */
/*                                                            */
/*                          HEADER                            */
/*                                                            */
/* ========================================================== */

$navbar:                            darken($body, 15%);
$navbar-bg-hover:                   lighten($navbar, 2%);
$navbar-text:                       lighten($navbar, 50%);
$navbar-a-hover:                    $primary;

/* ========================================================== */
/*                                                            */
/*                     DESKTOP SIDEBAR                        */
/*                                                            */
/* ========================================================== */

$sidebar:                           $bg-utility;
$sidebar-bg-hover:                  $primary;
$blurb-color:                       $text-body;
$sidebar-text:                      $primary;
$sidebar-a-hover:                   lighten($primary, 15%);
$sidebar-divider:                   rgba($blurb-color, 0.125);

/* ========================================================== */
/*                                                            */
/*                      MOBILE SIDEBAR                        */
/*                                                            */
/* ========================================================== */

$mob-sidebar:                       $sidebar;
$mob-sidebar-bg-hover:              $sidebar-bg-hover;
$mob-blurb-color:                   $blurb-color;
$mob-sidebar-text:                  $sidebar-text;
$mob-sidebar-a-hover:               $sidebar-a-hover;
$mob-sidebar-divider:               $sidebar-divider;

/* ========================================================== */
/*                                                            */
/*                        BORDERS                             */
/*                                                            */
/* ========================================================== */

$border:                            rgba($text-body,.125);

/* ========================================================== */
/*                                                            */
/*                       BUTTON DETAILS                       */
/*                                                            */
/* ========================================================== */

$btn-text:                          #fff;
$hover-color:                       lighten;
$effect-percent:                    15%;
$secondary-border:                  $border;

/* ========================================================== */
/*                                                            */
/*                      BACKGROUND IMG                        */
/*                                                            */
/* ========================================================== */

%bg-edits{
  background-image: url(https:i.imgur.com/mRMGP37.png);
  background-size: cover;
  opacity: 0.01;
  background-attachment: fixed;
}

/* ========================================================== */
/*                                                            */
/*                        NAVBAR EDITS                        */
/*                                                            */
/* ========================================================== */


$navbar-icons:                      off;
$navbar-notifications:              condensed;
$navbar-avatar:                     off;
$navbar-accent:                     on;

$footer:                            off;


/* ========================================================== */
/*                                                            */
/*                       SIDEBAR EDITS                        */
/*                                                            */
/* ========================================================== */

$sidebar-image-hover:               popup;
$sidebar-image-shape:               star;
$sidebar-icons:                     right;
$sidebar-hover:                     underline-center;

/* ========================================================== */
/*                                                            */
/*                  USER SIDEBAR LINK TOGGLE                  */
/*                                                            */
/* ========================================================== */

$user-divider-username:             off;
$user-bulletins:                    on;
$user-characters:                   on;
$user-links:                        on;
$user-worlds:                       on;
$user-favorites:                    on;
$user-divider-collections:          off;
$user-designs:                      on;
$user-art:                          on;
$user-library:                      on;
$user-divider-stats:                off;
$user-comments:                     on;
$user-stats:                        on;

/* ========================================================== */
/*                                                            */
/*               CHARACTER SIDEBAR LINK TOGGLE                */
/*                                                            */
/* ========================================================== */

$char-gallery:                      on;
$char-library:                      on;
$char-worlds:                       on;
$char-links:                        on;
$char-divider-interactions:         off;
$char-comments:                     on;
$char-favorites:                    on;
$char-sidebar-stat:                 on;

/* ========================================================== */
/*                                                            */
/*                   GENERAL NAV OPTIONS                      */
/*                                                            */
/* ========================================================== */

$nav-font:                          Montserrat;
$nav-capitalization:                normal;

/* ========================================================== */
/*                                                            */
/*                      HEADER OPTIONS                        */
/*                                                            */
/* ========================================================== */

$header-font:                       Montserrat;
$header-capitalization:             uppercase;
$header-weight:                     300;

$page-header-hr:                    on;
$page-header-icon:                  off;
$page-header-align:                 center;

$subfolder-align:                   center;

$char-profile-header:               on;
$char-profile-title:                off;
$char-gallery-title :               off;
$char-image-gallery:                on;

/* ========================================================== */
/*                                                            */
/*                         BORDERS                            */
/*                                                            */
/* ========================================================== */

$borders:                           on;
$rounded-borders:                   off;

/* ========================================================== */
/*                                                            */
/*                      IMAGE GALLERY                         */
/*                                                            */
/* ========================================================== */

$gallery-btn-icons:                 on;
$gallery-image-shape:               circle;
$character-name:                    text;
$character-stats:                   off;
$gallery-image-hover:               popup;
$align-gallery:                     center;

/* ========================================================== */
/*                                                            */
/*                      QUALITY OF LIFE                       */
/*                                                            */
/* ========================================================== */

$character-links:                   fix;
$page-alerts:                       off;
$global-font-size:                  14px;

/* ========================================================== */
/*  • • • • • • • • • • • •  IMPORT  • • • • • • • • • • • •  */
/* ========================================================== */
@import '0/728/omtyZ6';