css 插板增强

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 插板增强相关的知识,希望对你有一定的参考价值。

// ==UserScript==
// @name	Pinboard Enhancement
// @namespace	http://zhangtai.me
// @description	PB
// @author	Zhang Tai
// @version	1.0
// @include	https://pinboard.in*
// @require https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js
// ==/UserScript==

(function() {

    $('a.tag').each(function(){
      $(this).addClass($(this).text().toLowerCase());
    });
     
})();
.tag {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
/*    background-color: #999;  */
  }

a.todo {
  background-color: #5cb85c;
}

.devtools, .chrome {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAC80lEQVR42n2TbUhTYRTH/8/dndva3NVlWkNNivJlYFlSBmJUrvqiEoQv4ZcgCCKFkgi1tLdPBRYKRVH0pShQo5KK3glBTKxMtBwqWeqsplOnu7vbvbtPj9eoKOx8OfBwzo/z/5/nEPwnyig1zOUGQoIL1ZC/HzrdNCY5DsUm71gunZpMAqUg1uihQJz9mQu4nUnI+IIAt0S3Lx0bqFMf3nPIrl4oAT+oqoLXG8CvdoDP3937deWqw3ZCnvwDmJCoU2h70eirOytIkxMgi0wAxwEMQEMKwjMiTNE2CJVV02ObcwsT9fMQDeBmYyPU06qU7k+h3ydBjHpwoNBbzQxCEQr4oCoEakCGOdYG66UrfR229JycZcSjAUIiPXjJU9+gO3QZ+e0hEEsElD0lGNi4E+ApUri7iJy6CuhkBpZhySyAN/JGeYxAGjTAqH/0fvWHqrzgx2GUnRjEkl0luLalDJ7xmTkPESsIOJJxFFH+pnnd1igg7kULZ0guIP311CCWdnec6qpNFxFCdvM3rEg9hquBBFh1VGvwSTzKt/YjT9gLVabgIniQ+ObuwuO5WfOAkq6Ok+9PpgfDQZilMDYoB3DjrQ3MCi38kg5nClwMcJB5wWzhI4CEpu6imm1ZmoQRH5PwrjJvXPwGSlSsXbwJQ5070N7j0Wze4FiGi85qCGKbJokzLmWApy3cohUFGoAyEy8MXmh4MNACo8nAelSkRWdAN+VAUOGwJvoRii13oGO1cgCIiC+F13L5t4k+F41x21ytte21KdPhCfAGPUMo4Hm2TFFBTWwn1ptlSAEdOBIPLuVmX/tARk7Oup9r1KaYkpxts12N51/XCV7JA4NZD4XwcBq/oCJqGDN+Djp9Akyp56bdoe2FifY/PtIvyCx19gcHzzf33XG8cXeBC3px2vYZdpMFXEw2jEn7ekdn0ipY8+MFj2lOTuRyFH0SR5yy6E5K0qsIm+xDMk183v8VtzKT/3NMf8fL69T4iuUTe4m0UM0PnIw7vBFeiJYAAAAASUVORK5CYII=") no-repeat;
    padding-left: 18px;
  }

.download {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABbklEQVR42mNkwAJERERkZWRk9gGZKlChO0+fPnV6/fr1Y3S1jNgMAGqOAxqyEFns/fv3iQ8fPlxArAHxQAMWoBmQBDRgPn0MkJWVjRcWFkYx4MOHD0kPHjzAbwDQViWg7UuATAkgVkRT+wCInz979izm1atX97AawMXFxaqiorKLiYnJAZvL/v37d+Du3btuX79+/Y3TCwICAoLy8vLHGBkZNZDF////f+Px48dW7969e08wDMTExJSkpKSOg5hQoVcvXrywBOJ76GqxGgANSHNgQIISEwPQVqdHjx6dxKYOpwEgAPSKPIgGRt9DXGoYgYEWyMPDMxPIFmUgDbwGBmY6o4GBwaufP38ue/v27XpCOkRFRQ1ZWVmtgWliOgcHhx8QR4IM+A8MHAcgPkjIAH19/W3A2PF8/vy5KZDLLSkpeQDsgl+/fi0DBhRBFwADFe4CTk5OP3Z29khGJSWlQD4+vhlIUUYsePXly5cMAJxalA9zw7kFAAAAAElFTkSuQmCC") no-repeat;
    padding-left: 18px;
  }
  
.book, .books, .ebook {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACmklEQVR42o3TW0gUURgH8P+ZNUldVxMLBV1ZqQRNKCUzzfKyeHvpAhXSBEIP0RWMSrDSKMhC6SGqB8UXRyGILijSoFlGWYRYecsodVfNHcyy3VVnV3fb6czuuC5q0IHDDJzz/c53Lh/BykZol/CfTZ6MMA0iiH948EG2+Hhc/JbEmju3bwz2976mQy6fuX5pe7L2p+/OLnhQX1crmo2jvywwyQBTdO16S3GOOjfET0eY0CTCMIyrtaWp+W515SXT9/HPMbrYbSVlFVVbk1OyxKk36Jp+jJqXxq6JmsFdMqDKvsrxmwpYvU7ql5Js7xGojsfaUC0xGgxCZ8fzZwcOH2HtVoO/wfxQuvd9ED0/CcE3Sw/q+1K8wMZ8Vu9wAuK8hLiFbilVNYKoqEj8sU+RMfOAVDfZgSbBTrBAQ+Q+5AZ2uIEsCsTmsnrbPDBrB6w2QP1bkO63FOJTj4GcP5YgfVW7CBwMvMCwlQK9HiCzguO1OaxeDp6hwVbRDaCuOQ/dH8dQejoeQxosBTvkDCjAKUDGFY6PzKQADbYogMYsoJH3AYLhCfTNYBFILeP4DRms3qoEy98Qi4BH7QpwapUMfIHkixwflk4B0ZOBvI2wGQHNrxaBBJqB5APQsximh9igAInnOF6z0wPIq8tbWT8ngO9cDVAOcmQJYHRHbzWsy7tQZLUR9+oivY0Im4C2dwpwchkgb6F3qh1PvxQQ5ZmGa7YfOhu4t/qMPSA61O4AoheWAWrJE2xxzqF1rBYfhCpaMSbi89ZV8A9KWJNzuZykleyLkaZVXuAEBYIkF97+aAM/WgHR2U3nO73FtKwFkPDN+drc0vJGU5W2b2ACNwu1k6MvjJUYn3tCx2dXVOM/mnxxauWfHi8sq5X5X4G0W2FNeEiuAAAAAElFTkSuQmCC") no-repeat;
    padding-left: 18px;
  }

.git {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAW9JREFUeNpi/P//PwMIuJ4NY4CBf//+Mfz58wfE/P/3718GoBpGEA3CMHDaeReYZmLAAhgZGRmYmBBSIEtgFqEDFixiBwiIORAywJ5IMZwGMCKx/2MRw27AzIr3KH7uTOJkuKnIfBDEV7//lyF/2ntw4CJCEWoyLHDuubrCpBpAYqAQB2lAp0HyIMLo9GmcXqhnwA8a8IbBc15exqc8PPhcAAZG6AbMMjaGMfmBXmgEaogAapAA0g+AtDzUgIdAeQWQolSoYmwJqRGIM4F4B5QvD8THgPgXECegK8ZmQAQQbwSmxgQkJ1eDxIB4BU4Dli9fjmESNDkzoqfOzZs3IxINLBpB6V9OTo4hMjJyAlAsE+jn5UAXPID6XQtI+wPp6UDNBc+ePYPnDWQD2IAUj6ioqLSPj0+BkJCQD1CDGNSAV0Cwdc+ePRPfvXv3FKjuM1DfT3QDmIEUyBAOIGbHEj4ghSBNP0ABCtQHzu8AAQYAdW7Y8Mghz/oAAAAASUVORK5CYII=") no-repeat;
    padding-left: 18px;
  }


.css, .css3 {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABo0lEQVR42mNkoBAwUtWAuZoK/pLsrMbEaLz29fuukttPjqAY8MxW/yAzI6MdMQYsf/E2sODW4w0oBjy00VsFpHhxaWJlZBQGWmAKYlfdeSI399mbx3ADVDjZmVS4ODjw2VogJ55lyMvVDWS+Fj90QQwlDCary0WGiQstI8b5f///3yl1+KIHigEHjdW7Nbg5S4gx4ObXH+12Z29UoRiQJi2qzs7EKIItdkBAlZODOVxCaBeQybb65buQnJuP1sIVanNzMDYry5QCmUxrX71bvPTFu6foBmTLiOnUKUldBrFr7z5VmvX09X24AUlSIsrtKjJ3QOxNrz+Ypl5/cAZZs6sQH2ulgmS1Ng9nPZD7DhiAwgzITp2gJhsaKSG8Cir279///4cOf/gy//nP3688RPhCBVhYAoDiQmDJ///3SB6+6IpiQLGcuGGurHgjJzOTJ5DLgiPsPn3+83fb+tfvp5fefnIIxQAYiJMUloySEI4HxnUSKNyA+M3bX3827Xj3cd22Nx/37Hn36Se6qTgzU6aMqObFz99vHfv45S++KKU4NwIAjS2NEeHEocYAAAAASUVORK5CYII=") no-repeat;
    padding-left: 18px;
  }


.google {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAC4klEQVR42pWTW0gUURjH/7Mze9Vc1y1lVy2RMiS7SOVDN8yUFCPpgollCVkQkRXog2CEPhRRUAk+BFFJpNUGJhSFQWQJKfqgImRhLhvU6q5Da9vOuLNz6ZwZoWcPfHPmDN/5zfc/3/8wMAZHwozljQQJmaGby1p8/Zmb9+2EpkGDCk3VQB5kSUMzQmXIzNDPUMk6ODkw/OlubQkF2MrbRgIOlzdd36AqUJUEVDkOJbGov1Mgw5hgsiTpMwXGfgf5j7fKsnVAyZUhAvCka6oKVZWhSAIy7ALyPRzWZ6chJooY+zaL8VAKGM6mA4TILP/59n4DsKtlMGAnAFCAIiHXKaI0j8X17hHs2JCB9oa9ONzaByU5B6w1icgDhIU5frSjQgdYi5re+x2uTA+VoCTiaK5w48vXGfiG5yFLInrbytHxcgpDASKFs9L9WFwI8WOdBwxA4aV3fjsBQFOgyBIadjtR4DXjzJ0PermPmkvR2jUOXl4BmIxmUcDkvSoDsPHCG78t1QBo5NDYRARNlVmICTG4XS50949jIsiCc6SCMXF6BfGFMD91/5AByD/3igC8ugSigRziX5IQxFqXhN4b9ahr92EiZAVnc5IKOL2d8WiIn35w1ACsO9u3BCAtJK1b45RQviUdv+bC2JS7EkeKC3C+YwCDMyoY1qxXIP0J8/6uagOQe7rXb031eGgbXeYYei5vQ2XzEwiqnTRGwcHtGagu3YpTnRNgzVbqN0jRMP/jcY0BWF3/wm91ejzUZkU5ZlyrycOexi4wtjRQb7otIi4eK8ZV33ei4D/gZ3etAciqe6YDaDIjC7h5Mg85bgfejgYgayZYOQYP+6chmlJA+ghqBCk6zwefnjAA3uM9fgutgKojJctCBMnsItzJZoQiIoQECxMxkO5ChtHTKGDueZ0OsKyq6hyxOL1e45IZEI04kjpT04/MRP68FDSDaEhEw2H+dWMhs3Q17STYZV5nhYT4D+VCa5dpBuSgAAAAAElFTkSuQmCC") no-repeat;
    padding-left: 18px;
  }


.map, .maps {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACcUlEQVR42mNkoBAw4pI4PWeZJy8rh9Hjy1cOu/bUHSLJgLPtU/zEhUQ3/PzyhZH51x+Gl7dvLlx2+kjSxMun/hFlwMnqzg4+QZHy+Uf2MDhKyDGI/vjJcOfe7bKIQ1u7iTJgW1pJiiC/4Oy4NXMYVIVEGQql1Bg+vH97K/TIdnWiDKiwcuHzUFR7eOL1U4Gnv34wOP1hZvj688ebmNP7RIkOxJU2Xh0cLMzlP378YPj56yfDj79/VqddPBZGtAE12ibyamycd//8BVrPxfH2ISuDduPh/S+R9P3HaUBjfY2StYmB77OZyzq/33/MLpMT9v/qhy/z65s6u79//8EMVPIDiF8D8ScUAy6cOeIlKCQyiZGJRfn543sMt9ZtZfjz+AWDcHQgw+vXbxj+/Pn67eu3P0/v3X90ZsWK1RVv3r57xDhtSp+InY1NGNAtIcyMDI7/gA77/u0Lw4tvDxjY3rIyvL13n0HMUIaBj48PqISHgVdQluHnj+8ML16+eNTV1RvOaGpixPLnz1+P+NiIJl1tTUN2Di6GXz+/M3xle8sgLyHDIMLDy/D+7VeGJ0/eMvz985dBWEyKgYtHgGH7tq07G5paEuFe4OXlEWqsz1tpZ2PtwsbOxvCF8RUDC5sgw4/3Pxg4GPgYmFlYGVjZOBkOHzl2cc++A5P279+/+MOHj79RwkBKSoLN3MwowMJCL0XNXMH549cPTMKsvAwygv8Y/v6V+bdgyab+mbOW1P3+/fsb3mhkYmRk8XB3TCwucp/Eya7G8ertz8dLl60o3rpt15pv3779JyodgEBqcoDtz59Mltt3HJr2+s2bL9jUAAAMvgFWezqw6gAAAABJRU5ErkJggg==") no-repeat;
    padding-left: 18px;
  }


.unread {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABQElEQVR42mNkgIK1a9v/MxAGgsHBlR+QBRiRDbCzs8DQ8e7dR4Zfv34zPHnylOHbt+8YhqAYEBTkhWHAy5dvGX78+Mlw9uwFBmNjPSB9CcUQggZ8/PiZ4cOHz2ADPDwcGR4+fMJw/fptBqABjCQbgAxwGlBT1ICi8M+fvwx//v6B84MighhevH5NvAt+/PgFDIc3KGIg1xDtAnQQkxrLcO36TeJdAAJ7dx2Cs6VlpfEbgOyCvLJshq9fvzJM75/N8O//P7BYblkufi9gA69fvwMmoh8Md27egcTMly8oBoAx0IC/xISBo4cTzAAmmAGsQMwGNOALLheghwPUAC4g8xfIAE4g5gUa8BKXAf/+/WN4/PgFejQKA5lfQQawgwwBGvCegQQANIAXSP0EGQDyCwsUM0P5sLD5D8X/sOC/IDkA86zMIjZv4QQAAAAASUVORK5CYII=") no-repeat;
    padding-left: 18px;
  }

.firefox {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADh0lEQVR42m1TXUxbZRh+vp72nP7QtcXSlpay0rLSsTGkzPmHq9siIzMQ5QKNMTjNRF2icSYDbmaYc+4nxotFk2kyvXCJsoAXDuNkMlDm5phDTAgOxyC0wZ7KT/97etqeczwQt+jic/F+N+/75Hue530J/gf6Pd2uigcfbbbZjD6D0ypk+cL0xNWxgdDJvfP39pLVMn6+p9jf3LOibOnRbw0EPvCWGV80uS2UtkgNRkFQpaGQDk4JkVujn22IjR1qO9DH/odAHHr9ct9Y5ugxrvVoe+OGurLCb5gw1MJgKYOTocDnckhHWNRFvoT/vjBH+Fzn5FTwk/qOwRzpCpjp7qb12VzlJih1NMlnErjOO/CF9yCqLAZU6SgsZ3hEVtJIsVE0UKNodi1IJLHS3zs48xzp7Sgvbqgxhwkl0iKXgshxWArKsirakNrYAK46gIV4BgKXQ3wpjblfb+Ot0ot4ersBsQzfRILvOg4TBd6WRFHWQyAJAgRBh6S/A98atyPEWBFLZpFO84guJnGj/wec3hPCs81eECF5iMwfsV9VKMhDhKIg8vxdd484T4A1VgMSkM0VEI+mkErkEBy+gb43aDxRVwLy57UB8seb1msaq2rbqp9SPo/5ywl01h+HaC2FpFm3RsbLBEtzLNLhKByx2/h8n4T7dz4OzA6NkCuNpu+dO4y7IEjIRvP4/WsW3zW9gJvGGng0HDaaC/iJs2N0RsLi4DA6W2i884wJSnsVkJg/Sy5uLjrmbbV2U1qlrJ9g7vwtKCw66G1maPUGXFdV4kdSiTMXWGhRwPFX7dgX0EJBMyDc4kHymp7avf8pxwVzvRmEUiAdWkZihsVQrBwjhgcwrPBBLAggs5M4uSuO1vZHUKKWQJlKpPcOn9ksBwD9aYdqbEeb27euxiZbQSEfWUZUJuqN+fBLxooSKolXamPYsskMta8GClM1Lg2cG2l8uf/J1U1kfEq0f+jBR+4Wr0rnMUNpMK0tqZDOgsiEckryK4JZ7wSzpQWJyUuZh5//dO90KPkV+Sc192NFOHDCj47SWg3NWDRQu90ArVv7kbLYBMblgtLmQmziZrZtf++poYmlU/LcAvnXYTndWrR31ZOXdm8tqtB6TITxWKBy2lb1yhGrpW/6pme73v/54xk2c1buD989pntgt2qIf1sZXVdeqrFQOgYLMeGvK1Px8XA8P35n8A7+BlXsWapsVJTOAAAAAElFTkSuQmCC") no-repeat;
    padding-left: 18px;
  }

以上是关于css 插板增强的主要内容,如果未能解决你的问题,请参考以下文章

插板法

插板法捆绑法插空法

3037 插板法+lucas

python [Pinboard Tag Homogeniser]使用下划线#tag #pinboard将所有插板标签设为小写

刷题总结——分糖(ssoj 容斥原理+逆元+快速幂+组合数求插板)

51nod 1251 Fox序列的数量(以及带限制插板法讲解)