/* Theme Name: Anor Londo Theme URI: http://darksouls.wikidot.com/anor-londo Description: Based on Twenty Seventeen Theme Author: MarcDK Author URI: http://marc.tv Template: twentyseventeen Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready Text Domain: twenty-seventeen-child */ /* 5.0 Typography */ cite:before { content: " — "; } cite { font-size: 70%; } blockquote { padding-bottom: 0.5em; padding-left: 30px; padding-top: 0; position: relative; margin: 0 0 1.5em; } blockquote:after { position: absolute; top: -17px; left: 0px; content: "“"; font-family: serif; font-size: 46px; } blockquote p { font-style: italic; margin: 0; } @media screen and (min-width: 48em) { body, button, input, select, textarea { font-size: 18px; font-size: 1.1rem; } .post blockquote p { font-size: 22.4; font-size: 1.4rem; } .single-post .entry-title, .page .entry-title { font-size: 48px; font-size: 3rem; } } @media screen and (min-width: 30em) { /* Typography */ body, button, input, select, textarea { font-size: 20px; font-size: 1.25rem; } } .post ol li { margin-bottom: 1em; } /* 14.0 Comments */ .comment-content blockquote { font-size: 14px; font-size: 0.875rem; background: #eee; } .comment-content a:focus, .comment-content a:hover { color: #000; -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1); box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1); } .comment-content a { -webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1); box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1); -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out; transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out; transition: color 80ms ease-in, box-shadow 130ms ease-in-out; transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out; } /* 20.0 hacks */ .comment-metadata time { display: none; } .logged-in .comment-metadata time { display: inline; } .comment-metadata a.comment-edit-link { margin-left: 0em; } .colors-dark button.pswp__button { background-color: transparent; } /* 21.0 Plugins */ html .yarpp-related h3 { font-weight: inherit; padding: inherit; font-size: inherit; text-transform: inherit; margin: inherit; } html .yarpp-related a { font-weight: 300; } html span.on { font-style: italic; } .comment-subscription-form { font-size: 80%; } .shortscore-hreview a { box-shadow: none !important; text-decoration: none !important; } .gtc-list li { padding-bottom: 0.5em; } /* 22.0 widgets */ /* 22.1 social button */ .textwidget .socialbutton:first-child { margin-bottom: 1.5em; } .socialbutton { display: block; background: #3B5998; /* Facebook color */ text-align: center; padding: 1em; color: #fff; text-decoration: none; border: none; box-shadow: none !important; position: relative; overflow: hidden; } .socialbutton .dashicons { margin-right: 5px; } .socialbutton:hover, .socialbutton:active, .socialbutton:focus { color: #fff !important; text-decoration: underline; } .socialbutton:hover::before { transform: rotate(339deg); font-size: 68px; } .socialbutton:hover span { text-decoration: none; } .socialbutton.twitter { background: #1DA1F2; /* Twitter color */ } .socialbutton.twitter::before { content: "\f301"; color: #0d85d2; } .socialbutton::before { content: "\f305"; display: block; width: 0; height: 0; font-size: 65px; margin-left: -20px; line-height: 0.9; font-family: dashicons; padding-right: 0.3em; text-decoration: inherit; font-weight: 400; font-style: normal; vertical-align: top; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #5d76ad; transform: rotate(341deg); transition: all .1s ease-in-out; } /* 23.1 page full width */ body.page-two-column:not(.archive) #primary .entry-header.full-width { display: block; width: 100%; } body.page-two-column:not(.archive) #primary .entry-content.full-width { display: block; width: 100%; } body.page:not(.twentyseventeen-front-page) .entry-header.full-width .entry-title { font-size: 48px; font-size: 3rem; } /* type game */ .home .type-game header.entry-header, .archive .type-game header.entry-header { padding-left: 1em; display: table-cell; width: auto; } .home .type-game .post-thumbnail, .archive .type-game .post-thumbnail { float: left; display: table-cell; } .home .type-game header .entry-title a, .archive .type-game header .entry-title a { margin-left: 0; }