Welcome to little lamb

Code » qmdoc » master » tree

[master] / src / extra / css / common.css 

  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
main {
    font-size: 16px;
}
main section.content pre {
    margin: 8px 0 8px;
    padding: 12px;
}
main section.content pre code {
    background: url(data:type/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAoCAYAAAA/tpB3AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5AoRDygzCsVT7gAAABZJREFUCNdjYGBg4GJiYGBgoB1BDwAAHrQAMUi3bMoAAAAASUVORK5CYII=) 0 0 repeat #f2ecb7;
}
main section.content blockquote :first-child::before {
    content: url(data:type/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAgCAYAAABU1PscAAABRElEQVRYw+3WTytEURjH8c/4l1JTpKxsyEbYWFkpG+UVKOWFeAts7eytbJSysLLVxIKNFAslwhSlUQabUdM0xm0e967Ot+7inPN8z+13z73nXBKJRCIRoJSxbggrmMMInlHBIWoF+KEAQ9jAaJuxe2zhJUe/Iz0ZahZ/uTmMYT1nPxxg/I/xWQzn6IcD1IIha//wkEIBKhlq+nP0wwHOsYuvDjWvOfod6c1Yd9O4ZjDQZvwAbzn6oRVofpKbqLf0P+GxAD8cAO7w0NJ3WqAfDlBCuan9gaMC/XCA+cbJ+sMRqgX6oQCTWGtqX2O/QL8tfRlqyljGUlPgW2y3+SDz8Lv6mRvEQmPbm25ZqQvs/LHtRf3wCkxgtaWvij2cZJg36ocD/Pw91nGJY5zhM+O8UT/8Ck01TswrvHcxb9RPJBKJRDF8AyNbWk4WFTIzAAAAAElFTkSuQmCC);
    float: left;
}
main section.content blockquote cite {
    font-style: italic;
    padding-left: 8px;
}
main section.content blockquote cite::before {
    content: "— ";
}
main section.content q {
    font-style: italic;
}
main section.content a {
    text-decoration: underline;
}
main section.content h1 a::before, main section.content h2 a::before,
main section.content h3 a::before, main section.content h4 a::before,
main section.content h5 a::before, main section.content h6 a::before {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAiCAYAAABWQVnHAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5AoRDzABQAmaNwAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAABOUlEQVRIx+2UsU4CQRCGvyUk+ABeBxWUVlbSHckk+AA+go/lI9hr8Udb6OwFC8VKOivMJWczlyybPdDQ3laX2Zl/Z79/50JVVZyyepy4OgHo/yXJzB6AURTaSLoGCMdsNLMnYAoMovAOWEiaHRTw4ktg60W40BCogU2rQFT8IqlM9l6BcSvEqO1tWhxdASD0WoBNgbModvcfGycNMEkTM3sHbszsMcoZAD/Aup+xKvhmQ33osbHnPQOFu1D2kjt/SZoAG6A2s1pS0+XI4RXAsmHT9+AQ+JQ08+Q1cA58J20j6SJlMHZgDVkkzYF7SSMzW7nnO+AtBzHk6Eq69c/amSxcuNWFQcbSPWC5g0JZlitnAPCRPNki9xL3BKqqak66ygzM8lDx3jT6Q0lHdn5s1EP3V+4EOgEAfgElA4h8m56jlAAAAABJRU5ErkJggg==);
}
main section.content h1 a, main section.content h2 a, main section.content h3 a,
main section.content h4 a, main section.content h5 a, main section.content h6 a {
    display: none;
    max-width: 16px;
    max-height: 24px;
    margin: -8px 0 0 5px;
    vertical-align: middle;
    text-transform: none;
}
main section.content h1:hover a, main section.content h2:hover a,
main section.content h3:hover a, main section.content h4:hover a,
main section.content h5:hover a, main section.content h6:hover a {
    display: inline-block;
    text-decoration: none !important;
}
main section h1 a:hover::after, main section h2 a:hover::after,
main section h3 a:hover::after, main section h4 a:hover::after,
main section h5 a:hover::after, main section h6 a:hover::after {
    content: "Permalink to this headline";
    display: block;
    padding: 8px;
    position: absolute;
    margin: -8px 8px;
    font-weight: 500;
    font-size: 14px;
    background: rgba(0,0,0,.8);
    color: #fff;
    border-radius: 4px;
}
main section.content kbd {
    display: inline-block;
    height: 24px;
    padding: 0 4px;
    margin: -2px 0 -2px;
    border-radius: 4px;
    font-weight: 700;
}
main section.content span.mbl, main section.content span.mbr,
main section.content span.mbw {
    display: inline-block;
    height: 24px;
    min-width: 16px;
    padding: 0;
    margin: -2px 0 -2px;
    vertical-align: middle;
}
main section.content span.mbl::before {
    content: url(data:type/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAMAAADEfo0+AAAAe1BMVEUAAACoqKj9/f2zs7O1tbWRkZGlpaWsrKybm5u2traNjY2Wlpanp6empqaYmJiPj4+3t7f5+fmjo6P19fXu7u6ZmZnx8fHi4uLm5ube3t7q6uqwsLC0tLS7u7u4uLi/v7/W1tbDw8PLy8vPz8/T09Pa2trHx8eIiIhERkShhqFGAAAAAXRSTlMAQObYZgAAAI5JREFUGNNV0EcCwjAMRFEB6R2DKSGQUBLp/idEjsG23m7+cgAMIsJWwR8Z235pumDTnkUbv+lg7CIfTqvSbTquxsGFfjWXLlwsdOFs+XC1EHAWOEwCh4/A4S1weAkcFoHDU0CI8zGQx1Cpe0BVAO0j0PIfiR4cnZjLdHP7abQ9VRVZnaZ1VvjfO42o7edfH3EoHZS6XE4AAAAASUVORK5CYII=);
}
main section.content span.mbr::before {
    content: url(data:type/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAMAAADEfo0+AAAAe1BMVEUAAACoqKj9/f2zs7O1tbWRkZGlpaWsrKybm5u2traNjY2Wlpanp6empqaYmJiPj4+3t7f5+fmjo6P19fXu7u6ZmZnx8fHi4uLm5ube3t7q6uqwsLC0tLS7u7u4uLi/v7/W1tbDw8PLy8vPz8/T09Pa2trHx8eIiIhERkShhqFGAAAAAXRSTlMAQObYZgAAAI9JREFUGNNV0NkWgjAMRdGozFOxWgdEcYLk/7/Q0EpL9tNd5/ECzLRCIoJF20zdlsinTbRn5Eu0O8zIl/Jk+dAPR4uWUo6d5QNenBDOTghXJ4RRQMCnwOErcPgIHN4Ch0ng8BIQ4nxYyWOo9H1FVwDqsaL4j8T0nknmy0xz+2uMO1UXWZ2mdVbo8LtBNK2dP/2+KB2shyfVAAAAAElFTkSuQmCC);
}
main section.content span.mbw::before {
    content: url(data:type/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAMAAADEfo0+AAAAe1BMVEUAAACzs7OoqKisrKyRkZGlpaX9/f22trabm5uNjY2mpqanp6ePj4+1tbWYmJi3t7eWlpajo6OZmZmwsLD5+fnu7u7x8fHi4uLW1tbm5ube3t7T09Pq6ur19fW4uLi7u7u0tLTa2trPz8+/v7/Dw8PLy8vHx8eIiIhERkS4354xAAAAAXRSTlMAQObYZgAAAKdJREFUGNNV0NkagiAUhdHjPAECzWWlWdL7P2Fno/nJumHzXx4iMMI5YeivVVOX592k2vkfy/1CxvjL6L6KJAd9ZF+GVxP144Eh4B170kPHEPAOmtwFEPxw5E6A4AeHKyD4wWEABD84nAHBDw43QPCDwyvA4RPgMAU4vAOO0mLcKFJqzHPDNETisSH4HpntVzbDyazaLZSdj2qqsk6Suqw2d7fO2fnmP7kAJW9a/HbiAAAAAElFTkSuQmCC);
}
main section.content span.button {
    border-radius: 3px;
    padding: 4px;
    font-size: 90%;
}
main section.content div.box > :first-child::before {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAQCAYAAAD9L+QYAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5AoRDyIoek9yiAAAAKtJREFUOMvdlEEKwjAQRTMiXQrZeJteoiv3niXH6GXSTY9Q6AnqEaTw3IwoZVpjogh++JBkkp9J8ifO/R0ADwQg8kDUMV8i3AAT65iAJld45jXmtzbQq1hmPAIn5WicwKeKByPD/ineG/Gwprdb9OuMJ6p/Ir5PWHwEzvd2iQXjijOuSgsx9Vo6Y04rIpWIVM651oh3JVYcgINyyLbiRhFdlPlF9PXy/+THdQMVLLdebRX1uQAAAABJRU5ErkJggg==);
}
main section.content div.box > :first-child {
    font-weight: 700;
}
main section.content footer.page {
    margin-top: 16px;
    opacity: 0.8;
    font-size: 80%;
}
main section.content footer.page .generated {
    opacity: 0.8;
    font-size: 90%;
}