diff options
Diffstat (limited to 'assets/css')
| -rw-r--r-- | assets/css/hyde.css | 155 | ||||
| -rw-r--r-- | assets/css/poole.css | 368 | ||||
| -rw-r--r-- | assets/css/syntax.css | 252 |
3 files changed, 0 insertions, 775 deletions
diff --git a/assets/css/hyde.css b/assets/css/hyde.css deleted file mode 100644 index 4a28447..0000000 --- a/assets/css/hyde.css +++ /dev/null @@ -1,155 +0,0 @@ -/** - * Global resets - * - * Update the foundational and global aspects of the page. - */ -html { - font-family: "PT Sans", Helvetica, Arial, sans-serif; -} - -@media (min-width: 48em) { - html { - font-size: 16px; - } -} - -@media (min-width: 58em) { - html { - font-size: 20px; - } -} - -/** - * Sidebar - * - * Flexible banner for housing site name, intro, and "footer" content. Starts - * out above content in mobile and later moves to the side with wider viewports. - */ -.sidebar { - background-color: #202020; - color: rgba(255, 255, 255, .5); - padding: 2rem 1rem; - text-align: center; -} - -@media (min-width: 48em) { - .sidebar { - bottom: 0; - left: 0; - position: fixed; - text-align: left; - top: 0; - width: 18rem; - } -} - -.sidebar a { - color: #fff; -} - -.sidebar-about h1 { - color: #fff; - font-family: "Abril Fatface", serif; - font-size: 3.25rem; - margin-top: 0; -} - -.sidebar-nav { - margin-bottom: 1rem; -} - -.sidebar-nav-item { - display: block; - line-height: 1.75; -} - -a.sidebar-nav-item:hover, -a.sidebar-nav-item:focus { - text-decoration: underline; -} - -.sidebar-nav-item.active { - font-weight: bold; -} - -.sidebar-nav-icon { - display: inline; - margin-left: 2%; - margin-right: 2%; -} - -a.sidebar-nav-icon:hover, -a.sidebar-nav-icon:focus { - text-decoration: none; -} - -@media (min-width: 48em) { - .sidebar-nav-icon { - margin-left: 0rem; - margin-right: 1rem; - } -} - -/** - * Sticky sidebar - * - * Add the `sidebar-sticky` class to the sidebar's container to affix it the - * contents to the bottom of the sidebar in tablets and up. - */ -@media (min-width: 48em) { - .sidebar-sticky { - bottom: 1rem; - left: 1rem; - position: absolute; - right: 1rem; - } -} - -/** - * Container - * - * Align the contents of the site above the proper threshold with some margin-fu - * with a 25%-wide `.sidebar`. - */ -.content { - padding-bottom: 4rem; - padding-top: 4rem; -} - -@media (min-width: 48em) { - .content { - margin-left: 20rem; - margin-right: 2rem; - max-width: 38rem; - } -} - -@media (min-width: 64em) { - .content { - margin-left: 22rem; - margin-right: 4rem; - } -} - -/** - * Reverse layout - * - * Flip the orientation of the page by placing the `.sidebar` on the right. - */ -@media (min-width: 48em) { - .layout-reverse .sidebar { - left: auto; - right: 0; - } - .layout-reverse .content { - margin-left: 2rem; - margin-right: 20rem; - } -} - -@media (min-width: 64em) { - .layout-reverse .content { - margin-left: 4rem; - margin-right: 22rem; - } -} diff --git a/assets/css/poole.css b/assets/css/poole.css deleted file mode 100644 index 4178ad4..0000000 --- a/assets/css/poole.css +++ /dev/null @@ -1,368 +0,0 @@ -/** - * Body resets - * - * Update the foundational and global aspects of the page. - */ -* { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} - -html, body { - margin: 0; - padding: 0; -} - -html { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 16px; - line-height: 1.5; -} - -@media (min-width: 38em) { - html { - font-size: 20px; - } -} - -body { - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; - background-color: #fff; - color: #515151; -} - -a { - color: #268bd2; - text-decoration: none; -} - -a strong { - color: inherit; -} - -a:hover, a:focus { - text-decoration: underline; -} - -h1, h2, h3, h4, h5, h6 { - color: #313131; - font-weight: bold; - line-height: 1.25; - margin-bottom: .5rem; - text-rendering: optimizeLegibility; -} - -h1 { - font-size: 2rem; -} - -h2 { - font-size: 1.5rem; - margin-top: 1rem; -} - -h3 { - font-size: 1.25rem; - margin-top: 1.5rem; -} - -h4, h5, h6 { - font-size: 1rem; - margin-top: 1rem; -} - -p { - margin-bottom: 1rem; - margin-top: 0; -} - -strong { - color: #303030; -} - -ul, ol, dl { - margin-bottom: 1rem; - margin-top: 0; -} - -dt { - font-weight: bold; -} - -dd { - margin-bottom: .5rem; -} - -hr { - border-bottom: 1px solid #fff; - border-top: 1px solid #eee; - border: 0; - margin: 1.5rem 0; - position: relative; -} - -abbr { - color: #555; - font-size: 85%; - font-weight: bold; - text-transform: uppercase; -} - -abbr[title] { - border-bottom: 1px dotted #e5e5e5; - cursor: help; -} - -code, pre { - font-family: Menlo, Monaco, "Courier New", monospace; -} - -code { - background-color: #f9f9f9; - border-radius: 3px; - color: #bf616a; - font-size: 85%; - padding: .25em .5em; -} - -pre { - background-color: #f9f9f9; - display: block; - font-size: .8rem; - line-height: 1.4; - margin-bottom: 1rem; - margin-top: 0; - padding: 1rem; - white-space: pre; - white-space: pre-wrap; - word-break: break-all; - word-wrap: break-word; -} - -pre code { - background-color: transparent; - color: inherit; - font-size: 100%; - padding: 0; -} - -.highlight { - border-radius: 4px; - margin-bottom: 1rem; -} - -.highlight pre { - margin-bottom: 0; -} - -.gist .gist-file { - font-family: Menlo, Monaco, "Courier New", monospace !important; -} - -.gist .markdown-body { - padding: 15px; -} - -.gist pre { - background-color: transparent; - padding: 0; -} - -.gist .gist-file .gist-data { - font-size: .8rem !important; - line-height: 1.4; -} - -.gist code { - background-color: transparent; - border-radius: 0; - color: inherit; - padding: 0; -} - -blockquote { - border-left: .25rem solid #e5e5e5; - color: #7a7a7a; - margin: .8rem 0; - padding: .5rem 1rem; -} - -blockquote p:last-child { - margin-bottom: 0; -} - -@media (min-width: 30em) { - blockquote { - padding-left: 1.25rem; - padding-right: 5rem; - } -} - -img { - border-radius: 5px; - display: block; - margin: 0 0 1rem; - max-width: 100%; -} - -table { - border-collapse: collapse; - border: 1px solid #e5e5e5; - margin-bottom: 1rem; - width: 100%; -} - -td, th { - border: 1px solid #e5e5e5; - padding: .25rem .5rem; -} - -tbody tr:nth-child(odd) td, tbody tr:nth-child(odd) th { - background-color: #f9f9f9; -} - -/** - * Custom type - * - * Extend paragraphs with `.lead` for larger introductory text. - */ -.lead { - font-size: 1.25rem; - font-weight: 300; -} - -/** - * Messages - * - * Show alert messages to users. You may add it to single elements like a `<p>`, - * or to a parent if there are multiple elements to show. - */ -.message { - background-color: #f9f9f9; - color: #717171; - margin-bottom: 1rem; - padding: 1rem; -} - -/** - * Container - * - * Center the page content. - */ -.container { - margin-left: auto; - margin-right: auto; - max-width: 38rem; - padding-left: 1rem; - padding-right: 1rem; -} - -/** - * Masthead - * - * Super small header above the content for site name and short description. - */ -.masthead { - margin-bottom: 3rem; - padding-bottom: 1rem; - padding-top: 1rem; -} - -.masthead-title { - color: #505050; - margin-bottom: 0; - margin-top: 0; -} - -.masthead-title a { - color: #505050; -} - -.masthead-title small { - color: #c0c0c0; - font-size: 75%; - font-weight: 400; - letter-spacing: 0; -} - -/** - * Posts and pages - * - * Each post is wrapped in `.post` and is used on default and post layouts. Each - * page is wrapped in `.page` and is only used on the page layout. - */ -.page, .post { - margin-bottom: 4em; -} - -.page-title, .post-title, .post-title a { - color: #303030; -} - -.page-title, .post-title { - margin-top: 0; -} - -.post-date { - color: #9a9a9a; - display: block; - margin-bottom: 1rem; - margin-top: -.5rem; -} - -.comments { - border-top: 1px solid #eee; - padding-bottom: 2rem; - padding-top: 2rem; -} - -/** - * Pagination - * - * Super lightweight (HTML-wise) blog pagination. `span`s are provide for when - * there are no more previous or next posts to show. - */ -.pagination { - color: #ccc; - font-family: "PT Sans", Helvetica, Arial, sans-serif; - margin-left: -1rem; - margin-right: -1rem; - overflow: hidden; - text-align: center; -} - -.pagination-item { - border: 1px solid #eee; - display: block; - padding: 1rem; -} - -.pagination-item:first-child { - margin-bottom: -1px; -} - -a.pagination-item:hover { - background-color: #f5f5f5; -} - -@media (min-width: 30em) { - .pagination { - margin: 3rem 0; - } - .pagination-item { - float: left; - width: 50%; - } - .pagination-item:first-child { - border-bottom-left-radius: 4px; - border-top-left-radius: 4px; - margin-bottom: 0; - } - .pagination-item:last-child { - border-bottom-right-radius: 4px; - border-top-right-radius: 4px; - margin-left: -1px; - } -} diff --git a/assets/css/syntax.css b/assets/css/syntax.css deleted file mode 100644 index 6c54280..0000000 --- a/assets/css/syntax.css +++ /dev/null @@ -1,252 +0,0 @@ -.highlight .bp { - color: #366; -} - -.highlight .c { - color: #999; -} - -.highlight .c1 { - color: #999; -} - -.highlight .cm { - color: #09f; - font-style: italic; -} - -.highlight .cp { - color: #099; -} - -.highlight .cs { - color: #999; -} - -.highlight .err { - background-color: #faa; - color: #a00; -} - -.highlight .gd { - background-color: #fcc; - border: 1px solid #c00; -} - -.highlight .ge { - font-style: italic; -} - -.highlight .gh { - color: #030; -} - -.highlight .gi { - background-color: #cfc; - border: 1px solid #0c0; -} - -.highlight .go { - color: #aaa; -} - -.highlight .gp { - color: #009; -} - -.highlight .gr { - color: #f00; -} - -.highlight .gs {} - -.highlight .gt { - color: #9c6; -} - -.highlight .gu { - color: #030; -} - -.highlight .hll { - background-color: #ffc; -} - -.highlight .il { - color: #f60; -} - -.highlight .k { - color: #069; -} - -.highlight .kc { - color: #069; -} - -.highlight .kd { - color: #069; -} - -.highlight .kn { - color: #069; -} - -.highlight .kp { - color: #069; -} - -.highlight .kr { - color: #069; -} - -.highlight .kt { - color: #078; -} - -.highlight .m { - color: #f60; -} - -.highlight .mf { - color: #f60; -} - -.highlight .mh { - color: #f60; -} - -.highlight .mi { - color: #f60; -} - -.highlight .mo { - color: #f60; -} - -.highlight .na { - color: #4f9fcf; -} - -.highlight .nb { - color: #366; -} - -.highlight .nc { - color: #0a8; -} - -.highlight .nd { - color: #99f; -} - -.highlight .ne { - color: #c00; -} - -.highlight .nf { - color: #c0f; -} - -.highlight .ni { - color: #999; -} - -.highlight .nl { - color: #99f; -} - -.highlight .nn { - color: #0cf; -} - -.highlight .no { - color: #360; -} - -.highlight .nt { - color: #2f6f9f; -} - -.highlight .nv { - color: #033; -} - -.highlight .o { - color: #555; -} - -.highlight .ow { - color: #000; -} - -.highlight .s { - color: #d44950; -} - -.highlight .s1 { - color: #c30; -} - -.highlight .s2 { - color: #c30; -} - -.highlight .sb { - color: #c30; -} - -.highlight .sc { - color: #c30; -} - -.highlight .sd { - color: #c30; - font-style: italic; -} - -.highlight .se { - color: #c30; -} - -.highlight .sh { - color: #c30; -} - -.highlight .si { - color: #a00; -} - -.highlight .sr { - color: #3aa; -} - -.highlight .ss { - color: #fc3; -} - -.highlight .sx { - color: #c30; -} - -.highlight .vc { - color: #033; -} - -.highlight .vg { - color: #033; -} - -.highlight .vi { - color: #033; -} - -.highlight .w { - color: #bbb; -} - -.css .o, -.css .o+.nt, -.css .nt+.nt { - color: #999; -} |