Skip to content

old twitter tweet buttons by melongirl

Screenshot of old twitter tweet buttons
Write a review Install Get Stylus

Details

Authormelongirl

LicenseNo License

Categorytwitter

Created

Updated

Size20 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

reverts the embedded 'tweet/post' button back to their previous looks from 2010 to 2021

Notes

includes every revision of the button!

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name           old tweet
@namespace      cant-not-tweet-this.com
@version        1.0.0
@description    i love x
@author         melo
@preprocessor   stylus
@var select style "🖼️ | Button Style" { 
    "Mid 2010": "m10",
    "Late 2010": "l10",
    "Late 2011": "l11",
    "Mid 2012*": "m12",
    "Late 2015": "l15",
    "Late 2021": "l21"
}
==/UserStyle== */

@-moz-document domain("platform.twitter.com") {
    /* Tweet Button */
    if style == m10 or style == l10 {
        .btn {
            background: transparent var(--m10) no-repeat;
            background-color:transparent!important;
            width: 55px!important;
            border-radius: 0px!important;
            if style == l10 {
                background: transparent var(--l10) no-repeat;
            }
        }
        #follow-button {
            background: transparent var(--follow) no-repeat;
            width: 61px!important;
        }
        #follow-button:hover, #follow-button:focus {
            background-position: 0 -25px;
        }
        #follow-button:active {
            background-position: 0 -50px;
        }
        .xl .btn {
            height: 20px!important;
        }
        .btn:hover, .btn:focus {
	        background-position: 0 -21px;
        }
        .btn:active {
            background-position: 0 -42px;
        }
        .btn i, .btn .label {
            display: none;
        }
    }
    if style == l11 or style == m12 {
        .btn {
            font: normal normal normal 11px/18px 'Helvetica Neue',Arial,sans-serif;
            background-color: #eee;
            background-image: linear-gradient(#fff,#dedede);
            border-radius: 3px;
            border: #ccc solid 1px;
            color: #333;
            font-weight: bold;
            text-shadow: 0 1px 0 rgba(255,255,255,.5);
            padding: 0;
        }
        .btn .label b {
            font-weight: bold!important;
        }
        .btn:focus, .btn:hover, .btn:active {
            border-color: #bbb;
            background-color: #d9d9d9;
            background-image: -webkit-linear-gradient(#f8f8f8,#d9d9d9);
            background-image: linear-gradient(#f8f8f8,#d9d9d9);
            box-shadow: none;
        }
        .xl .btn {
            border-radius: 4px;
            height: 28px;
            padding: 0;
            font-size: 13px!important;
            line-height: 26px;
        }
        .btn .label {
            padding: 0 3px 0 19px;
            white-space: nowrap;
        }
        .xl .btn .label {
            padding: 0 7px 0 29px;
        }
        .btn i {
            position: absolute;
            top: 50%;
            left: 2px;
            margin-top: -5px;
            width: 16px;
            height: 13px;
            background: transparent url(http://platform.twitter.com/widgets/images/btn.27237bab4db188ca749164efd38861b0.png) 0 0 no-repeat;
            if style == l11 {
                background: transparent var(--l11) 0 0 no-repeat;
                margin-top: -6px;
                height: 12px;
            }
        }
        .xl .btn i {
            background-position: -24px 0;
            width: 21px;
            height: 16px;
            left: 4px;
            margin-top: -6px;
            top: 50%;
        }
        .btn:focus, .following .btn:focus {
            border-color: #0089CB!important;
        }
    }
    if style == l15 or style == l21 {
        .btn {
            background-color: #1b95e0;
            if style == l15 {
                padding: 1px 8px 1px 6px;
                border-radius: 3px;
                font: normal normal normal 11px/18px 'Helvetica Neue',Arial,sans-serif;
                font-weight: 500;
            }
        }
        if style == l15 {
            .xl .btn {
                font-size: 13px!important;
                line-height: 26px;
                height: 28px;
                padding: 1px 10px 1px 9px;
                border-radius: 4px;
            }
        }
        .btn:focus, .btn:hover, .btn:active {
            background-color: #0c7abf;
        }
        .btn i {
            background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E");
        }
    }  
:root {
    if style == l11 {
        --l11: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAoCAYAAABq13MpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowNDgwMTE3NDA3MjA2ODExOTk0Q0FDM0Q4RjY5NjZDMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3ODIzMTAwNTBDQjkxMUUxQjA3MkVFRkU3QzQ5NjI4NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3ODIzMTAwNDBDQjkxMUUxQjA3MkVFRkU3QzQ5NjI4NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDU4MDExNzQwNzIwNjgxMThBNkQ5NTk3ODM0ODJEQTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDQ4MDExNzQwNzIwNjgxMTk5NENBQzNEOEY2OTY2QzEiLz4gPC9yZGY6RGVzY3Jp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');
    }
    if style == m10 {
        --m10: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAC6CAMAAAA9KyVyAAACvlBMVEUAAAC7u7vf39+dxuHL4/KdxuGkzOV6uN9To9bL4/K7u7t6uN+7u7ukzOW+ydBTo9bH2uVurdSNrb/Y6vZriJp5m6/1+v2AnrHQ5PH2+v2MpLPa6/ZqnriPv9zn8vjE2eWuyte82+rp8/qUuMpniJyLqbsfpdLW6fXq8vjN4/Hn8vmw1OXf7fbf7fWAna/M6fTP4u4OmMe/09+qydpGaX/8/f7f8vnx+PvS5fDT6PTp8vjW5vBEZ32809+81OHP5fTf6/KR0egaQ12HsMXj8PjG4O+ox9bA3+7K2+VJhaDS5/Xl8PeTrLtMiKTj7vXU5e6AmKbd7ffn8PWXssPX6vZgla1zj6Evc5PZ6PATPlh7mq5rnbQ/Ynfv8vXR5O9zorn19/m51+jz9/lxkqaHobFuj6Td7fZGtNq10uO81uXS5/ShtcHI4vDn8fcbRF7J3uq42+3f7/ibtcbj7PG1ydaiucm40N3g7fVNh6Pv9vqnvMlkmLC/1OF8qsDZ6vPR5vJqjKGuzNvi7/fC1uGtw9IjbI0+sthrjaFtj6SQtMXH2uVNb4Qobo95pbpKhqHQ4eoPOlWsx9SIprjQ5vSkzumCoLMWQFqnxNWzx9MzWXC9zNW80d6h0+rB2+rZ6/ZAf5x+nrK0zdq60uGKtMo9YXjE3OuswM0oT2h3l6rN5PM2eJfc6/Vpm7LX5u4dZ4rD3e1jgJGOrL691OHN5fNbkqzD1+STsMFbeYxnip+hwdALN1Ll8fkYZIfs9Pnn8fje7ffq8/nY6vXb7PbR5vTh7vbT5/TU6PXe7PXO5fPk8Pfa6vXg7vfl8fhuobrt9foAmcwlbY5ooMTB3vDr9Pro8vnT5vKFrcagusrH4fL3+vzZ6vT1+fz6/P3E3/Hu9vvW6PNTo9akzOV6uN/9/v7y+PudxuHL4/LM5PPq9Pn///9JgFinAAAAEnRSTlMAJiaWlheWlpYXGBcIFyoXHq9lDNg9AAAGMElEQVRo3u2YhVcbSRyAtwcFSu3c6+7uvbq7C+7F3Yu7Fncr0BI0DSFOgAAhBoHclbYHtEWThf/iZjZpC+/gPXbe9d5rm++9nZlf8vtWJrszs8EW6g2TR28hphc6Sp5QPWx4FIVhbPg1CsDre88297G+WQK8AQ1jx3vODswW4I1pcO/piTkLG...

Reviews

No reviews yet.