Tweakers Custom CSS

@import "https://fonts.googleapis.com/css?family=Ubuntu";

* {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: 'Ubuntu', serif;
}

#menubottombar, #search #true, #tracker, #trackerStretch, .tracker, body.hasTracker #tracker, #searchbar, #jobs, #bottom, #tracker .fakeTop, .flagNL div {
    visibility: hidden !important;
    display: none !important;
}

.article {
    text-align: justify;
}

body.hasTracker {
    margin-left: 0;
}

#top {
    background-color: #00497c !important;
    border-bottom: 0;
}

#layout {
    clear: both;
    padding-bottom: 0;
    background: white;
}

#contentArea{
    border: 0px solid;
    margin: 0 auto;
}

.ratingcount {
    color: #fff !important;
    border: 1px solid #bbbebe;
    border-radius: 1px;
    height: 22px;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2), 0 0 2px rgba(0, 0, 0, .2);
    background: #dcdfdf;
    background-image: -webkit-linear-gradient(#dcdfdf, #c5c8c8);
    background-image: -moz-linear-gradient(#dcdfdf, #c5c8c8);
    background-image: linear-gradient(#dcdfdf, #c5c8c8);
}

.can_be_rated .ratingcount {
    background: #929494;
    background-image: -webkit-linear-gradient(#929494, #7d8080);
    background-image: -moz-linear-gradient(#929494, #7d8080);
    background-image: linear-gradient(#929494, #7d8080);
    border-color: #7c7e7e;
}

.has_ratings .ratingcount {
    background: #cbda30;
    background-image: -webkit-linear-gradient(#cbda30, #c1d203);
    background-image: -moz-linear-gradient(#cbda30, #c1d203);
    background-image: linear-gradient(#cbda30, #c1d203);
    border-color: #b6c600;
}

#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%, 100%, 25%, 40%, 50% {
        -webkit-transform: translateY(0);
    }

    20%, 30% {
        -webkit-transform: translateY(-10px);
    }
}
@keyframes bounce {
    0%, 10%, 100%, 25%, 40%, 50% {
        transform: translateY(0);
    }

    20%, 30% {
        transform: translateY(-10px);
    }
}

.fpaItem a:hover, h1, h1 a, h2, h2 a {
    color: #00497c !important;
}

#menubar, #tracker .fakeTop {
    background: #00497c! important;
    background-image: -webkit-linear-gradient(#00497c, #0B4884 68px) !important;
    background-image: -moz-linear-gradient(#00497c, #0B4884 68px) !important;
    background-image: linear-gradient(#00497c, #0B4884 68px) !important;
}

#logo:hover, #menu > ul > li:hover {
    background: #00497c;
    height: 43px
}

#menubar {
    box-shadow: inset 0 -1px 0 #385C7F !important;
}

#categoryBrowser li.active, #categoryBrowser li.active.more, #logo:hover, #menu .dropdown ul li:hover, #menu li:hover, .dropdown ul li:hover, .pageTabs .more>ul li:hover {
    background: #158;
    background-image: -webkit-linear-gradient(#158, #1D618E);
    background-image: -moz-linear-gradient(#158, #1D618E);
    background-image: linear-gradient(#158, #1D618E);
}

#categoryBrowser li.active.more {
    background: url(//tweakimg.net/g/if/categories/arrows.png) 252px -18px no-repeat, -webkit-linear-gradient(#158, #1D618E);
    background: url(//tweakimg.net/g/if/categories/arrows.png) 252px -18px no-repeat, -moz-linear-gradient(#158, #1D618E);
    background: url(//tweakimg.net/g/if/categories/arrows.png) 252px -18px no-repeat, linear-gradient(#158, #1D618E);
}