TikTok Clock! a 2012-like theme. (Unfinised) by underscoreangel

/* ==UserStyle==
@name           TikTok Clock!
@namespace      underscoreangel.neocities.org
@version        0.0.1
@description    A TikTok CSS theme that aims to replicate 2012 look of websites. the theme is incomplete at the moment and needs lots of fixing, i will be updating it.
@author         UnderscoreAngel
==/UserStyle== */

@-moz-document domain("tiktok.com") {
    
body {background: linear-gradient(to bottom, #343434 0px, #2e2e2e 100%) !important;}

/*Top Bar*/
.css-xk7ai4-DivHeaderContainer {
	box-shadow: 0px 0px 8px #111!important;
	height: 40px;
	background-image: linear-gradient(to bottom, #2e2e2e 0px, #1e1e1e 100%) !important;
}

/*Search bar*/
.css-dhqzc6-FormElement {
	padding: 12px 16px;
	background: linear-gradient(to bottom, #3b3b3b 0px, #4c4c4c 100%) !important;
	border-radius: 2px;
    height: 30px;
 }

/*Profile Icon*/
.css-15iwytd-DivProfileContainer {
	border-radius: 10%;
    height: 30px;
    width: 30px;
}

/*Upload Button*/
.css-1qup28j-DivUpload {
	background-image: linear-gradient(to bottom, #3d3d3d 0px, #262626 100%) !important;
    box-shadow: 0px 0px 8px #111!important;
    height: 30px;
}
.css-y3rt08-SpanUploadText {
	color: white;
}
.css-qeydvm-StyledPlusIcon {
    color: white;
}

/*TopBar Icons (Inbox & Msg)*/
.css-y48l9g-StyledIcon {
  color: white;
}
.css-1g0p6jv-StyledInboxIcon {
  color: white;
}

/*Sidebar*/
.css-qf469v-DivScrollContainer-StyledScroll {
	top: 40px;
	width: 230px;
	background-image: linear-gradient(to bottom, #fff 0px, #d2d2d2 100%) !important;
	padding-right: 0px;
    box-shadow: 0px 0px 8px #111111b0!important;
}
.css-bt9hlt-DivWrapper {
	padding: 10px 12px 2px 1px;
	min-height: 5%;
}
.css-nwhccz-UlMainNav {
	margin-bottom: -5px;
    margin-top: -5px; 
}
/*Sidebar Icons & Txt*/
.css-1dhhdo4-SpanMainNavText {
    font-weight: 500;
	font-size: 18px;
	line-height: 10px;
	margin-left: 8px;
}
.css-35pnuj-SpanMainNavText {
	font-weight: 700;
	font-size: 18px;
	line-height: 10px;
	margin-left: 8px;
}
.css-i6e8iz-ImgAvatar {
	border-radius: 20%;
    height: 28px;
    width: 28px;
}

/*Avatars Profile icons*/
.css-gcksof-SpanAvatarContainer-StyledAvatar {
	border-radius: 0%;
    box-shadow: 0px 0px 8px #11111182!important;
    border-color: #bbb ;
    border-width: 3px;
    border-style: solid;
}

/*Follow Button*/
.css-1847gtm-Button-StyledFollowButtonTux {
	background-image: linear-gradient(to bottom, #ff6060 0px, #c63f3f 100%) !important;
	border-color: #a13232 ;
    box-shadow: 0px 0px 8px #11111185!important;
    color: white;
}

.css-yf3ohr-DivContainer {
    border-radius: 0px!important;
    box-shadow: 0px 0px 8px #111111b0!important;
}

/*Homepage video card*/
.css-14bp9b0-DivItemContainer {
    background-image: linear-gradient(to bottom, #fff 0px, #d2d2d2 100%) !important;
    padding-left: 20px;
    border-radius: 1%;
    box-shadow: 0px 0px 12px #111111b0!important;
    margin-bottom: 20px;
}

/*Profile Pages*/
.css-1hfe8ic-DivShareLayoutContentV2 {
    background-image: linear-gradient(to bottom, #fff 0px, #d2d2d2 100%) !important;
}

.css-1holeui {
	display: none;
}
.css-iso3pp {
    display: none;
}

/*Buttons on Scrollpage*/
.css-6jur1x-SpanIconWrapper {
	border-radius: 0%;
    background-image: linear-gradient(to bottom, #fff 0px, #d2d2d2 100%) !important;
     box-shadow: 0px 0px 12px #1111114f!important;
}

/*Description Card*/
.css-pcqxr7-DivDescriptionContentWrapper {
	background-image: linear-gradient(to bottom, #fff 0px, #d2d2d2 100%) !important;
	border-radius: 2px;
    box-shadow: 0px 0px 12px #1111114f!important;
}

/*Like, Comment & Bookmark*/
.css-3ahw3w-SpanIconWrapper {
	background-image: linear-gradient(to bottom, #fff 0px, #d2d2d2 100%) !important;
	border-radius: 2px;
    box-shadow: 0px 0px 12px #1111114f!important;
}

/*WatchPage Background*/
.css-1qjw4dg-DivContentContainer {
background-image: linear-gradient(to bottom, #2e2e2e 0px, #1e1e1e 100%) !important;
}

/*WatchPage Elements*/
.css-w1dlre-StrongText {
	color: #1e1e1e;
}
.css-1v8b11s-PCopyLinkText {
    background-image: linear-gradient(to bottom, #fff 0px, #d2d2d2 100%) !important;
    box-shadow: 0px 0px 12px #1111114f!important;
}
.css-7e23lp-ButtonCopyLink {
	background-image: linear-gradient(to bottom, #7d7d7d 0px, #595959 100%) !important;
    box-shadow: 0px 0px 12px #1111114f!important;
}
.css-h5r7le-DivTabMenuWrapper {
	background: transparent;
}
.css-15wq8g0-DivTabItem {
	color: rgb(228, 229, 232);
}
.css-1iu17z5-DivTabItem {
	color: #6d6d6d;
}
.css-xakz2y-ButtonActionItem {
    background-image: linear-gradient(to bottom, #7d7d7d 0px, #595959 100%) !important;
    padding-right: 6px;
    border-radius: 3px;
}

/*Comments*/
.css-19hqadz-DivBottomCommentContainer {
	background-image: linear-gradient(to bottom, #fff 0px, #d2d2d2 100%) !important;
	margin: 0px 1px;
	padding: 19px 10px;
}
.css-1un92a9-DivInputAreaContainer {
    border-radius: 3px!important;
    box-shadow: 0px 0px 12px #1111114f!important;
}
.css-ulyotp-DivCommentContentContainer {
    background-image: linear-gradient(to bottom, #fff 0px, #d2d2d2 100%) !important;
    border-radius: 3px!important;
    padding: 19px 10px;
}
.css-tuohvl-SpanAvatarContainer {
    box-shadow: 0px 0px 12px #1111114f!important;
	border-radius: 8%;
}

/*Vertical WatchPage*/
.css-zs9tvf-DivBrowserModeInputBorder {
	border-radius: 2px;
}
.css-mebjpe-FormElement {
	padding: 6px 16px;
	border-radius: 2px;
    background-image: linear-gradient(to bottom, #ffffff7a 0px, #d2d2d278 100%) !important;
}
.css-pj2fot-DivReportText {
	border-radius: 2px;
    background-image: linear-gradient(to bottom, #11111182 0px, #111111b0 100%) !important;
    box-shadow: 0px 0px 12px #1111114f!important;
}
.css-yg0pvs-ButtonBasicButtonContainer-StyledCloseIconContainer {
   margin-left: -30px;
   margin-top: -30px;
   width: 60px;
   height: 60px;
}
.css-1s9jpf8-ButtonBasicButtonContainer-StyledVideoSwitch {
	border-radius: 4%;
    background-image: linear-gradient(to bottom, #11111182 0px, #111111b0 100%) !important;
    box-shadow: 0px 0px 12px #1111114f!important;
}
.css-weccem-DivAutoScrollButtonContainer {
    background-image: linear-gradient(to bottom, #11111182 0px, #111111b0 100%) !important;
    box-shadow: 0px 0px 12px #1111114f!important;
	border-radius: 4%;
}
.css-6mttet-ButtonVoiceControlNew {
    background-image: linear-gradient(to bottom, #11111182 0px, #111111b0 100%) !important;
    box-shadow: 0px 0px 12px #1111114f!important;
	border-radius: 4%;
}
.css-oit0gv-DivVoiceControlContainer{
    background-image: linear-gradient(to bottom, #11111182 0px, #111111b0 100%) !important;
    box-shadow: 0px 0px 12px #1111114f!important;
	border-radius: 4%; 
    }
.css-1w6o9i7-ButtonBasicButtonContainer-StyledVideoSwitch {
    background-image: linear-gradient(to bottom, #11111182 0px, #111111b0 100%) !important;
    box-shadow: 0px 0px 12px #1111114f!important;
	border-radius: 4%; 
}
}