Skip to content

Best anime OP/ED forms style by TMK1k

Screenshot of Best anime OP/ED forms style
Write a review Install Get Stylus

Details

AuthorTMK1k

LicenseNo License

Categorydocs.google.com

Created

Updated

Size13 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Visual setup for best anime OP/ED voting on google forms. Made full use of the width in google forms and added images beside the voting section

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name           Best anime OP/ED forms style
@namespace      github.com/openstyles/stylus
@version        1.0.1
@description    A new userstyle
@author         TMK1k
==/UserStyle== */
@-moz-document domain("docs.google.com") {
    .teQAzf {
        width: 100%;
    }
    .KZt9Tc {
        height: 20px;
    }
    .EzyPc {
        height: 160px;
    }
    .V4d7Ke {
        width: 0;
    }
    .z12JJ {
        border-bottom: 2px dotted;
        padding-bottom: 25px;
    }

    .KZt9Tc.ssX1Bd:nth-child(1) .V4d7Ke.wzWPxe {
        display: table-cell;
        vertical-align: middle;
        background-repeat: no-repeat;
        content: "";
        width: 100px;
        height: 100px;
        background-size: contain;
        background-position: center center;

        /* If you want to change the Rickey to somethign else then change the url here*/
        background-image: url("https://cdn.discordapp.com/attachments/1181728094541840424/1182664119086755871/GAzIe_FbcAA5Aiz.jpg?ex=65a1344a&is=658ebf4a&hm=062c9683eb79f41def21befc3948d528366218e41da6d776f28d7895b29b578a&");
    }

    .ssX1Bd:after {
        display: table-cell;
        vertical-align: middle;
        background-repeat: no-repeat;
        content: "";
        width: 100px;
        height: 160px;
        background-size: contain;
        background-position: center center;
    }

    .ssX1Bd:nth-child(2):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/KZ2cO6LbgXo2oevDokEfaaPxxUt9uL6989SL3DxD.png");
    }
    .ssX1Bd:nth-child(4):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/cCv9Ji7NRNluLDhT633nJ08qD2pR6BpPCvDR2zi8.jpg");
    }
    .ssX1Bd:nth-child(6):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/d0NXitZGNpjhAqCxuuv9L5CqqFmhWzYFjiGtbrFo.png");
    }
    .ssX1Bd:nth-child(8):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/IJs2IXhWl0Q4CVz9djO1QgUeLhwL0UOl3bEYOxau.jpg");
    }
    .ssX1Bd:nth-child(10):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/uzXIZdbO00cKs7b38uztGxLSn1pilN6quo0b21q2.jpg");
    }
    .ssX1Bd:nth-child(12):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/cX7662g57CLzYsODSUD3vlfLQGanhujjNeFYdhcZ.jpg");
    }
    .ssX1Bd:nth-child(14):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/IxkWJw2eAVjYSAbhLPLIEKwcMHydCsMte04bNsb3.jpg");
    }
    .ssX1Bd:nth-child(16):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/ADl51UNTsbJAtrFFxcRhJaSOnbhUHFwWlli6GTES.jpg");
    }
    .ssX1Bd:nth-child(18):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/bd2Z1DVbYNRlaEHhpCvHsFJesNl5frvXkOQULsrr.jpg");}
    .ssX1Bd:nth-child(20):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/BQpNndPuJxv3YZYlKjGqlcv9CemvVmjNnl8nhe7g.jpg");}
    .ssX1Bd:nth-child(22):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/cYe8VO1zQBhuJ75V4fXHYnLpo20XdCoSl6Npn2sb.jpg");}
    .ssX1Bd:nth-child(24):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/mJxT1XqW7IMysXFoip3yCMTTWwWk2COcK8NBjMhG.jpg");}
    .ssX1Bd:nth-child(26):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/aDUigLVhvTqAeImrIl6vyl9LKNhL1McbdnjipFmU.jpg");}
    .ssX1Bd:nth-child(28):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/OzFxhI58zNqJHYH0uEJS4xCrbDEiPg1EjDBhdgKd.jpg");}
    .ssX1Bd:nth-child(30):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/CIModkj43SCJtHj2Zz4hT9x3e8jVmGGbhILGIlhm.jpg");}
    .ssX1Bd:nth-child(32):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/3i2azm0FFtUuSvcqeibhcOE3rCoV2qMV8iob0Yq7.jpg");}
    .ssX1Bd:nth-child(34):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/PRdGioMCwXIr2ixbBXDC5yh4A70KA7vZ1JtqCJoE.jpg");}
    .ssX1Bd:nth-child(36):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/OVmqp7Sk8lXXT06zpwAc4sL6Xc2h4sNMgSmuVHZH.jpg");}
    .ssX1Bd:nth-child(38):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/eJrVztBtAqNqy3WEdZUX9ZrUbG8NCZu7koUGW78e.jpg");}
    .ssX1Bd:nth-child(40):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/ySacq0xjeahVhMIRkEbvftR6YHiNMnIz5sh2zA6u.jpg");}
    .ssX1Bd:nth-child(42):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/UNO0a1sYG5xP6vSZR0tTSS4hNZbBshJyYX5q7wpA.jpg");}
    .ssX1Bd:nth-child(44):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/LF2VvgwgfCi5s38RNrXut6i5x7xMemtvszQznhLn.jpg");}
    .ssX1Bd:nth-child(46):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/25TGO6pM41u2ci2xuNBwD1V09HkOVglzSNgdlsd2.jpg");}
    .ssX1Bd:nth-child(48):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/NwrtaIYDNnVjSHP8k2JsgeOYDy6BB4C13MKv6CG9.png");}
    .ssX1Bd:nth-child(50):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/P0KbApEoeV2oDklSAYTNmUpjzzjJETcXtTu3BJE5.png");}
    .ssX1Bd:nth-child(52):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/JVcAvq0bNPoZKCUXCTKGtcPHYORZpyvISqOPLjSZ.jpg");}
    .ssX1Bd:nth-child(54):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/eLUvgDKSytArx2Bj5dtab6ts7VSCSQIYewPuXDsg.png");}
    .ssX1Bd:nth-child(56):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/o3TnMtA4xEBLHeA4lkYGjbcWuyVtqb7d3fGzIOPW.jpg");}
    .ssX1Bd:nth-child(58):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/wfboUPc5JxVb47ZUZHMy7szp1fDK2kx7CeJpk4WW.jpg");}
    .ssX1Bd:nth-child(60):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/j9yLJ1ffhU8KpmJOKNseUl598BwScItuGrbN99xU.png");}
    .ssX1Bd:nth-child(62):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/Mo0bFd6ryLvq9FLmfNtJztSDhk7a5xzmzhhbrlvy.jpg");}
    .ssX1Bd:nth-child(64):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/sQ5u34sE0iiyDQk9QbTm3CVtuMhbyTOuI5GfYLEP.png");}
    .ssX1Bd:nth-child(66):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/5o6DxxS4ugnTHYL2iwFaAJoLROVNuI4jC9W9YYSu.png");}
    .ssX1Bd:nth-child(68):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/WrEzQLV2EZWEnouFjFsiTwPOS3NbMtJ1LpZSPJxc.jpg");}
    .ssX1Bd:nth-child(70):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/FumEiWDGYryjnLTb6s25JIyhpIMMhPjeRnWpf5ZK.jpg");}
    .ssX1Bd:nth-child(72):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/rGW6SqCnGmTB3G62k4rb1WqgchOP3U513mUM1QT1.png");}
    .ssX1Bd:nth-child(74):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/gMMIgoGvqfiXxxlhyBuJbEnYe2cewa5GOTD8fuZ2.jpg");}
    .ssX1Bd:nth-child(76):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/JVfsDVwjQfS2mXda7ZvaiWAatqnZT6hPWYunt0dY.jpg");}
    .ssX1Bd:nth-child(78):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/WIk4YN3ruVg6nCVDyEvih8Tzi0ZmQTdhITGGJfDD.png");}
    .ssX1Bd:nth-child(80):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/IUH5iv9x1l2hlFyQvRthyWJPgPwIBUexWQeFfh0q.jpg");}
    .ssX1Bd:nth-child(82):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/Xi95n62JXvVRaLhEXraVR1ZBPJM2pUQBC18WgCvq.jpg");}
    .ssX1Bd:nth-child(84):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/CSbUxsYivJH5Pm5VUD9JEq5dWLCjPfw72fbdhwCW.png");}
    .ssX1Bd:nth-child(86):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/HYYd3NfueUEFZHMgvYbgsaQE4xEdbQFdA2C3dPai.jpg");}
    .ssX1Bd:nth-child(88):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/h30TFwGNgWbYB8uBi2VjoCt0FACcvq5H2KTesWLt.jpg");}
    .ssX1Bd:nth-child(90):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/QiXMWQA8LOllgR3wVrsCvCEAqjmTGPMuAdKfFSSh.jpg");}
    .ssX1Bd:nth-child(92):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/large-cover/Pbmff1roX7ys7dcoQjl3tFmOamgvweMqBFNeOn7z.jpg");}
    .ssX1Bd:nth-child(94):after {
        background-image: url("https://pub-92474f7785774e91a790e086dfa6b2ef.r2.dev/anime/...

Reviews

No reviews yet.