123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604 |
- @font-face {
- font-family: 'Noto Sans';
- font-weight: 400;
- font-style: normal;
- src: url("../fonts/Noto-Sans-regular/Noto-Sans-regular.eot");
- src: url("../fonts/Noto-Sans-regular/Noto-Sans-regular.eot?#iefix") format("embedded-opentype"),local("Noto Sans"),local("Noto-Sans-regular"),url("../fonts/Noto-Sans-regular/Noto-Sans-regular.woff2") format("woff2"),url("../fonts/Noto-Sans-regular/Noto-Sans-regular.woff") format("woff"),url("../fonts/Noto-Sans-regular/Noto-Sans-regular.ttf") format("truetype"),url("../fonts/Noto-Sans-regular/Noto-Sans-regular.svg#NotoSans") format("svg");
- }
- @font-face {
- font-family:'Noto Sans';font-weight:700;font-style:normal;src:url("../fonts/Noto-Sans-700/Noto-Sans-700.eot");src:url("../fonts/Noto-Sans-700/Noto-Sans-700.eot?#iefix") format("embedded-opentype"),local("Noto Sans Bold"),local("Noto-Sans-700"),url("../fonts/Noto-Sans-700/Noto-Sans-700.woff2") format("woff2"),url("../fonts/Noto-Sans-700/Noto-Sans-700.woff") format("woff"),url("../fonts/Noto-Sans-700/Noto-Sans-700.ttf") format("truetype"),url("../fonts/Noto-Sans-700/Noto-Sans-700.svg#NotoSans") format("svg");
- }
- @font-face {
- font-family:'Noto Sans';font-weight:400;font-style:italic;src:url("../fonts/Noto-Sans-italic/Noto-Sans-italic.eot");src:url("../fonts/Noto-Sans-italic/Noto-Sans-italic.eot?#iefix") format("embedded-opentype"),local("Noto Sans Italic"),local("Noto-Sans-italic"),url("../fonts/Noto-Sans-italic/Noto-Sans-italic.woff2") format("woff2"),url("../fonts/Noto-Sans-italic/Noto-Sans-italic.woff") format("woff"),url("../fonts/Noto-Sans-italic/Noto-Sans-italic.ttf") format("truetype"),url("../fonts/Noto-Sans-italic/Noto-Sans-italic.svg#NotoSans") format("svg");
- }
- @font-face {
- font-family:'Noto Sans';font-weight:700;font-style:italic;src:url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.eot");src:url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.eot?#iefix") format("embedded-opentype"),local("Noto Sans Bold Italic"),local("Noto-Sans-700italic"),url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff2") format("woff2"),url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff") format("woff"),url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.ttf") format("truetype"),url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.svg#NotoSans") format("svg");
- }
- .highlight table td {
- padding: 5px;
- }
- .highlight table pre {
- margin: 0;
- }
- .highlight .cm {
- color: #999988;
- font-style: italic;
- }
- .highlight .cp {
- color: #999999;
- font-weight: bold;
- }
- .highlight .c1 {
- color: #999988;
- font-style: italic;
- }
- .highlight .cs {
- color: #999999;
- font-weight: bold;
- font-style: italic;
- }
- .highlight .c,.highlight .cd {
- color: #999988;
- font-style: italic;
- }
- .highlight .err {
- color: #a61717;
- background-color: #e3d2d2;
- }
- .highlight .gd {
- color: #000000;
- background-color: #ffdddd;
- }
- .highlight .ge {
- color: #000000;
- font-style: italic;
- }
- .highlight .gr {
- color: #aa0000;
- }
- .highlight .gh {
- color: #999999;
- }
- .highlight .gi {
- color: #000000;
- background-color: #ddffdd;
- }
- .highlight .go {
- color: #888888;
- }
- .highlight .gp {
- color: #555555;
- }
- .highlight .gs {
- font-weight: bold;
- }
- .highlight .gu {
- color: #aaaaaa;
- }
- .highlight .gt {
- color: #aa0000;
- }
- .highlight .kc {
- color: #000000;
- font-weight: bold;
- }
- .highlight .kd {
- color: #000000;
- font-weight: bold;
- }
- .highlight .kn {
- color: #000000;
- font-weight: bold;
- }
- .highlight .kp {
- color: #000000;
- font-weight: bold;
- }
- .highlight .kr {
- color: #000000;
- font-weight: bold;
- }
- .highlight .kt {
- color: #445588;
- font-weight: bold;
- }
- .highlight .k,.highlight .kv {
- color: #000000;
- font-weight: bold;
- }
- .highlight .mf {
- color: #009999;
- }
- .highlight .mh {
- color: #009999;
- }
- .highlight .il {
- color: #009999;
- }
- .highlight .mi {
- color: #009999;
- }
- .highlight .mo {
- color: #009999;
- }
- .highlight .m,.highlight .mb,.highlight .mx {
- color: #009999;
- }
- .highlight .sb {
- color: #d14;
- }
- .highlight .sc {
- color: #d14;
- }
- .highlight .sd {
- color: #d14;
- }
- .highlight .s2 {
- color: #d14;
- }
- .highlight .se {
- color: #d14;
- }
- .highlight .sh {
- color: #d14;
- }
- .highlight .si {
- color: #d14;
- }
- .highlight .sx {
- color: #d14;
- }
- .highlight .sr {
- color: #009926;
- }
- .highlight .s1 {
- color: #d14;
- }
- .highlight .ss {
- color: #990073;
- }
- .highlight .s {
- color: #d14;
- }
- .highlight .na {
- color: #008080;
- }
- .highlight .bp {
- color: #999999;
- }
- .highlight .nb {
- color: #0086B3;
- }
- .highlight .nc {
- color: #445588;
- font-weight: bold;
- }
- .highlight .no {
- color: #008080;
- }
- .highlight .nd {
- color: #3c5d5d;
- font-weight: bold;
- }
- .highlight .ni {
- color: #800080;
- }
- .highlight .ne {
- color: #990000;
- font-weight: bold;
- }
- .highlight .nf {
- color: #990000;
- font-weight: bold;
- }
- .highlight .nl {
- color: #990000;
- font-weight: bold;
- }
- .highlight .nn {
- color: #555555;
- }
- .highlight .nt {
- color: #000080;
- }
- .highlight .vc {
- color: #008080;
- }
- .highlight .vg {
- color: #008080;
- }
- .highlight .vi {
- color: #008080;
- }
- .highlight .nv {
- color: #008080;
- }
- .highlight .ow {
- color: #000000;
- font-weight: bold;
- }
- .highlight .o {
- color: #000000;
- font-weight: bold;
- }
- .highlight .w {
- color: #bbbbbb;
- }
- .highlight {
- background-color: #f8f8f8;
- }
- body {
- background-color: #fff;
- padding: 50px;
- font: 14px/1.5 "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
- color: #727272;
- font-weight: 400;
- }
- h1,h2,h3,h4,h5,h6 {
- color: #222;
- margin: 0 0 20px;
- }
- p,ul,ol,table,pre,dl {
- margin: 0 0 5px;
- }
- h1,h2,h3 {
- line-height: 1.1;
- }
- h1 {
- font-size: 28px;
- }
- h2 {
- color: #393939;
- }
- h3,h4,h5,h6 {
- color: #494949;
- }
- a {
- color: #ad22ad;
- text-decoration: none;
- font-weight: bold;
- }
- a:hover,a:focus {
- color: #b42bef;
- text-decoration:underline;
- }
- a small {
- font-size: 11px;
- color: #777;
- margin-top: -0.3em;
- display: block;
- }
- a:hover small {
- color: #777;
- }
- .wrapper {
- width: 1080px;
- margin: 0 auto;
- }
- blockquote {
- border-left: 1px solid #e5e5e5;
- margin: 0;
- padding: 0 0 0 20px;
- font-style: italic;
- }
- code,pre {
- font-family: Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal, Consolas, Liberation Mono, DejaVu Sans Mono, Courier New, monospace;
- color: #333;
- font-size: 12px;
- }
- pre {
- padding: 8px 15px;
- background: #f8f8f8;
- border-radius: 5px;
- border: 1px solid #e5e5e5;
- overflow-x: auto;
- }
- table {
- width: 100%;
- border-collapse: collapse;
- }
- th,td {
- text-align: left;
- padding: 5px 10px;
- border-bottom: 1px solid #e5e5e5;
- }
- dt {
- color: #444;
- font-weight: 700;
- }
- th {
- color: #444;
- }
- img {
- max-width: 100%;
- }
- header {
- width: 270px;
- float: left;
- position: fixed;
- -webkit-font-smoothing: subpixel-antialiased;
- }
- header ul {
- list-style: none;
- height: 40px;
- padding: 0;
- background: #f4f4f4;
- border-radius: 5px;
- border: 1px solid #e0e0e0;
- width: 270px;
- }
- header li {
- width: 89px;
- float: left;
- border-right: 1px solid #e0e0e0;
- height: 40px;
- }
- header li:first-child a {
- border-radius: 5px 0 0 5px;
- }
- header li:last-child a {
- border-radius: 0 5px 5px 0;
- }
- header ul a {
- line-height: 1;
- font-size: 11px;
- color: #676767;
- display: block;
- text-align: center;
- padding-top: 6px;
- height: 34px;
- }
- header ul a:hover,header ul a:focus {
- color: #675C5C;
- font-weight: bold;
- }
- header ul a:active {
- background-color: #f0f0f0;
- }
- strong {
- color: #222;
- font-weight: 700;
- }
- header ul li+li+li {
- border-right: none;
- width: 89px;
- }
- header ul a strong {
- font-size: 14px;
- display: block;
- color: #222;
- }
- header .logo {
- width: 200px;
- }
- section {
- width: 760px;
- float: right;
- padding-bottom: 50px;
- }
- small {
- font-size: 11px;
- }
- hr {
- border: 0;
- background: #e5e5e5;
- height: 1px;
- margin: 0 0 20px;
- }
- footer {
- width: 270px;
- float: left;
- position: fixed;
- bottom: 50px;
- -webkit-font-smoothing: subpixel-antialiased;
- }
- .post-list {
- list-style-type: none;
- }
- .post-list .post-meta > a {
- font-weight: bold;
- }
- .post-title {
- font-size: 17pt;
- font-weight: bold;
- margin-bottom: 0;
- }
- .post-meta .post-date {
- margin-left: 15px;
- }
- .post .post-head {
- margin-bottom: 20px;
- }
- .quote {
- border-style: dashed;
- border-width: 2px;
- padding: 5px;
- border-color: purple;
- }
- .description .quote {
- background: #ab22ab30;
- color: #555;
- }
- @media print, screen and (max-width: 960px) {
- div.wrapper {
- width: auto;
- margin: 0;
- }
- header,section,footer {
- float: none;
- position: static;
- width: auto;
- }
- header {
- padding-right: 320px;
- }
- section {
- border: 1px solid #e5e5e5;
- border-width: 1px 0;
- padding: 20px 0;
- margin: 0 0 20px;
- }
- header a small {
- display: inline;
- }
- header ul {
- position: absolute;
- right: 50px;
- top: 52px;
- }
- }
- @media print, screen and (max-width: 720px) {
- body {
- word-wrap: break-word;
- }
- header {
- padding: 0;
- }
- header ul,header p.view {
- position: static;
- }
- pre,code {
- word-wrap: normal;
- }
- }
- @media print, screen and (max-width: 480px) {
- body {
- padding: 15px;
- }
- header ul {
- width: 99%;
- }
- header li,header ul li+li+li {
- width: 33%;
- }
- }
- @media print {
- body {
- padding: 0.4in;
- font-size: 12pt;
- color: #444;
- }
- }
|