SHARE
TWEET

Untitled

a guest Nov 19th, 2019 68 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /*
  2.  
  3.         ALICE FOR TETRIMUS
  4.         ALL RIGHTS RESERVED
  5.         (C) Doublefold
  6.        
  7.         @nakotami < Twitter
  8.  
  9.  
  10. */
  11.  
  12. @import url('https://fonts.googleapis.com/css?family=DM+Sans:400,700&display=swap');
  13.  
  14.  body {
  15.    background-color: #292929;
  16.    font-family: 'DM Sans', sans-serif;
  17.    color: white;
  18.  }
  19.  
  20.  a {
  21.    color: #7293cc;
  22.  }
  23.  
  24.  .navbar {
  25.    background-color: #1a1a1a;
  26.    width: auto;
  27.    min-width: 320px;
  28.    max-width: 100%;
  29.    min-height: 42px;
  30.    max-height: 300px;
  31.    height: auto;
  32.    border-radius: 6px;
  33.    color: white;
  34.    margin-bottom: 5px;
  35.    -moz-user-select: none;
  36.    -webkit-user-select: none;
  37.    user-select: none;
  38.    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  39.  }
  40.  
  41.  .nav_element {
  42.    display: inline;
  43.    padding-right: 20px;
  44.    font-size: 13px;
  45.    cursor: pointer;
  46.  }
  47.  
  48.  .nav_elements {
  49.    padding-top: 9px;
  50.    padding-left: 15px;
  51.    position: relative;
  52.  }
  53.  
  54.  .profile_element {
  55.    margin-top: -9px;
  56.    float: right;
  57.    padding-right: 0px;
  58.    list-style-type: none;
  59.  }
  60.  
  61.  .profile_element_image {
  62.    border-bottom-right-radius: 5.5px;
  63.    border-top-right-radius: 5.5px;
  64.  }
  65.  
  66.  .name {
  67.    margin-top: 3px;
  68.    float: right;
  69.  
  70.  }
  71.  
  72.  .nav_search {
  73.    text-align: center;
  74.    padding-right: 20px;
  75.    margin-top: -21px;
  76.    list-style-type: none;
  77.  }
  78.  
  79.  .nav_searcher {
  80.    border-radius: 15px;
  81.    border: none;
  82.    outline: none;
  83.    padding-left: 10px;
  84.    height: 20px;
  85.    width: 300px;
  86.  }
  87.  
  88.  .material_icons {
  89.    position: absolute;
  90.    text-align: center;
  91.  }
  92.  
  93.  #fost {
  94.    padding-left: 10px;
  95.  }
  96.  
  97.  .container_user {
  98.    width: 300px;
  99.    height: 410px;
  100.    margin-top: 20px;
  101.    border-radius: 6px;
  102.    background-color: #1a1a1a;
  103.    margin-right: 30px;
  104.    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  105.    float: left;
  106.    overflow: auto;
  107.  }
  108.  
  109.  .container_feed {
  110.    width: 600px;
  111.    height: 650px;
  112.    margin-top: 20px;
  113.    border-radius: 6px;
  114.    background-color: #1a1a1a;
  115.    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  116.    float: left;
  117.    overflow: auto;
  118.    padding-top: -1px;
  119.  }
  120.  
  121.  .container_bio {
  122.    width: 600px;
  123.    height: 225px;
  124.    margin-top: 20px;
  125.    border-radius: 6px;
  126.    background-color: #1a1a1a;
  127.    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  128.    float: left;
  129.    overflow: auto;
  130.    padding-top: -1px;
  131.  }
  132.  
  133.  .container_friends {
  134.    width: 300px;
  135.    height: 400px;
  136.    border-radius: 6px;
  137.    background-color: #1a1a1a;
  138.    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  139.    margin-top: 450px;
  140.    position: absolute;
  141.    overflow: auto;
  142.    word-wrap: break-word;
  143.    hyphens: auto;
  144.  }
  145.  
  146.  .container_badges {
  147.    width: 600px;
  148.    min-height: 350px;
  149.    height: auto;
  150.    margin-top: -30px;
  151.    border-radius: 6px;
  152.    background-color: #1a1a1a;
  153.    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  154.    float: left;
  155.    overflow: auto;
  156.    padding-top: -1px;
  157.    margin-left: 330px;
  158.  }
  159.  
  160.  .container_stats {
  161.    width: 600px;
  162.    height: 115px;
  163.    margin-top: -166px;
  164.    border-radius: 6px;
  165.    background-color: #1a1a1a;
  166.    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  167.    float: left;
  168.    overflow: auto;
  169.    padding-top: -1px;
  170.    margin-left: 330px;
  171.  }
  172.  
  173.  .container_listmenu {
  174.    width: 200px;
  175.    height: 410px;
  176.    margin-top: 20px;
  177.    border-radius: 6px;
  178.    margin-right: 30px;
  179.    float: left;
  180.    overflow: auto;
  181.  }
  182.  
  183.  .container_settings {
  184.    width: 670px;
  185.    height: 800px;
  186.    margin-top: 20px;
  187.    border-radius: 6px;
  188.    background-color: #1a1a1a;
  189.    margin-right: 30px;
  190.    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  191.    float: left;
  192.    overflow: auto;
  193.  }
  194.  
  195.  .content_wrapper {
  196.    margin-right: auto;
  197.    margin-left: auto;
  198.    max-width: 930px;
  199.    margin-top: 100px;
  200.    width: auto;
  201.  }
  202.  
  203.  .welcome_text {
  204.    font-size: 100px;
  205.    word-wrap: break-word;
  206.    hyphens: auto;
  207.  }
  208.  
  209.  .w_t_sm {
  210.    font-size: 95px;
  211.    display: inline;
  212.    background: -webkit-linear-gradient(#FFAFBD, #ffc3a0);
  213.    -webkit-background-clip: text;
  214.    -webkit-text-fill-color: transparent;
  215.  }
  216.  
  217.  .co_txt {
  218.    font-size: 13px;
  219.    padding: 10px;
  220.    padding-top: 5px;
  221.    word-wrap: break-word;
  222.    overflow: hidden;
  223.    hyphens: auto;
  224.  }
  225.  
  226.  .feed_txt {
  227.    font-size: 20px;
  228.    padding: 15px;
  229.    padding-top: 5px;
  230.    word-wrap: break-word;
  231.    overflow: hidden;
  232.    hyphens: auto;
  233.  }
  234.  
  235.  .logo_nav_image {
  236.    margin: -5px;
  237.    position: absolute;
  238.    height: 32px;
  239.  }
  240.  
  241.  .nav_right_cont {
  242.    margin-top: -24px;
  243.    position: relative;
  244.  }
  245.  
  246.  .feed_title {
  247.    padding-top: 10px;
  248.    font-size: 17px;
  249.    margin-bottom: -13px;
  250.  }
  251.  
  252.  .msg_sender {
  253.    margin-top: 35px;
  254.  }
  255.  
  256.  .msg_sender_img {
  257.    float: left;
  258.    padding-right: 10px;
  259.    border-radius: 500px;
  260.  }
  261.  
  262.  .msg_sender_name {
  263.    margin-top: -3px;
  264.  }
  265.  
  266.  .msg_sender_datetime {
  267.    font-size: 13px;
  268.  }
  269.  
  270.  .msg_s_i {
  271.    border-radius: 500px;
  272.  }
  273.  
  274.  .msg_sender_content {
  275.    margin-top: 10px;
  276.    font-size: 15px;
  277.  }
  278.  
  279.  .msg_online {
  280.    margin-top: 25px;
  281.    margin-left: 15px;
  282.  }
  283.  
  284.  .msg_sender_status {
  285.    font-size: 13px;
  286.  }
  287.  
  288.  .msg_green {
  289.    color: #71d18c;
  290.  }
  291.  
  292.  .msg_amber {
  293.    color: #d19671;
  294.  }
  295.  
  296.  .friends_title {
  297.    padding: 15px;
  298.    margin-bottom: -25px;
  299.    font-size: 17px;
  300.  }
  301.  
  302.  ::-webkit-scrollbar {
  303.    width: 10px;
  304.  }
  305.  
  306.  ::-webkit-scrollbar-thumb {
  307.    background: #292929;
  308.  }
  309.  
  310.  ::-webkit-scrollbar-thumb:hover {
  311.    background: #555;
  312.  }
  313.  
  314.  .badge_name {
  315.    padding-top: 8px;
  316.  }
  317.  
  318.  .user_title {
  319.    padding-top: 10px;
  320.    font-size: 40px;
  321.  }
  322.  
  323.  .user_bio {
  324.    padding-top: 8px;
  325.    font-size: 16px;
  326.  }
  327.  
  328.  .user_stats {
  329.    padding: 15px;
  330.  }
  331.  
  332.  .po {
  333.    float: right;
  334.  }
  335.  
  336.  .dropdown {
  337.    width: 200px;
  338.    height: 230px;
  339.    border-radius: 6px;
  340.    background-color: #1a1a1a;
  341.    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  342.    position: absolute;
  343.    right: 0;
  344.    top: 50px;
  345.    opacity: 0;
  346.    transition: opacity 0.2s 0.2s;
  347.  }
  348.  
  349.  .drop_object {
  350.    color: white;
  351.    text-decoration: none;
  352.    padding-left: 15px;
  353.    margin-top: 5px;
  354.    height: 10px;
  355.    display: block;
  356.    z-index: 100;
  357.  
  358.  }
  359.  
  360.  .drop_lower_topspec {
  361.    margin-top: 10px;
  362.  }
  363.  
  364.  .l_bl {
  365.    padding-right: 20px;
  366.    float: right;
  367.    color: #87c1ed;
  368.    padding-top: 5px;
  369.  }
  370.  
  371.  .d_bl {
  372.    padding-right: 20px;
  373.    float: right;
  374.    color: #438cc4;
  375.    padding-top: 5px;
  376.  }
  377.  
  378.  
  379.  .nav_right_cont:hover .dropdown {
  380.    opacity: 1;
  381.    transition: opacity 0.2s;
  382.  }
  383.  
  384.  .button {
  385.    text-align: center;
  386.    background-color: #333333;
  387.    height: 30px;
  388.    border-radius: 6px;
  389.    padding-top: 8px;
  390.    box-shadow: 0 10px 50px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  391.    cursor: pointer;
  392.  }
  393.  
  394.  .set_info_pane {
  395.    margin-top: 15px;
  396.  }
  397.  
  398.  .button:hover {
  399.    color: #b0b0b0;
  400.  }
  401.  
  402.  .user_idinf {
  403.    float: right;
  404.    color: grey;
  405.    font-size: 14px;
  406.    margin-top: -55px;
  407.  }
  408.  
  409.  .set_input {
  410.    width: 200px;
  411.    height: 30px;
  412.    margin-top: 10px;
  413.    background-color: #333333;
  414.    border: 0;
  415.    border-radius: 6px;
  416.    color: white;
  417.    padding-left: 5px;
  418.  }
  419.  
  420.  .set_textarea {
  421.    width: 400px;
  422.    height: 150px;
  423.    margin-top: 10px;
  424.    background-color: #333333;
  425.    border: 0;
  426.    border-radius: 6px;
  427.    color: white;
  428.    padding-left: 5px;
  429.  }
  430.  
  431.  .triad_ele {
  432.    width: 40px;
  433.    height: 40px;
  434.    display: inline-block;
  435.    margin-left: 6px;
  436.    margin-right: 6px;
  437.    border-radius: 6px;
  438.    margin-top: 5px;
  439.    cursor: pointer;
  440.  }
  441.  
  442.  .list_triad {
  443.    text-align: center;
  444.    margin-top: 16px;
  445.    width: 100%;
  446.  }
  447.  
  448.  .red {
  449.    background-color: #d14747;
  450.  }
  451.  
  452.  .green {
  453.    background-color: #46b033;
  454.  }
  455.  
  456.  .purple {
  457.    background-color: #8c48d4;
  458.  }
  459.  
  460.  .yellow {
  461.    background-color: #d6ac38;
  462.  }
  463.  
  464.  .blue {
  465.    background-color: #387fd6;
  466.  }
  467.  
  468.  .gradBtn {
  469.    background: linear-gradient(270deg, #25c89e, #627872);
  470.    background-size: 400% 400%;
  471.    -webkit-animation: gradBtn 0.1s ease infinite;
  472.    -moz-animation: gradBtn 0.1s ease infinite;
  473.    animation: gradBtn 0.1s ease infinite;
  474.  }
  475.  
  476.  @-webkit-keyframes gradBtn gradCancel {
  477.    0% {
  478.      background-position: 46% 0%;
  479.    }
  480.  
  481.    50% {
  482.      background-position: 55% 100%;
  483.    }
  484.  
  485.    100% {
  486.      background-position: 46% 0%;
  487.    }
  488.  }
  489.  
  490.  @-moz-keyframes gradBtn gradCancel {
  491.    0% {
  492.      background-position: 46% 0%;
  493.    }
  494.  
  495.    50% {
  496.      background-position: 55% 100%;
  497.    }
  498.  
  499.    100% {
  500.      background-position: 46% 0%;
  501.    }
  502.  }
  503.  
  504.  @keyframes gradBtn gradCancel {
  505.    0% {
  506.      background-position: 46% 0%;
  507.    }
  508.  
  509.    50% {
  510.      background-position: 55% 100%;
  511.    }
  512.  
  513.    100% {
  514.      background-position: 46% 0%;
  515.    }
  516.  }
  517.  
  518.  .gradCancel {
  519.    background: linear-gradient(270deg, #c64e4e, #a13232, #7a5151);
  520.    background-size: 600% 600%;
  521.    -webkit-animation: GradCancel 0.1s ease infinite;
  522.    -moz-animation: GradCancel 0.1s ease infinite;
  523.    animation: GradCancel 0.1s ease infinite;
  524.  }
  525.  
  526.  .acc_label {
  527.    margin-top: 40px;
  528.    margin-left: 3px;
  529.    margin-bottom: 6px;
  530.  }
  531.  
  532.  .logsigninput {
  533.    padding: 5px;
  534.    width: 220px;
  535.    border-radius: 6px;
  536.    border: 0px;
  537.  }
  538.  
  539.  .infotip {
  540.    position: relative;
  541.    display: inline-block;
  542.    border-bottom: 1px dotted black;
  543.  }
  544.  
  545.  .infotip .tooltiptext {
  546.    visibility: hidden;
  547.    width: auto;
  548.    min-width: 300px;
  549.    background-color: black;
  550.    color: #fff;
  551.    text-align: center;
  552.    border-radius: 6px;
  553.    padding: 5px;
  554.    font-size: 14px;
  555.    margin-left: 9px;
  556.    opacity: 0.6;
  557.    transition: 0.1s;
  558.  
  559.    /* Position the tooltip */
  560.    position: absolute;
  561.    z-index: 1;
  562.    top: -5px;
  563.    left: 105%;
  564.  }
  565.  
  566.  .g-recaptcha {
  567.    margin-left: 3px;
  568.    margin-top: 40px;
  569.  }
  570.  
  571.  .lets_go_bttn {
  572.    margin-left: 3px;
  573.    margin-top: 40px;
  574.    width: 100px;
  575.    height: 40px;
  576.    border-radius: 6px;
  577.    border: 0px;
  578.    background-color: white;
  579.  }
  580.  
  581.  .infotip:hover .tooltiptext {
  582.    visibility: visible;
  583.    opacity: 1;
  584.  }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top