My Pinboard Custom Stylesheet
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Import Open Sans */ | |
| @import url("//fonts.googleapis.com/css?family=Open+Sans:400italic,400,600"); | |
| /* Import Normalize */ | |
| @import url("//assets.chrisburnell.com/normalize.min.css"); | |
| /* Reset the box model */ | |
| html { | |
| box-sizing: border-box; | |
| } | |
| *, *:before, *:after { | |
| box-sizing: inherit; | |
| } | |
| /* Wrapper */ | |
| body { | |
| background: #F9F9F9; | |
| color: #4F4F4F; | |
| margin: 0; | |
| font: 400 normal 16px/1.875em "Open Sans", "Helvetica Neue", Arial, Helvetica, serif; | |
| text-align: left; | |
| } | |
| #content { | |
| width: 100%; | |
| max-width: 1120px; | |
| padding-left: 1.25rem; | |
| padding-right: 1.25rem; | |
| } | |
| a { | |
| -webkit-transition: all .2s ease; | |
| transition: all .2s ease; | |
| } | |
| a[href$="/u:chrisburnell"], | |
| a[href$="/u:chrisburnell/"], | |
| a[href*="/t:"] { | |
| color: #5F8AA6 !important; | |
| } | |
| /* Modify the header */ | |
| #banner { | |
| background-color: transparent; | |
| opacity: .8; | |
| width: 100%; | |
| padding-top: 1.75rem; | |
| padding-bottom: 1.75rem; | |
| border-bottom: .125rem solid #5F8AA6; | |
| margin-bottom: 2.25rem; | |
| -webkit-transition: all .2s ease; | |
| transition: all .2s ease; | |
| } | |
| #banner:hover { | |
| opacity: 1; | |
| } | |
| #banner a { | |
| color: #4F4F4F; | |
| } | |
| #banner a.banner_username { | |
| color: #5F8AA6; | |
| } | |
| #logo { | |
| width: 30%; | |
| } | |
| @media ( max-width: 768px ) { | |
| #logo { | |
| width: 100%; | |
| float: none; | |
| } | |
| } | |
| #top_menu { | |
| color: #737373; | |
| width: 70%; | |
| margin-top: 0; | |
| padding-left: 1.25rem; | |
| text-align: right; | |
| } | |
| @media (max-width: 768px) { | |
| #top_menu { | |
| width: 100%; | |
| float: none; | |
| padding-left: 0; | |
| text-align: left; | |
| } | |
| } | |
| #top_menu a { | |
| color: #999999; | |
| -webkit-transition: all .2s ease; | |
| transition: all .2s ease; | |
| } | |
| #top_menu a:hover, | |
| #top_menu a:focus { | |
| color: #4F4F4F; | |
| } | |
| /* Main Content Panes */ | |
| #main_column, | |
| #right_bar, | |
| #tag_cloud { | |
| display: block; | |
| } | |
| #main_column { | |
| width: 65%; | |
| padding-right: 2.25rem; | |
| } | |
| @media (max-width: 768px) { | |
| #main_column { | |
| width: 100%; | |
| padding-right: 0; | |
| } | |
| } | |
| #right_bar, | |
| #tag_cloud { | |
| width: 35%; | |
| margin-left: 0; | |
| } | |
| @media (max-width: 768px) { | |
| #right_bar, | |
| #tag_cloud { | |
| width: 100%; | |
| } | |
| } | |
| .user_navbar { | |
| font-size: .875rem; | |
| padding-bottom: 2.25rem; | |
| margin-bottom: 1.25rem; | |
| border-bottom: .125rem solid #DDDDDD; | |
| } | |
| .small_username { | |
| padding-right: 1.25rem; | |
| } | |
| .bookmark_count_box { | |
| width: auto; | |
| font-weight: 600; | |
| text-align: right; | |
| } | |
| .bookmark_count_box + div { | |
| color: #999999; | |
| width: 100%; | |
| clear: both; | |
| } | |
| a.filter { | |
| color: #999999; | |
| } | |
| a.filter:hover, | |
| a.filter:focus { | |
| color: #4F4F4F; | |
| } | |
| .rss_linkbox { | |
| margin-right: 0; | |
| } | |
| .rss_linkbox:hover, | |
| .rss_linkbox:focus { | |
| text-decoration: underline; | |
| } | |
| #nextprev { | |
| color: #999999; | |
| padding-bottom: 1.25rem; | |
| } | |
| #nextprev table { | |
| width: 100%; | |
| border: 0; | |
| } | |
| #nextprev td { | |
| font-size: .875rem; | |
| } | |
| #nextprev tr td:last-child { | |
| text-align: right; | |
| } | |
| #nextprev a:hover, | |
| #nextprev a:focus { | |
| color: #4F4F4F; | |
| } | |
| #bulk_links { | |
| margin-bottom: 0; | |
| font-size: .875rem; | |
| } | |
| #bulk_edit_options { | |
| width: 100%; | |
| margin-top: 0; | |
| padding-bottom: 2.25rem; | |
| } | |
| #bulk_edit_box { | |
| border: 0; | |
| } | |
| #bulk_edit_box a { | |
| color: #999999; | |
| } | |
| #bulk_edit_box a:hover, | |
| #bulk_edit_box a:focus { | |
| color: #4F4F4F; | |
| } | |
| #bulk_top_bar { | |
| background-color: #EEEEEE; | |
| height: auto; | |
| padding: .25rem .5rem; | |
| border-bottom: 1px solid #AAAAAA; | |
| } | |
| #bulk_top_bar > :first-child { | |
| font-style: italic; | |
| } | |
| #bulk_top_bar + div { | |
| padding: .5rem; | |
| } | |
| /* Bookmarks */ | |
| .edit_checkbox { | |
| width: 3.125rem; | |
| margin-left: -3.125rem; | |
| line-height: 2.8125rem; | |
| } | |
| .bookmark { | |
| width: 100%; | |
| padding: .5rem; | |
| margin-bottom: 1.25rem; | |
| position: relative; | |
| border-radius: 1px; | |
| } | |
| .bookmark:not(.private) { | |
| padding-bottom: 1rem; | |
| border-bottom: 1px solid #EEEEEE; | |
| } | |
| .private { | |
| background-color: #EEEEEE; | |
| padding-bottom: .5rem; | |
| border: 0; | |
| } | |
| .private a { | |
| padding: 0; | |
| } | |
| .star { | |
| position: absolute; | |
| top: .5rem; | |
| right: 100%; | |
| } | |
| .star span { | |
| box-sizing: content-box; | |
| background-color: transparent; | |
| background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iU3Rhcl9vdXRsaW5lZCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNGRkQ3MDAiIGQ9Ik0xOC44LDguMDIyaC02LjQxM0wxMCwxLjNMNy42MTEsOC4wMjJIMS4xOTlsNS4yMzIsMy45NDdMNC41NiwxOC44OThMMTAsMTQuNzQ0bDUuNDM4LDQuMTU0bC0xLjg2OS02LjkyOUwxOC44LDguMDIyeiBNMTAsMTIuNzgzbC0zLjAxNCwyLjVsMS4yNDMtMy41NjJsLTIuODUxLTIuM0w4LjksOS41MjJsMS4xLTQuMDRsMS4wOTksNC4wNGwzLjUyMS0wLjEwMWwtMi44NTEsMi4zbDEuMjQzLDMuNTYyTDEwLDEyLjc4M3oiLz48L3N2Zz4=); | |
| background-position: center center; | |
| background-size: 19px 19px; | |
| background-repeat: no-repeat; | |
| opacity: .4; | |
| width: 19px; | |
| height: 19px; | |
| display: block; | |
| padding: .25rem; | |
| margin-right: .25rem; | |
| position: relative; | |
| overflow: hidden; | |
| vertical-align: middle; | |
| text-indent: 100%; | |
| white-space: nowrap; | |
| -webkit-transition: opacity .1s ease; | |
| transition: opacity .1s ease; | |
| } | |
| .star span:hover, | |
| .star span:focus, | |
| .selected_star span { | |
| background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iU3RhciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNGRkQ3MDAiIGQ9Ik0xMCwxLjNsMi4zODgsNi43MjJIMTguOGwtNS4yMzIsMy45NDhsMS44NzEsNi45MjhMMTAsMTQuNzQ0bC01LjQzOCw0LjE1NGwxLjg3LTYuOTI4TDEuMTk5LDguMDIyaDYuNDEyTDEwLDEuM3oiLz48L3N2Zz4=); | |
| opacity: 1; | |
| } | |
| .display { | |
| width: 100%; | |
| color: #999999; | |
| font-size: 1rem; | |
| } | |
| .bookmark_title, | |
| .bookmark_title:visited { | |
| color: #4F4F4F; | |
| font-size: 1rem; | |
| font-weight: 600; | |
| line-height: 1.5em; | |
| } | |
| a.url_display { | |
| color: #999999; | |
| font-size: .875rem; | |
| } | |
| a.url_display:hover, | |
| a.url_display:focus { | |
| color: #4F4F4F; | |
| } | |
| .description { | |
| color: #999999; | |
| margin-top: 0; | |
| padding: .75rem 0; | |
| font-size: .875rem; | |
| font-style: italic; | |
| line-height: 1.2em; | |
| } | |
| .description blockquote { | |
| color: inherit; | |
| margin: 0; | |
| } | |
| a.tag, | |
| a.tag:visited { | |
| background-color: #999999; | |
| color: #F9F9F9 !important; | |
| padding: .25rem .5rem; | |
| font-size: .75rem; | |
| border-radius: .125rem; | |
| } | |
| a.tag:hover, | |
| a.tag:focus { | |
| background-color: #4F4F4F; | |
| } | |
| a.when, | |
| a.when:visited, | |
| a.url_link, | |
| a.url_link:visited { | |
| color: #999999; | |
| display: inline-block; | |
| margin-top: .5rem; | |
| margin-left: -0.5rem; | |
| padding: .25rem .5rem; | |
| font-size: .875rem; | |
| font-style: italic; | |
| } | |
| a.when:hover, | |
| a.when:focus, | |
| a.url_link:hover, | |
| a.url_link:focus { | |
| color: #4F4F4F; | |
| } | |
| .edit_links { | |
| opacity: .6; | |
| float: right; | |
| margin-top: .5rem; | |
| margin-right: .5rem; | |
| font-size: .875rem; | |
| font-style: italic; | |
| -webkit-transition: all .2s ease; | |
| transition: all .2s ease; | |
| } | |
| .bookmark:hover .edit_links { | |
| opacity: 1; | |
| } | |
| .edit_links a.edit, | |
| .edit_links a.edit:visited, | |
| .edit_links a.delete, | |
| .edit_links a.delete:visited, | |
| .edit_links a.mark_read, | |
| .edit_links a.mark_read:visited { | |
| box-sizing: content-box; | |
| background-color: transparent; | |
| background-position: center center; | |
| background-size: 19px 19px; | |
| background-repeat: no-repeat; | |
| opacity: .4; | |
| width: 19px; | |
| height: 19px; | |
| display: inline-block; | |
| padding: .25rem; | |
| position: relative; | |
| overflow: hidden; | |
| vertical-align: middle; | |
| text-indent: 100%; | |
| white-space: nowrap; | |
| -webkit-transition: opacity .1s ease; | |
| transition: opacity .1s ease; | |
| } | |
| .edit_links a.edit:hover, | |
| .edit_links a.edit:focus, | |
| .edit_links a.delete:hover, | |
| .edit_links a.delete:focus, | |
| .edit_links a.mark_read:hover, | |
| .edit_links a.mark_read:focus { | |
| opacity: 1; | |
| } | |
| .edit_links a.edit { | |
| background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRmVhdGhlciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiMyRThCNTciIGQ9Ik00LjI1NCwxOS41NjdjMC4zMDctMC45ODIsMC43Ny0yLjM2NCwxLjM5MS00LjM2MmMyLjcwNy0wLjQyOSwzLjgyNywwLjM0MSw1LjU0Ni0yLjcyOWMtMS4zOTUsMC40MjctMy4wNzctMC43OTItMi45ODctMS4zMjFjMC4wOTEtMC41MjgsMy45MTMsMC4zODEsNi40MTYtMy4xNzNjLTMuMTU1LDAuNjk2LTQuMTY0LTAuODM2LTMuNzU3LTEuMDY3YzAuOTM5LTAuNTM0LDMuNzI2LTAuMjIyLDUuMjEyLTEuNjY5YzAuNzY2LTAuNzQ1LDEuMTI1LTIuNTU2LDAuODEzLTMuMjAyYy0wLjM3NC0wLjc4MS0yLjY1Ni0xLjk0Ni0zLjkxNC0xLjgzNmMtMS4yNTgsMC4xMDktMy4yMzEsNC43OS0zLjgxNyw0Ljc1NEM4LjU3Myw0LjkyNSw4LjQ1NCwyLjg2NCw5LjQ3NiwwLjk0OWMtMS4wNzcsMC40NzctMy4wNTEsMS45NTktMy42NywzLjIyNmMtMS4xNTMsMi4zNTcsMC4xMDgsNy43NjYtMC4yOTYsNy45NThjLTAuNDA1LDAuMTkzLTEuNzY2LTIuNDgxLTIuMTcyLTMuNjk0Yy0wLjU1NSwxLjg1OS0wLjU2OCwzLjcyMSwxLjA1Myw2LjE5NGMtMC42MTEsMS42MjMtMC45NDUsMy40OTEtMC45OTYsNC40NDFDMy4zNzEsMTkuODMzLDQuMTE5LDE5Ljk5Niw0LjI1NCwxOS41Njd6Ii8+PC9zdmc+); | |
| } | |
| .edit_links a.edit:hover, | |
| .edit_links a.edit:focus { | |
| background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRmVhdGhlciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiMzQ0IzNzEiIGQ9Ik00LjI1NCwxOS41NjdjMC4zMDctMC45ODIsMC43Ny0yLjM2NCwxLjM5MS00LjM2MmMyLjcwNy0wLjQyOSwzLjgyNywwLjM0MSw1LjU0Ni0yLjcyOWMtMS4zOTUsMC40MjctMy4wNzctMC43OTItMi45ODctMS4zMjFjMC4wOTEtMC41MjgsMy45MTMsMC4zODEsNi40MTYtMy4xNzNjLTMuMTU1LDAuNjk2LTQuMTY0LTAuODM2LTMuNzU3LTEuMDY3YzAuOTM5LTAuNTM0LDMuNzI2LTAuMjIyLDUuMjEyLTEuNjY5YzAuNzY2LTAuNzQ1LDEuMTI1LTIuNTU2LDAuODEzLTMuMjAyYy0wLjM3NC0wLjc4MS0yLjY1Ni0xLjk0Ni0zLjkxNC0xLjgzNmMtMS4yNTgsMC4xMDktMy4yMzEsNC43OS0zLjgxNyw0Ljc1NEM4LjU3Myw0LjkyNSw4LjQ1NCwyLjg2NCw5LjQ3NiwwLjk0OWMtMS4wNzcsMC40NzctMy4wNTEsMS45NTktMy42NywzLjIyNmMtMS4xNTMsMi4zNTcsMC4xMDgsNy43NjYtMC4yOTYsNy45NThjLTAuNDA1LDAuMTkzLTEuNzY2LTIuNDgxLTIuMTcyLTMuNjk0Yy0wLjU1NSwxLjg1OS0wLjU2OCwzLjcyMSwxLjA1Myw2LjE5NGMtMC42MTEsMS42MjMtMC45NDUsMy40OTEtMC45OTYsNC40NDFDMy4zNzEsMTkuODMzLDQuMTE5LDE5Ljk5Niw0LjI1NCwxOS41Njd6Ii8+PC9zdmc+); | |
| } | |
| .edit_links a.delete { | |
| background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQmxvY2siIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjQjIyMjIyIiBkPSJNMTAsMC40Yy01LjMwMywwLTkuNjAxLDQuMjk4LTkuNjAxLDkuNmMwLDUuMzAzLDQuMjk4LDkuNjAxLDkuNjAxLDkuNjAxYzUuMzAxLDAsOS42LTQuMjk4LDkuNi05LjYwMUMxOS42LDQuNjk4LDE1LjMwMSwwLjQsMTAsMC40eiBNMi4zOTksMTBjMC00LjE5NywzLjQwMi03LjYsNy42LTcuNmMxLjgyOSwwLDMuNTA2LDAuNjQ3LDQuODE3LDEuNzIzTDQuMTIyLDE0LjgxN0MzLjA0NiwxMy41MDUsMi4zOTksMTEuODI5LDIuMzk5LDEweiBNOS45OTksMTcuNTk5Yy0xLjgyOCwwLTMuNTA1LTAuNjQ2LTQuODE1LTEuNzIyTDE1Ljg3OCw1LjE4NEMxNi45NTMsNi40OTYsMTcuNiw4LjE3MSwxNy42LDEwQzE3LjYsMTQuMTk3LDE0LjE5NiwxNy41OTksOS45OTksMTcuNTk5eiIvPjwvc3ZnPg==); | |
| } | |
| .edit_links a.delete:hover, | |
| .edit_links a.delete:focus { | |
| background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQmxvY2siIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjQ0Q1QzVDIiBkPSJNMTAsMC40Yy01LjMwMywwLTkuNjAxLDQuMjk4LTkuNjAxLDkuNmMwLDUuMzAzLDQuMjk4LDkuNjAxLDkuNjAxLDkuNjAxYzUuMzAxLDAsOS42LTQuMjk4LDkuNi05LjYwMUMxOS42LDQuNjk4LDE1LjMwMSwwLjQsMTAsMC40eiBNMi4zOTksMTBjMC00LjE5NywzLjQwMi03LjYsNy42LTcuNmMxLjgyOSwwLDMuNTA2LDAuNjQ3LDQuODE3LDEuNzIzTDQuMTIyLDE0LjgxN0MzLjA0NiwxMy41MDUsMi4zOTksMTEuODI5LDIuMzk5LDEweiBNOS45OTksMTcuNTk5Yy0xLjgyOCwwLTMuNTA1LTAuNjQ2LTQuODE1LTEuNzIyTDE1Ljg3OCw1LjE4NEMxNi45NTMsNi40OTYsMTcuNiw4LjE3MSwxNy42LDEwQzE3LjYsMTQuMTk3LDE0LjE5NiwxNy41OTksOS45OTksMTcuNTk5eiIvPjwvc3ZnPg==); | |
| } | |
| .edit_links a.mark_read { | |
| background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRXllIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIwIDIwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMCAyMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI0RBQTUyMCIgZD0iTTEwLDQuNEMzLjQzOSw0LjQsMCw5LjIzMiwwLDEwYzAsMC43NjYsMy40MzksNS42LDEwLDUuNmM2LjU2LDAsMTAtNC44MzQsMTAtNS42QzIwLDkuMjMyLDE2LjU2LDQuNCwxMCw0LjR6IE0xMCwxNC4zMDdjLTIuNDU1LDAtNC40NDUtMS45MjgtNC40NDUtNC4zMDdTNy41NDUsNS42OTEsMTAsNS42OTFzNC40NDQsMS45Myw0LjQ0NCw0LjMwOVMxMi40NTUsMTQuMzA3LDEwLDE0LjMwN3ogTTEwLDEwYy0wLjQwNy0wLjQ0NywwLjY2My0yLjE1NCwwLTIuMTU0Yy0xLjIyOCwwLTIuMjIzLDAuOTY1LTIuMjIzLDIuMTU0UzguNzcyLDEyLjE1NCwxMCwxMi4xNTRjMS4yMjcsMCwyLjIyMy0wLjk2NSwyLjIyMy0yLjE1NEMxMi4yMjMsOS40NTMsMTAuMzQ2LDEwLjM3OSwxMCwxMHoiLz48L3N2Zz4=); | |
| } | |
| .edit_links a.mark_read:hover, | |
| .edit_links a.mark_read:focus { | |
| background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRXllIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIwIDIwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMCAyMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI0ZGRDcwMCIgZD0iTTEwLDQuNEMzLjQzOSw0LjQsMCw5LjIzMiwwLDEwYzAsMC43NjYsMy40MzksNS42LDEwLDUuNmM2LjU2LDAsMTAtNC44MzQsMTAtNS42QzIwLDkuMjMyLDE2LjU2LDQuNCwxMCw0LjR6IE0xMCwxNC4zMDdjLTIuNDU1LDAtNC40NDUtMS45MjgtNC40NDUtNC4zMDdTNy41NDUsNS42OTEsMTAsNS42OTFzNC40NDQsMS45Myw0LjQ0NCw0LjMwOVMxMi40NTUsMTQuMzA3LDEwLDE0LjMwN3ogTTEwLDEwYy0wLjQwNy0wLjQ0NywwLjY2My0yLjE1NCwwLTIuMTU0Yy0xLjIyOCwwLTIuMjIzLDAuOTY1LTIuMjIzLDIuMTU0UzguNzcyLDEyLjE1NCwxMCwxMi4xNTRjMS4yMjcsMCwyLjIyMy0wLjk2NSwyLjIyMy0yLjE1NEMxMi4yMjMsOS40NTMsMTAuMzQ2LDEwLjM3OSwxMCwxMHoiLz48L3N2Zz4=); | |
| } | |
| input[type="text"], | |
| input[name="tags"], | |
| textarea { | |
| color: #777777; | |
| width: 100% !important; | |
| padding: .25rem .5rem; | |
| border: 1px solid #DDDDDD; | |
| font-size: 1rem; | |
| line-height: 1.5em; | |
| vertical-align: top; | |
| -webkit-transition: all .2s ease; | |
| transition: all .2s ease; | |
| } | |
| input[type="text"]:focus, | |
| input[name="tags"]:focus, | |
| textarea:focus { | |
| color: #4f4f4f; | |
| border-color: #999999; | |
| outline: none; | |
| } | |
| label[for="show_iframe"], | |
| #organize_table tbody tr:first-child td:first-child a, | |
| #organize_nav_table a { | |
| white-space: nowrap; | |
| } | |
| #organize_table tbody tr:first-child td:first-child a { | |
| padding-right: 1.25rem; | |
| } | |
| .search_button { | |
| margin-top: .5rem; | |
| text-align: right; | |
| } | |
| @media (max-width: 768px) { | |
| .search_button { | |
| text-align: left; | |
| } | |
| } | |
| .search_button input { | |
| background-color: #999999; | |
| color: #F9F9F9; | |
| padding: .25rem .5rem; | |
| font-size: .75rem; | |
| border-radius: .125rem; | |
| border: none; | |
| cursor: pointer; | |
| -webkit-transition: all .2s ease; | |
| transition: all .2s ease; | |
| } | |
| .search_button input:hover, | |
| .search_button input:focus { | |
| background-color: #4F4F4F; | |
| outline: none; | |
| } | |
| #tag_cloud { | |
| margin-top: 1.25rem; | |
| } | |
| #tag_cloud_header { | |
| color: #999999; | |
| font-size: .875rem; | |
| padding-bottom: 2.25rem; | |
| } | |
| #tag_cloud_header p { | |
| margin: 0; | |
| } | |
| #tag_cloud_header a, | |
| #tag_cloud a.tag_heading_selected { | |
| color: #999999 !important; | |
| } | |
| #tag_cloud_header a:hover, | |
| #tag_cloud_header a:focus, | |
| .tag_table a.tag { | |
| color: #4F4F4F !important; | |
| } | |
| #tag_cloud_header a.tag, | |
| .tag_table a.tag { | |
| background-color: transparent; | |
| padding: .25rem 0; | |
| } | |
| #tag_cloud_header a.tag, | |
| .tag_table a.tag:hover { | |
| color: #4F4F4F !important; | |
| } | |
| .tag_table { | |
| width: 100%; | |
| margin-right: 0; | |
| } | |
| @media( min-width: 768px) { | |
| .tag_table { | |
| width: 50%; | |
| padding-right: .75rem; | |
| } | |
| .tag_table + .tag_table { | |
| padding-right: 0; | |
| padding-left: .75rem; | |
| } | |
| } | |
| #bottom_next_prev, | |
| #per_page_picker { | |
| font-size: .875rem; | |
| } | |
| #per_page_picker a.per_page_selected { | |
| background-color: transparent; | |
| color: #4F4F4F; | |
| font-size: 1rem; | |
| } | |
| #footer { | |
| color: #4F4F4F; | |
| width: 100%; | |
| max-width: 1120px; | |
| padding-left: 1.25rem; | |
| padding-right: 1.25rem; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| #footer a { | |
| color: #999999; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment