Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*
- ALICE FOR TETRIMUS
- ALL RIGHTS RESERVED
- (C) Doublefold
- @nakotami < Twitter
- */
- @import url('https://fonts.googleapis.com/css?family=DM+Sans:400,700&display=swap');
- body {
- background-color: #292929;
- font-family: 'DM Sans', sans-serif;
- color: white;
- }
- a {
- color: #7293cc;
- }
- .navbar {
- background-color: #1a1a1a;
- width: auto;
- min-width: 320px;
- max-width: 100%;
- min-height: 42px;
- max-height: 300px;
- height: auto;
- border-radius: 6px;
- color: white;
- margin-bottom: 5px;
- -moz-user-select: none;
- -webkit-user-select: none;
- user-select: none;
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
- }
- .nav_element {
- display: inline;
- padding-right: 20px;
- font-size: 13px;
- cursor: pointer;
- }
- .nav_elements {
- padding-top: 9px;
- padding-left: 15px;
- position: relative;
- }
- .profile_element {
- margin-top: -9px;
- float: right;
- padding-right: 0px;
- list-style-type: none;
- }
- .profile_element_image {
- border-bottom-right-radius: 5.5px;
- border-top-right-radius: 5.5px;
- }
- .name {
- margin-top: 3px;
- float: right;
- }
- .nav_search {
- text-align: center;
- padding-right: 20px;
- margin-top: -21px;
- list-style-type: none;
- }
- .nav_searcher {
- border-radius: 15px;
- border: none;
- outline: none;
- padding-left: 10px;
- height: 20px;
- width: 300px;
- }
- .material_icons {
- position: absolute;
- text-align: center;
- }
- #fost {
- padding-left: 10px;
- }
- .container_user {
- width: 300px;
- height: 410px;
- margin-top: 20px;
- border-radius: 6px;
- background-color: #1a1a1a;
- margin-right: 30px;
- box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
- float: left;
- overflow: auto;
- }
- .container_feed {
- width: 600px;
- height: 650px;
- margin-top: 20px;
- border-radius: 6px;
- background-color: #1a1a1a;
- box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
- float: left;
- overflow: auto;
- padding-top: -1px;
- }
- .container_bio {
- width: 600px;
- height: 225px;
- margin-top: 20px;
- border-radius: 6px;
- background-color: #1a1a1a;
- box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
- float: left;
- overflow: auto;
- padding-top: -1px;
- }
- .container_friends {
- width: 300px;
- height: 400px;
- border-radius: 6px;
- background-color: #1a1a1a;
- box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
- margin-top: 450px;
- position: absolute;
- overflow: auto;
- word-wrap: break-word;
- hyphens: auto;
- }
- .container_badges {
- width: 600px;
- min-height: 350px;
- height: auto;
- margin-top: -30px;
- border-radius: 6px;
- background-color: #1a1a1a;
- box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
- float: left;
- overflow: auto;
- padding-top: -1px;
- margin-left: 330px;
- }
- .container_stats {
- width: 600px;
- height: 115px;
- margin-top: -166px;
- border-radius: 6px;
- background-color: #1a1a1a;
- box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
- float: left;
- overflow: auto;
- padding-top: -1px;
- margin-left: 330px;
- }
- .container_listmenu {
- width: 200px;
- height: 410px;
- margin-top: 20px;
- border-radius: 6px;
- margin-right: 30px;
- float: left;
- overflow: auto;
- }
- .container_settings {
- width: 670px;
- height: 800px;
- margin-top: 20px;
- border-radius: 6px;
- background-color: #1a1a1a;
- margin-right: 30px;
- box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
- float: left;
- overflow: auto;
- }
- .content_wrapper {
- margin-right: auto;
- margin-left: auto;
- max-width: 930px;
- margin-top: 100px;
- width: auto;
- }
- .welcome_text {
- font-size: 100px;
- word-wrap: break-word;
- hyphens: auto;
- }
- .w_t_sm {
- font-size: 95px;
- display: inline;
- background: -webkit-linear-gradient(#FFAFBD, #ffc3a0);
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent;
- }
- .co_txt {
- font-size: 13px;
- padding: 10px;
- padding-top: 5px;
- word-wrap: break-word;
- overflow: hidden;
- hyphens: auto;
- }
- .feed_txt {
- font-size: 20px;
- padding: 15px;
- padding-top: 5px;
- word-wrap: break-word;
- overflow: hidden;
- hyphens: auto;
- }
- .logo_nav_image {
- margin: -5px;
- position: absolute;
- height: 32px;
- }
- .nav_right_cont {
- margin-top: -24px;
- position: relative;
- }
- .feed_title {
- padding-top: 10px;
- font-size: 17px;
- margin-bottom: -13px;
- }
- .msg_sender {
- margin-top: 35px;
- }
- .msg_sender_img {
- float: left;
- padding-right: 10px;
- border-radius: 500px;
- }
- .msg_sender_name {
- margin-top: -3px;
- }
- .msg_sender_datetime {
- font-size: 13px;
- }
- .msg_s_i {
- border-radius: 500px;
- }
- .msg_sender_content {
- margin-top: 10px;
- font-size: 15px;
- }
- .msg_online {
- margin-top: 25px;
- margin-left: 15px;
- }
- .msg_sender_status {
- font-size: 13px;
- }
- .msg_green {
- color: #71d18c;
- }
- .msg_amber {
- color: #d19671;
- }
- .friends_title {
- padding: 15px;
- margin-bottom: -25px;
- font-size: 17px;
- }
- ::-webkit-scrollbar {
- width: 10px;
- }
- ::-webkit-scrollbar-thumb {
- background: #292929;
- }
- ::-webkit-scrollbar-thumb:hover {
- background: #555;
- }
- .badge_name {
- padding-top: 8px;
- }
- .user_title {
- padding-top: 10px;
- font-size: 40px;
- }
- .user_bio {
- padding-top: 8px;
- font-size: 16px;
- }
- .user_stats {
- padding: 15px;
- }
- .po {
- float: right;
- }
- .dropdown {
- width: 200px;
- height: 230px;
- border-radius: 6px;
- background-color: #1a1a1a;
- box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
- position: absolute;
- right: 0;
- top: 50px;
- opacity: 0;
- transition: opacity 0.2s 0.2s;
- }
- .drop_object {
- color: white;
- text-decoration: none;
- padding-left: 15px;
- margin-top: 5px;
- height: 10px;
- display: block;
- z-index: 100;
- }
- .drop_lower_topspec {
- margin-top: 10px;
- }
- .l_bl {
- padding-right: 20px;
- float: right;
- color: #87c1ed;
- padding-top: 5px;
- }
- .d_bl {
- padding-right: 20px;
- float: right;
- color: #438cc4;
- padding-top: 5px;
- }
- .nav_right_cont:hover .dropdown {
- opacity: 1;
- transition: opacity 0.2s;
- }
- .button {
- text-align: center;
- background-color: #333333;
- height: 30px;
- border-radius: 6px;
- padding-top: 8px;
- box-shadow: 0 10px 50px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
- cursor: pointer;
- }
- .set_info_pane {
- margin-top: 15px;
- }
- .button:hover {
- color: #b0b0b0;
- }
- .user_idinf {
- float: right;
- color: grey;
- font-size: 14px;
- margin-top: -55px;
- }
- .set_input {
- width: 200px;
- height: 30px;
- margin-top: 10px;
- background-color: #333333;
- border: 0;
- border-radius: 6px;
- color: white;
- padding-left: 5px;
- }
- .set_textarea {
- width: 400px;
- height: 150px;
- margin-top: 10px;
- background-color: #333333;
- border: 0;
- border-radius: 6px;
- color: white;
- padding-left: 5px;
- }
- .triad_ele {
- width: 40px;
- height: 40px;
- display: inline-block;
- margin-left: 6px;
- margin-right: 6px;
- border-radius: 6px;
- margin-top: 5px;
- cursor: pointer;
- }
- .list_triad {
- text-align: center;
- margin-top: 16px;
- width: 100%;
- }
- .red {
- background-color: #d14747;
- }
- .green {
- background-color: #46b033;
- }
- .purple {
- background-color: #8c48d4;
- }
- .yellow {
- background-color: #d6ac38;
- }
- .blue {
- background-color: #387fd6;
- }
- .gradBtn {
- background: linear-gradient(270deg, #25c89e, #627872);
- background-size: 400% 400%;
- -webkit-animation: gradBtn 0.1s ease infinite;
- -moz-animation: gradBtn 0.1s ease infinite;
- animation: gradBtn 0.1s ease infinite;
- }
- @-webkit-keyframes gradBtn gradCancel {
- 0% {
- background-position: 46% 0%;
- }
- 50% {
- background-position: 55% 100%;
- }
- 100% {
- background-position: 46% 0%;
- }
- }
- @-moz-keyframes gradBtn gradCancel {
- 0% {
- background-position: 46% 0%;
- }
- 50% {
- background-position: 55% 100%;
- }
- 100% {
- background-position: 46% 0%;
- }
- }
- @keyframes gradBtn gradCancel {
- 0% {
- background-position: 46% 0%;
- }
- 50% {
- background-position: 55% 100%;
- }
- 100% {
- background-position: 46% 0%;
- }
- }
- .gradCancel {
- background: linear-gradient(270deg, #c64e4e, #a13232, #7a5151);
- background-size: 600% 600%;
- -webkit-animation: GradCancel 0.1s ease infinite;
- -moz-animation: GradCancel 0.1s ease infinite;
- animation: GradCancel 0.1s ease infinite;
- }
- .acc_label {
- margin-top: 40px;
- margin-left: 3px;
- margin-bottom: 6px;
- }
- .logsigninput {
- padding: 5px;
- width: 220px;
- border-radius: 6px;
- border: 0px;
- }
- .infotip {
- position: relative;
- display: inline-block;
- border-bottom: 1px dotted black;
- }
- .infotip .tooltiptext {
- visibility: hidden;
- width: auto;
- min-width: 300px;
- background-color: black;
- color: #fff;
- text-align: center;
- border-radius: 6px;
- padding: 5px;
- font-size: 14px;
- margin-left: 9px;
- opacity: 0.6;
- transition: 0.1s;
- /* Position the tooltip */
- position: absolute;
- z-index: 1;
- top: -5px;
- left: 105%;
- }
- .g-recaptcha {
- margin-left: 3px;
- margin-top: 40px;
- }
- .lets_go_bttn {
- margin-left: 3px;
- margin-top: 40px;
- width: 100px;
- height: 40px;
- border-radius: 6px;
- border: 0px;
- background-color: white;
- }
- .infotip:hover .tooltiptext {
- visibility: visible;
- opacity: 1;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement