Last active
May 29, 2019 10:23
-
-
Save RobThree/1b85c3dda0890ec32182c5cc4b5c9e49 to your computer and use it in GitHub Desktop.
Maak je Tweakers.net frontpage weer bruikbaar
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Automatisch spoilers tonen bij hover */ | |
div.spoiler:hover { | |
color: white !important; | |
} | |
/* Quotes donkerder dan posts */ | |
.message-quote-div { | |
background-color: #dddede !important; | |
border: 1px solid #c8c8c8 !important; | |
color: #000 !important; | |
} | |
/* Gekke speechbubbles weg */ | |
.commentCount { | |
color: #616464 !important; | |
background: none !important; | |
} | |
/* Paging voor dikke vingers */ | |
.pageIndex .pageDistribution a { | |
padding: 3px 10px; | |
} | |
/* Usabillia dinges weg */ | |
.giveFeedback { display: none; } | |
/* Notify icon bounce */ | |
#userbar li.icon.unread { | |
-webkit-animation-duration: 5s; | |
animation-duration: 5s; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-timing-function: linear; | |
animation-timing-function: linear; | |
animation-iteration-count:infinite; | |
-webkit-animation-iteration-count:infinite; | |
-webkit-animation-name: bounce; | |
animation-name: bounce; | |
-webkit-animation-delay: 2s; | |
animation-delay: 2s; | |
} | |
@-webkit-keyframes bounce { | |
0%, 10%, 25%, 40%, 50%, 100% {-webkit-transform: translateY(0);} | |
20%, 30% {-webkit-transform: translateY(-10px);} | |
} | |
@keyframes bounce { | |
0%, 10%, 25%, 40%, 50%, 100% {transform: translateY(0);} | |
20%, 30% {transform: translateY(-10px);} | |
} | |
/* Bruikbare frontpage */ | |
#categoryBar, | |
.fpAnkeiler, | |
.inBetweenContent, | |
#highlightedProducts, | |
#newsletter, | |
.secondColumn { | |
display: none; | |
} | |
table.highlights td { | |
padding: 0; | |
line-height: normal; | |
} | |
.mainColumn { | |
width: 100% !important; | |
} | |
.download, .review, .deals, .promo { | |
display: none; | |
} | |
.communityReviews, | |
.communityTopics, | |
.communityBlogs { | |
display: flex; | |
justify-content: center; | |
flex-wrap: wrap; | |
} | |
#community .communityReviews .communityItem, | |
#community .communityTopics .communityItem, | |
#community .communityBlogs .communityItem { | |
border: 0px; | |
margin: 10px 10px; | |
} | |
#layout .mainColumn.frontpage { | |
border: 0px; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment