Raw Source Toggle Dropdown

• Minified Source

blopit / H3O

// ==UserScript==
// @name         H3O
// @namespace    IC Change
// @version      1.0
// @description  nice and smooth bby
// @author       3Legs
// @include      http://community.imgur.com/*
// @include      https://community.imgur.com/*
// @run-at       document-end
// @grant        Nothing!
// ==/UserScript==

function addGlobalStyle(css) {
    var head, style;
    head = document.getElementsByTagName('head')[0];
    if (!head) { return; }
    style = document.createElement('style');
    style.type = 'text/css';
    style.innerHTML = css;
    head.appendChild(style);
}


addGlobalStyle(`
/*move right on hover*/

.topic-list .main-link {
    position: relative;
    transition: all 0.1s;
    -moz-transition: all 0.1s;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
}
.topic-list .main-link a.title {
    transition: all 0.1s;
    -moz-transition: all 0.1s;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
}
.topic-list .main-link:hover {
    padding-left: 32px;
    color: red;
}
.topic-list .main-link:hover a.title {
    text-shadow: 0 0 3px rgba(57, 196, 66, 0.5);
}
/*scale image on hover*/

.topic-list .posters>a {
    width: 50px;
    height: 50px;
    margin: -12px -12px -12px -12px;
}
.posters a img.avatar {
    width: 50px;
    height: 50px;
    transform: scale(0.5, 0.5);
    transition: all 0.1s;
    filter: none;
    -moz-transition: all 0.1s;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
}
.posters a img.avatar:hover {
    transform: scale(0.75, 0.75);
    box-shadow: 0 0 3px 1px #cccef3;
    position: absolute;
    z-index: 1;
}
/*blur on hover css*/
/*.topic-list:hover .topic-list-item {
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -o-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: blur(1px);
}
.topic-list .topic-list-item:hover {
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
    -o-filter: blur(0);
    -ms-filter: blur(0);
    filter: blur(0);
}*/

.topic-list a.title {
    color: #073642;
}
.topic-list a.title:visited {
    color: #93A1A1;
}
html {
    background-color: #9CA19C;
}
.timeline-container .topic-timeline .timeline-ago {
    color: #073642;
}
.timeline-container .topic-timeline .start-date {
    color: #073642;
}
.timeline-container .topic-timeline .now-date {
    color: #073642;
}
.timeline-container .topic-timeline .timeline-footer-controls button {
    transition-duration: 0.3s;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.discourse-no-touch .topic-body .actions .fade-out {
    -moz-border-radius: 6px;
    border-radius: 6px;
}
#topic-footer-buttons .btn {
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.nav-pills>li>a {
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.timeline-container .topic-timeline .timeline-handle {
    cursor: -webkit-grab;
    cursor:-moz-grab;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.timeline-container .topic-timeline .timeline-handle:active {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
}
.timeline-container {
    cursor: -webkit-grab;
    cursor: -moz-grab;
}
.timeline-container:active {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
}
.timeline-container .topic-timeline .timeline-scroller {
    cursor: -webkit-grab;
    cursor: -moz-grab;
}
.timeline-container .topic-timeline .timeline-scroller:active {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
}
.topic-body {
    position: relative;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.topic-body:before,
.topic-body:after {
    content: "";
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    top: 50%;
    bottom: 0;
    left: 10px;
    right: 10px;
    -moz-border-radius: 100px / 10px;
    border-radius: 100px / 10px;
}
.topic-body:after {
    right: 10px;
    left: auto;
    -webkit-transform: skew(8deg) rotate(3deg);
    -moz-transform: skew(8deg) rotate(3deg);
    -ms-transform: skew(8deg) rotate(3deg);
    -o-transform: skew(8deg) rotate(3deg);
    transform: skew(8deg) rotate(3deg);
}
.topic-list>tbody>tr {
    border-bottom: 0 solid #000;
}
body .heatmap-high {
    color: #59C442 !important;
}
body .heatmap-med {
    color: #26910F !important;
}
body .heatmap-low {
    color: #205E00 !important;
}

`);