Template:首页/导航元素/style.css

来自柯南百科

< Template:首页/导航元素

YohoYang讨论 | 贡献2020年6月3日 (三) 22:31的版本
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)

.mainframe.navlist {
    display: block;
    position: relative;
    max-width: 200px;
    transition: all 0.2s ease;
    text-decoration: none;
    margin: 0 0.5rem;
    margin-bottom: 2rem;
}

.mainframe.navlist:hover {
    box-shadow: rgba(255, 255, 255, 0.4) 0px 0px 2px 2px;
}

.mainframe.navlist .limg {
    width: 200px;
    height: 200px;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.mainframe.navlist .limg img {
    max-width: 200px;
    max-height: 200px;
    vertical-align: middle;
}

.mainframe.navlist .lname {
    position: absolute;
    width: 100%;
    height: 23px!important;
    bottom: 9px;
    overflow: hidden;
    text-align: center;
    font-size: 18px!important;
    line-height: 23px!important;
    color: #000;
    font-weight: bold;
    transform: rotate(-2.7deg);
    white-space: nowrap;
    user-select: none;
    vertical-align: baseline;
}

.mainframe.navlist .lnamebg {
    position: absolute;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAABWCAMAAADWpzDjAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAANmaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0NSA3OS4xNjM0OTksIDIwMTgvMDgvMTMtMTY6NDA6MjIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6M0FFNjU3MzgyRkJGRTUxMTlBRjU4RUZGNEZBMTIzQUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzczMjUxQTRBNUE2MTFFQTk3QzZFNUJFMDlGRUIwM0YiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzczMjUxQTNBNUE2MTFFQTk3QzZFNUJFMDlGRUIwM0YiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowRDA0MzBEQUJGMzExMUU1OUUzREU3NzU1ODY0NUFDMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRDA0MzBEQkJGMzExMUU1OUUzREU3NzU1ODY0NUFDMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgHi1BkAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAABgFBMVEVMaXESCAgLBAkRBggQBggHAgkVCwgOBQkUCggSBwgTCQgIAgkPBAkPBQgQCAn/8gAlHAghGgj//wDt6QBTSQb//gD//QB1aQSRhQPv5wD//AD//gBWTAb38QBfVgXp4AAmHAjCuAKhlAPOwwGlmQKypgLz6gDYzAHBtQL18AD//QDYzQH9+gB9cQT++gDp4wFsYQWHewTt5gDk2wFYTgb9+gDe1gGUiAO2qwK7rwLa0gGonAPGvQGLfgRtYQXi3AHg1wHAuAKCdQSOggShlwMHBgAkIgCnnwBhWwD/8QD//wAAAAD/9QD/8gD//wD//gD/+gD/9AD//AD/+AD/9gAVFAAFBQAKCQAPDgDz6QAkIgDt4gAdGwA7OABFQQBOSQArKQCjmgD57gDo3QD07wBmYQCxqADi2AAzMAD8+ADJvwCclACHfwDOxQDd0wB/eAD49QBXUgD78wDUygCVjQDEugCrogC+tAB5cgC4rwCOhgBfWgDZ0ABuaAB0bgDl4QBAdVKRAAAASXRSTlMAFCMXAiYMAQkFECsbHzLuRjv6/lT072R00d7na+ozwFlCLaiGld+0nqHUw71LyYF6h5JxH6tdmVu81KnTGIvu4nmerLvu7u7u/tRsIAAAEsBJREFUeNrsXAlXE2kWhYZGsO3JCILdOsCxbdcRnRFk1B6Pek7bMzkGskKWInsq+0L2Pf71efd9X6UqhID2uKDUPSxRAsp9r+6776XeNzVlwsR5x4WjMCn5vOzTh1OeNDs/P78wNz2zNWMS9rniMktYWCDi5+fmLgLTM9PT0zMzlwi/3AC2NzcfbZpMfbjajMkOuJ69MHWS+sy++AVg4p8+fQ3cAu4+e/bs92frD+8D165dv29SfKrUDx+eJjtzhBdba2tr9L4BXGX8A/j18T3CkycPAGKe2F9ZJth3GS7x2W5fNGn/ECwALDjTW4zv1hiXL19e29je3qS3R4+Be+vr608e/HybsJog+BNulwuE706Cy+FwOSqJVZPkcaWH1gPzOpD8cxel4mwDm48Id2/eAZ4Dr64zkPcry4sMI+F2vgjsdrfH43bbYrFYpZLwA0tKXFGWUtUCodn4zzkymCTzF2ZP0Z35FwBpPb1tPAV++hW49RvhphAcqfdM//KiXePdbtdkR8CFd5fLLj+5Kv44IVWo17PZZiOXi+Y6pdag1eqXw0AwHQymI4E/vj36T5UdZPxFFhyhNyz3G1dI7a9cfY28J7l/Qm8PHgLXLBbL6komkzk8JE05WXbsbrfDUfErhHixSijUm4R2I0qo5Vstjf5g4ICwt+cD9hlvGftvvsXLglVHyMzFaYCt5aUfvwNusOBsP5LME9Z/Bm4vAYdCazjFj2NcyL3HueN0WmOkNzG/EifFiaeKxVSqmG23m81GJ09odSXxeyAeYPJ9Xq9O/74Xf7OH2BxEQuFQKFzul854Q3VUd2aPeTg1/ICPZHaEwWTB2X69SXh0E7jzd8Jzo+Cwz1leHOddaI3rKOwZBcRX6+1kMtmolUqlfIszPhQRKW+g3JD2RvgiQUK4j6ulE6Ufk2z2SMhScYXhXz1zSv9es4S5F2QwhbOXivMT45+EW4/JXT4RBvMhGUwCSf3ikHe3wz60mXoEdHhsHk/FnyKOoPf1ejMJwclx3pfUcrlbJr2PkNz73h4PDoUvkCYEy91ut6yWOvTdtWiD0M5Cynop1BMlZt2xWm3G/4pr5czKDtscVpxLUJrvf/gLcPmvwAZ1tJT3wtqLQkspT7yLX8o1WeXZ7mSAiiY4BOh9r5pFua0no7lcrlbqq2q/GwKpEd/+sZR7WXB8BwFCJI28D5VVQj9fq3VquWST6kchhXLiH/6H7HYHuSybzbkzCZYv7TB1fzknwFOFi1s3tGHC5vbm0Nmvr8PZv3y5ugIsC8ERor87lvGC98PDBIPqg5+rxNK7IpivN2q1Wq7TAoXdMOhMHwiRN9BPpHsl7z6uBQdS78sEtUQ/oZNr0k+rV+PsYGMMK/Fqte7YPDYnOVy32+NmvXM43EN4GFpcrAZYPonuzMpZwtQJU7ULwmDekMOEUYP52x1hcaTer6yQ3C9qNZXggOxA5B34TTOSeiCRwAf2Ob1CljMe6LRapVKrz/SXQ0AamX3gHUl5pp8rsMh7EB/u9ksoFjnSm2ijDdeUrfaKVEuE7MdAqNNhqDQOQJJuc9pwPVjfG5ZP6TDHDOblK4y/Echgct4LuX8oiEdPtai1Ufahubcfxa4rw2mvpIBqFmiiQDaiyPtafjAYtPrscwTxx+i9V/AeIaSDeCIxTwEbkN53OjWU20aS9L5Q6CH7Fb9bLzYuB7PtFNg5CdYPheUjyM6CNJgzhK2tHwmQ/B++XzO0tJrBvM0Gk9pTf8VxstTvcvYL4peUd4RUEYnZK4iWNhol9kuU+K0uZ3wQ1AYOfMjyEdUxZDwrfTDEDlOFz+G8byTrVEGqPSVWQf8sgMR22jw6jFojMBIP60eCZdI07RgJkpKvDRbokTCY0mHyBPPuXXaY/waeS4szwWDK2usSvyizAGefIKlXWOqJo142SXw1ankSjZZKDpMkRNCfFvwT1XveEb0nw793gC9GgnhiuDto0eXSgW41mnVcS4UeIHyOX2g/GN3xuN1jKm+z2Y5T+k+HU6+QBSH1a7rBvCoM5r8IdzXF4Zb2ujSYwxmOa3SUcGSWYK+wBoshTj2JTIW37OS50FKlDfFAAT4nwL2Vd8zsCIsT5NFDtw+dyudgkhpJahTazWyhQOyzrCmxWCIRcw+bDFFih5Qbct36ZWGRI8x5Ob5cG2JjA3L/FIojDaZ0mLdXAS6ghy5RXCdbTJQ3zBKW/PFir1dkb0nWHo1VMgpnnx90YVmoswpEJPE+r7Gp2mfiCQFuqYJhagTKXZXp7+SQ+Em41WyVU95/mNEhcx28c8bbtKwnMTqmAFjPAixTL4avVrG1B9hgrr96+RIG0+AtxUhh1F6KTx6YiUosQaaPJzlKHI1VvMidFSV+p1YrdalJKoeE1DAO5ERBV33MErzaLIEUh+hnZ1/qoFY3QHy9947BDtZvMJsVJtWpK42E8wyl/3sF5J40mELv2eAvHkO5JjijowRXBUYnXqzDDoL4TqfU73ZVtcxaQw7nICBnOcy7d3yYsBdBRxtWYXFKNdKbaDsLEYO1lEovpT5WyVCdcYv6I+zliKkXvFu/blim8MKI/cRXTlDsYtzSwmGy3sMU5tAX5Qcqt7QQk8ie4Hx8ioM/+thhkuIQugOq0aT3QJIrbQGzuWKcs71yNO5aS8WaY/tYBvOsBmRFuxQ81F3uWP3IRigO0Q/VT/XaoD9H1r41ULmljUwa4shKy30ti1JatLQtTIFqyWa73S4IpXfrld7N/nHnfWA9B7BMrR76yehUq9k2jGGu1Ceo4VAwJGYJe779t4YKq8Pr1ecKe0E4+y6Iz1PKEwpKTJf3GP1DsQoK6Y42S+BYOGRPq/t71p1zQfzkgAwGqpggk7uMREZmCZJ5wTkQENZeHQz6A9b7XDRJad+mxoqdPQ+QeZbgOaI5IN7DqsMO51xzfkpA3gxnCWJ4yQ5TDC9H9F50VmisMElTlNiwy3Cx7mhl1XnuVef/DMgfkQgbolAZYtWqMfF1+JwedVPUTnELXakQ0RWeJdg40z1ug+CM9LWIiNOk/k8HpM0dLdnMIjpazWHyCFNyPk78DrNusveJXJbsLwTdepabuvNlAmIZ7Ww/xQTTxAcFxCTBDIgJMyBmQEyYATEDYsIMiBkQE2ZAzICYMANiwgyIGRATZkDMgJgwA2IGxIQZkHOHHX6p1uMxA/JZWbced4uCvB3cya+gmwH5uIxPgCDcsIqFG3n0+wjp/ZDv4Y33XpkB+ZiRGONdbgnY+aZ13OGWENsaxeJwOy/bxOpAo5bv4Nb1/5oB+RPEO40Zb4ANX6qI+5nFST/v5HIkoVrHXbdEPJbEsKUUxmJeOs1LA7yNjTuo35gBmZzrTsPtUcb1T/0ScLi15XOsax0quNmwV8eJJ0nsA9fyfVXtqrwODPrFeh5BnkWwv+8d3jvN6wKRYPjcBmSy3Ov8G7ReLNC4Kn4/trGR8tUsKU29HdUP3mipfJIGL8ukI3z4yfghEHtiPUyc/EBP7/ZL+F65ndesn8OAgHS5+2YosRo8fIugUBwlHk/FU72qUHpKfJn32FJSyyGxJCZOnfHuY1XJuAYv71rn/TDsF5S74uANrJnleGkgizXv4rslXv0W5x5kVr7FgBhT3TayZu4wLkYI2ReP8TxnpeJ0JnhZpsCJL5Zl5MEbvBwpBEee+iPo145/wIZ2Ws97tSSIx3FZgviUcTmS+c/wxTe6u/aVB2SS7NiMsoM4uPQTsOwZv6L4lR4W6cTBGzlx8kNZKn1EU/oR4o2HQPAefFpsa7Dg8MkPyTaW8+oFuRzJyzJYCj507J4O+zK2Oy2rD77SgCD/nTaj4BgXhNwcFrEPzOc/9AriZDfsGJHi9AeDPp94EgwYF1KNu5F4xMQH0tiXD5dVClq/lR8evJHkg5YKPV4XSBi2sR36SuyR7McW8+IKFmuvX7t///7t/7V3dj9tHFEUr01swJivkhJjQK3ER1AiVfUTIkQFpWn70ATohoYEUgQkYAy1LSjY5vtf79xzZ3ZndmfXCyGEpNyHJFUeUp29OXPujeY3A98Twevh81+o6N7/ZKGQu7UfhIOOxXAciRuhjAP8hQibZDg8BovA+XKjgsvw68cgXKHvlyXOTbuWqunvgpbouGX5CR1RFcLXakflCt1HlSYPq5HFss/54XN8gxzXyUXLD3d3D89SPXkM+UcmRI2Bs5MDRfZ+T68s4k+lPv8HeRnlO94HUbYjKWMruBQsTtr60W4V4A265ri69tcbRR74I7KWlulgWD05bzQa1YMaETzKRb4hwxfzNuiWDKGtXjkxDIerP5/PD4vGp3pIiJGJUUIc5YZ+8KpHVm8Pf4Guro6UqmRnZ8tNfJAwyV/oOQcrBE9xp4TxSjhOsVgB7+cQLMndgypAS3uYrMRJu21eCjZupSLfI2HueQACSfo5FMlpp1xhstsrOugj1XYYv1VC3xNEJP/oR0I1SuEnf0aBmTyEYvARd39HKqkkT4VWMim+R/bTfhDYjpfppe4qWjil/f3S/oaC1wphwJKsnILnWV8nkipNVmebQJ6svQuGep1w5QFn+Hbe+T/AEGwdEq+sgrYvzc3F6nbHwRHbD4jI+DggmU+nUKB5wXEKYL48kLp3dVDxj6Fliu9WVlVLSyLzsR/E2CUEJtsX+B26ori/4ZLd+nihQGQ3AowRgOCguklZkeG1y264ea0L/0ZDiy2DQrBGCXPvpHFMTL1aXRwbh/++X3HJDx/wd+xPvodtFX5unu0e1Lm+C2KJzMyCivyYoJkjE0RnH83l2Oq90k1f2o5Fcq0s0stKyGKQXiadbv5Bgpti3LPS1wkAvJgDFs7cD+A/VMoUB+s80VYblFaIH8P5/u9tc5egbsBL4snyGrmSHGlp/SaiPVCeAM6IhEnXsVcox27gT7e3/Ny8Q/9zJcb9vUXfo+2F1VNB+LHCkFfScFh+6fRJT+mU/h825T3ps6bwuvr4AG5JhnbkB5GHq7nCXDBWmEScAcOTrL68U94BQpUD5u5xgzEEQNgCORPcJSiy27YaafcAWjqXfi8G2q0jBowV3xKbO47tOGh86TisPBLONALmswIKfs855z73O/d3h+brWssHur8zrO2bSp9u81e7V/RBrMOUW7jm7O4ShBVf8PKyzGA95j8weIPJbiD9MOPH3CUQemCNmXps9eJc3ttsUEg6XidgVp2FZ8oPupkJb3wHO2g70nG6u2mkIvD9+CzQaez33PejptVbi7y/y271mvTZbLjj6NL79I9Sn3BwWhEp7pt+vu0srzzzL13ShRi9NoqEadg5Ihbe+jGJdy5mKhppeYdGfi7HK3OXgIMWfY/J6qRBWDiKOLWtepkvYnsbBbnPWXCcBScs6Sws7i8uijH7QvTEjBbtkewnWPkHZrZ0/d4fMKOtPuA4iUSI5UQq79Per34Io7gfK0zR/BXSqCyFBzX4bPMEZDcDqecKr6edd2tAzWCmOmuIY4LID7vrNezQ6ju0nTsFaKmPlzjxdgkiYXLfq2RPwquAGfB7Fj7FFq9+UrIHP0Cg61l7PHoT6TdB7dstZdc+zmNTv8u+J6ShsJBtDS225AMtvV5ilqSEGSLaa+CNLQZvFFfEUd5nDLXCb+RGYT6AUv8WCRPJPj+OhPN06jnVtFwmiOKRVgQdIXxvR4yyih951FoNp3nPm8Ib2l/1ra/fFCdeB4xplPhlIv2sEmDs7KxK4I3dGuipFcYSk9f0uctjLBTm/UuceW+XIPyeXhuYmUXA5F0CJiuK9mNql2BkSyNfalZvtx1r2xvaZ2IbTlsT8cNt52PqV3eFCb8HvLZxTBmpRlZP0dKjBjNgrIR/l49jO/2Dg4PdwwNypBUBc4RnKn2XIBxfeb7f6tlqkvjZlVwPORbpm5t9UPaYyt8M8Vv9Y1XtiDZyO6fvwfCk031BYYsjC80PFGz+EbECBxDtp56hvH3CT75dgi9fhq4TQAEOGarCLCfE7YE0j7b71lvwwmB/vHWC3F6S8HzQjj/xAuYUB0w9YQZypTHQWm3H4vQq5IR6TqjltEf3fWtr62193fE7/9sBVAxS5z2HnKww0vLuOGcPmJdJmBHiR1sOQfsvec568n8Rz9GQ8O5IawTMsYK2vNSXCWqulclSBcyk+rUXPG17HIvfJEL8Jn3pkHPvy3/MdHKa8yUHzIIMmJQwSXPlLLrNBPwmfJlga/tYGaep05u28zU92NTSSW+l+JaXXeFOHzZVWVLOVVYJVsv5VAnzdr6VmE7Qc1mppNXsbU0fbTlC+vC5KsZAe+///nRyOtGSpWgZqb0UP3OJbB+pvdHud29Ym08p0rPFLUGzz2Ri7i/b2y+b7e+0j/wg6jXp61glfA0p57OfIe1tTbUPOWXlwy93Gl7/+3SXmGjvFLuR1+uuvL2/q2uu/wAjmvfp/wzHZwAAAABJRU5ErkJggg==') no-repeat;
    background-size: cover;
    width: 100%;
    height: 40px;
    bottom: 0px;
}

.mainframe.navlist .transparentblock {
    position: absolute;
    top: 0;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.mainframe.navlist .transparentblock img {
    height: 100%;
    width: 100%;
    opacity: 0;
}